update: stylesheets and layouts

proxyerium · proxyerium · commit 01c1920e4de2 · 2024-10-13T12:41:36.000+08:00
and some misc
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 public/
+.vscode/
 *.lock
diff --git a/assets/css/article.css b/assets/css/article.css
@@ -11,7 +11,6 @@
 
 #article-content {
     margin: 1rem 20vw 0 2vw;
-    overflow: auto;
 
     img {
         max-width: 100%;
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -33,3 +33,14 @@
 
     font-size: 1.2rem;
 }
+
+#home-toolbar {
+    margin: 4rem 1rem;
+
+    grid-column: 1 / span 2;
+    justify-self: center;
+
+    input[type="button"] {
+        background-color: #111111;
+    }
+}
diff --git a/assets/css/list.css b/assets/css/list.css
@@ -2,7 +2,9 @@
     margin: 1rem auto;
     min-height: fit-content;
 }
-
+#list-title {
+    padding-left: 1rem;
+}
 #list-articles {
     padding: 2rem;
     overflow: auto;
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -24,19 +24,19 @@ a {
 #app-container {
     display: flex;
     flex-direction: column;
+
+    overflow: auto;
 }
 #app-main {
     display: grid;
-    justify-content: center;
-    &:has(.home) {
-        align-content: center;
-    }   align-content: start;
-    justify-items: center;
+    grid-template-columns: 30% 20%;
+
+    place-content: center;
+    place-items: center;
 }
 #app-footer {
     justify-self: end;
     background-color: rgba(30, 141, 210, 0.343);
-    width: 100vw;
 
     text-align: center;
     margin-top: auto;
diff --git a/content/posts/_index.md b/content/posts/_index.md
@@ -1,3 +1,4 @@
 ---
 title: 'posts'
+weight: 2
 ---
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
     <div id="list-navbar">
         <a href=".."><- back</a>
-        <h3>posts</h3>
     </div>
+    <h2 id="list-title">{{ .Page.Title }}</h2>
     <ul id="list-articles">
         {{ range .Pages.ByDate.Reverse }}
             <li>
diff --git a/layouts/index.html b/layouts/index.html
@@ -1,20 +1,26 @@
 {{ define "main" }}
 <main id="app-main">
 
-    <div id="home-bio" class="home">
-        <h1> ~$ proxyerium</h1>
+    <div id="home-bio">
+        <div>
+            <h1>~$ proxyerium</h1>
+        </div>
+
+        <nav>
+            {{ range .Page.Params.links }}
+                <a href="{{ .url }}">{{ .name }}</a>
+            {{ end }}
+        </nav>
     </div>
 
-    <div id="home-linkbar" class="home">
-        {{ range $media,$link := .Page.Params.links }}
-            <a href="{{ $link }}">{{ $media }}</a>
+    <div id="home-navbar">
+        {{ range .Site.Sections.ByWeight }}
+            <a href="{{ .RelPermalink }}">::{{ .Title }} -></a>
         {{ end }}
     </div>
 
-    <div id="home-navbar" class="home">
-        {{ range .Site.Sections }}
-            <a href="{{ .RelPermalink }}">:: {{ .Title }} -></a>
-        {{ end }}
+    <div id="home-toolbar">
+        <input id="button-theme" type="button" value="theme">
     </div>
 </main>
 

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`public/`
	`2`	`+.vscode/`
`2`	`3`	`*.lock`
-Original file line number
+Diff line change
@@ @@ -1,3 +1,4 @@ @@
 ---
 title: 'posts'
 +weight: 2
 ---