punkfairie/saudade
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

php -> html: wordfire + fix menu

Browse source
This commit is contained in:
marleyrae 2023-06-09 13:55:00 -07:00
parent 9c6fd9d904
commit d61cb2df51
24 changed files with 1797 additions and 1694 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.idea/git_toolbox_prj.xml
View file

@ -9,7 +9,6 @@
<option name="commitMessageValidationEnabledOverride">
<BoolValueOverride>
<option name="enabled" value="true" />
<option name="value" value="true" />
</BoolValueOverride>
</option>
</component>

25
.idea/inspectionProfiles/Project_Default.xml
View file

@ -1,8 +1,31 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<option name="scopesOrder">
<list>
<option value="All Changed Files" />
<option value="Open Files" />
<option value="Project Files" />
<option value="Root Only" />
<option value="Scratches and Consoles" />
<option value="Tests" />
</list>
</option>
<inspection_tool class="CheckImageSize" enabled="false" level="WARNING" enabled_by_default="false" />
<inspection_tool class="GrazieInspection" enabled="true" level="GRAMMAR_ERROR" enabled_by_default="false">
<scope name="Root Only" level="GRAMMAR_ERROR" enabled="true" />
</inspection_tool>
<inspection_tool class="HtmlRequiredAltAttribute" enabled="false" level="WARNING" enabled_by_default="false" />
<inspection_tool class="HttpUrlsUsage" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
<inspection_tool class="SpellCheckingInspection" enabled="true" level="TYPO" enabled_by_default="true">
<inspection_tool class="LanguageDetectionInspection" enabled="true" level="WARNING" enabled_by_default="false">
<scope name="Root Only" level="WARNING" enabled="true" />
</inspection_tool>
<inspection_tool class="SpellCheckingInspection" enabled="true" level="TYPO" enabled_by_default="false">
<scope name="Root Only" level="TYPO" enabled="true">
<option name="processCode" value="false" />
<option name="processLiterals" value="true" />
<option name="processComments" value="true" />
</scope>
<option name="processCode" value="false" />
<option name="processLiterals" value="true" />
<option name="processComments" value="true" />

2
index.html
View file

@ -15,7 +15,7 @@
<div id="nav">
<a href="petz5world/index.php">Petz 5 World</a> /
<a href="wordfire/index.php">Wordfire's Petz</a>
<a href="wordfire/index.html">Wordfire's Petz</a>
</div>
<div id="content">

10
menu.js
View file

@ -1,3 +1,9 @@
/* -------------------------------------------------------------------------------------- find and import config ---- */
const siteRoot = '/' + location.pathname.split('/')[1]
const {wayback} = await import(`${siteRoot}/config.js`)
/* -------------------------------------------------------------------------------------------------- build menu ---- */
let menu = document.createElement('div')
menu.id = 'archive-menu'
@ -13,16 +19,14 @@ archiveRoot.innerText = 'Home'
menu.append(archiveRoot)
let changelog = document.createElement('a')
/** @var siteRoot */
changelog.setAttribute('href', `${siteRoot}/CHANGELOG.txt`)
changelog.setAttribute('target', '_blank')
changelog.innerText = 'Changelog'
menu.append(changelog)
/** @var wayback */
if (wayback) {
let waybackLink = document.createElement('a')
waybackLink.setAttribute('href', wayback)
waybackLink.setAttribute('href', `https://web.archive.org/web/${wayback}`)
waybackLink.setAttribute('target', '_blank')
waybackLink.innerText = 'Wayback Capture'
menu.append(waybackLink)

5
package.json
View file

@ -1,5 +1,10 @@
{
"dependencies": {
"vite": "^4.3.9"
},
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
}
}

38
vite.config.js
View file

@ -1,3 +1,39 @@
import {defineConfig} from 'vite'
import {resolve} from 'node:path'
import {homedir} from 'node:os'
import fs from 'node:fs'
export default defineConfig({})
// noinspection JSUnusedGlobalSymbols
export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
wordfire: resolve(__dirname, 'wordfire/index.html'),
},
},
},
server: detectServerConfig('saudade.test'),
})
function detectServerConfig(host) {
let keyPath = resolve(homedir(), `.config/valet/Certificates/${host}.key`)
let certificatePath = resolve(homedir(), `.config/valet/Certificates/${host}.crt`)
if (!fs.existsSync(keyPath)) {
return {}
}
if (!fs.existsSync(certificatePath)) {
return {}
}
return {
hmr: {host},
host,
https: {
key: fs.readFileSync(keyPath),
cert: fs.readFileSync(certificatePath),
},
}
}

2
wordfire/TODO.txt
View file

@ -6,4 +6,4 @@ INDEX
* possums (id12.html)
* play4 (id13.html)
* sound (id14.html)
precious (id2.html)
* precious (id2.html)

41
wordfire/config.js Normal file
View file

@ -0,0 +1,41 @@
const currentPage = location.pathname.split('/').pop().split('.')[0]
const waybackSiteBase = 'http://home.earthlink.net/~wordfire/'
const pageMetadata = {
index: {
captureId: '20050913215113',
sourcePageName: '',
},
play1: {
captureId: '20050911044611',
sourcePageName: 'id1.html',
},
play2: {
captureId: '20050911220624',
sourcePageName: 'id5.html',
},
play3: {
captureId: '20050912163724',
sourcePageName: 'id6.html',
},
possums: {
captureId: '20050905152820',
sourcePageName: 'id12.html',
},
play4: {
captureId: '20050912184232',
sourcePageName: 'id13.html',
},
sound: {
captureId: '20050413012516',
sourcePageName: 'id14.html',
},
precious: {
captureId: '20050413012604',
sourcePageName: 'id2.html',
},
}
const wayback = waybackSiteBase + pageMetadata[currentPage].captureId + pageMetadata[currentPage].sourcePageName
export default wayback

36
wordfire/index.php → wordfire/index.html
View file

@ -183,9 +183,12 @@
#bravenet { margin: 40px 30px; clear: both; }
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="top-left"></div>
<div id="header">
@ -196,14 +199,14 @@
<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>
<a href="index.html" class="nav-current">Home</a>
<a href="play1.html" class="nav-btn">PETZ PLAYSCENZ</a>
<a href="play2.html" class="nav-btn">MORE PLAYSCENZ</a>
<a href="play3.html" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.html" class="nav-btn">'POSSUMS</a>
<a href="play4.html" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
<a href="sound.html" class="nav-btn">Sound Files</a>
<a href="precious.html" class="nav-btn">PRECIOUS ONEZ</a>
</div>
<div id="content">
@ -236,8 +239,7 @@
</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
<span class="big blue">KUDOS:</span>THANK YOU CAROLYN,JUDY, PEEPS AT APKC FORUMS& MINIBYTE
</p>
<p>.</p>
@ -248,11 +250,15 @@
<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="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>
<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">

161
wordfire/play1.html Normal file
View file

