From 2901a05633fd75634d43147bfc61c5fb2a802f5e Mon Sep 17 00:00:00 2001
From: yequari <yequari@32bit.cafe>
Date: Fri, 2 Aug 2024 21:55:34 -0700
Subject: [PATCH] update layout and colors

---
 content/_index.md                             |  5 +-
 layouts/index.html                            | 41 +++++++----------
 layouts/partials/index-article-recs.html      |  1 +
 layouts/partials/index-latest-blogs.html      |  9 ++++
 layouts/partials/index-link-banners.html      | 12 +++++
 layouts/partials/index-now.html               |  6 +++
 .../{social.html => index-socials.html}       |  1 +
 layouts/partials/sidebar.html                 |  2 +-
 static/css/custom.css                         | 46 ++++++++++++-------
 9 files changed, 79 insertions(+), 44 deletions(-)
 create mode 100644 layouts/partials/index-article-recs.html
 create mode 100644 layouts/partials/index-latest-blogs.html
 create mode 100644 layouts/partials/index-link-banners.html
 create mode 100644 layouts/partials/index-now.html
 rename layouts/partials/{social.html => index-socials.html} (95%)

diff --git a/content/_index.md b/content/_index.md
index f4e0a2e..d7081e9 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,6 +1,7 @@
 ---
 title: yequari.com
 ---
-# Back at it again, for the very first time
 
-Welcome to my homepage! I like to program and tinker with computers. My other hobbies include video games, tabletop RPGs, and collecting Transformers figures. On this site I like to write about the web, games, and random thoughts I have. I also publish my notes on various topics. 
+# Hello
+
+Welcome to my homepage! I program and tinker with computers. This site is a collection of notes, ramblings, things I like, and more. My hobbies include video games, TTRPGs, and collecting Transformers figures. 
diff --git a/layouts/index.html b/layouts/index.html
index fad2158..0e4367f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,29 +1,20 @@
 {{ define "main" }}
 <div class="index-wrapper">
