wordfire: migrate to gulp

This commit is contained in:
Marley 2023-06-17 13:12:52 -07:00
parent bd61bcdc1f
commit f1106e443a
86 changed files with 2034 additions and 3891 deletions

View file

@ -6,6 +6,7 @@
<entryData>
<resourceRoots>
<path value="file://$PROJECT_DIR$/sues_virtual_life" />
<path value="file://$PROJECT_DIR$/wordfire" />
<path value="file://$PROJECT_DIR$/supernova" />
<path value="file://$PROJECT_DIR$" />
</resourceRoots>
@ -13,4 +14,4 @@
</entry>
</contentEntries>
</component>
</project>
</project>

View file

@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style/style.css">
<!-- from source -->
<title>Hex edited babyz clothes</title>
<!-- -->
</head>
<body>
<?php include '../../../_menu.php' ?>
<div class="bold purple bigger center">
<p>
Hex edited babyz clothes<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
</p>
</div>
<div class="border-outer border-green">
<div class="border-inner border-green green center bold bigger img-border">
<p>
These are Carolyn's Babyz clothes. You need to extract the .clo file into your
Resource\Clothes directory in your Babyz program directory. Names of the "naturist"
diapers are listed in the order they are on the shelf.
</p>
<p>
Download the <a href="dl/babyzclothes_whitediaper.zip">proper white diaper</a>
overwrites the grubby-looking grey default<br>
Download the <a href="dl/babyzclothes_Tailsfixedfornaturists.zip">fixed tails</a> which
will allow you to use the "naturist" diapers further down this page with the tails. Read
the Readme file for more info.
</p>
<p>
<img src="images/babyzclothes_exoticbubbles.gif" name="My Flower Crown"><br>
<a href="dl/babyzclothes_exoticbubblepants.zip">My "Exotic bubble pants"</a>
,
<a href="dl/babyzclothes_normalbubbles.zip">My "normal" bubble pants and hats</a><br>
They show up in the closet and can be removed from or added to the baby by hand.
</p>
<p>
<img src="images/babyzclothes_RubyEarrings.gif" name="Ruby Earrings">
<img src="images/babyzclothes_GoldEarrings.gif" name="Gold Earrings"><br>
<a href="dl/babyzclothes_RubyEarrings.zip">Ruby Earrings</a>
,
<a href="dl/babyzclothes_GoldEarrings.zip">Gold Earrings</a>
</p>
<p>
<img src="images/babyzclothes_Tiswaswithcrown.gif" name="My Flower Crown"><br>
<a href="dl/babyzclothes_MyFlowerCrown.zip">My Flower Crown</a>
</p>
<p>
<img src="images/babyzclothes_oxygentube.gif" name="Oxygen Tube">
<img src="images/babyzclothes_oxygentubepreemie.gif" name="Oxygen Tube"><br>
<a href="dl/babyzclothes_oxygentube.zip">Oxygen Tube</a>,
<a href="dl/babyzclothes_oxygentubepreemie.zip">"Preemie" Oxygen Tube</a><br>
<span class="normal">
Note: the oxygen tube should work with most babyz -- whether mini, maxi, normal, or
growers.<br>
But there may be some, like Kim's "Preemies", where you will find that it looks
enormous. Download the "preemie" version if you have that problem. Both versions
show up separately and do not overwrite each other.
</span>
</p>
<p>
<a href="dl/babyzclothes_Browngirldiaper.zip"
alt="Brown Girl Diaper">Brown Girl Diaper</a>,
<a href="dl/babyzclothes_Paleboydiaper.zip" alt="Pale Boy Diaper">Pale Boy Diaper</a>,
<a href="dl/babyzclothes_Palegirldiaper.zip">Pale Girl Diaper</a><br>
<div class="missing-asset normal" name="Browng_Paleb_Paleflesh0"
style="width: 226px; height: 66px;">
<i>missing:<br>
Browng_Paleb_Paleflesh.gif</i>
</div>
</p>
<p>
<a href="dl/babyzclothes_Chocolategirldiaper.zip">Chocolate Girl Diaper</a>,
<a href="dl/babyzclothes_Creamgirldiaper.zip">Cream Girl Diaper</a>,
<a href="dl/babyzclothes_Robinbrowngirldiaper.zip">Robin-brown Girl Diaper</a><br>
<img src="images/babyzclothes_Chocog_Creamg_Robing.gif" name="Chocog_Creamg_Robing0">
</p>
<p>
<a href="dl/babyzclothes_Darkgirldiaper.zip">Dark Girl Diaper</a>,
<a href="dl/babyzclothes_Blackgirldiaper.zip">Black Girl Diaper</a>,
<a href="dl/babyzclothes_Mochagirldiaper.zip">Mocha Girl Diaper</a>
<img src="images/babyzclothes_Darkg_Blackg_Mochag.gif" name="Darkg_Blackg_Mochag0">
</p>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -2,7 +2,8 @@ const {parallel} = require('gulp')
const sites = {
sues_virtual_life: require('./sues_virtual_life/gulpfile'),
supernova: require('./supernova/gulpfile')
supernova: require('./supernova/gulpfile'),
wordfire: require('./wordfire/gulpfile')
}
let builds = []

View file

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

639
package-lock.json generated
View file