@ -0,0 +1,161 @@
<!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="style/style.css">
<style>
body {
width: 760px;
margin: 16px 14px;
text-align: center;
}
a { color: #3f3; }
a:active { color: #fff; }
a:visited { color: #3f3; }
h1#title {
font-size: 48px;
font-weight: 700;
font-style: italic;
color: #c0f;
text-decoration: underline;
margin: 0;
}
#nav { margin-top: 0; }
#nav a { color: #000; }
#nav a:active { color: #000; }
#nav a:visited { color: #000; }
#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="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<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>

153
wordfire/play1.php
View file

@ -1,153 +0,0 @@
<!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="style/style.css">
<style>
body {
width: 760px;
margin: 16px 14px;
text-align: center;
}
a { color: #3f3; }
a:active { color: #fff; }
a:visited { color: #3f3; }
h1#title {
font-size: 48px;
font-weight: 700;
font-style: italic;
color: #c0f;
text-decoration: underline;
margin: 0;
}
#nav { margin-top: 0; }
#nav a { color: #000; }
#nav a:active { color: #000; }
#nav a:visited { color: #000; }
#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>
</head>
<body>
<?php include '../_menu.php'; ?>
<h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial">
<a href="index.php">Home</a> |
<a href="play1.php" class="current">PETZ PLAYSCENZ</a> |
<a href="play2.php">MORE PLAYSCENZ</a> |
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="possums.php">'POSSUMS</a> |
<a href="play4.php">COMPLETED PLAYSCENZ</a> |
<a href="sound.php">Sound Files</a> |
<a href="precious.php">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; 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>

226
wordfire/play2.html Normal file
View file

@ -0,0 +1,226 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>MORE PLAYSCENZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
/* page grid */
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 145px [c2] 3px [c3] 607px [c4];
grid-template-rows: [r1] 159px [r2] 1178px [r3];
row-gap: 5px;
}
/* top right image ---------------------------------------------------------------------- */
#top-right {
grid-column: c1 / c2;
grid-row: r1 / r2;
align-self: center;
justify-self: center;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c3 / c4;
grid-row: r1 / r2;
text-align: center;
align-self: center;
}
#header > h1 {
font-size: 48px;
font-weight: 700;
text-decoration: underline;
font-style: italic;
color: #c0f;
padding: 0 0 5px 0; margin: 0;
}
#header > h2 {
font-size: 32px;
font-weight: 700;
color: #c00;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1 / c2;
grid-row: r2 / r3;
}
#nav > a {
text-decoration: none;
color: #fff;
font-weight: 700;
text-align: center;
padding: 5px;
display: block;
background-color: #909;
margin-bottom: 2px;
}
#nav > a:hover { background-color: unset; text-decoration: underline; }
#nav > a#current { background-color: unset; }
#nav > a:first-child { margin-top: 40px; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c3 / c4;
grid-row: r2 / r3;
padding: 4px;
padding-right: 6px;
background-color: #cf9;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 327px [cc2] auto [cc3];
grid-template-rows: [cr1] 88px [cr2] 74px [cr3] 56px [cr4] 58px [cr5] 160px [cr6] 59px
[cr7] 62px [cr8] 98px [cr9] 226px [cr10] 29px [cr11] 159px [cr12] 109px [cr13];
}
#content > div { align-self: center; justify-self: center; }
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<div id="page">
<!-- top right image ------------------------------------------------------------------------------------------>
<div id="top-right">
<img src="img/play2_petz0.jpg">
</div>
<!-- header --------------------------------------------------------------------------------------------------->
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>MORE PLAYSCENZ</h2>
</div>
<!-- nav ------------------------------------------------------------------------------------------------------>
<div id="nav">
<a href="index.html">Home</a>
<a href="play1.html">PETZ PLAYSCENZ</a>
<a href="play2.html" id="current">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>
</div>
<!-- content -------------------------------------------------------------------------------------------------->
<div id="content">
<div style="grid-column: cc1/cc3; grid-row: cr1/cr2; font-style: italic; align-self:
center; justify-self: start;" class="big">
<b class="courier" style="color: #03c;">e-mail me for PETZ 4 or 5 unedited versions
or right click enlarged image and save it</b><br>
<a href="mailto:wordfire@earthlink.net" class="courier" style="color:
#000; font-weight: 700;">wordfire@earthlink.net</a>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center; justify-self:
start;">
<img src="img/index_vote1.gif">
</div>
<div class="georgia medium" title="missing" style="grid-column: cc1/cc3; grid-row:
cr3/cr4; justify-self: center; padding-top: 10px;">
violet_bar.gif
</div>
<div style="grid-column: cc1/cc2; grid-row: cr4/cr5;" class="small arial center">
PETZ And Dolphins Play Here!<br>
<u class="georgia medium" title="missing">dolphinden.jpg</u><br>
Dolphin Window
</div>
<div class="small arial center" style="grid-column: cc1/cc2; grid-row: cr5/cr7;">
All Your PEtZ Love To Gaze Out This Window<br>
<a href="img/play2_view.jpg" target="tlx_new">
<img src="img/play2_view.jpg" alt="dolphinden.jpg" width="240">
</a><br>
The View
</div>
<div class="small arial center" style="grid-column: cc1/cc2; grid-row: cr7/cr8;">
PETZ Relax And Play InOriental Style!!<br>
<u class="georgia medium" title="missing">orientalroom.jpg</u><br>
Asian Attitude
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr4/cr6;
justify-self: end;">
Your PETZ Will Love Cool Water And Green Grass<br>
<a href="img/play2_watergarden2.jpg" target="tlx_new">
<img src="img/play2_watergarden2.jpg" alt="watergarden2.jpg" width="240">
</a><br>
Watergarden
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr6/cr9;
justify-self: end;">
A Rug In The Sun And Room To Play<br>
<a href="img/play2_1parlor.jpg" target="tlx_new">
<img src="img/play2_1parlor.jpg" alt="1parlor.jpg" width="240">
</a><br>
The Parlor
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr9/cr10;
justify-self: end;">
The BIG CAT Gallery<br>
<a href="img/play2_wildthingz.jpg" target="tlx_new">
<img src="img/play2_wildthingz.jpg" alt="wildthingz.jpg" width="240">
</a><br>
WILDTHINGZ
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr11/cr12;
justify-self: end; color: #006; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr12/cr13;
justify-self: end;color: #006; font-weight: 700;">
Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new">
<img src="img/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- content -->
</div>
</body>
</html>

224
wordfire/play2.php
View file

