diff --git a/.eleventyignore b/.eleventyignore new file mode 100644 index 0000000..b43bf86 --- /dev/null +++ b/.eleventyignore @@ -0,0 +1 @@ +README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..ffda7d1 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# mestizo.monster diff --git a/_includes/_footer.njk b/_includes/_footer.njk index aeb06e8..11213a2 100644 --- a/_includes/_footer.njk +++ b/_includes/_footer.njk @@ -1,23 +1,31 @@ diff --git a/_includes/base.njk b/_includes/base.njk index f71237c..9d0ea7c 100644 --- a/_includes/base.njk +++ b/_includes/base.njk @@ -7,10 +7,8 @@ -
- {% include "_header.njk" %} - {{ content | safe }} - {% include "_footer.njk" %} -
+ {% include "_header.njk" %} +
{{ content | safe }}
+ {% include "_footer.njk" %} diff --git a/_includes/navigation.njk b/_includes/navigation.njk deleted file mode 100644 index e69de29..0000000 diff --git a/_includes/post-list.njk b/_includes/post-list.njk index aaf8573..581f5c4 100644 --- a/_includes/post-list.njk +++ b/_includes/post-list.njk @@ -5,6 +5,10 @@ layout: base.njk {{ content | safe }} diff --git a/_includes/post.njk b/_includes/post.njk index a5d1abd..f25170e 100644 --- a/_includes/post.njk +++ b/_includes/post.njk @@ -3,14 +3,13 @@ layout: base.njk ---
-

{{ title }}

{{ description }}

