site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Have the landing page working on mobile/small screens using the oh so intuitive 'sm which actually means bigger than sm so not sm' thing in tailwind. Larger screens are still a problem.

Browse source
This commit is contained in:
Zed A. Shaw 2025-09-16 00:51:55 -04:00
parent a2f9660d81
commit 4b18e24f1b
3 changed files with 82 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

54
pages/index.html
View file

@ -6,12 +6,12 @@
</shape>
</div>
<block class="bg-gray-300 dark:bg-gray-800" data-testid="clickblock">
<p class="text-xl">Hi, my name is Zed and this i where I post things about my games that I'm making.</p>
</block>
<aside data-testid="clickblock">
<p>Hi, my name is Zed and this i where I post things about my games that I'm making.</p>
</aside>
<block>
<grid class="grid-cols-2">
<grid class="two-panel">
<img src="/images/buckaroo_bonzai.png" />
<block>
<h3>I stream on Twitch.</h3>
@ -23,29 +23,29 @@
</grid>
</block>
<block class="bg-gray-300 dark:bg-gray-800">
<p class="text-xl">In the year 2025 I decided to finally take all of my skills and apply them tothe challenge of creating games. I figured, "Hey, games are nothing more than paintings and music with code attached. How hard could it be?" Turns out, not only is it challenging but it's <b>fun</b>.</p>
</block>
<aside>
<p>In the year 2025 I decided to finally take all of my skills and apply them to the challenge of creating games. I figured, "Hey, games are nothing more than paintings and music with code attached. How hard could it be?" Turns out, not only is it challenging but it's <b>fun</b>.</p>
</aside>
<block>
<grid class="grid-cols-2">
<block>
<h2>Play My Games</h2>
<p>Are you a fan of retro styled jank but fun games? Me too, so here's my games I've made with that theme. Think "it's the late 80s and nobody knows how to make a game" when you play these and you'll enjoy every minute of it. Hopefully.</p>
<grid class="two-panel">
<block>
<h2>Play My Games</h2>
<p>Are you a fan of retro styled jank but fun games? Me too, so here's my games I've made with that theme. Think "it's the late 80s and nobody knows how to make a game" when you play these and you'll enjoy every minute of it. Hopefully.</p>
<a href="/game/"><button style="--value: 2; --text: 9">Play my Games</button></a>
</block>
<a href="/game/"><button style="--value: 2; --text: 9">Play my Games</button></a>
</block>
<img src="/images/rat_king_emote.gif" />
<img src="/images/rat_king_emote.gif" />
</grid>
</block>
<block class="bg-gray-300 dark:bg-gray-800">
<p class="text-xl">I try to share all of my code online for people to review. Some of it is open source, but other projects are simply copyright. You're can view and play them if they're published here. I treat programming as a form of self-expression similar to my painting and writing. Given that <a href="https://en.wikipedia.org/wiki/Bernstein_v._United_States">code is speech according to the Supreme Court</a> then I am allowed to publish my code without a license in the same way that I publish my blog posts and paintings without a license.</p>
</block>
<aside>
<p>I try to share all of my code online for people to review. Some of it is open source, but other projects are simply copyright. You're can view and play them if they're published here. I treat programming as a form of self-expression similar to my painting and writing. Given that <a href="https://en.wikipedia.org/wiki/Bernstein_v._United_States">code is speech according to the Supreme Court</a> then I am allowed to publish my code without a license in the same way that I publish my blog posts and paintings without a license.</p>
</aside>
<block>
<grid class="grid-cols-2">
<grid class="two-panel">
<img src="/images/vim_window_clip.jpg" />
<block>
<h2>Checkout my Git</h2>
@ -56,22 +56,22 @@
</grid>
</block>
<block class="bg-gray-300 dark:bg-gray-800">
<aside>
<h2 class="!text-3xl">Contact Me</h2>
<p>If you'd like to contact me about what you see here then email me at <a href="mailto:help@learncodethehardway.com">help@learncodethehardway.com</a>. It might take me about a day to respond.
</p>
</block>
</aside>
<block>
<grid class="grid-cols-2">
<div>
<h2>I Like to Paint</h2>
<p>All of the art in my games is original paintings that I process with a bunch of jank imagemagick scripts to give it that "80s/90s retro" look. I frequently do paintings live on Twitch, and I post most of the art here as well.</p>
<grid class="two-panel">
<block>
<h2>I Like to Paint</h2>
<p>All of the art in my games is original paintings that I process with a bunch of jank imagemagick scripts to give it that "80s/90s retro" look. I frequently do paintings live on Twitch, and I post most of the art here as well.</p>
<a href="/game/"><button style="--value: 2; --text: 9">View my Art</button></a>
</div>
<a href="/game/"><button style="--value: 2; --text: 9">View my Art</button></a>
</block>
<img src="/images/Hawaii_Truck.jpg" />
<img src="/images/Hawaii_Truck.jpg" />
</grid>
</block>