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 `
+ ${label}
+
`;
+ });
+
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
- Name: Gil (he/they)
- Age: 25
- Creating: Software & games
- Writing: Poems, fiction, essays
- Previously: Studying electrical engineering, community organizing, student activism
- Building: Ogra.ph Collective
+- Name: Gil (he/they)
+- Age: 25
+- Creating: Software & games
+- Writing: Poems, fiction, essays
+- Previously: Studying electrical engineering, community organizing, student activism
+- Building: Ogra.ph Collective
## Ogra.ph Collective