@ -18,6 +18,8 @@
"gulp-postcss": "^9.0.1",
"gulp-posthtml": "^3.0.5",
"gulp-rename": "^2.0.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-tap": "^2.0.0",
"postcss-preset-env": "^8.5.0",
"posthtml-modules": "^0.9.1",
"posthtml-postcss": "^0.5.0",
@ -710,6 +712,89 @@
"postcss-selector-parser": "^6.0.10"
}
},
"node_modules/@gulp-sourcemaps/identity-map": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/@gulp-sourcemaps/identity-map/-/identity-map-2.0.1.tgz",
"integrity": "sha512-Tb+nSISZku+eQ4X1lAkevcQa+jknn/OVUgZ3XCxEKIsLsqYuPoJwJOPQeaOk75X3WPftb29GWY1eqE7GLsXb1Q==",
"dev": true,
"dependencies": {
"acorn": "^6.4.1",
"normalize-path": "^3.0.0",
"postcss": "^7.0.16",
"source-map": "^0.6.0",
"through2": "^3.0.1"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/@gulp-sourcemaps/identity-map/node_modules/picocolors": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
"dev": true
},
"node_modules/@gulp-sourcemaps/identity-map/node_modules/postcss": {
"version": "7.0.39",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
"integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
"dev": true,
"dependencies": {
"picocolors": "^0.2.1",
"source-map": "^0.6.1"
},
"engines": {
"node": ">=6.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
}
},
"node_modules/@gulp-sourcemaps/identity-map/node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/@gulp-sourcemaps/map-sources": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@gulp-sourcemaps/map-sources/-/map-sources-1.0.0.tgz",
"integrity": "sha512-o/EatdaGt8+x2qpb0vFLC/2Gug/xYPRXb6a+ET1wGYKozKN3krDWC/zZFZAtrzxJHuDL12mwdfEFKcKMNvc55A==",
"dev": true,
"dependencies": {
"normalize-path": "^2.0.1",
"through2": "^2.0.3"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/@gulp-sourcemaps/map-sources/node_modules/normalize-path": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
"integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
"dev": true,
"dependencies": {
"remove-trailing-separator": "^1.0.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/@gulp-sourcemaps/map-sources/node_modules/through2": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
"integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
"dev": true,
"dependencies": {
"readable-stream": "~2.3.6",
"xtend": "~4.0.1"
}
},
"node_modules/@socket.io/component-emitter": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
@ -759,6 +844,18 @@
"node": ">= 0.6"
}
},
"node_modules/acorn": {
"version": "6.4.2",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
"integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==",
"dev": true,
"bin": {
"acorn": "bin/acorn"
},
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/ansi-colors": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
@ -1603,9 +1700,9 @@
}
},
"node_modules/browserslist": {
"version": "4.21.8",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.8.tgz",
"integrity": "sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==",
"version": "4.21.9",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
"integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
"dev": true,
"funding": [
{
@ -1622,8 +1719,8 @@
}
],
"dependencies": {
"caniuse-lite": "^1.0.30001502",
"electron-to-chromium": "^1.4.428",
"caniuse-lite": "^1.0.30001503",
"electron-to-chromium": "^1.4.431",
"node-releases": "^2.0.12",
"update-browserslist-db": "^1.0.11"
},
@ -2145,6 +2242,17 @@
"node": ">=0.12"
}
},
"node_modules/css": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz",
"integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==",
"dev": true,
"dependencies": {
"inherits": "^2.0.4",
"source-map": "^0.6.1",
"source-map-resolve": "^0.6.0"
}
},
"node_modules/css-blank-pseudo": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-5.0.2.tgz",
@ -2240,18 +2348,6 @@
"url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
}
},
"node_modules/css-select/node_modules/domelementtype": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/fb55"
}
]
},
"node_modules/css-select/node_modules/domhandler": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
@ -2318,6 +2414,26 @@
"url": "https://github.com/sponsors/fb55"
}
},
"node_modules/css/node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/css/node_modules/source-map-resolve": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
"integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
"deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
"dev": true,
"dependencies": {
"atob": "^2.1.2",
"decode-uri-component": "^0.2.0"
}
},
"node_modules/cssdb": {
"version": "7.6.0",
"resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.6.0.tgz",
@ -2472,6 +2588,32 @@
"ms": "2.0.0"
}
},
"node_modules/debug-fabulous": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/debug-fabulous/-/debug-fabulous-1.1.0.tgz",
"integrity": "sha512-GZqvGIgKNlUnHUPQhepnUZFIMoi3dgZKQBzKDeL2g7oJF9SNAji/AAu36dusFUas0O+pae74lNeoIPHqXWDkLg==",
"dev": true,
"dependencies": {
"debug": "3.X",
"memoizee": "0.4.X",
"object-assign": "4.X"
}
},
"node_modules/debug-fabulous/node_modules/debug": {
"version": "3.2.7",
"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
"dev": true,
"dependencies": {
"ms": "^2.1.1"
}
},
"node_modules/debug-fabulous/node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
"dev": true
},
"node_modules/decamelize": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
@ -2564,6 +2706,15 @@
"node": ">=0.10.0"
}
},
"node_modules/detect-newline": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-2.1.0.tgz",
"integrity": "sha512-CwffZFvlJffUg9zZA0uqrjQayUTC8ob94pnr5sFwaVv3IOmkfUHcWH+jXaQK3askE51Cqe8/9Ql/0uXNwqZ8Zg==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/dev-ip": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dev-ip/-/dev-ip-1.0.1.tgz",
@ -2577,16 +2728,31 @@
}
},
"node_modules/dom-serializer": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
"integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
"integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
"dev": true,
"peer": true,
"dependencies": {
"domelementtype": "^2.0.1",
"domhandler": "^4.2.0",
"entities": "^2.0.0"
},
"funding": {
"url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
}
},
"node_modules/dom-serializer/node_modules/domelementtype": {
"node_modules/dom-serializer/node_modules/entities": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
"integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
"dev": true,
"peer": true,
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/domelementtype": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
@ -2598,38 +2764,35 @@
}
]
},
"node_modules/dom-serializer/node_modules/entities": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
"integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
"dev": true,
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/domelementtype": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
"integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
"dev": true
},
"node_modules/domhandler": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
"integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
"integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
"dev": true,
"peer": true,
"dependencies": {
"domelementtype": "1"
"domelementtype": "^2.2.0"
},
"engines": {
"node": ">= 4"
},
"funding": {
"url": "https://github.com/fb55/domhandler?sponsor=1"
}
},
"node_modules/domutils": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
"integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
"version": "2.8.0",
"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
"integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
"dev": true,
"peer": true,
"dependencies": {
"dom-serializer": "0",
"domelementtype": "1"
"dom-serializer": "^1.0.1",
"domelementtype": "^2.2.0",
"domhandler": "^4.2.0"
},
"funding": {
"url": "https://github.com/fb55/domutils?sponsor=1"
}
},
"node_modules/duplexify": {
@ -2816,10 +2979,17 @@
"dev": true
},
"node_modules/entities": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
"integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
"dev": true
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
"integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
"dev": true,
"peer": true,
"engines": {
"node": ">=0.12"
},
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/error-ex": {
"version": "1.3.2",
@ -2915,6 +3085,16 @@
"node": ">= 0.6"
}
},
"node_modules/event-emitter": {
"version": "0.3.5",
"resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
"integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
"dev": true,
"dependencies": {
"d": "1",
"es5-ext": "~0.10.14"
}
},
"node_modules/eventemitter3": {
"version": "4.0.7",
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@ -3603,6 +3783,35 @@
"postcss": "^8.0.0"
}
},
"node_modules/gulp-postcss/node_modules/postcss-load-config": {
"version": "3.1.4",
"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
"dev": true,
"dependencies": {
"lilconfig": "^2.0.5",
"yaml": "^1.10.2"
},
"engines": {
"node": ">= 10"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
"peerDependencies": {
"postcss": ">=8.0.9",
"ts-node": ">=9.0.0"
},
"peerDependenciesMeta": {
"postcss": {
"optional": true
},
"ts-node": {
"optional": true
}
}
},
"node_modules/gulp-posthtml": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/gulp-posthtml/-/gulp-posthtml-3.0.5.tgz",
@ -3618,6 +3827,127 @@
"node": ">=4"
}
},
"node_modules/gulp-posthtml/node_modules/dom-serializer": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
"integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
"dev": true,
"dependencies": {
"domelementtype": "^2.0.1",
"entities": "^2.0.0"
}
},
"node_modules/gulp-posthtml/node_modules/dom-serializer/node_modules/domelementtype": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/fb55"
}
]
},
"node_modules/gulp-posthtml/node_modules/dom-serializer/node_modules/entities": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
"integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
"dev": true,
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/gulp-posthtml/node_modules/domelementtype": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
"integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
"dev": true
},
"node_modules/gulp-posthtml/node_modules/domhandler": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
"integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
"dev": true,
"dependencies": {
"domelementtype": "1"
}
},
"node_modules/gulp-posthtml/node_modules/domutils": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
"integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
"dev": true,
"dependencies": {
"dom-serializer": "0",
"domelementtype": "1"
}
},
"node_modules/gulp-posthtml/node_modules/entities": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
"integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
"dev": true
},
"node_modules/gulp-posthtml/node_modules/htmlparser2": {
"version": "3.10.1",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
"integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
"dev": true,
"dependencies": {
"domelementtype": "^1.3.1",
"domhandler": "^2.3.0",
"domutils": "^1.5.1",
"entities": "^1.1.1",
"inherits": "^2.0.1",
"readable-stream": "^3.1.1"
}
},
"node_modules/gulp-posthtml/node_modules/posthtml": {
"version": "0.11.6",
"resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.11.6.tgz",
"integrity": "sha512-C2hrAPzmRdpuL3iH0TDdQ6XCc9M7Dcc3zEW5BLerY65G4tWWszwv6nG/ksi6ul5i2mx22ubdljgktXCtNkydkw==",
"dev": true,
"dependencies": {
"posthtml-parser": "^0.4.1",
"posthtml-render": "^1.1.5"
},
"engines": {
"node": ">=6.0.0"
}
},
"node_modules/gulp-posthtml/node_modules/posthtml-parser": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.4.2.tgz",
"integrity": "sha512-BUIorsYJTvS9UhXxPTzupIztOMVNPa/HtAm9KHni9z6qEfiJ1bpOBL5DfUOL9XAc3XkLIEzBzpph+Zbm4AdRAg==",
"dev": true,
"dependencies": {
"htmlparser2": "^3.9.2"
}
},
"node_modules/gulp-posthtml/node_modules/posthtml-render": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.4.0.tgz",
"integrity": "sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==",
"dev": true,
"engines": {
"node": ">=10"
}
},
"node_modules/gulp-posthtml/node_modules/readable-stream": {
"version": "3.6.2",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
"dev": true,
"dependencies": {
"inherits": "^2.0.3",
"string_decoder": "^1.1.1",
"util-deprecate": "^1.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/gulp-rename": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-2.0.0.tgz",
@ -3627,6 +3957,56 @@
"node": ">=4"
}
},
"node_modules/gulp-sourcemaps": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/gulp-sourcemaps/-/gulp-sourcemaps-3.0.0.tgz",
"integrity": "sha512-RqvUckJkuYqy4VaIH60RMal4ZtG0IbQ6PXMNkNsshEGJ9cldUPRb/YCgboYae+CLAs1HQNb4ADTKCx65HInquQ==",
"dev": true,
"dependencies": {
"@gulp-sourcemaps/identity-map": "^2.0.1",
"@gulp-sourcemaps/map-sources": "^1.0.0",
"acorn": "^6.4.1",
"convert-source-map": "^1.0.0",
"css": "^3.0.0",
"debug-fabulous": "^1.0.0",
"detect-newline": "^2.0.0",
"graceful-fs": "^4.0.0",
"source-map": "^0.6.0",
"strip-bom-string": "^1.0.0",
"through2": "^2.0.0"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/gulp-sourcemaps/node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/gulp-sourcemaps/node_modules/through2": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
"integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
"dev": true,
"dependencies": {
"readable-stream": "~2.3.6",
"xtend": "~4.0.1"
}
},
"node_modules/gulp-tap": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/gulp-tap/-/gulp-tap-2.0.0.tgz",
"integrity": "sha512-U5/v1bTozx672QHzrvzPe6fPl2io7Wqyrx2y30AG53eMU/idH4BrY/b2yikOkdyhjDqGgPoMUMnpBg9e9LK8Nw==",
"dev": true,
"dependencies": {
"through2": "^3.0.1"
}
},
"node_modules/gulplog": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
@ -3754,31 +4134,23 @@
"dev": true
},
"node_modules/htmlparser2": {
"version": "3.10.1",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
"integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
"integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
"dev": true,
"funding": [
"https://github.com/fb55/htmlparser2?sponsor=1",
{
"type": "github",
"url": "https://github.com/sponsors/fb55"
}
],
"peer": true,
"dependencies": {
"domelementtype": "^1.3.1",
"domhandler": "^2.3.0",
"domutils": "^1.5.1",
"entities": "^1.1.1",
"inherits": "^2.0.1",
"readable-stream": "^3.1.1"
}
},
"node_modules/htmlparser2/node_modules/readable-stream": {
"version": "3.6.2",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
"dev": true,
"dependencies": {
"inherits": "^2.0.3",
"string_decoder": "^1.1.1",
"util-deprecate": "^1.0.1"
},
"engines": {
"node": ">= 6"
"domelementtype": "^2.0.1",
"domhandler": "^4.2.2",
"domutils": "^2.8.0",
"entities": "^3.0.1"
}
},
"node_modules/http-equiv-refresh": {
@ -4149,6 +4521,12 @@
"node": ">=0.10.0"
}
},
"node_modules/is-promise": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
"integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==",
"dev": true
},
"node_modules/is-relative": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
@ -4575,6 +4953,15 @@
"integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
"dev": true
},
"node_modules/lru-queue": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
"integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
"dev": true,
"dependencies": {
"es5-ext": "~0.10.2"
}
},
"node_modules/make-iterator": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz",
@ -4665,6 +5052,22 @@
"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
"dev": true
},
"node_modules/memoizee": {
"version": "0.4.15",
"resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
"integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
"dev": true,
"dependencies": {
"d": "^1.0.1",
"es5-ext": "^0.10.53",
"es6-weak-map": "^2.0.3",
"event-emitter": "^0.3.5",
"is-promise": "^2.2.2",
"lru-queue": "^0.1.0",
"next-tick": "^1.1.0",
"timers-ext": "^0.1.7"
}
},
"node_modules/micromatch": {
"version": "3.1.10",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@ -5997,35 +6400,6 @@
"postcss": "^8.4"
}
},
"node_modules/postcss-load-config": {
"version": "3.1.4",
"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
"dev": true,
"dependencies": {
"lilconfig": "^2.0.5",
"yaml": "^1.10.2"
},
"engines": {
"node": ">= 10"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
"peerDependencies": {
"postcss": ">=8.0.9",
"ts-node": ">=9.0.0"
},
"peerDependenciesMeta": {
"postcss": {
"optional": true
},
"ts-node": {
"optional": true
}
}
},
"node_modules/postcss-logical": {
"version": "6.2.0",
"resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-6.2.0.tgz",
@ -6600,16 +6974,17 @@
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
},
"node_modules/posthtml": {
"version": "0.11.6",
"resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.11.6.tgz",
"integrity": "sha512-C2hrAPzmRdpuL3iH0TDdQ6XCc9M7Dcc3zEW5BLerY65G4tWWszwv6nG/ksi6ul5i2mx22ubdljgktXCtNkydkw==",
"version": "0.16.6",
"resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.16.6.tgz",
"integrity": "sha512-JcEmHlyLK/o0uGAlj65vgg+7LIms0xKXe60lcDOTU7oVX/3LuEuLwrQpW3VJ7de5TaFKiW4kWkaIpJL42FEgxQ==",
"dev": true,
"peer": true,
"dependencies": {
"posthtml-parser": "^0.4.1",
"posthtml-render": "^1.1.5"
"posthtml-parser": "^0.11.0",
"posthtml-render": "^3.0.0"
},
"engines": {
"node": ">=6.0.0"
"node": ">=12.0.0"
}
},
"node_modules/posthtml-expressions": {
@ -6824,27 +7199,19 @@
"node": ">=10"
}
},
"node_modules/posthtml-modules/node_modules/posthtml-render": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-3.0.0.tgz",
"integrity": "sha512-z+16RoxK3fUPgwaIgH9NGnK1HKY9XIDpydky5eQGgAFVXTCSezalv9U2jQuNV+Z9qV1fDWNzldcw4eK0SSbqKA==",
"node_modules/posthtml-parser": {
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.11.0.tgz",
"integrity": "sha512-QecJtfLekJbWVo/dMAA+OSwY79wpRmbqS5TeXvXSX+f0c6pW4/SE6inzZ2qkU7oAMCPqIDkZDvd/bQsSFUnKyw==",
"dev": true,
"peer": true,
"dependencies": {
"is-json": "^2.0.1"
"htmlparser2": "^7.1.1"
},
"engines": {
"node": ">=12"
}
},
"node_modules/posthtml-parser": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.4.2.tgz",
"integrity": "sha512-BUIorsYJTvS9UhXxPTzupIztOMVNPa/HtAm9KHni9z6qEfiJ1bpOBL5DfUOL9XAc3XkLIEzBzpph+Zbm4AdRAg==",
"dev": true,
"dependencies": {
"htmlparser2": "^3.9.2"
}
},
"node_modules/posthtml-postcss": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/posthtml-postcss/-/posthtml-postcss-0.5.0.tgz",
@ -6904,12 +7271,15 @@
}
},
"node_modules/posthtml-render": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.4.0.tgz",
"integrity": "sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==",
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-3.0.0.tgz",
"integrity": "sha512-z+16RoxK3fUPgwaIgH9NGnK1HKY9XIDpydky5eQGgAFVXTCSezalv9U2jQuNV+Z9qV1fDWNzldcw4eK0SSbqKA==",
"dev": true,
"dependencies": {
"is-json": "^2.0.1"
},
"engines": {
"node": ">=10"
"node": ">=12"
}
},
"node_modules/posthtml-urls": {
@ -8128,6 +8498,15 @@
"node": ">=0.10.0"
}
},
"node_modules/strip-bom-string": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
"integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/stylehacks": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz",
@ -8250,6 +8629,16 @@
"node": ">=0.10.0"
}
},
"node_modules/timers-ext": {
"version": "0.1.7",
"resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
"integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
"dev": true,
"dependencies": {
"es5-ext": "~0.10.46",
"next-tick": "1"
}
},
"node_modules/to-absolute-glob": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz",