@ -1,224 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>MORE PLAYSCENZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
/* page grid */
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 145px [c2] 3px [c3] 607px [c4];
grid-template-rows: [r1] 159px [r2] 1178px [r3];
row-gap: 5px;
}
/* top right image ---------------------------------------------------------------------- */
#top-right {
grid-column: c1 / c2;
grid-row: r1 / r2;
align-self: center;
justify-self: center;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c3 / c4;
grid-row: r1 / r2;
text-align: center;
align-self: center;
}
#header > h1 {
font-size: 48px;
font-weight: 700;
text-decoration: underline;
font-style: italic;
color: #c0f;
padding: 0 0 5px 0; margin: 0;
}
#header > h2 {
font-size: 32px;
font-weight: 700;
color: #c00;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1 / c2;
grid-row: r2 / r3;
}
#nav > a {
text-decoration: none;
color: #fff;
font-weight: 700;
text-align: center;
padding: 5px;
display: block;
background-color: #909;
margin-bottom: 2px;
}
#nav > a:hover { background-color: unset; text-decoration: underline; }
#nav > a#current { background-color: unset; }
#nav > a:first-child { margin-top: 40px; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c3 / c4;
grid-row: r2 / r3;
padding: 4px;
padding-right: 6px;
background-color: #cf9;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 327px [cc2] auto [cc3];
grid-template-rows: [cr1] 88px [cr2] 74px [cr3] 56px [cr4] 58px [cr5] 160px [cr6] 59px
[cr7] 62px [cr8] 98px [cr9] 226px [cr10] 29px [cr11] 159px [cr12] 109px [cr13];
}
#content > div { align-self: center; justify-self: center; }
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="page">
<!-- top right image ---------------------------------------------------------------------->
<div id="top-right">
<img src="img/play2_petz0.jpg">
</div>
<!-- header ------------------------------------------------------------------------------->
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>MORE PLAYSCENZ</h2>
</div>
<!-- nav ---------------------------------------------------------------------------------->
<div id="nav">
<a href="index.php">Home</a>
<a href="play1.php">PETZ PLAYSCENZ</a>
<a href="play2.php" id="current">MORE PLAYSCENZ</a>
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.php">'POSSUMS</a>
<a href="play4.php">COMPLETED PLAYSCENZ</a>
<a href="sound.php">Sound Files</a>
<a href="precious.php">PRECIOUS ONEZ</a>
</div>
<!-- content ------------------------------------------------------------------------------>
<div id="content">
<div style="grid-column: cc1/cc3; grid-row: cr1/cr2; font-style: italic; align-self:
center; justify-self: start;" class="big">
<b class="courier" style="color: #03c;">e-mail me for PETZ 4 or 5 unedited versions
or right click enlarged image and save it</b><br>
<a href="mailto:wordfire@earthlink.net" class="courier" style="color:
#000; font-weight: 700;">wordfire@earthlink.net</a>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center; justify-self:
start;">
<img src="img/index_vote1.gif">
</div>
<div class="georgia medium" title="missing" style="grid-column: cc1/cc3; grid-row:
cr3/cr4; justify-self: center; padding-top: 10px;">
violet_bar.gif
</div>
<div style="grid-column: cc1/cc2; grid-row: cr4/cr5;" class="small arial center">
PETZ And Dolphins Play Here!<br>
<u class="georgia medium" title="missing">dolphinden.jpg</u><br>
Dolphin Window
</div>
<div class="small arial center" style="grid-column: cc1/cc2; grid-row: cr5/cr7;">
All Your PEtZ Love To Gaze Out This Window<br>
<a href="img/play2_view.jpg" target="tlx_new">
<img src="img/play2_view.jpg" alt="dolphinden.jpg" width="240">
</a><br>
The View
</div>
<div class="small arial center" style="grid-column: cc1/cc2; grid-row: cr7/cr8;">
PETZ Relax And Play InOriental Style!!<br>
<u class="georgia medium" title="missing">orientalroom.jpg</u><br>
Asian Attitude
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr4/cr6;
justify-self: end;">
Your PETZ Will Love Cool Water And Green Grass<br>
<a href="img/play2_watergarden2.jpg" target="tlx_new">
<img src="img/play2_watergarden2.jpg" alt="watergarden2.jpg" width="240">
</a><br>
Watergarden
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr6/cr9;
justify-self: end;">
A Rug In The Sun And Room To Play<br>
<a href="img/play2_1parlor.jpg" target="tlx_new">
<img src="img/play2_1parlor.jpg" alt="1parlor.jpg" width="240">
</a><br>
The Parlor
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr9/cr10;
justify-self: end;">
The BIG CAT Gallery<br>
<a href="img/play2_wildthingz.jpg" target="tlx_new">
<img src="img/play2_wildthingz.jpg" alt="wildthingz.jpg" width="240">
</a><br>
WILDTHINGZ
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr11/cr12;
justify-self: end; color: #006; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr12/cr13;
justify-self: end;color: #006; font-weight: 700;">
Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new">
<img src="img/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- content -->
</div>
</body>
</html>

204
wordfire/play3.html Normal file
View file

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>AND>>>>MORE PETZ PLAYSCENZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #6cf; }
a { color: #09c; }
a:active { color: #9cf; }
a:visited { color: #069; }
#page {
display: grid;
row-gap: 0; grid-row-gap: 0;
column-gap: 10px; grid-column-gap: 10px;
grid-template-columns: [c1] 211px [c2] 566px [c3];
grid-template-rows: [r1] 168px [r2] 97px [r3] 903px [c4];
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
align-self: center;
justify-self: center;
text-align: center;
}
h1 { padding: 0; margin: 0 0 5px 0; }
h2 {
color: #639;
font-size: 24px;
font-weight: 700;
font-style: italic;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c2/c3;
grid-row: r2/r3;
align-self: center;
}
#nav > a { color: #000; }
#nav > a:active { color: #000; }
#nav > a:visited { color: #000; }
#nav > #current {
font-weight: 700;
text-decoration: none;
}
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r3/r4;
display: grid;
grid-template-columns: [cc1] 278px [cc2] 288px [cc3];
grid-template-rows: [cr1] 75px [cr2] 73px [cr3] 63px [cr4] 63px [cr5] 75px [cr6] 138px
[cr7] 76px [cr8] 57px [cr9] 283px [cr10];
gap: 0; grid-gap: 0;
padding: 5px;
}
#content > div {
align-self: center;
justify-self: center;
}
</style>
</head>
<body>
<div id="page">
<div id="top-left" style="grid-column: c1/c2; grid-row: r1/r4; align-self: start;
justify-self: start;">
<img src="img/play3_fishbgrnd.jpg" width="200">
</div><!-- #top-left -->
<!-- header --------------------------------------------------------------------------------------------------->
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>AND>>>>MORE PETZ PLAYSCENZ</h2>
</div><!-- #header -->
<!-- nav ------------------------------------------------------------------------------------------------------>
<div id="nav">
<a href="index.html">Home</a> |
<a href="play1.html">PETZ PLAYSCENZ</a> |
<a href="play2.html">MORE PLAYSCENZ</a> |
<a href="play3.html" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> |
<a href="possums.html">'POSSUMS</a> |
<a href="play4.html">COMPLETED PLAYSCENZ</a> |
<a href="sound.html">Sound <br> Files</a> |
<a href="precious.html">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<!-- content -------------------------------------------------------------------------------------------------->
<div id="content">
<!-- left column -->
<div class="times big" style="grid-column: cc1/cc3; grid-row: cr1/cr2; color: #609;
align-self: end; justify-self: start; font-weight: 700; padding-bottom: 10px;">
If you have an idea for a PLAYSCENZ email me your request at<br>
<a href="mailto:wordfire@earthlink.net" style="color:
#000;">wordfire@earthlink.net</a>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; justify-self: start; padding-left:
10px;">
<img src="img/index_vote1.gif">
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr3/cr4;
align-self: start; padding-top: 5px;">
For All PETZ Chicken Lovers !!<br>
<u class="georgia medium" title="missing">mountaintopchickenyard.jpg</u><br>
Mountaintop Chickenyard
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr4/cr5;">
your PETZ Will Love The Lifeguard Tower<br>
View!!<br>
<u class="georgia medium" title="missing">oceanview.jpg</u><br>
Oceanview
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr5/cr6;">
THE PERFECT PLACE FOR A SPRING<br>
WEDDING<br>
<u class="georgia medium" title="missing">springweddinggarden.jpg</u><br>
Spring Wedding Garden
</div>
<div style="grid-column: cc1/cc2; grid-row: cr6/cr7; padding: 10px; justify-self: start;
align-self: start;">.
</div>
<!-- right column -->
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr3/cr4;">
PETZ Will Love The Cool Arbor to Play<br>
Under!<br>
<span class="georgia medium" title="missing">flowerarbor.jpg</span><br>
Flower Arbor
</div>
<div style="grid-column: cc2/cc3; grid-row: cr4/cr5; justify-self: start; align-self:
end; padding: 15px 25px;">.
</div>
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr5/cr7;">
A WOODLAND PARADISE FOR YOUR PETZ<br>
<a href="img/play3_uneditedpossumholler.jpg" target="tlx_new">
<img src="img/play3_uneditedpossumholler.jpg" alt="uneditedpossumholler.jpg"
width="240">
</a><br>
Possum Holler Background
</div>
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr7/cr8;">
PETZ SWIM WITH THE WONDERS OF THE<br>
SEA<br>
<u class="georgia medium">seafloor.jpg</u><br>
Sea Floor
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr9/cr10;
justify-self: end; color: #35643a; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

