saudade/wordfire/play1/play1.html

209 lines
5.8 KiB
HTML
Raw Normal View History

2023-12-10 20:37:03 -08:00
<!doctype html>
2023-06-09 13:55:00 -07:00
<html lang="en">
2023-12-10 20:37:03 -08:00
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
2023-12-10 20:37:03 -08:00
<!-- from source -->
<title>PETZ PLAYSCENZ</title>
<!-- -->
2023-12-10 20:37:03 -08:00
<!-- style -->
<link rel="stylesheet" href="/wordfire.css" />
<style>
#play1 {
2023-12-10 20:37:03 -08:00
--green: #3f3;
--purple: #c0f;
}
body {
2023-12-10 20:37:03 -08:00
width: 760px;
margin: 16px 14px;
text-align: center;
}
a {
2023-12-10 20:37:03 -08:00
color: var(--green);
}
a:active {
2023-12-10 20:37:03 -08:00
color: white;
}
a:visited {
2023-12-10 20:37:03 -08:00
color: var(--green);
}
h1#title {
2023-12-10 20:37:03 -08:00
font-size: 48px;
font-weight: 700;
font-style: italic;
color: var(--purple);
text-decoration: underline;
margin: 0;
}
#nav {
2023-12-10 20:37:03 -08:00
margin-top: 0;
}
#nav a {
2023-12-10 20:37:03 -08:00
color: black;
}
#nav a:active {
2023-12-10 20:37:03 -08:00
color: black;
}
#nav a:visited {
2023-12-10 20:37:03 -08:00
color: black;
}
#nav a.current {
2023-12-10 20:37:03 -08:00
text-decoration: none;
font-weight: 700;
}
/* HELL */
#grid {
2023-12-10 20:37:03 -08:00
display: grid;
grid-template-columns:
[c1] 248px [c2] 83px [c3] 70px [c4] 74px [c5] 60px [c6] 86px [c7]
47px [c8];
grid-template-rows: [r1] 54px [r2] 36px [r3] 23px [r4] 64px [r5] 70px [c8];
gap: 0;
grid-gap: 0;
place-items: center;
place-content: center;
}
2023-12-10 20:37:03 -08:00
</style>
<!-- saudade includes -->
<script src="/saudade.js?@root" type="module"></script>
</head>
<body id="play1">
<h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial">
<a href="/">Home</a> |
<a href="/play1/" class="current">PETZ PLAYSCENZ</a> |
<a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/possums/">'POSSUMS</a> |
<a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/sound/">Sound Files</a> |
<a href="/precious/">PRECIOUS ONEZ</a>
</p>
<b style="font-size: 32px" class="red">PETZ PLAYSCENZ</b>
<div style="height: 50px"></div>
<div style="display: table; font-family: Georgia, serif; font-size: 15px">
<u>fatcatruns.gif</u>
</div>
<p style="font-style: italic; font-weight: 700; text-align: left">
<span class="times" style="color: #009">
<span style="font-size: 24px">UNEDITED PLAYSCENZ**</span
><span style="font-size: 16px"
>E-MAIL ME AT
<a style="color: #000" href="mailto:wordfire@earthlink.net"
>WORDFIRE@EARTHLINK.NET</a
>
*REQUEST 4 OR 5 >> UNZIP TO YOUR EDITOR AND MAKE YOUT VERY OWN!!</span
>
</span>
<span style="display: inline-block; width: 130px; height: 26px"></span>
<span style="color: #00c">
you can also right click the playscene and save it to your computer(
remember where you save it to<br />
!!)
<span style="display: inline-block; width: 120px"></span>
CLICK ON ANY IMAGE TO ENLARGE
</span>
</p>
<img src="../img/vote1.gif" style="display: table" />
<!-- HELL -->
<div id="grid">
<div style="grid-column: c1 / c2; grid-row: r1 / r2">
<span class="arial small"
>All your favorites>> your PETZ will enjoy them too</span
><br />
<u class="georgia medium" title="missing">moviestarsroom.jpg</u><br />
<span class="arial small">Wall Of Stars</span>
</div>
<div style="grid-column: c1 / c2; grid-row: r2 / r4">
<span class="arial small">PETZ Can Do Tricks On Stage!!</span><br />
<u class="georgia medium" title="missing">thestage.jpg</u><br />
<span class="small arial">The Stage</span>
</div>
<div style="grid-column: c1 / c2; grid-row: r4 / r5">
<span class="small arial">Elect your Next PETZ President !</span><br />
<u class="georgia medium" title="missing">votingbooth.jpg</u><br />
<span class="small arial">Voting Booth</span>
</div>
<div style="grid-column: c4 / c7; grid-row: r1 / r3">
<span class="small arial"
>The Perfect Party Room>Ballons>Treats and Pinata!</span
><br />
<u class="georgia medium" title="missing">happybirthday.jpg</u><br />
<span class="small arial">Happy Birthday!</span>
</div>
<div
style="
grid-column: c3 / c6;
grid-row: r3 / r5;
place-self: stretch;
background-color: #fcc;
"
>
<span class="small arial"
>PETZ Romp In The With Triple Crown Winners Here!</span
><br />
<u class="georgia medium" title="missing"
>triplecrowntrophystables.jpg</u
><br />
<span class="small arial">Triple Crown Stables</span>
</div>
<div style="grid-column: c5 / c8; grid-row: r5 / r6">
<span class="small arial">A Submarine View>> Petz Will Love It!</span
><br />
<u class="georgia medium" title="missing">underthesea.jpg</u><br />
<span class="small arial">Under The Sea</span>
</div>
</div>
<p><br /><br /><br /><br /></p>
<p class="missing-asset" style="display: table">
<i
>missing:<br />
image</i
>
</p>
<p><br /><br /><br /><br /></p>
<div id="god" class="small arial">
<b>The Life,Truth and Power Of GOD</b><br />
<img src="/img/animation.gif" width="130" alt="animation.gif" /><br />
<b>WORDFIRE</b><br />
<br />
<b>Lots Of KEWL Stuff Here</b><br />
<a href="http://www.pineconecattery.com/" target="tlx_new"
><img src="/img/judysbanner.jpg" alt="judysbanner.jpg" width="130" /></a
><br />
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</body>
2023-06-09 13:55:00 -07:00
</html>