Nest media queries into CSS

This commit is contained in:
Isaac Mills 2025-07-14 08:57:17 -06:00
parent 76b9d66ae7
commit 09f8eda192
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
6 changed files with 219 additions and 111 deletions

View file

@ -65,48 +65,52 @@
Step on it, Richard!
</x-blockquote>
</fill:subtitle>
<fill:description>
<markdown>
I love everything from making distributed systems, to physically building them. I'm in my element when I'm
making software with Python, and deploying it via Docker.
</markdown>
</fill:description>
<!-- <fill:description> -->
<!-- <markdown> -->
<!-- I love everything from making distributed systems, to physically building them. I'm in my element when I'm -->
<!-- making software with Python, and deploying it via Docker. -->
<!-- </markdown> -->
<!-- </fill:description> -->
</x-project>
<!-- <x-project id="gunnar"> -->
<!-- <fill:img> -->
<!-- <img src="/assets/gunnar.jpg" class="person"> -->
<!-- </fill:img> -->
<!-- <fill:title> -->
<!-- <markdown> -->
<!-- # Gunnar Huscroft -->
<!-- </markdown> -->
<!-- <x-link href="projects.html" show="c0re"> -->
<!-- <markdown> -->
<!-- #### CEO of c0re (same thing) -->
<!-- </markdown> -->
<!-- </x-link> -->
<!-- </fill:title> -->
<!-- <fill:links> -->
<!-- <x-link.github href="Ghussy"></x-link.github> -->
<!-- <x-link.website href="https://churchofjesuschrist.org/" referencing="Gunnar"></x-link.website> -->
<!-- <x-link.youtube href="UCApj2bfCQRDWym4684z2TXQ"></x-link.youtube> -->
<!-- <x-link.linkedin href="gunnarhuscroft"></x-link.linkedin> -->
<!-- <x-link.x href="ChEEEky_SCRUB"></x-link.x> -->
<!-- </fill:links> -->
<!-- <fill:subtitle> -->
<!-- <x-blockquote cite="C.S. Lewis"> -->
<!-- Nothing but the courage and unselfishness of individuals is ever going to make any system work properly -->
<!-- </x-blockquote> -->
<!-- </fill:subtitle> -->
<!-- <fill:description> -->
<!-- <markdown> -->
<!-- Some people believe in test-driven development, or compiler-driven development. But I believe in values-driven -->
<!-- development. My passion lies in using my skills to help lift other people up, and leave the world better than I -->
<!-- found it. -->
<!-- </markdown> -->
<!-- </fill:description> -->
<!-- </x-project> -->
<x-project id="khayden">
<x-project id="gunnar">
<fill:img>
<img src="/assets/gunnar.jpg" class="person">
</fill:img>
<fill:title>
<markdown>
# Gunnar Huscroft
</markdown>
<x-link href="projects.html" show="c0re">
<markdown>
#### CEO of c0re (same thing)
</markdown>
</x-link>
</fill:title>
<fill:links>
<x-link.github href="Ghussy"></x-link.github>
<!-- <x-link.website href="https://churchofjesuschrist.org/" referencing="Gunnar"></x-link.website> -->
<x-link.youtube href="UCApj2bfCQRDWym4684z2TXQ"></x-link.youtube>
<x-link.linkedin href="gunnarhuscroft"></x-link.linkedin>
<x-link.x href="ChEEEky_SCRUB"></x-link.x>
<x-link.instagram href=""></x-link.instagram>
</fill:links>
<fill:subtitle>
<x-blockquote cite="C.S. Lewis">
Nothing but the courage and unselfishness of individuals is ever going to make any system work properly
</x-blockquote>
<!-- <x-blockquote cite="Gunnar"> -->
<!-- Placeholder -->
<!-- </x-blockquote> -->
</fill:subtitle>
<!-- <fill:description> -->
<!-- <markdown> -->
<!-- Some people believe in test-driven development, or compiler-driven development. But I believe in values-driven -->
<!-- development. My passion lies in using my skills to help lift other people up, and leave the world better than I -->
<!-- found it. -->
<!-- </markdown> -->
<!-- </fill:description> -->
</x-project>
<x-project class="project-alt" id="khayden">
<fill:img>
<img src="/assets/khayden.jpg" class="person">
</fill:img>
@ -130,13 +134,13 @@
You only live once, die trying
</x-blockquote>
</fill:subtitle>
<fill:description>
<markdown>
Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️
</markdown>
</fill:description>
<!-- <fill:description> -->
<!-- <markdown> -->
<!-- Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️ -->
<!-- </markdown> -->
<!-- </fill:description> -->
</x-project>
<x-project class="project-alt" id="isaac">
<x-project id="isaac">
<fill:img>
<img src="/assets/isaac.jpg" class="person">
</fill:img>
@ -161,12 +165,12 @@
Pog
</x-blockquote>
</fill:subtitle>
<fill:description>
<markdown>
I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems!
Ever since I was 7, my specialization has always been in looking for problems to solve, and working with people
to solve them.
</markdown>
</fill:description>
<!-- <fill:description> -->
<!-- <markdown> -->
<!-- I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems! -->
<!-- Ever since I was 7, my specialization has always been in looking for problems to solve, and working with people -->
<!-- to solve them. -->
<!-- </markdown> -->
<!-- </fill:description> -->
</x-project>
</x-tab.content>