saudade/wordfire/index.php
punkfairie cfe096aaf0 oof
2022-11-12 16:18:06 -08:00

270 lines
No EOL
6 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<meta name="keywords" content="PETZ 4&amp;5 Playscenz unedited versions">
<title>WORDFIRE'S</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
a { color: #06c; }
a:active { color: #909; }
a:visited { color: #06c; }
.blue { color: #039 !important; }
.center { text-align: center; }
.red { color: #c00 !important; }
.purple { color: #909 !important; }
/* fuck table layouts thanks!!! */
#top-left {
float: left;
width: 149px;
height: 124px;
background-color: #336;
border: 2px solid #93c;
}
#header {
float: left;
width: 600px;
height: 124px;
padding: 0;
background-image: url(img/index_clouds.jpg);
border: 2px solid #93c;
border-left: none;
text-align: center;
}
#nav {
clear: both;
float: left;
width: 149px;
height: 1361px;
background-color: #336;
border: 2px solid #93c;
border-top: none;
}
#content {
float: left;
width: 592px;
height: 1353px;
padding: 4px;
border: 2px solid #93c;
border-left: none;
border-top: none;
}
/* header style */
#header h1 {
font-size: 48px;
font-weight: 700;
color: #c0f;
font-style: italic;
text-decoration: underline;
margin: 0;
padding: 0;
}
/* nav style */
#nav {
text-align: center;
}
#nav .spacer {
height: 28px;
}
.nav-current, .nav-btn {
display: flex;
flex-direction: column;
justify-content: center;
width: 145px;
height: 26px;
margin-bottom: 2px;
padding: 3px;
text-decoration: none;
color: #fff;
font-weight: 700;
}
.tall { height: 42px; }
.nav-current {
background-color: #009;
}
.nav-btn {
background-color: #909;
}
.nav-current:hover, .nav-btn:hover {
background-color: #ccf;
text-decoration: underline;
}
.nav-current:visited, .nav-btn:visited {
color: #fff;
}
/* content style */
#content h2 { font-size: 24px; font-style: italic; }
/* seriously fuck tables */
#content #canvas-border {
display: table;
margin: 0 auto;
width: 160px;
height: 180px;
background-image: url(img/index_frame_dkblue_canvas.gif);
}
#content #canvas-border img { margin: 15px; }
/* has no one heard of the border attribute ????????????? */
#hellbox {
border: 2px solid #609;
width: 580px;
height: 174px;
margin: 0 auto;
background-color: #ffc;
}
#hellbox2 {
border: 2px ridge #f69;
width: 567px;
height: 160px;
padding: 5px;
color: #306;
font-size: 24px;
font-weight: 900;
font-family: 'Times New Roman', Times, serif;
}
#hellbox2 img {
padding-top: 15px;
}
#wood-border {
display: table;
margin: 20px auto;
width: 330px;
height: 255px;
background-image: url(img/index_frame_wood2.gif);
}
#wood-border img { margin: 15px; }
.purple-line {
height: 2px;
width: 285px;
background-color: #93c;
float: left;
margin: 5px;
}
#bravenet { margin: 40px 30px; clear: both; }
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="top-left"></div>
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
</div>
<div id="nav">
<div class="spacer"></div>
<a href="index.php" class="nav-current">Home</a>
<a href="play1.php" class="nav-btn">PETZ PLAYSCENZ</a>
<a href="play2.php" class="nav-btn">MORE PLAYSCENZ</a>
<a href="play3.php" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.php" class="nav-btn">'POSSUMS</a>
<a href="play4.php" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
<a href="sound.php" class="nav-btn">Sound Files</a>
<a href="precious.php" class="nav-btn">PRECIOUS ONEZ</a>
</div>
<div id="content">
<img src="img/index_fire_line_2.gif" alt="fire_line_2.gif" width="560" style="margin: 0
auto; display: table;">
<h2 class="red">
FOR MORE PETZ BACKGROUNDS, SOUND FILES AND PLAYSCENZ IN THE FUTURE VISIT><a class="red"
href="https://web.archive.org/web/20050912012413/http://home.earthlink.net/~lindajoyce/">http://home.earthlink.net/~lindajoyce/</a>
oz yellow brick road and music available there now!!!!
</h2>
<p class="red small arial center">
<b><i>EVEN PETZ PRAISE HIM</i></b>
<div id="canvas-border" style="margin-top: -10px;">
<img src="img/index_tigertheangel.jpg" width="130">
</div>
</p>
<div id="hellbox">
<div id="hellbox2">
<i>THIS IS A PETZ 4&5 SITE**ALL ORIGINAL UNEDITED PLAYSCENZ BACKGROUNDS JUST
WAITING FOR YOU**wordfire**</i><br>
<img src="img/index_vote1.gif">
</div>
</div>
<div id="wood-border">
<img src="img/index_pupkit03.jpg" alt="pupkit03.jpg" width="300">
</div>
<p style="font-style: italic; font-weight: 900;" class="purple arial">
<span class="big blue">KUDOS:</span>THANK YOU CAROLYN,JUDY, PEEPS AT APKC FORUMS&
MINIBYTE
</p>
<p>.</p>
<p>&nbsp;</p>
<div class="purple-line"></div>
<div class="purple-line"></div>
<div id="bravenet">
<a href="guestbook.php"><img src="img/index_guestbook.gif" title="Free Guestbook from
Bravenet" alt="Free Guestbook from Bravenet"></a>
<a href="https://www.bravenet.com/"><img src="img/index_bn-guestbook.gif" title="Free
Guestbook from Bravenet" alt="Free Guestbook from Bravenet"></a>
</div>
<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>
</div>
</body>
</html>