View file

@ -9,6 +9,8 @@
"gulp-postcss": "^9.0.1",
"gulp-posthtml": "^3.0.5",
"gulp-rename": "^2.0.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-tap": "^2.0.0",
"postcss-preset-env": "^8.5.0",
"posthtml-modules": "^0.9.1",
"posthtml-postcss": "^0.5.0",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

82
wordfire/gulpfile.js Normal file
View file

@ -0,0 +1,82 @@
const {src, dest, watch, parallel} = require('gulp')
const rename = require('gulp-rename')
const browserSync = require('browser-sync').create()
const tap = require('gulp-tap')
const posthtml = require('gulp-posthtml')
const sourcemaps = require('gulp-sourcemaps')
const postcss = require('gulp-postcss')
const htmlFiles = [
'wordfire/**/*.html',
'!wordfire/**/index.html',
]
const cssFiles = 'wordfire/wordfire.css'
const postcssPlugins = [
require('postcss-preset-env')({
enableClientSidePolyfills: true,
}),
require('cssnano')({
preset: 'default',
})
]
function html() {
const stream = src(htmlFiles)
.pipe(posthtml([
require('posthtml-urls')({
eachURL: (url) => {
if (url.endsWith('?@root')) {
return url.replace('?@root', '')
} else if (url.startsWith('/')) {
return `/wordfire${url}`
} else {
return url
}
}
}),
require('posthtml-postcss')(postcssPlugins, {}, /^text\/css$/)
]))
.pipe(rename((path) => {
path.basename = 'index'
}))
.pipe(dest('wordfire'))
if (browserSync.active) {
stream.pipe(browserSync.stream())
}
return stream
}
function css() {
let current = undefined
const stream = src(cssFiles)
.pipe(tap(file => {
current = file.path
}))
.pipe(sourcemaps.init())
.pipe(postcss(postcssPlugins, {from: current}))
.pipe(rename(path => {
path.basename = 'style'
}))
.pipe(sourcemaps.write())
.pipe(dest('wordfire'))
if (browserSync.active) {
stream.pipe(browserSync.stream())
}
return stream
}
exports.watch = function () {
browserSync.init(require('../bs-config'))
watch(htmlFiles, {ignoreInitial: false}, html)
watch(cssFiles, {ignoreInitial: false}, css)
}
exports.build = parallel(html, css)

