saudade/wordfire/play1.html
2023-06-09 14:40:20 -07:00

165 lines
5.3 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>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
</head>
<body id="play1">
<h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial">
<a href="index.html">Home</a> |
<a href="play1.html" class="current">PETZ PLAYSCENZ</a> |
<a href="play2.html">MORE PLAYSCENZ</a> |
<a href="play3.html">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="possums.html">'POSSUMS</a> |
<a href="play4.html">COMPLETED PLAYSCENZ</a> |
<a href="sound.html">Sound Files</a> |
<a href="precious.html">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/index_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/index_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/index_judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</body>
</html>