saudade/wordfire/play4/index.html
2023-06-17 14:04:31 -07:00

123 lines
6.7 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>Completed Petz Playscenz Catz, Dogz 4&5</title>
<meta name="description" content="Petz Playscenz Catz,Dogz 4&5">
<meta name="keywords" content="Petz Playscenz Catz,Dogz 4&5">
<!-- -->
<!-- style -->
<link rel="stylesheet" href="/wordfire.css">
<style>#play4{--red:#c00;--neutral-blue:#aecfcb;--teal:#066;--dark-neutral-blue:#9cc;--light-pink:#fcc;--background-color:#fff}body{background-color:var(--background-color);margin:2px;padding:0}a,a:active,a:visited{color:#000}#page{grid-gap:0;border-top:2px solid var(--red);display:grid;gap:0;grid-template-columns:[c1] 151px [space] 2px [c2] 608px [c3];grid-template-rows:[r1] 151px [r2] 718px [r3];margin:0;padding:0;width:761px}#spacer{align-self:stretch;border-bottom:2px solid var(--red);grid-column:space/c2;padding-bottom:149px}#header,#spacer{grid-row:r1/r2;justify-self:stretch}#header{align-self:center;background-color:var(--neutral-blue);border-left:2px solid var(--red);border-right:2px solid var(--red);border-top:2px solid var(--red);grid-column:c2/c3;padding-bottom:5px;text-align:center}#header>h1{margin:0 0 5px;padding:0}#header>h2{color:var(--teal);font-size:24px;font-weight:700;margin:0;padding:0}#nav{border-top:2px solid var(--red);grid-column:c1/space;grid-row:r2/r3;justify-self:center;padding-top:30px;text-align:center}#nav>a{background-color:var(--dark-neutral-blue);color:#000;display:block;font-weight:700;margin-bottom:2px;padding:5px;-webkit-text-decoration:none;text-decoration:none}#nav>a#current{background-color:#fff}#nav>a#current:hover,#nav>a:hover{background-color:var(--light-pink);-webkit-text-decoration:underline;text-decoration:underline}#content{grid-gap:0;border-left:2px solid var(--red);border-right:2px solid var(--red);border-top:2px solid var(--red);display:grid;gap:0;grid-column:c2/c3;grid-row:r2/r3;grid-template-columns:[cc1] 244px [cc2] 218px [cc3] 137px [cc4] 9px [cc5];grid-template-rows:[cr1] 68px [cr2] 32px [cr3] 49px [cr4] 38px [cr5] 49px [cr6] 40px [cr7] 27px [cr8] 72px [cr9] 25px [cr10] 318px [cr11]}#content>div{justify-self:center;text-align:center}.border-left{border-left:2px solid var(--red)}</style>
<!-- archive menu -->
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="play4">
<div id="page">
<div id="top-left"></div>
<div id="spacer"></div>
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>COMPLETED PLAYSCENZ</h2>
</div><!-- #header -->
<div id="nav">
<a href="/">Home</a>
<a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/play2/">MORE PLAYSCENZ</a>
<a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/possums/">'POSSUMS</a>
<a id="current" href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/sound/">Sound Files</a>
<a href="/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<div id="content">
<div style="grid-column:cc1/cc2;grid-row:cr1/cr2;justify-self:start;align-self:center;padding:5px 10px 0 10px;">
<img src="/img/vote1.gif">
</div>
<div class="medium arial" style="grid-column:cc1/cc2;grid-row:cr2/cr3;justify-self:start;align-self:end;padding-left:5px;padding-bottom:5px;"><i><b>.</b></i></div>
<!-- left column -->
<div class="small arial" style="grid-column:cc1/cc2;grid-row:cr4/cr6;">
Waterfalls Make This A Refreshing ChickenYard
<div style="background-image:url(frame_blue_pinstripe.gif);width:234px;height:35px;padding-top:15px;">
<u class="georgia medium" title="missing" style="background-color:#fff;">
mountaintopchickenyard.jpg
</u>
</div>
CHICKENYARD PETZ 4
</div>
<div class="arial" style="grid-column:cc1/cc2;grid-row:cr6/cr7;justify-self:start;text-align:left;padding-left:5px;">
<a href="chickenyard.env">CLICK HERE TO DOWNLOAD CHICKENYARD PETZ 4</a>
</div>
<!-- middle column -->
<div class="arial" style="grid-column:cc2/cc3;grid-row:cr4/cr5;justify-self:start;text-align:left;padding-left:5px;">
<a href="weddingwalk1.62mb.env">CLICK HERE TO DOWNLOAD WEDDING WALK PETZ
4</a>
</div>
<div class="small arial" style="grid-column:cc2/cc3;grid-row:cr5/cr7;align-self:center;justify-self:center;">
A complete PLAYSCENZ !<br>
<u class="georgia medium" style="display:block;padding:10px 10px;border:2px ridge #000;" title="missing">
springweddinggarden.jpg
</u>
PETZ 4 Version
</div>
<div class="border-left" style="grid-column:cc2/cc3;grid-row:cr4/cr9;align-self:stretch;justify-self:stretch;"></div>
<!-- right column -->
<div class="arial small" style="grid-column:cc3/cc4;grid-row:cr4/cr6;align-self:center;justify-self:center;">
Observe The Sea From<br>The Lifeguard Post<br>
<div style="background-image:url(frame_dkblue_canvas.gif);width:130px;height:35px;padding-top:15px;">
<u class="georgia medium" title="missing" style="background-color:#fff;">
oceanview.jpg
</u>
</div>
OceanView Petz 4
</div>
<div class="arial" style="grid-column:cc3/cc4;grid-row:cr6/cr8;align-self:center;justify-self:start;padding-left:5px;text-align:left;">
<a href="oceanview1.env">CLICK HERE TO DOWNLOAD OCEAN VIEW PETZ 4</a>
</div>
<div class="border-left" style="grid-column:cc3/cc4;grid-row:cr4/cr9;align-self:stretch;justify-self:stretch;"></div>
<!-- yellow god -->
<div style="grid-column:cc1/cc4;grid-row:cr10/cr11;background-color:#ffc;align-self:stretch;justify-self:stretch;text-align:right;"></div>
<div class="small arial center" style="grid-column:cc2/cc4;grid-row:cr10/cr11;justify-self:end;align-self:end;color:#000;font-weight:700;padding-bottom:10px;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE
<br><br>
Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>