update theme

6 months ago · 59ce56460c
parent 546ffecaf1
commit 59ce56460c
2 changed files with 95 additions and 78 deletions
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,20 +1,15 @@
 <!DOCTYPE html>
 <html>
 {{partial "head" .}}
+
 <body>
-      {{partial "spritesheet" .}}
-      {{partial "header" .}}
+    {{partial "spritesheet" .}} {{partial "header" .}}
    <main>
        {{ if .Content}}
        <article>{{.Content}}</article>
        {{end}}
-
-      <div class="posts">
-        {{range .Site.RegularPages | first 3}}
-           {{partial "post" .}}
-        {{end}}
-     </div>
    </main>
    {{partial "footer" .}}
 </body>
+
 </html>
--- a/static/css/theme.css
+++ b/static/css/theme.css
@ -18,7 +18,6 @@ body {
        --theme-color-primary: rgb(0, 0, 0);
        --theme-color-secondary: white;
        --theme-accent: #1291e5;
-
    }
 }

@ -58,19 +57,17 @@ nav {
 nav>* {
    margin: 1rem;
    text-align: center;
-
 }
+
 nav a {
    text-decoration: none;
 }

-
@media screen and (orientation:portrait) {
    body {
        font-size: 20px;
        flex-direction: column;
    }
-
    header,
    footer {
        width: 100vw;
@ -84,7 +81,6 @@ nav a {
        justify-content: space-around;
        padding: 5px;
    }
-
    nav {
        flex-direction: row;
        justify-content: center;
@ -93,11 +89,11 @@ nav a {
    }
    main {
        max-width: unset;
-        width:95vw;
+        width: 100vw;
        align-items: center;
-        margin:5px;
+        margin: 0px;
+        padding: 0;
    }
-
 }

 svg {
@ -120,6 +116,7 @@ audio {
    max-width: 90%;
    max-height: 100%;
 }
+
 article img,
 article video,
 article iframe,
@ -127,13 +124,11 @@ article audio{
    margin: 15px;
 }

-
 iframe {
    width: 100%;
    height: 60vh;
 }

-
 .gallery img {
    margin: 1px;
 }
@ -157,9 +152,11 @@ iframe {
    max-width: 25vw;
    max-height: 20vw;
 }
+
 .image-container {
    overflow: hidden;
 }
+
 .image-container a {
    height: 100%;
 }
@ -168,13 +165,15 @@ iframe {
    max-height: 100%;
 }

+.image-container .caption {
+    width: fit-content;
+}
+
 .gallery>img {
    max-width: 600px;
    max-height: 400px;
 }

-
-
 .tag-list {
    display: flex;
    flex-direction: row;
@ -182,9 +181,11 @@ iframe {
    align-items: center;
    justify-content: space-evenly;
 }
+
 .tag-link {
    margin: 3px;
 }
+
 .tag-link:hover {
    color: var(--theme-color-secondary)
 }
@ -227,6 +228,10 @@ article h2 {
    text-align: left;
 }

+article ul {
+    margin: 0;
+}
+
 article .highlight {
    width: 100%;
    align-items: flex-start;
@ -237,7 +242,11 @@ article .highlight pre {
    text-align: left;
 }

-article h1 {}
+@media screen and (orientation:portrait) {
+    article {
+        max-width: 90vw;
+    }
+}

 .posts {
    display: flex;
@ -259,8 +268,7 @@ article h1 {}
    width: 360px;
 }

-.post>* {
-}
+.post>* {}

 .post h2 {
    text-align: center;
@ -272,6 +280,7 @@ article h1 {}
    background-size: contain;
    background-repeat: no-repeat;
 }
+
 .post-tags {
    max-width: 80%;
    display: flex;
@ -279,6 +288,7 @@ article h1 {}
    flex-wrap: wrap;
    font-size: 12px;
 }
+
 .post-tags a {
    margin: 2px;
 }
@ -293,7 +303,6 @@ article h1 {}
    background-color: transparent !important;
 }

-
 h3 {
    margin: 0;
 }
@ -304,7 +313,7 @@ hr{
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
-    max-width:95vw;
+    max-width: 80vw;
 }

 blockquote {
@ -312,15 +321,28 @@ blockquote {
    padding-left: 15px;
    width: 80%;
 }
+
 code {
    font-family: monospace;
    color: var(--theme-accent);
    white-space: break-spaces;
    word-wrap: normal;
 }
+
 article pre {
    width: 100%;
 }
+
 .footnotes {
    flex-direction: column;
 }
+
+button {
+    padding: 10px;
+    border-radius: 10px;
+    font-weight: bolder;
+    font-size: unset;
+    background-color: var(--theme-accent);
+    color: var(--theme-color-secondary);
+    border-color: var(--theme-accent);
+}