-<div class="box index-status">
-</div>
-<div class="box index-content">
-    {{ .Content }}
-</div>
-<div class="box index-blog">
-    <h3>Latest Blog Posts</h3>
-    <ul>
-    {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Section" "blog") }}
-        <li><a class="title u-url p-name" href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-    {{ end }}
-    </ul>
-</div>
-<div class="box index-social">
-    <h3>Social</h3>
-    {{- partial "social.html" . -}}
-</div>
-<div class="box index-banners">
-    <h3>Check Out These Sites</h3>
-    <a href="/links">More Links</a>
-</div>
-<div class="box index-recent">
-    <h3>What I'm Up To</h3>
-    <a href="/now">See More</a>
-</div>
+    <div class="box index-content">
+        {{ .Content }}
+    </div>
+    <div class="box index-blog">
+        {{- partial "index-latest-blogs.html" . -}}
+    </div>
+    <div class="box index-social">
+        {{- partial "index-socials.html" . -}}
+    </div>
+    <!-- <div class="box index-banners"> -->
+    <!-- </div> -->
+    <div class="box index-recent">
+        {{- partial "index-now.html" . -}}
+    </div>
+    <!-- <div class="box index-bookmarks"> -->
+    <!-- </div> -->
 </div>
 {{ end }}
diff --git a/layouts/partials/index-article-recs.html b/layouts/partials/index-article-recs.html
new file mode 100644
index 0000000..ca14c44
--- /dev/null
+++ b/layouts/partials/index-article-recs.html
@@ -0,0 +1 @@
+<h3>Read These Articles</h3>
diff --git a/layouts/partials/index-latest-blogs.html b/layouts/partials/index-latest-blogs.html
new file mode 100644
index 0000000..720b32b
--- /dev/null
+++ b/layouts/partials/index-latest-blogs.html
@@ -0,0 +1,9 @@
+<h3>Latest Blog Posts</h3>
+<ul>
+    {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Section" "blog") }}
+    <li>
+        <time class="dt-published" datetime="{{ .PublishDate }}">{{ .PublishDate.Format "1/2/06" }}</time>
+        <a class="title u-url p-name" href="{{ .RelPermalink }}">{{ .Title }}</a>
+    </li>
+    {{ end }}
+</ul>
diff --git a/layouts/partials/index-link-banners.html b/layouts/partials/index-link-banners.html
new file mode 100644
index 0000000..254234f
--- /dev/null
+++ b/layouts/partials/index-link-banners.html
@@ -0,0 +1,12 @@
+<h3>Check Out These Sites</h3>
+<div id="index-links">
+    <a href="#"><img src="/images/link-banners/manatee_banner2.png"></a>
+    <a href="#"><img src="/images/link-banners/isthisloss.png"></a>
+    <a href="#"><img src="/images/link-banners/iusearchbtw.png"></a>
+    <a href="#"><img src="/images/link-banners/poweredbymozilla.png"></a>
+    <a href="#"><img src="/images/link-banners/yqbanner.png"></a>
+    <a href="#"><img src="/images/link-banners/sendmeawebmention.png"></a>
+</div>
+<p>
+<a href="/links">/links</a> =&gt;
+</p>
diff --git a/layouts/partials/index-now.html b/layouts/partials/index-now.html
new file mode 100644
index 0000000..b14b528
--- /dev/null
+++ b/layouts/partials/index-now.html
@@ -0,0 +1,6 @@
+<h3>What I'm Up To</h3>
+<ul>
+    <li>Helping out at the <a href="https://32bit.cafe">32-Bit Cafe</a></li>
+    <li>Playing <strong>Zenless Zone Zero</strong></li>
+    <li>Learning C#</li>
+</ul>
diff --git a/layouts/partials/social.html b/layouts/partials/index-socials.html
similarity index 95%
rename from layouts/partials/social.html
rename to layouts/partials/index-socials.html
index 2ec2048..a42ab2f 100644
--- a/layouts/partials/social.html
+++ b/layouts/partials/index-socials.html
@@ -1,3 +1,4 @@
+<h3>Socials</h3>
 <ul class="social">
     {{ range site.Menus.social }}
     <li class="social">
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 746440f..cc8d043 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -15,7 +15,7 @@
     </section>
     <section>
         <!-- <h1>Social</h1> -->
-        {{ partial "social.html" .}}
+        {{ partial "index-socials.html" .}}
     </section>
     <!-- <section> -->
     <!--     <h1>Quote of the Day</h1> -->
diff --git a/static/css/custom.css b/static/css/custom.css
index 0740436..e2cec13 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -72,9 +72,8 @@
 
 .index-wrapper {
     display: grid;
-    grid-template-columns: repeat(5, 20% [col-start]);
-    grid-template-rows: repeat(5, 33% [row-start]);
-    column-gap: 0.5vw;
+    grid-template-columns: repeat(10, 10% [col-start]);
+    grid-template-rows: repeat(6, 33% [row-start]);
 }
 
 .box {
@@ -85,7 +84,7 @@
 
 .index-content {
     grid-row: 1 / 2;
-    grid-column: 2 / 5;
+    grid-column: 1 / span 6;
 }
 
 /* .index-status { */
@@ -96,38 +95,53 @@
 
 .index-social {
     grid-row: 2 / 3;
-    grid-column: 5 / 6;
+    grid-column: 9 / span 2;
 }
 
 .index-blog {
     grid-row: 2 / 3;
-    grid-column: 3 / 5;
+    grid-column: 5 / span 4;
 }
 
 .index-banners {
-    grid-row: 2 / 3;
-    grid-column: 1 / 3
+    grid-row: 3 / 4;
+    grid-column: 1 / span 5;
+}
+
+.index-recent {
+    grid-row: 1 / 2;
+    grid-column: 7 / span 4;
+}
+
+.index-bookmarks {
+    grid-row: 3 / 4;
+    grid-column: 6 / span 5;
 }
 
 @media only screen and (max-width: 700px) {
-    .index-content {
-        grid-row: 1 / 2;
+    .box {
         grid-column: 1 / 6;
     }
 
-    .index-status {
+    .index-content {
+        grid-row: 1 / 2;
+    }
+
+
+    .index-recent {
         grid-row: 2 / 3;
-        grid-column: 1 / 6;
+    }
+
+    .index-banners {
+        grid-row: 3 / 4;
     }
 
     .index-social {
-        grid-row: 3 / 4;
-        grid-column: 1 / 6;
+        grid-row: 4 / 5;
     }
 
     .index-blog {
-        grid-row: 4 / 5;
-        grid-column: 1 / 6;
+        grid-row: 5 / 6;
     }
 }