View file

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

View file

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

View file

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View file

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

View file

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

View file

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -11,197 +11,13 @@
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<style>
#index {
--light-blue: #06c;
--purple: #909;
--blue: #039;
--red: #c00;
--dark-blue: #336;
--muted-purple: #93c;
--bright-purple: #c0f;
--bright-dark-blue: #009;
--neutral-blue: #ccf;
--bright-dark-purple: #609;
--cream: #ffc;
--pink: #f69;
--very-dark-purple: #306;
}
a { color: var(--light-blue); }
a:active { color: var(--purple); }
a:visited { color: var(--light-blue); }
.blue { color: var(--blue) !important; }
.center { text-align: center; }
.red { color: var(--red) !important; }
.purple { color: var(--purple) !important; }
/* fuck table layouts thanks!!! */
#top-left {
float: left;
width: 149px;
height: 124px;
background-color: var(--dark-blue);
border: 2px solid var(--muted-purple);
}
#header {
float: left;
width: 600px;
height: 124px;
padding: 0;
background-image: url(img/index_clouds.jpg);
border: 2px solid var(--muted-purple);
border-left: none;
text-align: center;
}
#nav {
clear: both;
float: left;
width: 149px;
height: 1361px;
background-color: var(--dark-blue);
border: 2px solid var(--muted-purple);
border-top: none;
}
#content {
float: left;
width: 592px;
height: 1353px;
padding: 4px;
border: 2px solid var(--muted-purple);
border-left: none;
border-top: none;
}
/* header style */
#header h1 {
font-size: 48px;
font-weight: 700;
color: var(--bright-purple);
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: white;
font-weight: 700;
}
.tall { height: 42px; }
.nav-current {
background-color: var(--bright-dark-blue);
}
.nav-btn {
background-color: var(--purple);
}
.nav-current:hover, .nav-btn:hover {
background-color: var(--neutral-blue);
text-decoration: underline;
}
.nav-current:visited, .nav-btn:visited {
color: white;
}
/* 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 var(--bright-dark-purple);
width: 580px;
height: 174px;
margin: 0 auto;
background-color: var(--cream);
}
#hellbox2 {
border: 2px ridge var(--pink);
width: 567px;
height: 160px;
padding: 5px;
color: var(--very-dark-purple);
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: var(--muted-purple);
float: left;
margin: 5px;
}
#bravenet { margin: 40px 30px; clear: both; }
</style>
<style>#index{--light-blue:#06c;--purple:#909;--blue:#039;--red:#c00;--dark-blue:#336;--muted-purple:#93c;--bright-purple:#c0f;--bright-dark-blue:#009;--neutral-blue:#ccf;--bright-dark-purple:#609;--cream:#ffc;--pink:#f69;--very-dark-purple:#306}a{color:var(--light-blue)}a:active{color:var(--purple)}a:visited{color:var(--light-blue)}.blue{color:var(--blue)!important}.center{text-align:center}.red{color:var(--red)!important}.purple{color:var(--purple)!important}#top-left{background-color:var(--dark-blue);width:149px}#header,#top-left{border:2px solid var(--muted-purple);float:left;height:124px}#header{background-image:url(img/clouds.jpg);border-left:none;padding:0;text-align:center;width:600px}#nav{background-color:var(--dark-blue);clear:both;height:1361px;width:149px}#content,#nav{border:2px solid var(--muted-purple);border-top:none;float:left}#content{border-left:none;height:1353px;padding:4px;width:592px}#header h1{color:var(--bright-purple);font-size:48px;font-style:italic;font-weight:700;margin:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}#nav{text-align:center}#nav .spacer{height:28px}.nav-btn,.nav-current{color:#fff;display:flex;flex-direction:column;font-weight:700;height:26px;justify-content:center;margin-bottom:2px;padding:3px;-webkit-text-decoration:none;text-decoration:none;width:145px}.tall{height:42px}.nav-current{background-color:var(--bright-dark-blue)}.nav-btn{background-color:var(--purple)}.nav-btn:hover,.nav-current:hover{background-color:var(--neutral-blue);-webkit-text-decoration:underline;text-decoration:underline}.nav-btn:visited,.nav-current:visited{color:#fff}#content h2{font-size:24px;font-style:italic}#content #canvas-border{background-image:url(img/frame_dkblue_canvas.gif);display:table;height:180px;margin:0 auto;width:160px}#content #canvas-border img{margin:15px}#hellbox{background-color:var(--cream);border:2px solid var(--bright-dark-purple);height:174px;margin:0 auto;width:580px}#hellbox2{border:2px ridge var(--pink);color:var(--very-dark-purple);font-family:Times New Roman,Times,serif;font-size:24px;font-weight:900;height:160px;padding:5px;width:567px}#hellbox2 img{padding-top:15px}#wood-border{background-image:url(img/frame_wood2.gif);display:table;height:255px;margin:20px auto;width:330px}#wood-border img{margin:15px}.purple-line{background-color:var(--muted-purple);float:left;height:2px;margin:5px;width:285px}#bravenet{clear:both;margin:40px 30px}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="index">
<div id="top-left"></div>
@ -214,30 +30,28 @@
<div id="nav">
<div class="spacer"></div>
<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>
<a href="/wordfire/" class="nav-current">Home</a>
<a href="/wordfire/play1/" class="nav-btn">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/" class="nav-btn">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/" class="nav-btn">'POSSUMS</a>
<a href="/wordfire/play4/" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/" class="nav-btn">Sound Files</a>
<a href="/wordfire/precious/" 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;">
<img src="img/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>
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 id="canvas-border" style="margin-top:-10px;">
<img src="img/tigertheangel.jpg" width="130">
</div>
</p>
@ -245,15 +59,15 @@
<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">
<img src="img/vote1.gif">
</div>
</div>
<div id="wood-border">
<img src="img/index_pupkit03.jpg" alt="pupkit03.jpg" width="300">
<img src="img/pupkit03.jpg" alt="pupkit03.jpg" width="300">
</div>
<p style="font-style: italic; font-weight: 900;" class="purple arial">
<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>
@ -265,25 +79,20 @@
<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>
<img src="img/guestbook.gif" title="Free Guestbook from Bravenet" alt="Free Guestbook from Bravenet">
<a href="https://www.bravenet.com/">
<img src="img/index_bn-guestbook.gif" title="Free Guestbook from Bravenet"
alt="Free Guestbook from Bravenet">
<img src="img/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>
<img src="img/animation.gif" width="130" alt="animation.gif"><br>
<b>WORDFIRE</b><br>
<br>
<b>Lots Of KEWL Stuff Here</b><br>
<a href="http://www.pineconecattery.com/" target="tlx_new"><img
src="img/index_judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<a href="http://www.pineconecattery.com/" target="tlx_new"><img src="img/judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</div>

118
wordfire/play1/index.html Normal file
View file

@ -0,0 +1,118 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- from source -->
<title>PETZ PLAYSCENZ</title>
<!-- -->
<!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css">
<style>#play1{--green:#3f3;--purple:#c0f}body{margin:16px 14px;text-align:center;width:760px}a{color:var(--green)}a:active{color:#fff}a:visited{color:var(--green)}h1#title{color:var(--purple);font-size:48px;font-style:italic;font-weight:700;margin:0;-webkit-text-decoration:underline;text-decoration:underline}#nav{margin-top:0}#nav a,#nav a:active,#nav a:visited{color:#000}#nav a.current{font-weight:700;-webkit-text-decoration:none;text-decoration:none}#grid{grid-gap:0;align-content:center;align-items:center;display:grid;gap:0;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];justify-content:center;justify-items:center;place-content:center;place-items:center}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="play1">
<h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial">
<a href="/wordfire/">Home</a> |
<a href="/wordfire/play1/" class="current">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound Files</a> |
<a href="/wordfire/precious/">PRECIOUS ONEZ</a>
</p>
<b style="font-size:32px;" class="red">PETZ PLAYSCENZ</b>
<div style="height:50px;"></div>
<div style="display:table;font-family:Georgia,serif;font-size:15px;"><u>fatcatruns.gif</u></div>
<p style="font-style:italic;font-weight:700;text-align:left;">
<span class="times" style="color:#009;">
<span style="font-size:24px;">UNEDITED PLAYSCENZ**</span><span style="font-size:16px;">E-MAIL ME AT
<a style="color:#000;" href="mailto:wordfire@earthlink.net">WORDFIRE@EARTHLINK.NET</a>
*REQUEST 4 OR 5 >> UNZIP TO YOUR EDITOR AND MAKE YOUT VERY OWN!!</span>
</span>
<span style="display:inline-block;width:130px;height:26px;"></span>
<span style="color:#00c;">
you can also right click the playscene and save it to your computer( remember where you
save it to<br>
!!)
<span style="display:inline-block;width:120px;"></span>
CLICK ON ANY IMAGE TO ENLARGE
</span>
</p>
<img src="../img/vote1.gif" style="display:table;">
<!-- HELL -->
<div id="grid">
<div style="grid-column:c1/c2;grid-row:r1/r2;">
<span class="arial small">All your favorites>> your PETZ will enjoy them too</span><br>
<u class="georgia medium" title="missing">moviestarsroom.jpg</u><br>
<span class="arial small">Wall Of Stars</span>
</div>
<div style="grid-column:c1/c2;grid-row:r2/r4;">
<span class="arial small">PETZ Can Do Tricks On Stage!!</span><br>
<u class="georgia medium" title="missing">thestage.jpg</u><br>
<span class="small arial">The Stage</span>
</div>
<div style="grid-column:c1/c2;grid-row:r4/r5;">
<span class="small arial">Elect your Next PETZ President !</span><br>
<u class="georgia medium" title="missing">votingbooth.jpg</u><br>
<span class="small arial">Voting Booth</span>
</div>
<div style="grid-column:c4/c7;grid-row:r1/r3;">
<span class="small arial">The Perfect Party Room>Ballons>Treats and Pinata!</span><br>
<u class="georgia medium" title="missing">happybirthday.jpg</u><br>
<span class="small arial">Happy Birthday!</span>
</div>
<div style="grid-column:c3/c6;grid-row:r3/r5;align-self:stretch;justify-self:stretch;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="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br>
<b>WORDFIRE</b><br>
<br>
<b>Lots Of KEWL Stuff Here</b><br>
<a href="http://www.pineconecattery.com/" target="tlx_new"><img src="/wordfire/img/judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</body>
</html>

View file

@ -9,7 +9,7 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#play1 {
--green: #3f3;
@ -60,20 +60,23 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="play1">
<h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial">
<a href="index.html">Home</a> |
<a href="play1.html" class="current">PETZ PLAYSCENZ</a> |
<a href="play2.html">MORE PLAYSCENZ</a> |
<a href="play3.html">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="possums.html">'POSSUMS</a> |
<a href="play4.html">COMPLETED PLAYSCENZ</a> |
<a href="sound.html">Sound Files</a> |
<a href="precious.html">PRECIOUS ONEZ</a>
<a href="/">Home</a> |
<a href="/play1/" class="current">PETZ PLAYSCENZ</a> |
<a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/possums/">'POSSUMS</a> |
<a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/sound/">Sound Files</a> |
<a href="/precious/">PRECIOUS ONEZ</a>
</p>
<b style="font-size: 32px;" class="red">PETZ PLAYSCENZ</b>
@ -99,7 +102,7 @@
</span>
</p>
<img src="img/index_vote1.gif" style="display: table;">
<img src="../img/vote1.gif" style="display: table;">
<!-- HELL -->
@ -153,12 +156,12 @@
<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>
<img src="/img/animation.gif" width="130" alt="animation.gif"><br>
<b>WORDFIRE</b><br>
<br>
<b>Lots Of KEWL Stuff Here</b><br>
<a href="http://www.pineconecattery.com/" target="tlx_new"><img
src="img/index_judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
src="/img/judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</body>

View file

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 148 KiB

131
wordfire/play2/index.html Normal file
View file

@ -0,0 +1,131 @@
<!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="/wordfire/wordfire.css">
<style>#play2{--purple:#c0f;--red:#c00;--purple-2:#909;--green:#cf9}#page{grid-gap:0;grid-row-gap:5px;display: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{grid-column:c1/c2;justify-self:center}#header,#top-right{align-self:center;grid-row:r1/r2}#header{grid-column:c3/c4;text-align:center}#header>h1{color:var(--purple);font-size:48px;font-style:italic;padding:0 0 5px;-webkit-text-decoration:underline;text-decoration:underline}#header>h1,#header>h2{font-weight:700;margin:0}#header>h2{color:var(--red);font-size:32px;padding:0}#nav{grid-column:c1/c2;grid-row:r2/r3}#nav>a{background-color:var(--purple-2);color:#fff;display:block;font-weight:700;margin-bottom:2px;padding:5px;text-align:center;-webkit-text-decoration:none;text-decoration:none}#nav>a:hover{-webkit-text-decoration:underline;text-decoration:underline}#nav>a#current,#nav>a:hover{background-color:transparent;background-color:initial}#nav>a:first-child{margin-top:40px}#content{grid-gap:0;background-color:var(--green);display:grid;gap:0;grid-column:c3/c4;grid-row:r2/r3;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];padding:4px 6px 4px 4px}#content>div{align-self:center;justify-self:center}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="play2">
<div id="page">
<!-- top right image ------------------------------------------------------------------------------------------>
<div id="top-right">
<img src="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="/wordfire/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/" id="current">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a>
<a href="/wordfire/precious/">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="/wordfire/img/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="view.jpg" target="tlx_new">
<img src="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="watergarden2.jpg" target="tlx_new">
<img src="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="1parlor.jpg" target="tlx_new">
<img src="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="wildthingz.jpg" target="tlx_new">
<img src="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="/wordfire/img/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- content -->
</div>
</body>
</html>

View file

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

View file

@ -9,7 +9,7 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#play2 {
--purple: #c0f;
@ -107,7 +107,10 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="play2">
<div id="page">
@ -115,7 +118,7 @@
<!-- top right image ------------------------------------------------------------------------------------------>
<div id="top-right">
<img src="img/play2_petz0.jpg">
<img src="petz0.jpg">
</div>
<!-- header --------------------------------------------------------------------------------------------------->
@ -129,14 +132,14 @@
<!-- 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>
<a href="/">Home</a>
<a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/play2/" id="current">MORE PLAYSCENZ</a>
<a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/possums/">'POSSUMS</a>
<a href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/sound/">Sound Files</a>
<a href="/precious/">PRECIOUS ONEZ</a>
</div>
<!-- content -------------------------------------------------------------------------------------------------->
@ -152,7 +155,7 @@
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center; justify-self:
start;">
<img src="img/index_vote1.gif">
<img src="/img/vote1.gif">
</div>
<div class="georgia medium" title="missing" style="grid-column: cc1/cc3; grid-row:
@ -168,8 +171,8 @@
<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 href="view.jpg" target="tlx_new">
<img src="view.jpg" alt="dolphinden.jpg" width="240">
</a><br>
The View
</div>
@ -183,8 +186,8 @@
<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 href="watergarden2.jpg" target="tlx_new">
<img src="watergarden2.jpg" alt="watergarden2.jpg" width="240">
</a><br>
Watergarden
</div>
@ -192,8 +195,8 @@
<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 href="1parlor.jpg" target="tlx_new">
<img src="1parlor.jpg" alt="1parlor.jpg" width="240">
</a><br>
The Parlor
</div>
@ -201,8 +204,8 @@
<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 href="wildthingz.jpg" target="tlx_new">
<img src="wildthingz.jpg" alt="wildthingz.jpg" width="240">
</a><br>
WILDTHINGZ
</div>
@ -211,7 +214,7 @@
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>
<img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE
</div>
@ -219,7 +222,7 @@
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">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

View file

Before

Width:  |  Height:  |  Size: 145 KiB

After

Width:  |  Height:  |  Size: 145 KiB

View file

Before

Width:  |  Height:  |  Size: 207 KiB

After

Width:  |  Height:  |  Size: 207 KiB

View file

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 183 KiB

View file

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

126
wordfire/play3/index.html Normal file
View file

@ -0,0 +1,126 @@
<!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="/wordfire/wordfire.css">
<style>#play3{--blue:#6cf;--light-blue:#9cf;--dark-blue:#09c;--darker-blue:#069;--purple:#639;--background-color:var(--blue)}body{background-color:var(--background-color)}a{color:var(--dark-blue)}a:active{color:var(--light-blue)}a:visited{color:var(--darker-blue)}#page{grid-row-gap:0;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:[c1] 211px [c2] 566px [c3];grid-template-rows:[r1] 168px [r2] 97px [r3] 903px [c4];row-gap:0}#header{align-self:center;grid-column:c2/c3;grid-row:r1/r2;justify-self:center;text-align:center}h1{margin:0 0 5px}h1,h2{padding:0}h2{color:var(--purple);font-size:24px;font-style:italic;font-weight:700;margin:0}#nav{align-self:center;grid-column:c2/c3;grid-row:r2/r3}#nav>a,#nav>a:active,#nav>a:visited{color:#000}#nav>#current{font-weight:700;-webkit-text-decoration:none;text-decoration:none}#content{grid-gap:0;display:grid;gap:0;grid-column:c2/c3;grid-row:r3/r4;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];padding:5px}#content>div{align-self:center;justify-self:center}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="play3">
<div id="page">
<div id="top-left" style="grid-column:c1/c2;grid-row:r1/r4;align-self:start;justify-self:start;">
<img src="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="/wordfire/">Home</a> |
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound <br> Files</a> |
<a href="/wordfire/precious/">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="/wordfire/img/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="uneditedpossumholler.jpg" target="tlx_new">
<img src="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="/wordfire/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

View file

@ -9,7 +9,7 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#play3 {
--blue: #6cf;
@ -98,13 +98,16 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="play3">
<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">
<img src="fishbgrnd.jpg" width="200">
</div><!-- #top-left -->
<!-- header --------------------------------------------------------------------------------------------------->
@ -116,14 +119,14 @@
<!-- 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>
<a href="/">Home</a> |
<a href="/play1/">PETZ PLAYSCENZ</a> |
<a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/play3/" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> |
<a href="/possums/">'POSSUMS</a> |
<a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/sound/">Sound <br> Files</a> |
<a href="/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<!-- content -------------------------------------------------------------------------------------------------->
@ -138,7 +141,7 @@
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; justify-self: start; padding-left:
10px;">
<img src="img/index_vote1.gif">
<img src="/img/vote1.gif">
</div>
<div class="small center" style="grid-column: cc1/cc2; grid-row: cr3/cr4;
@ -180,8 +183,8 @@
<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"
<a href="uneditedpossumholler.jpg" target="tlx_new">
<img src="uneditedpossumholler.jpg" alt="uneditedpossumholler.jpg"
width="240">
</a><br>
Possum Holler Background
@ -198,14 +201,14 @@
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>
<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/index_judysbanner.jpg" width="130">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

View file

Before

Width:  |  Height:  |  Size: 213 KiB

After

Width:  |  Height:  |  Size: 213 KiB

View file

Before

Width:  |  Height:  |  Size: 79 B

After

Width:  |  Height:  |  Size: 79 B

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

123
wordfire/play4/index.html Normal file
View file

@ -0,0 +1,123 @@
<!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/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" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" 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="/wordfire/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a>
<a id="current" href="/wordfire/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a>
<a href="/wordfire/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="/wordfire/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="/wordfire/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

View file

@ -11,7 +11,7 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#play4 {
--red: #c00;
@ -132,7 +132,10 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="play4">
<div id="page">
@ -147,20 +150,20 @@
</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>
<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/index_vote1.gif">
<img src="/img/vote1.gif">
</div>
<div class="medium arial" style="grid-column: cc1/cc2; grid-row: cr2/cr3; justify-self:
@ -169,7 +172,7 @@
<!-- 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;
<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
@ -180,13 +183,13 @@
<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>
<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="dl/play4_weddingwalk1.62mb.env">CLICK HERE TO DOWNLOAD WEDDING WALK PETZ
<a href="weddingwalk1.62mb.env">CLICK HERE TO DOWNLOAD WEDDING WALK PETZ
4</a>
</div>
@ -207,7 +210,7 @@
<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;
<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
@ -218,7 +221,7 @@
<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>
<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:
@ -233,14 +236,14 @@
10px;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_animation.gif" width="130" alt="animation.gif"><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/index_judysbanner.jpg" width="130">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

106
wordfire/possums/index.html Normal file
View file

@ -0,0 +1,106 @@
<!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="/wordfire/wordfire.css">
<style>#possums{--red:#900;--blue:#009;--purple:#60f;--background-color:var(--red);--colort:var(--blue)}body{background-color:var(--background-color);color:var(--colort)}a,a:active,a:visited{color:var(--blue)}#page{grid-gap:0;display:grid;gap:0;grid-template-columns:[c1] 148px [c2] 615px [c3];grid-template-rows:[r1] 156px [r2] 855px [r3]}#header{align-self:center;grid-column:c2/c3;grid-row:r1/r2;justify-self:center;text-align:center}#header>h1{margin:0 0 5px;padding:0}#header>h2{color:var(--purple);font-size:32px;font-style:italic;font-weight:700;margin:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}#nav{grid-column:c1/c2;grid-row:r2/r3;justify-self:center;text-align:center}#nav>a{display:block;font-weight:700;margin-bottom:2px;padding:5px;-webkit-text-decoration:none;text-decoration:none}#nav>a:hover{-webkit-text-decoration:underline;text-decoration:underline}#content{grid-gap:0;display:grid;gap:0;grid-column:c2/c3;grid-row:r2/r3;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="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="possums">
<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="/wordfire/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a>
<a href="/wordfire/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav -->
<div id="content">
<div style="grid-column:cc1/cc2;grid-row:cr1/cr2;padding-left:10px;">
<img src="/wordfire/img/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="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="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="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:red;padding:0;">
<i style="background-color:#ffc;"><b>unedited Possum Holler<br>is on
<a href="/wordfire/play3/">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="/wordfire/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div><!-- #content -->
</div><!-- #page -->
</body>
</html>

View file

@ -9,7 +9,7 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#possums {
--red: #900;
@ -95,7 +95,10 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="possums">
<div id="page">
@ -106,19 +109,19 @@
</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>
<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 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; padding-left: 10px;">
<img src="img/index_vote1.gif">
<img src="/img/vote1.gif">
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; align-self: center;">.</div>
@ -148,25 +151,25 @@
</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
<a href="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>
<a href="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>
<a href="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>
<a href="/play3/">AND>>>>MORE PETZ<br>PLAYSCENZ</a>
&nbsp;page</b></i>
</div>
@ -174,14 +177,14 @@
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>
<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/index_judysbanner.jpg" width="130">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

View file

Before

Width:  |  Height:  |  Size: 79 B

After

Width:  |  Height:  |  Size: 79 B

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -0,0 +1,160 @@
<!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="/wordfire/wordfire.css">
<style>#precious{--neutral-blue:#ccf;--purple:#63f;--background-image:url(mkg_countrybreeze_1.gif)}body{background-color:var(--neutral-blue);background-image:var(--background-image)}a,a:active,a:visited{color:#000}#page{grid-gap:0;align-items:start;display: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];justify-items:start;text-align:center}.js-center{justify-self:center}h1{margin:0;padding:0}#current{-webkit-text-decoration:none;text-decoration:none}#current,h2{font-weight:700}h2{color:var(--purple);font-size:32px;margin:0;padding:0}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="precious">
<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="/wordfire/">Home</a> |
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound Files</a> |
<a href="/wordfire/precious/" 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="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(frame_dkblue_canvas.gif);padding:15px;height:20px;width:80px;margin:0 auto;">
<span class="georgia medium" title="missing" style="background-image:url(mkg_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(frame_blue_pinstripe.gif);padding:15px;height:20px;width:100px;margin:0 auto;">
<u class="georgia medium" title="missing" style="background-image:url(mkg_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(frame_wood2.gif);padding:15px;height:20px;width:70px;margin:0 auto;">
<span class="georgia medium" title="missing" style="background-image:url(mkg_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="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="/wordfire/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</body>
</html>

View file

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

View file

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View file

@ -9,13 +9,13 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#precious {
--neutral-blue: #ccf;
--purple: #63f;
--background-image: url(img/preciousmkg_countrybreeze_1.gif);
--background-image: url(mkg_countrybreeze_1.gif);
}
body { background-color: var(--neutral-blue); background-image: var(--background-image); }
@ -54,7 +54,10 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="precious">
<div id="page">
@ -65,14 +68,14 @@
<!-- 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>
<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 href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/sound/">Sound Files</a> |
<a href="/precious/" id="current">PRECIOUS ONEZ</a>
</div>
<!-- header 2 -->
@ -82,7 +85,7 @@
<!-- 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">
<img src="mkg_countrybreeze_2.gif">
</div>
<div style="grid-column: c2/c4; grid-row: r5/r6; padding-left: 5px;">
@ -99,10 +102,10 @@
<!-- 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:
<div style="background-image: url(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);">
url(mkg_countrybreeze_1.gif);">
sleeper.jpg
</span>
</div>
@ -111,10 +114,10 @@
<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:
<div style="background-image: url(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);">
url(mkg_countrybreeze_1.gif);">
kristoffer.jpg
</u>
</div>
@ -131,10 +134,10 @@
<!-- 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:
<div style="background-image: url(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);">
url(mkg_countrybreeze_1.gif);">
halie.jpg
</span>
</div>
@ -167,7 +170,7 @@
<!-- divider -->
<div class="js-center" style="grid-column: c2/c4; grid-row: r17/r18;">
<img src="img/precious_mkg_countrybreeze_2.gif">
<img src="mkg_countrybreeze_2.gif">
</div>
<div class="courier" style="grid-column: c2/c4; grid-row: r18/r19; font-style: italic;
@ -193,14 +196,14 @@
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>
<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/index_judysbanner.jpg" width="130">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

View file

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

98
wordfire/sound/index.html Normal file
View file

@ -0,0 +1,98 @@
<!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="/wordfire/wordfire.css">
<style>#sound{--purple:#609;--background-image:url(clouds.jpg)}body{background-image:var(--background-image);margin-left:10px}a,a:active,a:hover{color:#000}#page{grid-column-gap:10px;grid-row-gap:0;align-items:center;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:[c1] 135px [c2] 593px [c3];grid-template-rows:[r1] 163px [r2] 532px [r3];justify-items:center;row-gap:0;text-align:center}#top-left{grid-column:c1/c2;grid-row:r1/r2}#header{grid-column:c2/c3;grid-row:r1/r2}h1{margin:0 0 2px}h1,h2{padding:0}h2{color:var(--purple);font-size:24px;font-weight:700;margin:0}#nav{align-self:start;grid-column:c1/c2;grid-row:r2/r3;margin-top:30px}#nav>a{color:#000;display:block;font-weight:700;margin-bottom:2px;padding:5px;-webkit-text-decoration:none;text-decoration:none}#nav>a:hover{-webkit-text-decoration:underline;text-decoration:underline}#content{grid-gap:0;align-items:start;display:grid;gap:0;grid-column:c2/c3;grid-row:r2/r3;grid-template-columns:[cc1] 196px [cc2] 199px [cc3] 198px [cc4];grid-template-rows:[cr1] 75px [cr2] 98px [cr3] 42px [cr4] 317px [cr5];justify-items:start;padding-top:30px;text-align:left}.ver-arial{font-family:Verdana,Arial,Helvetica,sans-serif}</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js" type="module"></script>
</head>
<body id="sound">
<div id="page">
<!-- #top-left ---------------------------------------------------------------------------------------------------->
<div id="top-left">
<img src="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="/wordfire/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play1/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a>
<a href="/wordfire/precious/">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="/wordfire/img/vote1.gif">
</div>
<!-- downloads -->
<div class="arial" style="grid-column:cc1/cc2;grid-row:cr3/cr4;">
<a href="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 class="defunct" title="Missing: 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 class="defunct" title="Missing: 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="/wordfire/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="/wordfire/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>
Playscenz
</div>
</div>
</div>
</body>
</html>

View file

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

View file

@ -9,12 +9,12 @@
<!-- -->
<!-- style -->
<link rel="stylesheet" href="wordfire.css">
<link rel="stylesheet" href="/wordfire.css">
<style>
#sound {
--purple: #609;
--background-image: url(img/sound_clouds.jpg);
--background-image: url(clouds.jpg);
}
body {
@ -102,13 +102,16 @@
</style>
<!-- archive menu -->
<script src="/menu.js" type="module"></script>
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="sound">
<div id="page">
<!-- #top-left ---------------------------------------------------------------------------------------------------->
<div id="top-left">
<img src="img/sound_new_005.gif">
<img src="new_005.gif">
</div>
<!-- #header ------------------------------------------------------------------------------------------------------>
@ -120,14 +123,14 @@
<!-- #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>
<a href="/">Home</a>
<a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/play1/">MORE PLAYSCENZ</a>
<a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/possums/">'POSSUMS</a>
<a href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/sound/">Sound Files</a>
<a href="/precious/">PRECIOUS ONEZ</a>
</div>
<!-- #content ----------------------------------------------------------------------------------------------------->
@ -145,20 +148,20 @@
</div>
<div style="grid-column: cc1/cc2; grid-row: cr2/cr3; padding: 10px;">
<img src="img/index_vote1.gif">
<img src="/img/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>
<a href="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>
<a class="defunct" title="Missing: 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>
<a class="defunct" title="Missing: sound_weddingbells.wav">WEDDING BELLS click here to download wav file</a>
</div>
<!-- god -->
@ -167,14 +170,14 @@
10px;">
The Life,Truth and Power<br>
Of GOD<br>
<img src="img/index_animation.gif" width="130" alt="animation.gif"><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/index_judysbanner.jpg" width="130">
<img src="/img/judysbanner.jpg" width="130">
</a><br>
Edited Versions Also<br>
Available Of These<br>

2
wordfire/style.css Normal file
View file

@ -0,0 +1,2 @@
body{--background-color:#ccf;background-color:#ccf;background-color:var(--background-color);font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px}h1{color:#c0f;font-size:48px;font-style:italic;font-weight:700;-webkit-text-decoration:underline;text-decoration:underline}.center{text-align:center}.small{font-size:10px}.medium{font-size:16px}.big{font-size:18px}.arial{font-family:Arial,Helvetica,sans-serif}.times{font-family:Times New Roman,serif}.georgia{font-family:Georgia,serif}.courier{font-family:Courier New,Courier,monospace}.defunct{-webkit-text-decoration:line-through;text-decoration:line-through}.missing-asset{border:1px solid;padding:5px}.display-table{display:table;margin:10px auto}.inline-block{display:inline-block;margin:0}#god{float:right;text-align:center;width:130px}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndvcmRmaXJlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxLQUNJLHVCQUF3QixDQUV4QixxQkFBeUMsQ0FBekMsd0NBQXlDLENBRHpDLDhDQUFrRCxDQUVsRCxjQUNKLENBRUEsR0FHSSxVQUFXLENBRlgsY0FBZSxDQUdmLGlCQUFrQixDQUZsQixlQUFnQixDQUdoQixpQ0FBMEIsQ0FBMUIseUJBQ0osQ0FJQSxRQUFVLGlCQUFvQixDQUU5QixPQUFTLGNBQWlCLENBRTFCLFFBQVUsY0FBaUIsQ0FFM0IsS0FBTyxjQUFpQixDQUV4QixPQUFTLHNDQUEyQyxDQUVwRCxPQUFTLGlDQUF1QyxDQUVoRCxTQUFXLHlCQUE2QixDQUV4QyxTQUFXLHlDQUFnRCxDQUUzRCxTQUFXLG9DQUE2QixDQUE3Qiw0QkFBK0IsQ0FJMUMsZUFDSSxnQkFBaUIsQ0FDakIsV0FDSixDQUVBLGVBQ0ksYUFBYyxDQUNkLGdCQUNKLENBRUEsY0FDSSxvQkFBcUIsQ0FDckIsUUFDSixDQUVBLEtBQU8sV0FBWSxDQUFnQixpQkFBa0IsQ0FBaEMsV0FBa0MiLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keSB7XG4gICAgLS1iYWNrZ3JvdW5kLWNvbG9yOiAjY2NmO1xuICAgIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuaDEge1xuICAgIGZvbnQtc2l6ZTogNDhweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAjYzBmO1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLyogdGV4dCAqL1xuXG4uY2VudGVyIHsgdGV4dC1hbGlnbjogY2VudGVyOyB9XG5cbi5zbWFsbCB7IGZvbnQtc2l6ZTogMTBweDsgfVxuXG4ubWVkaXVtIHsgZm9udC1zaXplOiAxNnB4OyB9XG5cbi5iaWcgeyBmb250LXNpemU6IDE4cHg7IH1cblxuLmFyaWFsIHsgZm9udC1mYW1pbHk6IEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7IH1cblxuLnRpbWVzIHsgZm9udC1mYW1pbHk6ICdUaW1lcyBOZXcgUm9tYW4nLCBzZXJpZjsgfVxuXG4uZ2VvcmdpYSB7IGZvbnQtZmFtaWx5OiBHZW9yZ2lhLCBzZXJpZjsgfVxuXG4uY291cmllciB7IGZvbnQtZmFtaWx5OiBcIkNvdXJpZXIgTmV3XCIsIENvdXJpZXIsIG1vbm9zcGFjZTsgfVxuXG4uZGVmdW5jdCB7IHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoOyB9XG5cbi8qIG1pc2MgKi9cblxuLm1pc3NpbmctYXNzZXQge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgIHBhZGRpbmc6IDVweDtcbn1cblxuLmRpc3BsYXktdGFibGUge1xuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIG1hcmdpbjogMTBweCBhdXRvO1xufVxuXG4uaW5saW5lLWJsb2NrIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWFyZ2luOiAwO1xufVxuXG4jZ29kIHsgZmxvYXQ6IHJpZ2h0OyB3aWR0aDogMTMwcHg7IHRleHQtYWxpZ246IGNlbnRlcjsgfVxuIl19 */

View file

@ -31,6 +31,8 @@ h1 {
.courier { font-family: "Courier New", Courier, monospace; }
.defunct { text-decoration: line-through; }
/* misc */
.missing-asset {

292
wordfire/wordfire.html Normal file
View file

@ -0,0 +1,292 @@
<!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="wordfire.css">
<style>
#index {
--light-blue: #06c;
--purple: #909;
--blue: #039;
--red: #c00;
--dark-blue: #336;
--muted-purple: #93c;
--bright-purple: #c0f;
--bright-dark-blue: #009;
--neutral-blue: #ccf;
--bright-dark-purple: #609;
--cream: #ffc;
--pink: #f69;
--very-dark-purple: #306;
}
a { color: var(--light-blue); }
a:active { color: var(--purple); }
a:visited { color: var(--light-blue); }
.blue { color: var(--blue) !important; }
.center { text-align: center; }
.red { color: var(--red) !important; }
.purple { color: var(--purple) !important; }
/* fuck table layouts thanks!!! */
#top-left {
float: left;
width: 149px;
height: 124px;
background-color: var(--dark-blue);
border: 2px solid var(--muted-purple);
}
#header {
float: left;
width: 600px;
height: 124px;
padding: 0;
background-image: url(img/clouds.jpg);
border: 2px solid var(--muted-purple);
border-left: none;
text-align: center;
}
#nav {
clear: both;
float: left;
width: 149px;
height: 1361px;
background-color: var(--dark-blue);
border: 2px solid var(--muted-purple);
border-top: none;
}
#content {
float: left;
width: 592px;
height: 1353px;
padding: 4px;
border: 2px solid var(--muted-purple);
border-left: none;
border-top: none;
}
/* header style */
#header h1 {
font-size: 48px;
font-weight: 700;
color: var(--bright-purple);
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: white;
font-weight: 700;
}
.tall { height: 42px; }
.nav-current {
background-color: var(--bright-dark-blue);
}
.nav-btn {
background-color: var(--purple);
}
.nav-current:hover, .nav-btn:hover {
background-color: var(--neutral-blue);
text-decoration: underline;
}
.nav-current:visited, .nav-btn:visited {
color: white;
}
/* 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/frame_dkblue_canvas.gif);
}
#content #canvas-border img { margin: 15px; }
/* has no one heard of the border attribute ????????????? */
#hellbox {
border: 2px solid var(--bright-dark-purple);
width: 580px;
height: 174px;
margin: 0 auto;
background-color: var(--cream);
}
#hellbox2 {
border: 2px ridge var(--pink);
width: 567px;
height: 160px;
padding: 5px;
color: var(--very-dark-purple);
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/frame_wood2.gif);
}
#wood-border img { margin: 15px; }
.purple-line {
height: 2px;
width: 285px;
background-color: var(--muted-purple);
float: left;
margin: 5px;
}
#bravenet { margin: 40px 30px; clear: both; }
</style>
<!-- archive menu -->
<script src="/menu.js?@root" type="module"></script>
<!-- polyfills -->
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body id="index">
<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="/" class="nav-current">Home</a>
<a href="/play1/" class="nav-btn">PETZ PLAYSCENZ</a>
<a href="/play2/" class="nav-btn">MORE PLAYSCENZ</a>
<a href="/play3/" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
<a href="/possums/" class="nav-btn">'POSSUMS</a>
<a href="/play4/" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
<a href="/sound/" class="nav-btn">Sound Files</a>
<a href="/precious/" class="nav-btn">PRECIOUS ONEZ</a>
</div>
<div id="content">
<img src="img/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/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/vote1.gif">
</div>
</div>
<div id="wood-border">
<img src="img/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">
<img src="img/guestbook.gif" title="Free Guestbook from Bravenet"
alt="Free Guestbook from Bravenet">
<a href="https://www.bravenet.com/">
<img src="img/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/animation.gif" width="130" alt="animation.gif"><br>
<b>WORDFIRE</b><br>
<br>
<b>Lots Of KEWL Stuff Here</b><br>
<a href="http://www.pineconecattery.com/" target="tlx_new"><img
src="img/judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
<b>Edited Versions Also Available Of These Playscenz</b>
</div>
</div>
</body>
</html>