199
wordfire/play3.php
View file

@ -1,199 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>AND>>>>MORE PETZ PLAYSCENZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #6cf; }
a { color: #09c; }
a:active { color: #9cf; }
a:visited { color: #069; }
#page {
display: grid;
row-gap: 0; grid-row-gap: 0;
column-gap: 10px; grid-column-gap: 10px;
grid-template-columns: [c1] 211px [c2] 566px [c3];
grid-template-rows: [r1] 168px [r2] 97px [r3] 903px [c4];
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
align-self: center;
justify-self: center;
text-align: center;
}
h1 { padding: 0; margin: 0 0 5px 0; }
h2 {
color: #639;
font-size: 24px;
font-weight: 700;
font-style: italic;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c2/c3;
grid-row: r2/r3;
align-self: center;
}
#nav > a { color: #000; }
#nav > a:active { color: #000; }
#nav > a:visited { color: #000; }
#nav > #current {
font-weight: 700;
text-decoration: none;
}
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r3/r4;
display: grid;
grid-template-columns: [cc1] 278px [cc2] 288px [cc3];
grid-template-rows: [cr1] 75px [cr2] 73px [cr3] 63px [cr4] 63px [cr5] 75px [cr6] 138px
[cr7] 76px [cr8] 57px [cr9] 283px [cr10];
gap: 0; grid-gap: 0;
padding: 5px;
}
#content > div {
align-self: center;
justify-self: center;
}
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="page">
<div id="top-left" style="grid-column: c1/c2; grid-row: r1/r4; align-self: start;
justify-self: start;">
<img src="img/play3_fishbgrnd.jpg" width="200">
</div><!-- #top-left -->
<!-- header ------------------------------------------------------------------------------->
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>AND>>>>MORE PETZ PLAYSCENZ</h2>
</div><!-- #header -->
<!-- nav ---------------------------------------------------------------------------------->
<div id="nav">
<a href="index.php">Home</a> |
<a href="play1.php">PETZ PLAYSCENZ</a> |
<a href="play2.php">MORE PLAYSCENZ</a> |
<a href="play3.php" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> |
<a href="possums.php">'POSSUMS</a> |
<a href="play4.php">COMPLETED PLAYSCENZ</a> |
<a href="sound.php">Sound <br> Files</a> |
<a href="precious.php">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<!-- content ------------------------------------------------------------------------------>
<div id="content">
<!-- left column -->
<div class="times big" style="grid-column: cc1/cc3; grid-row: cr1/cr2; color: #609;
align-self: end; justify-self: start; font-weight: 700; padding-bottom: 10px;">
If you have an idea for a PLAYSCENZ email me your request at<br>
<a href="mailto:wordfire@earthlink.net" style="color:
#000;">wordfire@earthlink.net</a>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; justify-self: start; padding-left:
10px;">
<img src="img/index_vote1.gif">
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr3/cr4;
align-self: start; padding-top: 5px;">
For All PETZ Chicken Lovers !!<br>
<u class="georgia medium" title="missing">mountaintopchickenyard.jpg</u><br>
Mountaintop Chickenyard
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr4/cr5;">
your PETZ Will Love The Lifeguard Tower<br>
View!!<br>
<u class="georgia medium" title="missing">oceanview.jpg</u><br>
Oceanview
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr5/cr6;">
THE PERFECT PLACE FOR A SPRING<br>
WEDDING<br>
<u class="georgia medium" title="missing">springweddinggarden.jpg</u><br>
Spring Wedding Garden
</div>
<div style="grid-column: cc1/cc2; grid-row: cr6/cr7; padding: 10px; justify-self: start;
align-self: start;">.</div>
<!-- right column -->
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr3/cr4;">
PETZ Will Love The Cool Arbor to Play<br>
Under!<br>
<span class="georgia medium" title="missing">flowerarbor.jpg</span><br>
Flower Arbor
</div>
<div style="grid-column: cc2/cc3; grid-row: cr4/cr5; justify-self: start; align-self:
end; padding: 15px 25px;">.</div>
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr5/cr7;">
A WOODLAND PARADISE FOR YOUR PETZ<br>
<a href="img/play3_uneditedpossumholler.jpg" target="tlx_new">
<img src="img/play3_uneditedpossumholler.jpg" alt="uneditedpossumholler.jpg"
width="240">
</a><br>
Possum Holler Background
</div>
<div class="small center" style="grid-column: cc2/cc3; grid-row: cr7/cr8;">
PETZ SWIM WITH THE WONDERS OF THE<br>
SEA<br>
<u class="georgia medium">seafloor.jpg</u><br>
Sea Floor
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr9/cr10;
justify-self: end; color: #35643a; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

243
wordfire/play4.html Normal file
View file

@ -0,0 +1,243 @@
<!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="style/style.css">
<style>
body { background-color: #fff; padding: 0; margin: 2px; }
a { color: #000; }
a:active { color: #000; }
a:visited { color: #000; }
#page {
display: grid;
gap: 0; grid-gap: 0;
padding: 0; margin: 0;
border-top: 2px solid #c00;
width: 761px;
grid-template-columns: [c1] 151px [space] 2px [c2] 608px [c3];
grid-template-rows: [r1] 151px [r2] 718px [r3];
}
#spacer {
grid-column: space/c2;
grid-row: r1/r2;
align-self: stretch;
justify-self: stretch;
padding-bottom: 149px;
border-bottom: 2px solid #c00;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
align-self: center;
justify-self: stretch;
text-align: center;
border-left: 2px solid #c00;
border-right: 2px solid #c00;
border-top: 2px solid #c00;
background-color: #aecfcb;
padding-bottom: 5px;
}
#header > h1 { padding: 0; margin: 0 0 5px 0; }
#header > h2 {
font-size: 24px;
font-weight: 700;
color: #066;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/space;
grid-row: r2/r3;
justify-self: center;
text-align: center;
border-top: 2px solid #c00;
padding-top: 30px;
}
#nav > a {
display: block;
background-color: #9cc;
color: #000;
font-weight: 700;
padding: 5px;
margin-bottom: 2px;
text-decoration: none;
}
#nav > a#current { background-color: #fff; }
#nav > a:hover, #nav > a#current:hover {
text-decoration: underline;
background-color: #fcc;
}
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
border-left: 2px solid #c00;
border-top: 2px solid #c00;
border-right: 2px solid #c00;
display: grid;
gap: 0; grid-gap: 0;
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 {
text-align: center;
justify-self: center;
}
.border-left { border-left: 2px solid #c00; }
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<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="index.html">Home</a>
<a href="play1.html">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 id="current" href="play4.html">COMPLETED PLAYSCENZ</a>
<a href="sound.html">Sound Files</a>
<a href="precious.html">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/index_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(img/play4_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="dl/play4_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="dl/play4_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(img/play4_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="dl/play4_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/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

238
wordfire/play4.php
View file

@ -1,238 +0,0 @@
<!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="style/style.css">
<style>
body { background-color: #fff; padding: 0; margin: 2px; }
a { color: #000; }
a:active { color: #000; }
a:visited { color: #000; }
#page {
display: grid;
gap: 0; grid-gap: 0;
padding: 0; margin: 0;
border-top: 2px solid #c00;
width: 761px;
grid-template-columns: [c1] 151px [space] 2px [c2] 608px [c3];
grid-template-rows: [r1] 151px [r2] 718px [r3];
}
#spacer {
grid-column: space/c2;
grid-row: r1/r2;
align-self: stretch;
justify-self: stretch;
padding-bottom: 149px;
border-bottom: 2px solid #c00;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
align-self: center;
justify-self: stretch;
text-align: center;
border-left: 2px solid #c00;
border-right: 2px solid #c00;
border-top: 2px solid #c00;
background-color: #aecfcb;
padding-bottom: 5px;
}
#header > h1 { padding: 0; margin: 0 0 5px 0; }
#header > h2 {
font-size: 24px;
font-weight: 700;
color: #066;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/space;
grid-row: r2/r3;
justify-self: center;
text-align: center;
border-top: 2px solid #c00;
padding-top: 30px;
}
#nav > a {
display: block;
background-color: #9cc;
color: #000;
font-weight: 700;
padding: 5px;
margin-bottom: 2px;
text-decoration: none;
}
#nav > a#current { background-color: #fff; }
#nav > a:hover, #nav > a#current:hover {
text-decoration: underline;
background-color: #fcc;
}
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
border-left: 2px solid #c00;
border-top: 2px solid #c00;
border-right: 2px solid #c00;
display: grid;
gap: 0; grid-gap: 0;
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 {
text-align: center;
justify-self: center;
}
.border-left { border-left: 2px solid #c00; }
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<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="index.php">Home</a>
<a href="play1.php">PETZ PLAYSCENZ</a>
<a href="play2.php">MORE PLAYSCENZ</a>
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.php">'POSSUMS</a>
<a id="current" href="play4.php">COMPLETED PLAYSCENZ</a>
<a href="sound.php">Sound Files</a>
<a href="precious.php">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/index_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(img/play4_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="dl/play4_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="dl/play4_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(img/play4_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="dl/play4_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/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

185
wordfire/possums.html Normal file
View file

@ -0,0 +1,185 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>3-Column Page</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #900; color: #009; }
a { color: #009; }
a:active { color: #009; }
a:visited { color: #009; }
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 148px [c2] 615px [c3];
grid-template-rows: [r1] 156px [r2] 855px [r3];
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
justify-self: center;
align-self: center;
text-align: center;
}
#header > h1 { padding: 0; margin: 0 0 5px 0; }
#header > h2 {
color: #60f;
font-weight: 700;
font-size: 32px;
font-style: italic;
text-decoration: underline;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/c2;
grid-row: r2/r3;
justify-self: center;
text-align: center;
}
#nav > a {
display: block;
text-decoration: none;
font-weight: 700;
padding: 5px;
margin-bottom: 2px;
}
#nav > a:hover { text-decoration: underline; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 320px [cc2] 295px [cc3];
grid-template-rows: [cr1] 76px [cr2] 28px [cr3] 96px [cr4] 66px [cr5] 59px [cr6] 50px
[cr7] 80px [cr8] 400px;
}
#content > div {
padding: 7px;
}
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<div id="page">
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2 class="arial">DEDICATION TO 'POSSUMS</h2>
</div><!-- #header -->
<div id="nav" class="arial">
<a href="index.html">Home</a>
<a href="play1.html">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>
</div><!-- #nav -->
<div id="content">
<div style="grid-column: cc1/cc2; grid-row: cr1/cr2; padding-left: 10px;">
<img src="img/index_vote1.gif">
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center;">.</div>
<div class="courier big" style="grid-column: cc1/cc3; grid-row: cr3/cr4; font-style: italic;
font-weight: 700;">
<span style="background-color: #c00; color: #fff;">
this breed was created by Rachel at Meow<br>
Corp.Petz...you can get her Catz 3 version at her web<br>
site
</span><a
href="https://www.angelfire.com/art2/racieb/petz/">https://www.angelfire.com/art2/racieb/petz/</a>
</div>
<!-- left column -->
<div class="arial small center" style="grid-column: cc1/cc2; grid-row: cr4/cr5;
justify-self: center; align-self: end; margin-left: 40px;">
Opie Possum<br>
<span class="georgia medium" title="missing" style="color: #000;">jpgopie.jpg</span>
</div>
<div class="arial small center" style="grid-column: cc1/cc2; grid-row: cr5/cr6; margin-left:
40px; justify-self: center; align-self: center;">
THE PERFECT OPOSSUM HABITAT<br>
<u class="georgia medium" title="missing">possumholler.jpg</u><br>
POSSUM HOLLER PETZ 4
</div>
<div class="arial" style="grid-column: cc1/cc2; grid-row: cr6/cr7;">
<a href="dl/possums_possumHoller.zip">PETZ 4 CLICK HERE TO DOWNLOAD POSSUM HOLLER
PLAYSCENZ</a>
</div>
<!-- right column -->
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr4/cr5; justify-self: center;
align-self: center; margin-right: 20px;">
<a href="dl/possums_opossump4.zip">Opossums Petz 4 click to download</a>
</div>
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr5/cr6; justify-self: center;
align-self: end; margin-right: -10px;">
<a href="dl/possums_Opossump5.zip">Opossums Petz 5 click here to download<br>file</a>
</div>
<div class="courier big" style="grid-column: cc2/cc3; grid-row: cr7/cr8; justify-self:
center; align-self: center; color: #f00; padding: 0;">
<i style="background-color: #ffc;"><b>unedited Possum Holler<br>is on
<a href="play3.html">AND>>>>MORE PETZ<br>PLAYSCENZ</a>
&nbsp;page</b></i>
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr8/cr9;
justify-self: end; align-self: end; font-weight: 700; padding-right: 20px;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

180
wordfire/possums.php
View file

@ -1,180 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>3-Column Page</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #900; color: #009; }
a { color: #009; }
a:active { color: #009; }
a:visited { color: #009; }
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 148px [c2] 615px [c3];
grid-template-rows: [r1] 156px [r2] 855px [r3];
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
justify-self: center;
align-self: center;
text-align: center;
}
#header > h1 { padding: 0; margin: 0 0 5px 0; }
#header > h2 {
color: #60f;
font-weight: 700;
font-size: 32px;
font-style: italic;
text-decoration: underline;
padding: 0; margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/c2;
grid-row: r2/r3;
justify-self: center;
text-align: center;
}
#nav > a {
display: block;
text-decoration: none;
font-weight: 700;
padding: 5px;
margin-bottom: 2px;
}
#nav > a:hover { text-decoration: underline; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 320px [cc2] 295px [cc3];
grid-template-rows: [cr1] 76px [cr2] 28px [cr3] 96px [cr4] 66px [cr5] 59px [cr6] 50px
[cr7] 80px [cr8] 400px;
}
#content > div {
padding: 7px;
}
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="page">
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2 class="arial">DEDICATION TO 'POSSUMS</h2>
</div><!-- #header -->
<div id="nav" class="arial">
<a href="index.php">Home</a>
<a href="play1.php">PETZ PLAYSCENZ</a>
<a href="play2.php">MORE PLAYSCENZ</a>
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.php">'POSSUMS</a>
<a href="play4.php">COMPLETED PLAYSCENZ</a>
<a href="sound.php">Sound Files</a>
<a href="precious.php">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<div id="content">
<div style="grid-column: cc1/cc2; grid-row: cr1/cr2; padding-left: 10px;">
<img src="img/index_vote1.gif">
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center;">.</div>
<div class="courier big" style="grid-column: cc1/cc3; grid-row: cr3/cr4; font-style: italic;
font-weight: 700;">
<span style="background-color: #c00; color: #fff;">
this breed was created by Rachel at Meow<br>
Corp.Petz...you can get her Catz 3 version at her web<br>
site
</span><a
href="https://www.angelfire.com/art2/racieb/petz/">https://www.angelfire.com/art2/racieb/petz/</a>
</div>
<!-- left column -->
<div class="arial small center" style="grid-column: cc1/cc2; grid-row: cr4/cr5;
justify-self: center; align-self: end; margin-left: 40px;">
Opie Possum<br>
<span class="georgia medium" title="missing" style="color: #000;">jpgopie.jpg</span>
</div>
<div class="arial small center" style="grid-column: cc1/cc2; grid-row: cr5/cr6; margin-left:
40px; justify-self: center; align-self: center;">
THE PERFECT OPOSSUM HABITAT<br>
<u class="georgia medium" title="missing">possumholler.jpg</u><br>
POSSUM HOLLER PETZ 4
</div>
<div class="arial" style="grid-column: cc1/cc2; grid-row: cr6/cr7;">
<a href="dl/possums_possumHoller.zip">PETZ 4 CLICK HERE TO DOWNLOAD POSSUM HOLLER
PLAYSCENZ</a>
</div>
<!-- right column -->
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr4/cr5; justify-self: center;
align-self: center; margin-right: 20px;">
<a href="dl/possums_opossump4.zip">Opossums Petz 4 click to download</a>
</div>
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr5/cr6; justify-self: center;
align-self: end; margin-right: -10px;">
<a href="dl/possums_Opossump5.zip">Opossums Petz 5 click here to download<br>file</a>
</div>
<div class="courier big" style="grid-column: cc2/cc3; grid-row: cr7/cr8; justify-self:
center; align-self: center; color: #f00; padding: 0;">
<i style="background-color: #ffc;"><b>unedited Possum Holler<br>is on
<a href="play3.php">AND>>>>MORE PETZ<br>PLAYSCENZ</a>
&nbsp;page</b></i>
</div>
<div class="small arial center" style="grid-column: cc2/cc3; grid-row: cr8/cr9;
justify-self: end; align-self: end; font-weight: 700; padding-right: 20px;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

205
wordfire/precious.html Normal file
View file

@ -0,0 +1,205 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>PRECIOUS ONEZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #ccf; background-image: url(img/preciousmkg_countrybreeze_1.gif); }
a, a:active, a:visited { color: #000; }
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 10px [c2] 383px [c3] 381px [c4];
grid-template-rows: [r1] 53px [r2] 42px [r3] 37px [r4] 89px [r5] 38px [r6] 49px [r7]
27px [r8] 34px [r9] 40px [r10] 27px [r11] 35px [r12] 27px [r13] 32px [r14] 26px [r15]
27px [r16] 28px [r17] 85px [r18] 49px [r19] 28px [r20] 269px [r21] 14px [r22];
text-align: center;
align-items: start;
justify-items: start;
}
.js-center { justify-self: center; }
h1 { padding: 0; margin: 0; }
#current {
font-weight: 700;
text-decoration: none;
}
h2 {
color: #63f;
font-weight: 700;
font-size: 32px;
padding: 0; margin: 0;
}
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<div id="page">
<!-- header -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r1/r2;">
<h1>petz** WORDFIRE'S**petz</h1>
</div>
<!-- nav -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r2/r3; padding-top: 5px;">
<a href="index.html">Home</a> |
<a href="play1.html">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" id="current">PRECIOUS ONEZ</a>
</div>
<!-- header 2 -->
<div style="grid-column: c2/c3; grid-row: r3/r4;">
<h2>PRECIOUS ONEZ</h2>
</div>
<!-- divider -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r4/r5; padding-top: 5px;">
<img src="img/precious_mkg_countrybreeze_2.gif">
</div>
<div style="grid-column: c2/c4; grid-row: r5/r6; padding-left: 5px;">
<i class="big" style="font-weight: 700; background-color: #cfc; color: #039;">
BABY!!! YOUR ALL THAT AND A BAG OF CHIPS!
</i>
</div>
<div class="js-center georgia medium" title="missing" style="grid-column: c2/c4; grid-row:
r6/r7;">
love_007.gif
</div>
<!-- left col -->
<div class="small arial js-center center" style="grid-column: c2/c3; grid-row: r7/r10;">
SHHHH
<div style="background-image: url(img/precious_frame_dkblue_canvas.gif); padding:
15px; height: 20px; width: 80px; margin: 0 auto;">
<span class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
sleeper.jpg
</span>
</div>
DON'T Even THINK About Touchin Those<br>Cheeks!!!
</div>
<div class="js-center small arial" style="grid-column: c2/c3; grid-row: r10/r13;">
ANOTHER SAMPSON?????
<div style="background-image: url(img/precious_frame_blue_pinstripe.gif); padding:
15px; height: 20px; width: 100px; margin: 0 auto;">
<u class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
kristoffer.jpg
</u>
</div>
HEY GUYS>>>ARE THESE TREES STRAIGHT YET? click to enlarge
</div>
<div style="grid-column: c2/c3; grid-row: r14/r15; margin-left: 5px; margin-right: 10px;
border-bottom: 2px solid #c30; justify-self: stretch; align-self: stretch;"></div>
<div class="arial" style="grid-column: c2/c3; grid-row: r16/r17; margin-left: 10px;">
coming soon!1
</div>
<!-- right col -->
<div class="js-center small arial" style="grid-column: c3/c4; grid-row: r7/r10;">
FEED ME!!!!
<div style="background-image: url(img/precious_frame_wood2.gif); padding: 15px; height:
20px; width: 70px; margin: 0 auto;">
<span class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
halie.jpg
</span>
</div>
MOM.. YOU NEED SOME COOKING<br>
LESSONS!!
</div>
<div class="small arial js-center" style="grid-column: c3/c4; grid-row: r10/r13;">
THE WHOLE ENCHELADA!!!<br>
<u class="georgia medium" title="missing" style="border: 15px solid #000; display:
block;">
dewfamily.jpg
</u>
click to enlarge
</div>
<div class="arial" style="grid-column: c3/c4; grid-row: r13/r14; padding-left: 10px;">
Enter images and other content here
</div>
<div class="georgia medium" title="missing" style="grid-column: c3/c4; grid-row: r14/r15;
margin-left: 10px; justify-self: stretch; align-self: stretch; text-align: right;
border-bottom: 2px solid #c30;">
baby_walking.gif
</div>
<div class="arial" style="grid-column: c3/c4; grid-row: r16/17; padding-left: 15px;">
more coming soon>>
</div>
<!-- divider -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r17/r18;">
<img src="img/precious_mkg_countrybreeze_2.gif">
</div>
<div class="courier" style="grid-column: c2/c4; grid-row: r18/r19; font-style: italic;
text-align: left;">
<b style="color: #c0c;">
ALL PRECIOUS ONEZ NEED A PLACE OF HONOR>>THIS MOM IS TRULY Blessed
</b>
<a href="mailto:wordfire@earthlink.net" style="color: #000;">wordfire@earthlink.net</a>
<span style="background-color: #ffc;">
<b class="medium" style="color: #03f;">Arbery>>Arianna>>Rebekah>>Jennifer>> call
home!!!!</b>
&nbsp;
<b class="small" style="color: #939;">lol</b>
</span>
</div>
<div class="georgia medium js-center" style="grid-column: c2/c4; grid-row: r19/r20;">
sitedogs.jpg
</div>
<!-- god -->
<div class="small arial center" style="grid-column: c3/c4; grid-row: r20/r21;
justify-self: end; align-self: end; color: #000; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</body>
</html>

201
wordfire/precious.php
View file

@ -1,201 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>PRECIOUS ONEZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body { background-color: #ccf; background-image: url(img/preciousmkg_countrybreeze_1.gif); }
a, a:active, a:visited { color: #000; }
#page {
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [c1] 10px [c2] 383px [c3] 381px [c4];
grid-template-rows: [r1] 53px [r2] 42px [r3] 37px [r4] 89px [r5] 38px [r6] 49px [r7]
27px [r8] 34px [r9] 40px [r10] 27px [r11] 35px [r12] 27px [r13] 32px [r14] 26px [r15]
27px [r16] 28px [r17] 85px [r18] 49px [r19] 28px [r20] 269px [r21] 14px [r22];
text-align: center;
align-items: start;
justify-items: start;
}
.js-center { justify-self: center; }
h1 { padding: 0; margin: 0; }
#current {
font-weight: 700;
text-decoration: none;
}
h2 {
color: #63f;
font-weight: 700;
font-size: 32px;
padding: 0; margin: 0;
}
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="page">
<!-- header -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r1/r2;">
<h1>petz** WORDFIRE'S**petz</h1>
</div>
<!-- nav -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r2/r3; padding-top: 5px;">
<a href="index.php">Home</a> |
<a href="play1.php">PETZ PLAYSCENZ</a> |
<a href="play2.php">MORE PLAYSCENZ</a> |
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="possums.php">'POSSUMS</a> |
<a href="play4.php">COMPLETED PLAYSCENZ</a> |
<a href="sound.php">Sound Files</a> |
<a href="precious.php" id="current">PRECIOUS ONEZ</a>
</div>
<!-- header 2 -->
<div style="grid-column: c2/c3; grid-row: r3/r4;">
<h2>PRECIOUS ONEZ</h2>
</div>
<!-- divider -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r4/r5; padding-top: 5px;">
<img src="img/precious_mkg_countrybreeze_2.gif">
</div>
<div style="grid-column: c2/c4; grid-row: r5/r6; padding-left: 5px;">
<i class="big" style="font-weight: 700; background-color: #cfc; color: #039;">
BABY!!! YOUR ALL THAT AND A BAG OF CHIPS!
</i>
</div>
<div class="js-center georgia medium" title="missing" style="grid-column: c2/c4; grid-row:
r6/r7;">
love_007.gif
</div>
<!-- left col -->
<div class="small arial js-center center" style="grid-column: c2/c3; grid-row: r7/r10;">
SHHHH
<div style="background-image: url(img/precious_frame_dkblue_canvas.gif); padding:
15px; height: 20px; width: 80px; margin: 0 auto;">
<span class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
sleeper.jpg
</span>
</div>
DON'T Even THINK About Touchin Those<br>Cheeks!!!
</div>
<div class="js-center small arial" style="grid-column: c2/c3; grid-row: r10/r13;">
ANOTHER SAMPSON?????
<div style="background-image: url(img/precious_frame_blue_pinstripe.gif); padding:
15px; height: 20px; width: 100px; margin: 0 auto;">
<u class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
kristoffer.jpg
</u>
</div>
HEY GUYS>>>ARE THESE TREES STRAIGHT YET? click to enlarge
</div>
<div style="grid-column: c2/c3; grid-row: r14/r15; margin-left: 5px; margin-right: 10px;
border-bottom: 2px solid #c30; justify-self: stretch; align-self: stretch;"></div>
<div class="arial" style="grid-column: c2/c3; grid-row: r16/r17; margin-left: 10px;">
coming soon!1
</div>
<!-- right col -->
<div class="js-center small arial" style="grid-column: c3/c4; grid-row: r7/r10;">
FEED ME!!!!
<div style="background-image: url(img/precious_frame_wood2.gif); padding: 15px; height:
20px; width: 70px; margin: 0 auto;">
<span class="georgia medium" title="missing" style="background-image:
url(img/preciousmkg_countrybreeze_1.gif);">
halie.jpg
</span>
</div>
MOM.. YOU NEED SOME COOKING<br>
LESSONS!!
</div>
<div class="small arial js-center" style="grid-column: c3/c4; grid-row: r10/r13;">
THE WHOLE ENCHELADA!!!<br>
<u class="georgia medium" title="missing" style="border: 15px solid #000; display:
block;">
dewfamily.jpg
</u>
click to enlarge
</div>
<div class="arial" style="grid-column: c3/c4; grid-row: r13/r14; padding-left: 10px;">
Enter images and other content here
</div>
<div class="georgia medium" title="missing" style="grid-column: c3/c4; grid-row: r14/r15;
margin-left: 10px; justify-self: stretch; align-self: stretch; text-align: right;
border-bottom: 2px solid #c30;">
baby_walking.gif
</div>
<div class="arial" style="grid-column: c3/c4; grid-row: r16/17; padding-left: 15px;">
more coming soon>>
</div>
<!-- divider -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r17/r18;">
<img src="img/precious_mkg_countrybreeze_2.gif">
</div>
<div class="courier" style="grid-column: c2/c4; grid-row: r18/r19; font-style: italic;
text-align: left;">
<b style="color: #c0c;">
ALL PRECIOUS ONEZ NEED A PLACE OF HONOR>>THIS MOM IS TRULY Blessed
</b>
<a href="mailto:wordfire@earthlink.net" style="color: #000;">wordfire@earthlink.net</a>
<span style="background-color: #ffc;">
<b class="medium" style="color: #03f;">Arbery>>Arianna>>Rebekah>>Jennifer>> call
home!!!!</b>
&nbsp;
<b class="small" style="color: #939;">lol</b>
</span>
</div>
<div class="georgia medium js-center" style="grid-column: c2/c4; grid-row: r19/r20;">
sitedogs.jpg
</div>
<!-- god -->
<div class="small arial center" style="grid-column: c3/c4; grid-row: r20/r21;
justify-self: end; align-self: end; color: #000; font-weight: 700;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</body>
</html>

181
wordfire/sound.html Normal file
View file

@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>Sound Files</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body {
background-image: url(img/sound_clouds.jpg);
margin-left: 10px;
}
a, a:active, a:hover { color: #000; }
#page {
display: grid;
column-gap: 10px;
row-gap: 0;
justify-items: center;
align-items: center;
text-align: center;
grid-template-columns: [c1] 135px [c2] 593px [c3];
grid-template-rows: [r1] 163px [r2] 532px [r3];
}
/* top-left ----------------------------------------------------------------------------- */
#top-left {
grid-column: c1/c2;
grid-row: r1/r2;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
}
h1 { padding: 0; margin: 0 0 2px 0; }
h2 {
color: #609;
font-weight: 700;
font-size: 24px;
padding: 0;
margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/c2;
grid-row: r2/r3;
align-self: start;
margin-top: 30px;
}
#nav > a {
display: block;
padding: 5px;
margin-bottom: 2px;
color: #000;
font-weight: 700;
text-decoration: none;
}
#nav > a:hover { text-decoration: underline; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 196px [cc2] 199px [cc3] 198px [cc4];
grid-template-rows: [cr1] 75px [cr2] 98px [cr3] 42px [cr4] 317px [cr5];
align-items: start;
justify-items: start;
text-align: left;
padding-top: 30px;
}
.ver-arial { font-family: Verdana, Arial, Helvetica, sans-serif; }
</style>
<!-- archive menu -->
<script src="config.js" type="module"></script>
<script src="/menu.js" type="module"></script>
</head>
<body>
<div id="page">
<!-- #top-left ---------------------------------------------------------------------------------------------------->
<div id="top-left">
<img src="img/sound_new_005.gif">
</div>
<!-- #header ------------------------------------------------------------------------------------------------------>
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>Sound Files</h2>
</div>
<!-- #nav --------------------------------------------------------------------------------------------------------->
<div id="nav">
<a href="index.html">Home</a>
<a href="play1.html">PETZ PLAYSCENZ</a>
<a href="play1.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>
</div>
<!-- #content ----------------------------------------------------------------------------------------------------->
<div id="content">
<!-- top -->
<div style="grid-column: cc1/cc4; grid-row: cr1/cr2; font-style: italic;">
<b class="ver-arial medium" style="color: #609;">
add to your playscene editor wav files. Use them to make your own wedding playscenz. &nbsp;
</b>
<b class="arial" style="color: #096; background-color: #ffc;">
OZ SOUNDFILE AND BACKGROUND FOUND ON SISTER SITE.
<a href="https://web.archive.org/web/20050413020319/http://home.earthlink.net/~lindajoyce/">
http://home.earthlink.net/~lindajoyce/</a>
</b>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; padding: 10px;">
<img src="img/index_vote1.gif">
</div>
<!-- downloads -->
<div class="arial" style="grid-column: cc1/cc2; grid-row: cr3/cr4;">
<a href="dl/sound_chickenyardsounds.zip">CHICKEN YARD SOUNDS click here to download wav file</a>
</div>
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr3/cr4;">
<a href="dl/sound_weddingmarch.wav">WEDDING MARCH click here to download wav file</a>
</div>
<div class="arial" style="grid-column: cc3/cc4; grid-row: cr3/cr4;">
<a href="dl/sound_weddingbells.wav">WEDDING BELLS click here to download wav file</a>
</div>
<!-- god -->
<div class="small arial center" style="grid-column: cc3/cc4; grid-row: cr4/cr5;
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/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</div>
</body>
</html>

182
wordfire/sound.php
View file

@ -1,182 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>Sound Files</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="style/style.css">
<style>
body {
background-image: url(img/sound_clouds.jpg);
margin-left: 10px;
}
a, a:active, a:hover { color: #000; }
#page {
display: grid;
column-gap: 10px;
row-gap: 0;
justify-items: center;
align-items: center;
text-align: center;
grid-template-columns: [c1] 135px [c2] 593px [c3];
grid-template-rows: [r1] 163px [r2] 532px [r3];
}
/* top-left ----------------------------------------------------------------------------- */
#top-left {
grid-column: c1/c2;
grid-row: r1/r2;
}
/* header ------------------------------------------------------------------------------- */
#header {
grid-column: c2/c3;
grid-row: r1/r2;
}
h1 { padding: 0; margin: 0 0 2px 0; }
h2 {
color: #609;
font-weight: 700;
font-size: 24px;
padding: 0;
margin: 0;
}
/* nav ---------------------------------------------------------------------------------- */
#nav {
grid-column: c1/c2;
grid-row: r2/r3;
align-self: start;
margin-top: 30px;
}
#nav > a {
display: block;
padding: 5px;
margin-bottom: 2px;
color: #000;
font-weight: 700;
text-decoration: none;
}
#nav > a:hover { text-decoration: underline; }
/* content ------------------------------------------------------------------------------ */
#content {
grid-column: c2/c3;
grid-row: r2/r3;
display: grid;
gap: 0; grid-gap: 0;
grid-template-columns: [cc1] 196px [cc2] 199px [cc3] 198px [cc4];
grid-template-rows: [cr1] 75px [cr2] 98px [cr3] 42px [cr4] 317px [cr5];
align-items: start;
justify-items: start;
text-align: left;
padding-top: 30px;
}
.ver-arial { font-family: Verdana, Arial, Helvetica, sans-serif; }
</style>
</head>
<body>
<?php include '../_menu.php'; ?>
<div id="page">
<!-- #top-left ---------------------------------------------------------------------------->
<div id="top-left">
<img src="img/sound_new_005.gif">
</div>
<!-- #header ------------------------------------------------------------------------------>
<div id="header">
<h1>petz**<br>
WORDFIRE'S**petz</h1>
<h2>Sound Files</h2>
</div>
<!-- #nav --------------------------------------------------------------------------------->
<div id="nav">
<a href="index.php">Home</a>
<a href="play1.php">PETZ PLAYSCENZ</a>
<a href="play1.php">MORE PLAYSCENZ</a>
<a href="play3.php">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="possums.php">'POSSUMS</a>
<a href="play4.php">COMPLETED PLAYSCENZ</a>
<a href="sound.php">Sound Files</a>
<a href="precious.php">PRECIOUS ONEZ</a>
</div>
<!-- #content ----------------------------------------------------------------------------->
<div id="content">
<!-- top -->
<div style="grid-column: cc1/cc4; grid-row: cr1/cr2; font-style: italic;">
<b class="ver-arial medium" style="color: #609;">
add to your playscene editor wav files. Use them to make your own wedding
playscenz. &nbsp;
</b>
<b class="arial" style="color: #096; background-color: #ffc;">
OZ SOUNDFILE AND BACKGROUND FOUND ON SISTER SITE.<a
href="https://web.archive.org/web/20050413020319/http://home.earthlink.net/~lindajoyce/">http://home.earthlink.net/~lindajoyce/</a>
</b>
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; padding: 10px;">
<img src="img/index_vote1.gif">
</div>
<!-- downloads -->
<div class="arial" style="grid-column: cc1/cc2; grid-row: cr3/cr4;">
<a href="dl/sound_chickenyardsounds.zip">CHICKEN YARD SOUNDS click here to download
wav file</a>
</div>
<div class="arial" style="grid-column: cc2/cc3; grid-row: cr3/cr4;">
<a href="dl/sound_weddingmarch.wav">WEDDING MARCH click here to download wav
file</a>
</div>
<div class="arial" style="grid-column: cc3/cc4; grid-row: cr3/cr4;">
<a href="dl/sound_weddingbells.wav">WEDDING BELLS click here to download wav
file</a>
</div>
<!-- god -->
<div class="small arial center" style="grid-column: cc3/cc4; grid-row: cr4/cr5;
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/index_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/index_judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</div>
</body>
</html>

39
wordfire/vars.php
View file

@ -1,39 +0,0 @@
<?php
// get the current page
$page = basename($_SERVER["SCRIPT_FILENAME"], '.php');
// set the common parts of the wayback link once
$wburl = 'https://web.archive.org/web/';
$url = '/http://home.earthlink.net/~wordfire/';
// set the part that changes per page
$links = array(
'index' => '20050913215113',
'play1' => '20050911044611',
'play2' => '20050911220624',
'play3' => '20050912163724',
'possums' => '20050905152820',
'play4' => '20050912184232',
'sound' => '20050413012516',
'precious' => '20050413012604'
);
$source_page = array(
'play1' => 'id1',
'play2' => 'id5',
'play3' => 'id6',
'possums' => 'id12',
'play4' => 'id13',
'sound' => 'id14',
'precious' => 'id2'
);
// put it all together
// the index filename matches the source, so omit finding that if we're on that page
// otherwise:
// wayback url + grab correct capture int from array + site url + source page name + ext
if ($page == 'index') {
$wayback = $wburl . $links[$page] . $url;
} else {
$wayback = $wburl . $links[$page] . $url . $source_page[$page] . '.html';
}