{{ content | safe }}
diff --git a/about/index.md b/about/index.md index cada3b2..ed988bb 100644 --- a/about/index.md +++ b/about/index.md @@ -5,18 +5,17 @@ images: ["about/taco.png"] description: "but who is taco? and how much does it weigh?" --- -
-a smiling cartoon taco with little legs -
artwork by heyheymomo
-
- # {{ title }} +
+ a smiling mestizo person wearing a Mastodon t-shirt. +
+ **Daniel A. Gallegos**, also known as **"taco",** is a [full-stack software developer](https://en.wikipedia.org/wiki/Solution_stack) and [site reliability engineer](https://en.wikipedia.org/wiki/Site_reliability_engineering) who works with businesses, governments, [educators](https://web.archive.org/web/20230131144232/https://eberly.wvu.edu/news-events/eberly-news/2021/04/12/eberly-college-students-lead-gender-inclusivity-anti-racism-training-at-wvu), [non-profits](https://carrynaloxone.org/), and [startups](https://web.archive.org/web/20160901215818/https://devacademy.la/) to create digital solutions for your real-world problems, ranging from developing government enterprise applications 🖥️, to creating graphic assets for professional digital presence 🎨, to administering servers for harm reduction coalitions 🛠️. after spending over 15 years working with a variety of frontends, backends, deadends, software, hardware, various operating systems, and more, daniel is more than capable of handling whatever software or hardware problem you need solved. -Daniel has contributed to projects around the world, including developing enterprise software applications for the peruvian government 🇵🇪, creating on-brand graphic assets for multiple offices at west virginia university 🎓, redesigning an entire technical institute’s website, working as a hipaa-compliant system administrator for a harm reduction coalition 🧑‍⚕️, and managing hundreds of linux servers in the cloud daily 🐧. in addition to his extensive software development and system operations experience, daniel is a skilled technical writer, copywriter, graphic designer, and definitely doesn’t feel weird writing about himself in the third person. he’s a pro! 😉 +Daniel has contributed to projects of many shapes and sizes around the world, including developing enterprise software applications for the Peruvian government 🇵🇪, creating on-brand graphic assets for multiple offices at West Virginia University 🎓, redesigning an entire technical institute’s website 🧑‍🎨, working as a system administrator for nonprofits with diverse needs 🤓, and managing hundreds of linux servers in the cloud 🐧. in addition to his extensive software development and system operations experience, Daniel is a skilled technical writer, copywriter, graphic designer, and definitely doesn’t feel weird writing about himself in the third person. he’s a pro! 😉 Daniel holds a Bachelors in Multidisciplinary Studies (BMdS) from [West Virginia University](https://web.archive.org/web/20230728010055/https://lists.wvu.edu/graduation?county=&letter=--&name=&page=5&state=&term=fall&year=2021), which includes areas of study such as: @@ -27,4 +26,14 @@ Daniel holds a Bachelors in Multidisciplinary Studies (BMdS) from [West Virginia - 🏳️‍🌈 lgbtq+ studies - and other classes he took and just enjoyed, tbh -he currently works as a [site reliability engineer](https://en.wikipedia.org/wiki/Site_reliability_engineering) for some big healthcare corporation and as a [webmaster](https://en.wikipedia.org/wiki/Webmaster) for various nonprofit organizations. in his free time, daniel likes tinkering with linux server administration and self-hosting technologies to better his life and the lives of those around him. as it is with most folks, daniel’s opinions are his own and do not represent the views of his employer(s). +he currently works as a [site reliability engineer](https://en.wikipedia.org/wiki/Site_reliability_engineering) for some big healthcare corporation and as a [webmaster](https://en.wikipedia.org/wiki/Webmaster) for various nonprofit organizations. in his free time, Daniel likes tinkering with linux server administration and self-hosting technologies to better his life and the lives of those around him. as it is with most folks, Daniel’s opinions are his own and do not represent the views of his employer(s). + +# colophon + +`mestizo.monster` is built with: + +- [Markdown](https://commonmark.org/) +- [Eleventy](https://github.com/11ty/eleventy/) +- [Martian Grotesk](https://github.com/evilmartians/grotesk) - released under the [Open Font License (OFL v1.1)](https://openfontlicense.org/) +- [VT323](https://github.com/phoikoi/VT323) - released under the [Open Font License (OFL v1.1)](https://openfontlicense.org/) +- and support from readers like you. thank you! diff --git a/about/taco.png b/about/taco.png deleted file mode 100644 index 5671e2a..0000000 Binary files a/about/taco.png and /dev/null differ diff --git a/assets/css/colors.css b/assets/css/colors.css index e69de29..96cd624 100644 --- a/assets/css/colors.css +++ b/assets/css/colors.css @@ -0,0 +1,96 @@ +:root { + --color-green: #99cc66; + --color-dark-green: #2d3d1e; + --color-light-orange: #ff9900; + --color-orange: #cc6600; + --color-brown: #663300; + --color-dark-brown: #281400; + --color-purple: #9966cc; + --color-dark-purple: #330033; + --color-gray: #fefefe; + --color-black: #000000; +} + +blockquote { + background-color: rgb(0 0 0 / 10%); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--color-brown); +} + +body { + background-color: var(--color-green); +} + +main { + background-color: var(--color-gray); +} + +nav { + background-color: var(--color-gray); + color: var(--color-brown); +} + +footer { + p { + font-size: 1.1em; + color: var(--color-dark-purple); + } +} + +a { + color: var(--color-orange); +} + +a:visited { + color: var(--color-brown); +} + +@media (prefers-color-scheme: dark) { + body { + background-color: var(--color-dark-green); + color: var(--color-gray); + } + + main { + background-color: var(--color-dark-brown); + } + + nav { + background-color: var(--color-dark-brown); + } + + h1, + h2, + h3, + h4, + h5, + h6 { + color: var(--color-light-orange); + } + + blockquote { + background-color: rgb(255 255 255 / 10%); + } + + a { + color: var(--color-light-orange); + } + + a:visited { + color: var(--color-orange); + } + + footer { + p { + font-size: 1.1em; + color: var(--color-dark-purple); + } + } +} diff --git a/assets/css/fonts.css b/assets/css/fonts.css index b90f7ef..e79e1e8 100644 --- a/assets/css/fonts.css +++ b/assets/css/fonts.css @@ -1,29 +1,74 @@ @font-face { font-family: "VT323"; + font-display: swap; src: url("/fonts/VT323.woff2") format("woff2"); } + @font-face { - font-family: "Martian Grotesk"; + font-family: "Martian Grotesk Standard Light"; font-display: swap; src: url("/fonts/MartianGrotesk-StdLt.woff2") format("woff2"); font-weight: 300; font-stretch: 100%; } +@font-face { + font-family: "Martian Grotesk Standard Medium"; + font-display: swap; + src: url("/fonts/MartianGrotesk-StdMd.woff2") format("woff2"); + font-weight: 500; + font-stretch: 100%; +} + +@font-face { + font-family: "Martian Mono Standard Regular"; + font-display: swap; + src: url("/fonts/MartianMono-StdRg.woff2") format("woff2"); + font-weight: 400; + font-stretch: 100%; +} + h1, h2, h3, -h4 { +h4, +h5, +h6 { font-family: "VT323", monospace; font-weight: 400; font-style: normal; } -p, -ul, -li, -ol { - font-family: "Martian Grotesk"; - font-weight: 400; - font-style: normal; +h1 { + font-size: 2.75em; +} + +h2 { + font-size: 2.5em; +} + +h3 { + font-size: 2.25em; +} + +h4 { + font-size: 2em; +} + +* { + font-family: "Martian Grotesk Standard Light", sans-serif; +} + +a, +strong { + font-family: "Martian Grotesk Standard Medium", sans-serif; +} + +pre, +code { + font-family: "Martian Mono Standard Regular", monospace; +} + +em { + font-family: inherit; } diff --git a/assets/css/layout.css b/assets/css/layout.css index 83afd17..2e9a501 100644 --- a/assets/css/layout.css +++ b/assets/css/layout.css @@ -1,38 +1,71 @@ body { - display: grid; - place-items: center; + display: flex; + flex-direction: column; + margin: 0 auto; + padding-top: 1em; } main { + margin-top: 1em; padding: 1em; + width: 100%; + border-radius: 0.42em; } header { + width: 100%; display: flex; justify-content: start; align-content: center; img { - width: 4em; + width: 15%; } nav { + border-radius: 0.42em; width: 100%; display: flex; - padding-left: 1em; + padding: 0 1em; h1 { align-content: center; } ul { align-content: center; + padding-left: 0; li { font-size: 1.5em; - padding: 0.5em; + padding: 0.5em 0 0.5em 0.5em; list-style: none; display: inline-block; + a { + text-decoration: none; + } } } } } +main { + figure { + img { + margin: auto; + width: 420px; + border-radius: 0.42em; + } + figcaption { + text-align: center; + font-style: italic; + } + } +} + +article { + figure { + img { + width: 96%; + } + } +} + article { padding: 0.5em; hgroup { @@ -43,33 +76,63 @@ article { } } } +blockquote { + margin: 1em; + padding: 1em; + font-style: italic; + border-radius: 0.42em; +} + p { padding-top: 1em; padding-bottom: 1em; } footer { + padding-top: 1em; + font-size: 0.75em; display: flex; flex-direction: column; align-items: center; justify-content: center; + p { + padding: 0.5em; + } } @media only screen and (max-width: 576px) { main { - width: 100%; - } - nav { - display: flex; - h1 { - display: none; + figure { + img { + width: 69vw; + } + } + } + body { + width: 95%; + } + header { + justify-content: space-between; + nav { + padding: 0; + margin: 0; + h1 { + display: none; + padding: 0; + margin: 0; + } + ul { + padding-right: 1em; + } + display: flex; + width: auto; + justify-content: center; } - justify-content: flex-end; } } @media only screen and (min-width: 577px) and (max-width: 768px) { - main { + body { width: 80%; nav { justify-content: space-between; @@ -83,7 +146,7 @@ footer { } @media only screen and (min-width: 769px) and (max-width: 1024px) { - main { + body { width: 666px; nav { justify-content: space-between; @@ -97,7 +160,7 @@ footer { } @media only screen and (min-width: 1025px) and (max-width: 1440px) { - main { + body { width: 666px; nav { justify-content: space-between; @@ -111,7 +174,7 @@ footer { } @media only screen and (min-width: 1441px) { - main { + body { width: 666px; nav { justify-content: space-between; diff --git a/assets/fonts/MartianGrotesk-StdBd.woff2 b/assets/fonts/MartianGrotesk-StdBd.woff2 new file mode 100644 index 0000000..47eb5e4 Binary files /dev/null and b/assets/fonts/MartianGrotesk-StdBd.woff2 differ diff --git a/assets/fonts/MartianGrotesk-StdMd.woff2 b/assets/fonts/MartianGrotesk-StdMd.woff2 new file mode 100644 index 0000000..0dfcde2 Binary files /dev/null and b/assets/fonts/MartianGrotesk-StdMd.woff2 differ diff --git a/assets/fonts/MartianMono-StdRg.woff2 b/assets/fonts/MartianMono-StdRg.woff2 new file mode 100644 index 0000000..217e815 Binary files /dev/null and b/assets/fonts/MartianMono-StdRg.woff2 differ diff --git a/assets/img/taco.png b/assets/img/taco.png deleted file mode 100644 index 5671e2a..0000000 Binary files a/assets/img/taco.png and /dev/null differ diff --git a/assets/img/taco.svg b/assets/img/taco.svg index be03d39..78402af 100644 --- a/assets/img/taco.svg +++ b/assets/img/taco.svg @@ -1,43 +1,170 @@ - - - - - + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + diff --git a/assets/img/taco_irl.jpg b/assets/img/taco_irl.jpg new file mode 100644 index 0000000..589429f Binary files /dev/null and b/assets/img/taco_irl.jpg differ diff --git a/assets/img/wolf.svg b/assets/img/wolf.svg deleted file mode 100644 index 2e32def..0000000 --- a/assets/img/wolf.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/img/wolf_taco.svg b/assets/img/wolf_taco.svg deleted file mode 100644 index f1e6f17..0000000 --- a/assets/img/wolf_taco.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/index.md b/index.md index 3fe79fd..1b22fe3 100644 --- a/index.md +++ b/index.md @@ -8,10 +8,13 @@ the [wedsite](https://homestar.wiki/wiki/Homestar_Runner%27s_Website) of # daniel a. gallegos -> pronouns: **he/him** or **they/them** -> -> also known as: taco, takouhai +| | | +| -------------- | ------------------------------- | +| pronouns: | **`he/him`** or **`they/them`** | +| also known as: | `taco`, `takouhai` | - 🔮 code alchemist. - ⭐ digital storyteller. - 💚 mestizo monster. + +check out [posts i've written](/posts) or [who the heck i am](/about). diff --git a/posts/index.md b/posts/index.md index 542a684..700f261 100644 --- a/posts/index.md +++ b/posts/index.md @@ -4,4 +4,6 @@ layout: post-list.njk tags: nav --- -posts i done gone and wrote +# {{title}} + +blog posts i done gone and wrote all by my lonesome diff --git a/posts/letting-myself-relax.md b/posts/letting-myself-relax.md index 4bbb910..cfa1ccd 100644 --- a/posts/letting-myself-relax.md +++ b/posts/letting-myself-relax.md @@ -1,9 +1,9 @@ --- -title: letting myself relax +title: letting myself relax 😌 description: "the first post of many, i hope" layout: post.njk draft: false -date: 2026-04-09 +date: "2026-04-10" tags: post --- diff --git a/posts/moving-on-from-freenom/index.md b/posts/moving-on-from-freenom/index.md index 87206a8..b1e4d79 100644 --- a/posts/moving-on-from-freenom/index.md +++ b/posts/moving-on-from-freenom/index.md @@ -1,6 +1,6 @@ --- title: "moving on from freenom 👋" -date: 2023-10-06 +date: "2023-10-06" tags: post layout: post.njk draft: false @@ -75,7 +75,7 @@ There were a few T&Cs that I didn’t read closely when I signed up to Freenom I don’t remember the full death of `taco.ga` well; I can’t give you a proper ‘postmortem’. All I remember is that I was upset about it. They may have sent me an email “telling me” that they were taking it away, but I never saw it hit my inbox. It was a short, proper noun domain that I had started to depend on and they took it away from me. However, I now noticed that when I searched for `taco.ga` on their “free” registration site, it suddenly had a value attached to it instead of being “free”: ten bucks! Alright, it wasn’t _that_ expensive, but I had no money. I was a young teenager living in the middle of South America, at the time. **What** money? I was paywalled out of my own project. What gives? -### how “free” domains don’t turn out to be free +## how “free” domains don’t turn out to be free I’m sure you can see a strategy here. Freenom’s plan was the following: