Just confirming that pages are not getting mangles.
This commit is contained in:
Zed A. Shaw
parent
9961915c8c
commit
7e48768e36
12 changed files with 287 additions and 533 deletions
|
|
@ -1,61 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" href="/global.css">
|
||||
<link rel="stylesheet" href="/color.css">
|
||||
<link rel="stylesheet" href="/blockstart.css">
|
||||
<title>ZedShaw's Game Thing</title>
|
||||
<script defer src="/js/alpine.js"></script>
|
||||
<script src="/js/code.js"></script>
|
||||
<script>
|
||||
let req = new GetJson("/api/game/1/index.json");
|
||||
</script>
|
||||
</head>
|
||||
<script>
|
||||
let req = new GetJson("/api/game/1/index.json");
|
||||
</script>
|
||||
|
||||
<body x-init="Game = await req.theData()" x-data="{Game: {}}">
|
||||
<header>
|
||||
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
|
||||
</header>
|
||||
<blockstart>
|
||||
<shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
|
||||
|
||||
<blockstart>
|
||||
<shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
|
||||
<block style="--value: 7">
|
||||
<h1 x-text="Game.title">Title</h1>
|
||||
|
||||
<block style="--value: 7">
|
||||
<h1 x-text="Game.title">Title</h1>
|
||||
<block class="horizontal">
|
||||
<shape style="--w: 200px; --h: 200px;">Some Image</shape>
|
||||
|
||||
<block class="horizontal">
|
||||
<shape style="--w: 200px; --h: 200px;">Some Image</shape>
|
||||
|
||||
<p x-text="Game.description">Description</p>
|
||||
</block>
|
||||
</block>
|
||||
<p x-text="Game.description">Description</p>
|
||||
</block>
|
||||
</block>
|
||||
|
||||
|
||||
<block>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
<block>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<block style="--value: 7;">
|
||||
<h2>Current Status</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
<block style="--value: 7;">
|
||||
<h2>Current Status</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<block>
|
||||
<h2>Planned Work</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
<block>
|
||||
<h2>Planned Work</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<block style="--value: 2; --text: 9">
|
||||
<h2>Read The Code</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
|
||||
</block>
|
||||
<block style="--value: 2; --text: 9">
|
||||
<h2>Read The Code</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
|
||||
</block>
|
||||
|
||||
</blockstart>
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</blockstart>
|
||||
|
|
|
|||
|
|
@ -1,76 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" href="/global.css">
|
||||
<link rel="stylesheet" href="/color.css">
|
||||
<link rel="stylesheet" href="/blockstart.css">
|
||||
<title>ZedShaw's Game Thing</title>
|
||||
<script defer src="/js/alpine.js"></script>
|
||||
<script src="/js/code.js"></script>
|
||||
<script>
|
||||
let Games = new GetJson("/api/game/index.json");
|
||||
</script>
|
||||
</head>
|
||||
<script>
|
||||
let Games = new GetJson("/api/game/index.json");
|
||||
</script>
|
||||
<blockstart>
|
||||
<block style="--w: 100%; --value: 7">
|
||||
<h1>Zed's Trash Ass Games</h1>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
|
||||
</header>
|
||||
<p>More fun than a barrel full of monkeys with syphilus.
|
||||
</p>
|
||||
</block>
|
||||
|
||||
<blockstart>
|
||||
<block style="--w: 100%; --value: 7">
|
||||
<h1>Zed's Trash Ass Games</h1>
|
||||
<hr/>
|
||||
<grid x-data="Games" style="--cols: 2">
|
||||
<template x-for="item in theData">
|
||||
<shape style="--h: 200px"><a x-text="item.title" x-bind:href="item.url"></a></shape>
|
||||
</template>
|
||||
</grid>
|
||||
|
||||
<p>More fun than a barrel full of monkeys with syphilus.
|
||||
</p>
|
||||
</block>
|
||||
<block>
|
||||
<h2>Planned Work</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<hr/>
|
||||
<grid x-data="Games" style="--cols: 2">
|
||||
<template x-for="item in theData">
|
||||
<shape style="--h: 200px"><a x-text="item.title" x-bind:href="item.url"></a></shape>
|
||||
</template>
|
||||
</grid>
|
||||
<block style="--value: 2; --text: 9">
|
||||
<h2>Read The Code</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
|
||||
</block>
|
||||
|
||||
<block style="--value: 7">
|
||||
<grid style="--cols: 2">
|
||||
<shape>Left Image</shape>
|
||||
<div>
|
||||
<h2>Checkout my Git</h2>
|
||||
<p>I put al of my code online for people to read and study. If you're curious about the code behind my games or anything else I make then take a look at my git. It's like a buffet of half-finished genius.</p>
|
||||
|
||||
<a href="https://git.learnjsthehardway.com"><button style="--value: 2; --text: 9">View my Git</button></a>
|
||||
</div>
|
||||
</grid>
|
||||
</block>
|
||||
|
||||
|
||||
</blockstart>
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
x DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<block>
|
||||
<h2>Planned Work</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
</block>
|
||||
|
||||
<block style="--value: 2; --text: 9">
|
||||
<h2>Read The Code</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
|
||||
</block>
|
||||
|
||||
</blockstart>
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</blockstart>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue