208 lines
5.8 KiB
HTML
208 lines
5.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- from source -->
|
|
<title>PETZ PLAYSCENZ</title>
|
|
<!-- -->
|
|
|
|
<!-- style -->
|
|
<link rel="stylesheet" href="/wordfire.css" />
|
|
<style>
|
|
#play1 {
|
|
--green: #3f3;
|
|
--purple: #c0f;
|
|
}
|
|
|
|
body {
|
|
width: 760px;
|
|
margin: 16px 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
a {
|
|
color: var(--green);
|
|
}
|
|
|
|
a:active {
|
|
color: white;
|
|
}
|
|
|
|
a:visited {
|
|
color: var(--green);
|
|
}
|
|
|
|
h1#title {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
color: var(--purple);
|
|
text-decoration: underline;
|
|
margin: 0;
|
|
}
|
|
|
|
#nav {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#nav a {
|
|
color: black;
|
|
}
|
|
|
|
#nav a:active {
|
|
color: black;
|
|
}
|
|
|
|
#nav a:visited {
|
|
color: black;
|
|
}
|
|
|
|
#nav a.current {
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* HELL */
|
|
#grid {
|
|
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;
|
|
}
|
|
</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>
|
|
</html>
|