From c3798025c8e31838d80394c132f5241fee914b62 Mon Sep 17 00:00:00 2001
From: gil <kalanggam@proton.me>
Date: Sun, 26 May 2024 11:01:17 -0500
Subject: [PATCH] Idk

---
 .eleventy.js                         |   6 ++++++
 src/css/global.css                   |  26 ++++++++++++++++++++------
 src/css/global.css.map               |   2 +-
 src/css/global.scss                  |  26 ++++++++++++++++++--------
 src/img/{gba_gil.png => gba-gil.png} | Bin
 src/index.md                         |  12 ++++++------
 6 files changed, 51 insertions(+), 21 deletions(-)
 rename src/img/{gba_gil.png => gba-gil.png} (100%)

diff --git a/.eleventy.js b/.eleventy.js
index 7ef8f34..74565d5 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -13,6 +13,12 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy("./src/img");
   eleventyConfig.addWatchTarget("./src/css");
 
+  eleventyConfig.addShortcode("sigil", function (name, label) {
+    return `<h3 class="sigil">
+    ${label}<img src="img/sigil-${name}.png" />
+    </h3>`;
+  });
+
   return {
     dir: {
       input: "src",
diff --git a/src/css/global.css b/src/css/global.css
index 396fa43..2b4ced4 100644
--- a/src/css/global.css
+++ b/src/css/global.css
@@ -48,6 +48,15 @@ body {
   background: rgba(160, 47, 111, 0.25);
 }
 
+h1, h2, h3, h4, h5, h6 {
+  text-align: center;
+}
+@media screen and (min-width: 600px) {
+  h1, h2, h3, h4, h5, h6 {
+    text-align: left;
+  }
+}
+
 h1 {
   font-size: 3rem;
 }
@@ -56,6 +65,10 @@ h2 {
   font-size: 2.5rem;
 }
 
+h3 {
+  font-size: 2rem;
+}
+
 main,
 article {
   padding: 1em;
@@ -139,13 +152,14 @@ header > :last-child {
   }
 }
 
-img {
-  image-rendering: crisp-edges;
+.sigil {
+  display: block;
 }
-
-img.sigil {
-  display: inline;
-  vertical-align: sub;
+@media screen and (min-width: 600px) {
+  .sigil {
+    display: inline;
+    vertical-align: text-bottom;
+  }
 }
 
 /*# sourceMappingURL=global.css.map */
diff --git a/src/css/global.css.map b/src/css/global.css.map
index fc39295..f72ebf8 100644
--- a/src/css/global.css.map
+++ b/src/css/global.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7FA;EDwFF;IAOI;IACA;;;;AAIJ;EACE;;;AAGF;EACE;EACA","file":"global.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;ACfA;EDcF;IAGI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvCG;EAwCH;EACA;EACA;EACA,kBF7BM;EE8BN;;ACzCA;EDiCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFzBU;EE0BV;;;AAGF;AAAA;EAEE,kBAhES;;;AAmEX;AAAA;AAAA;EAGE;EACA,OF9BY;EE+BZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACxGA;EDmGF;IAOI;IACA;;;;AAIJ;EACE;;AChHA;ED+GF;IAGI;IACA","file":"global.css"}
\ No newline at end of file
diff --git a/src/css/global.scss b/src/css/global.scss
index 17c71ac..56ec5d8 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -25,6 +25,13 @@ body {
   background: $bg-highlight;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  text-align: center;
+  @include breakpoint("sm") {
+    text-align: left;
+  }
+}
+
 h1 {
   font-size: 3rem;
 }
@@ -33,6 +40,10 @@ h2 {
   font-size: 2.5rem;
 }
 
+h3 {
+  font-size: 2rem;
+}
+
 main,
 article {
   padding: 1em;
@@ -111,11 +122,10 @@ header > :last-child {
   }
 }
 
-img {
-  image-rendering: crisp-edges;
-}
-
-img.sigil {
-  display: inline;
-  vertical-align: sub;
-}
+.sigil {
+  display: block;
+  @include breakpoint("sm") {
+    display: inline;
+    vertical-align: text-bottom;
+  }
+}
\ No newline at end of file
diff --git a/src/img/gba_gil.png b/src/img/gba-gil.png
similarity index 100%
rename from src/img/gba_gil.png
rename to src/img/gba-gil.png
diff --git a/src/index.md b/src/index.md
index d5d8dc1..3413117 100644
--- a/src/index.md
+++ b/src/index.md
@@ -7,12 +7,12 @@ date: Last Modified
 
 # About me
 
-<img src="img/sigil-ngalan.png" class="sigil" /> Name: Gil (he/they)  
-<img src="img/sigil-taon.png" class="sigil" /> Age: 25  
-<img src="img/sigil-likhain.png" class="sigil" /> Creating: Software & games  
-<img src="img/sigil-sulatin.png" class="sigil" /> Writing: Poems, fiction, essays  
-<img src="img/sigil-datirati.png" class="sigil" /> Previously: Studying electrical engineering, community organizing, student activism  
-<img src="img/sigil-itayo.png" class="sigil" /> Building: Ogra.ph Collective
+- <img src="img/sigil-ngalan.png" class="sigil" /> Name: Gil (he/they)  
+- <img src="img/sigil-taon.png" class="sigil" /> Age: 25  
+- <img src="img/sigil-likhain.png" class="sigil" /> Creating: Software & games  
+- <img src="img/sigil-sulatin.png" class="sigil" /> Writing: Poems, fiction, essays  
+- <img src="img/sigil-datirati.png" class="sigil" /> Previously: Studying electrical engineering, community organizing, student activism  
+- <img src="img/sigil-itayo.png" class="sigil" /> Building: Ogra.ph Collective
 
 ## Ogra.ph Collective