From e4581f12339d9fc141100da815408676d22162be Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Wed, 28 Dec 2022 18:31:39 +0800
Subject: Style: category icons on homepage

---
 alabaster-lite/css/alabaster.css   | 70 +++++++++++++++++++++++++++++++++++---
 alabaster-lite/main.html           |  2 +-
 alabaster-lite/sidebars/about.html |  9 +++--
 3 files changed, 73 insertions(+), 8 deletions(-)

(limited to 'alabaster-lite')

diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css
index 89eae81..804746d 100644
--- a/alabaster-lite/css/alabaster.css
+++ b/alabaster-lite/css/alabaster.css
@@ -1,4 +1,7 @@
-/* This file used to import a css called basic.css, but the latter is fused into L584 now */
+/*
+ * This file used to import a css called basic.css,
+ * but the latter is fused in this file
+ */
 
 /* -- page layout ----------------------------------------------------------- */
 
@@ -465,9 +468,6 @@ a:hover tt, a:hover code {
     .github {
         display: none;
     }
-
-
-
 }
 
 
@@ -572,6 +572,68 @@ nav li.active:not(.inactive) > a {
     color: #000;
 }
 
+/*
+ * Custom home page for fkfd.me
+ * Created on 2022-12-28
+ */
+
+div .home-block-container {
+	display: grid;
+	gap: 20px;
+	grid-template-columns: 320px 320px;
+}
+
+@media screen and (max-width: 870px) {
+	div .home-block-container {
+		display: grid;
+		gap: 20px;
+		/* one column only on narrow screens */
+		grid-template-columns: 320px;
+	}
+}
+
+div .home-block {
+	display: block;
+	width: 320px;
+	height: 120px;
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+div .home-block > span {
+	position: absolute;
+	margin-left: 150px;
+	margin-top: 40px;
+	color: white;
+	font-size: 1.5em;
+	font-variant-caps: small-caps;
+}
+
+#category-projects {
+	background-image: url("../img/icons/projects.png");
+}
+
+#category-random {
+	background-image: url("../img/icons/random.png");
+}
+
+#category-shitpost {
+	background-image: url("../img/icons/shitpost.png");
+}
+
+#category-ta {
+	background-image: url("../img/icons/ta.png");
+}
+
+#category-ham {
+	background-image: url("../img/icons/ham.png");
+}
+
+#category-comics {
+	background-image: url("../img/icons/comics.png");
+}
+
+
 /*
  * basic.css
  * ~~~~~~~~~
diff --git a/alabaster-lite/main.html b/alabaster-lite/main.html
index 9d288c8..c6ec757 100644
--- a/alabaster-lite/main.html
+++ b/alabaster-lite/main.html
@@ -13,7 +13,7 @@
       <link href="{{ path }}" rel="stylesheet">
     {% endfor %}
 
-    <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9">
+    <meta name="viewport" content="width=device-width, initial-scale=0.9">
 
     {% block extrahead %}{% endblock %}
 
diff --git a/alabaster-lite/sidebars/about.html b/alabaster-lite/sidebars/about.html
index 674dab4..89de15b 100644
--- a/alabaster-lite/sidebars/about.html
+++ b/alabaster-lite/sidebars/about.html
@@ -11,6 +11,9 @@
   <h1 class="logo"><a href="{{nav.homepage.url|url}}">{{ config.site_name }}</a></h1>
 {% endif %}
 
-{% if config.site_description %}
-  <p class="blurb">{{ config.site_description }}</p>
-{% endif %}
+<p class="blurb">This is technically a blog.</p>
+
+<ul>
+	<li><a href="/about">About Me</a></li>
+	<li><a href="/feed/atom.xml">Atom Feed</a></li>
+</ul>
-- 
cgit v1.2.3