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

individual gulpfiles -> global gulpfile

Browse source
This commit is contained in:
Marley 2023-06-17 14:04:31 -07:00
parent f1106e443a
commit 85f3a9d7ef
22 changed files with 283 additions and 420 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.idea/webResources.xml
View file

@ -9,9 +9,10 @@
<path value="file://$PROJECT_DIR$/wordfire" /> <path value="file://$PROJECT_DIR$/wordfire" />
<path value="file://$PROJECT_DIR$/supernova" /> <path value="file://$PROJECT_DIR$/supernova" />
<path value="file://$PROJECT_DIR$" /> <path value="file://$PROJECT_DIR$" />
<path value="file://$PROJECT_DIR$/petz5world" />
</resourceRoots> </resourceRoots>
</entryData> </entryData>
</entry> </entry>
</contentEntries> </contentEntries>
</component> </component>
</project> </project>

109
gulpfile.js
View file

@ -1,16 +1,105 @@
const {parallel} = require('gulp') const {src, dest, watch, parallel} = require('gulp')
const tap = require('gulp-tap')
const rename = require('gulp-rename')
const browserSync = require('browser-sync').create()
const posthtml = require('gulp-posthtml')
const sourcemaps = require('gulp-sourcemaps')
const postcss = require('gulp-postcss')
const sites = { const htmlFiles = [
sues_virtual_life: require('./sues_virtual_life/gulpfile'), '**/*.html',
supernova: require('./supernova/gulpfile'), '!**/index.html',
wordfire: require('./wordfire/gulpfile') '!**/includes/**/*.html',
'!node_modules/**/*.*',
'!Carolyns_Creations/**/*.html',
'!vpz_research/**/*.html',
'!petz5world/**/*.html',
]
const cssFiles = [
'**/*.css',
'!style/*.css',
'!node_modules/**/*.*',
'!Carolyns_Creations/**/*.css',
'!vpz_research/**/*.css',
'!petz5world/**/*.css',
]
const postcssPlugins = [
require('postcss-preset-env')({
enableClientSidePolyfills: true,
}),
require('cssnano')({
preset: 'default',
})
]
const posthtmlPlugins = [
require('posthtml-urls')({
eachURL: (url) => {
if (url.endsWith('?@root')) {
return url.replace('?@root', '')
} else if (url.startsWith('/')) {
return `/${site}${url}`
} else {
return url
}
},
filter: {
module: {href: true}
}
}),
require('posthtml-postcss')(postcssPlugins, {}, /^text\/css$/)
]
let site = ''
function html() {
const stream = src(htmlFiles)
.pipe(tap(file => {
const path = file.path.split('/')
site = path[path.indexOf('saudade') + 1]
}))
.pipe(posthtml([
...posthtmlPlugins,
require('posthtml-modules')({
plugins: posthtmlPlugins
}),
]))
.pipe(rename((path) => {
path.basename = 'index'
}))
.pipe(dest('.'))
if (browserSync.active) {
stream.pipe(browserSync.stream())
}
return stream
} }
let builds = [] function css() {
const stream = src(cssFiles)
.pipe(sourcemaps.init())
.pipe(postcss(postcssPlugins))
.pipe(rename(path => {
path.basename = 'style'
}))
.pipe(sourcemaps.write())
.pipe(dest('.'))
for (const [site, require] of Object.entries(sites)) { if (browserSync.active) {
exports[site] = require.watch stream.pipe(browserSync.stream())
builds.push(require.build) }
return stream
} }
exports.build = parallel(...builds) exports.watch = function () {
browserSync.init(require('./bs-config'))
watch(htmlFiles, {ignoreInitial: false}, html)
watch(cssFiles, {ignoreInitial: false}, css)
}
exports.build = parallel(html, css)

24
sues_virtual_life/catz/index.html
View file

@ -6,10 +6,10 @@
<!-- from source --> <!-- from source -->
<title>Sue's Virtual Life</title> <title>Sue's Virtual Life</title>
<link rel="shortcut icon" href="/sues_virtual_life/img/bs-icon.ico"> <link rel="shortcut icon" href="/img/bs-icon.ico">
<!-- --> <!-- -->
<link rel="stylesheet" href="/sues_virtual_life/sues_virtual_life.css"> <link rel="stylesheet" href="/sues_virtual_life.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js" type="module"></script>
@ -17,7 +17,7 @@
<body> <body>
<!----------------------------------------------------------------- header ----> <!----------------------------------------------------------------- header ---->
<header> <header>
<img src="/sues_virtual_life/img/ban.gif"> <img src="/img/ban.gif">
</header> </header>
<!------------------------------------------------------------------- main ----> <!------------------------------------------------------------------- main ---->
@ -25,7 +25,7 @@
<p>Catz Unibreedz<br> <p>Catz Unibreedz<br>
All are overwriting and will work in Catz 3, 4, + 5.</p> All are overwriting and will work in Catz 3, 4, + 5.</p>
<img src="/sues_virtual_life/img/divide.gif"><br> <img src="/img/divide.gif"><br>
<img src="alley-coon.gif" title="Many variations!"> <img src="alley-coon.gif" title="Many variations!">
@ -154,18 +154,18 @@
<nav> <nav>
<div class="menu"> <div class="menu">
<div class="menu-title">Information</div> <div class="menu-title">Information</div>
<a href="/sues_virtual_life/" class="menu-item">Home Page</a> <a href="/" class="menu-item">Home Page</a>
<a href="/sues_virtual_life/past/" class="menu-item">Past Updates</a> <a href="/past/" class="menu-item">Past Updates</a>
<a href="/sues_virtual_life/links/" class="menu-item">Related Links</a> <a href="/links/" class="menu-item">Related Links</a>
</div> </div>
<div class="menu"> <div class="menu">
<div class="menu-title">Downloads</div> <div class="menu-title">Downloads</div>
<a href="/sues_virtual_life/catz/" class="menu-item">Catz Unibreedz</a> <a href="/catz/" class="menu-item">Catz Unibreedz</a>
<a href="/sues_virtual_life/dogz/" class="menu-item">Dogz Unibreedz</a> <a href="/dogz/" class="menu-item">Dogz Unibreedz</a>
<a href="/sues_virtual_life/other/" class="menu-item">Other Unibreedz</a> <a href="/other/" class="menu-item">Other Unibreedz</a>
<a href="/sues_virtual_life/babyz/" class="menu-item">Babyz Adoption</a> <a href="/babyz/" class="menu-item">Babyz Adoption</a>
<a href="/sues_virtual_life/archive/" class="menu-item">PB Archive</a> <a href="/archive/" class="menu-item">PB Archive</a>
</div> </div>
</nav> </nav>

24
sues_virtual_life/dogz/index.html
View file

@ -6,10 +6,10 @@
<!-- from source --> <!-- from source -->
<title>Sue's Virtual Life</title> <title>Sue's Virtual Life</title>
<link rel="shortcut icon" href="/sues_virtual_life/img/bs-icon.ico"> <link rel="shortcut icon" href="/img/bs-icon.ico">
<!-- --> <!-- -->
<link rel="stylesheet" href="/sues_virtual_life/sues_virtual_life.css"> <link rel="stylesheet" href="/sues_virtual_life.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js" type="module"></script>
@ -17,7 +17,7 @@
<body> <body>
<!----------------------------------------------------------------- header ----> <!----------------------------------------------------------------- header ---->
<header> <header>
<img src="/sues_virtual_life/img/ban.gif"> <img src="/img/ban.gif">
</header> </header>
<!------------------------------------------------------------------- main ----> <!------------------------------------------------------------------- main ---->
@ -25,7 +25,7 @@
<p>Dogz Unibreedz<br> <p>Dogz Unibreedz<br>
All are overwriting and will work in Dogz 3, 4, + 5.</p> All are overwriting and will work in Dogz 3, 4, + 5.</p>
<img src="/sues_virtual_life/img/divide.gif"><br> <img src="/img/divide.gif"><br>
<img src="abominable-evil-sheepie.gif" title="No variations!"> <img src="abominable-evil-sheepie.gif" title="No variations!">
@ -126,18 +126,18 @@
<nav> <nav>
<div class="menu"> <div class="menu">
<div class="menu-title">Information</div> <div class="menu-title">Information</div>
<a href="/sues_virtual_life/" class="menu-item">Home Page</a> <a href="/" class="menu-item">Home Page</a>
<a href="/sues_virtual_life/past/" class="menu-item">Past Updates</a> <a href="/past/" class="menu-item">Past Updates</a>
<a href="/sues_virtual_life/links/" class="menu-item">Related Links</a> <a href="/links/" class="menu-item">Related Links</a>
</div> </div>
<div class="menu"> <div class="menu">
<div class="menu-title">Downloads</div> <div class="menu-title">Downloads</div>
<a href="/sues_virtual_life/catz/" class="menu-item">Catz Unibreedz</a> <a href="/catz/" class="menu-item">Catz Unibreedz</a>
<a href="/sues_virtual_life/dogz/" class="menu-item">Dogz Unibreedz</a> <a href="/dogz/" class="menu-item">Dogz Unibreedz</a>
<a href="/sues_virtual_life/other/" class="menu-item">Other Unibreedz</a> <a href="/other/" class="menu-item">Other Unibreedz</a>
<a href="/sues_virtual_life/babyz/" class="menu-item">Babyz Adoption</a> <a href="/babyz/" class="menu-item">Babyz Adoption</a>
<a href="/sues_virtual_life/archive/" class="menu-item">PB Archive</a> <a href="/archive/" class="menu-item">PB Archive</a>
</div> </div>
</nav> </nav>

43
sues_virtual_life/gulpfile.js
View file

@ -1,43 +0,0 @@
const {src, dest, watch} = require('gulp')
const posthtml = require('gulp-posthtml')
const rename = require('gulp-rename')
const browserSync = require('browser-sync').create()
const htmlFiles = [
'sues_virtual_life/**/*.html',
'!sues_virtual_life/**/index.html',
]
function html() {
const stream = src(htmlFiles)
.pipe(posthtml([
require('posthtml-urls')({
eachURL: (url) => {
if (url[0] === '/' && url !== '/menu.js') {
return `/sues_virtual_life${url}`
} else {
return url
}
},
}),
]))
.pipe(rename(path => {
path.basename = 'index'
}))
.pipe(dest('sues_virtual_life'))
if (browserSync.active) {
stream.pipe(browserSync.stream())
}
return stream
}
exports.watch = function () {
browserSync.init(require('../bs-config'))
watch(htmlFiles, {ignoreInitial: false}, html)
watch('sues_virtual_life.css').on('change', browserSync.reload)
}
exports.build = html

36
sues_virtual_life/index.html
View file

@ -9,7 +9,7 @@
<link rel="shortcut icon" href="img/bs-icon.ico"> <link rel="shortcut icon" href="img/bs-icon.ico">
<!-- --> <!-- -->
<link rel="stylesheet" href="/sues_virtual_life/sues_virtual_life.css"> <link rel="stylesheet" href="/sues_virtual_life.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js" type="module"></script>
@ -17,23 +17,23 @@
<body> <body>
<!----------------------------------------------------------------- header ----> <!----------------------------------------------------------------- header ---->
<header> <header>
<img src="/sues_virtual_life/img/ban.gif"> <img src="/img/ban.gif">
</header> </header>
<!------------------------------------------------------------------- main ----> <!------------------------------------------------------------------- main ---->
<main> <main>
<img src="/sues_virtual_life/img/homepic.gif" alt="Left to Right: Wally, Thankies, Spike & Beanie"> <img src="/img/homepic.gif" alt="Left to Right: Wally, Thankies, Spike & Beanie">
<p>This site contains downloads of my own creation<br> <p>This site contains downloads of my own creation<br>
for the virtual life games Petz and Babyz<br> for the virtual life games Petz and Babyz<br>
Always refresh each page!</p> Always refresh each page!</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>06.24.15: Special Bulletin:</u><br> <p><u>06.24.15: Special Bulletin:</u><br>
Hopefully re-opening in Fall 2015!</p> Hopefully re-opening in Fall 2015!</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>Installation</u></p> <p><u>Installation</u></p>
@ -47,7 +47,7 @@
.baby files c/program files/mindscape/babyz/adopted babyz<br> .baby files c/program files/mindscape/babyz/adopted babyz<br>
.clo files same/same/same/resource/clothes</p> .clo files same/same/same/resource/clothes</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>Disclaimer</u></p> <p><u>Disclaimer</u></p>
@ -56,37 +56,37 @@
I am not responsible for problems you may have with your own games.<br> I am not responsible for problems you may have with your own games.<br>
You download and use these items at your own risk.</p> You download and use these items at your own risk.</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>Contact</u></p> <p><u>Contact</u></p>
<img src="/sues_virtual_life/img/bs-avatar-a.gif"> <img src="/img/bs-avatar-a.gif">
<p>sue at boardwalkerz dot com<br> <p>sue at boardwalkerz dot com<br>
(Replace at with @ and dot with .)<br> (Replace at with @ and dot with .)<br>
Please contact about site issues only. Thanks. ;-)</p> Please contact about site issues only. Thanks. ;-)</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<br> <br>
<img src="/sues_virtual_life/img/beagle.gif" alt="Good dog, Dixie!"> <img src="/img/beagle.gif" alt="Good dog, Dixie!">
</main> </main>
<!-------------------------------------------------------------------- nav ----> <!-------------------------------------------------------------------- nav ---->
<nav> <nav>
<div class="menu"> <div class="menu">
<div class="menu-title">Information</div> <div class="menu-title">Information</div>
<a href="/sues_virtual_life/" class="menu-item">Home Page</a> <a href="/" class="menu-item">Home Page</a>
<a href="/sues_virtual_life/past/" class="menu-item">Past Updates</a> <a href="/past/" class="menu-item">Past Updates</a>
<a href="/sues_virtual_life/links/" class="menu-item">Related Links</a> <a href="/links/" class="menu-item">Related Links</a>
</div> </div>
<div class="menu"> <div class="menu">
<div class="menu-title">Downloads</div> <div class="menu-title">Downloads</div>
<a href="/sues_virtual_life/catz/" class="menu-item">Catz Unibreedz</a> <a href="/catz/" class="menu-item">Catz Unibreedz</a>
<a href="/sues_virtual_life/dogz/" class="menu-item">Dogz Unibreedz</a> <a href="/dogz/" class="menu-item">Dogz Unibreedz</a>
<a href="/sues_virtual_life/other/" class="menu-item">Other Unibreedz</a> <a href="/other/" class="menu-item">Other Unibreedz</a>
<a href="/sues_virtual_life/babyz/" class="menu-item">Babyz Adoption</a> <a href="/babyz/" class="menu-item">Babyz Adoption</a>
<a href="/sues_virtual_life/archive/" class="menu-item">PB Archive</a> <a href="/archive/" class="menu-item">PB Archive</a>
</div> </div>
<div class="sidebar-text"> <div class="sidebar-text">

31
sues_virtual_life/links/index.html
View file

@ -8,37 +8,12 @@
<title>Sue's Virtual Life</title> <title>Sue's Virtual Life</title>
<!-- --> <!-- -->
<link rel="stylesheet" href="/sues_virtual_life/sues_virtual_life.css"> <link rel="stylesheet" href="/sues_virtual_life.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js" type="module"></script>
<style> <style>.header{text-align:center;width:100vw}ul{margin-top:54px}.title,ul{padding-left:40px}.title{display:block;margin-top:19px;-webkit-text-decoration:underline;text-decoration:underline}.title+ul{margin-top:0}a{color:#fff}</style>
.header {
text-align: center;
width: 100vw;
}
ul {
margin-top: 54px;
padding-left: 40px;
}
.title {
margin-top: 19px;
display: block;
text-decoration: underline;
padding-left: 40px;
}
.title + ul {
margin-top: 0;
}
a {
color: #ffffff;
}
</style>
</head> </head>
<body id="links"> <body id="links">
@ -47,7 +22,7 @@
<br> <br>
<b>Links</b><br> <b>Links</b><br>
Many sites are dormant, but still worth having a look.<br> Many sites are dormant, but still worth having a look.<br>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
</div> </div>
<ul> <ul>

42
sues_virtual_life/past/index.html
View file

@ -6,10 +6,10 @@
<!-- from source --> <!-- from source -->
<title>Sue's Virtual Life</title> <title>Sue's Virtual Life</title>
<link rel="shortcut icon" href="/sues_virtual_life/img/bs-icon.ico"> <link rel="shortcut icon" href="/img/bs-icon.ico">
<!-- --> <!-- -->
<link rel="stylesheet" href="/sues_virtual_life/sues_virtual_life.css"> <link rel="stylesheet" href="/sues_virtual_life.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js" type="module"></script>
@ -17,7 +17,7 @@
<body> <body>
<!----------------------------------------------------------------- header ----> <!----------------------------------------------------------------- header ---->
<header> <header>
<img src="/sues_virtual_life/img/ban.gif"> <img src="/img/ban.gif">
</header> </header>
<!------------------------------------------------------------------- main ----> <!------------------------------------------------------------------- main ---->
@ -27,7 +27,7 @@
<p><b>Happy New Year! 2015</b><br> <p><b>Happy New Year! 2015</b><br>
It was a bad year for updates, sorry. :*-(</p> It was a bad year for updates, sorry. :*-(</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>December 2014</u><br> <p><u>December 2014</u><br>
- Grab/Santa - C3+ Spot "Spotted Elephant" (gone)</p> - Grab/Santa - C3+ Spot "Spotted Elephant" (gone)</p>
@ -52,7 +52,7 @@
- Grab/Other/Boardwalk Bear<br> - Grab/Other/Boardwalk Bear<br>
- What's This?/Polaris (gone)</p> - What's This?/Polaris (gone)</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>December 2013</u><br> <p><u>December 2013</u><br>
- Nothing New</p> - Nothing New</p>
@ -98,7 +98,7 @@
<p><u>January 2013</u><br> <p><u>January 2013</u><br>
- The Dungeon/Augustus (Gone)</p> - The Dungeon/Augustus (Gone)</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>December 2012</u><br> <p><u>December 2012</u><br>
- Examine/The Closet/Snowangelz (Gone)<br> - Examine/The Closet/Snowangelz (Gone)<br>
@ -159,7 +159,7 @@
- Petz/Catz - Dalialley Unibreed<br> - Petz/Catz - Dalialley Unibreed<br>
- Petz/Dogz - Muttlez Unibreed</p> - Petz/Dogz - Muttlez Unibreed</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>November & December 2011</u><br> <p><u>November & December 2011</u><br>
- Petz/Dogz: New Batdog Unibreed</p> - Petz/Dogz: New Batdog Unibreed</p>
@ -187,7 +187,7 @@
- New Hellcat (ow unibreed)<br> - New Hellcat (ow unibreed)<br>
- Bred Catz + Hexed Adoptions Closed</p> - Bred Catz + Hexed Adoptions Closed</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>December 2010</u><br> <p><u>December 2010</u><br>
- New Bred Catz Litter<br> - New Bred Catz Litter<br>
@ -214,12 +214,12 @@
- Downloads re-uploaded<br> - Downloads re-uploaded<br>
- Site re-opened</p> - Site re-opened</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>June 2008:</u><br> <p><u>June 2008:</u><br>
- Site closed due to lack of time and no internet</p> - Site closed due to lack of time and no internet</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><u>Sept. & Oct. 2007:</u><br> <p><u>Sept. & Oct. 2007:</u><br>
- Petz Adopt/Hex Litters: Wizard Catz<br> - Petz Adopt/Hex Litters: Wizard Catz<br>
@ -300,7 +300,7 @@
- Petz/Play/Hex Toyz: Lulabelle.toy P3, P4, + P5<br> - Petz/Play/Hex Toyz: Lulabelle.toy P3, P4, + P5<br>
A huge thanks to Minibyte! *hugs new toy*~</p> A huge thanks to Minibyte! *hugs new toy*~</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p>*All past updates October through December '06<br> <p>*All past updates October through December '06<br>
are posted under <u>Petz Boardwalk</u>. Below that are<br> are posted under <u>Petz Boardwalk</u>. Below that are<br>
@ -382,7 +382,7 @@
- Hidden Toyz page removed<br> - Hidden Toyz page removed<br>
- Gift page removed</p> - Gift page removed</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><b>*Breedz Blvd.</b></p> <p><b>*Breedz Blvd.</b></p>
@ -405,7 +405,7 @@
- Judy: PCC Texaco<br> - Judy: PCC Texaco<br>
- Holiday Catz: New Christmas PF Mice</p> - Holiday Catz: New Christmas PF Mice</p>
<img src="/sues_virtual_life/img/divide.gif"> <img src="/img/divide.gif">
<p><b>*Babyz Punked</b></p> <p><b>*Babyz Punked</b></p>
@ -438,18 +438,18 @@
<nav> <nav>
<div class="menu"> <div class="menu">
<div class="menu-title">Information</div> <div class="menu-title">Information</div>
<a href="/sues_virtual_life/" class="menu-item">Home Page</a> <a href="/" class="menu-item">Home Page</a>
<a href="/sues_virtual_life/past/" class="menu-item">Past Updates</a> <a href="/past/" class="menu-item">Past Updates</a>
<a href="/sues_virtual_life/links/" class="menu-item">Related Links</a> <a href="/links/" class="menu-item">Related Links</a>
</div> </div>
<div class="menu"> <div class="menu">
<div class="menu-title">Downloads</div> <div class="menu-title">Downloads</div>
<a href="/sues_virtual_life/catz/" class="menu-item">Catz Unibreedz</a> <a href="/catz/" class="menu-item">Catz Unibreedz</a>
<a href="/sues_virtual_life/dogz/" class="menu-item">Dogz Unibreedz</a> <a href="/dogz/" class="menu-item">Dogz Unibreedz</a>
<a href="/sues_virtual_life/other/" class="menu-item">Other Unibreedz</a> <a href="/other/" class="menu-item">Other Unibreedz</a>
<a href="/sues_virtual_life/babyz/" class="menu-item">Babyz Adoption</a> <a href="/babyz/" class="menu-item">Babyz Adoption</a>
<a href="/sues_virtual_life/archive/" class="menu-item">PB Archive</a> <a href="/archive/" class="menu-item">PB Archive</a>
</div> </div>
</nav> </nav>

2
sues_virtual_life/style.css Normal file
View file

File diff suppressed because one or more lines are too long

81
supernova/gulpfile.js
View file

@ -1,81 +0,0 @@
const {src, dest, watch, parallel} = require('gulp')
const posthtml = require('gulp-posthtml')
const rename = require('gulp-rename')
const browserSync = require('browser-sync').create()
const htmlFiles = [
'supernova/**/*.html',
'!supernova/**/index.html',
'!supernova/includes/**/*'
]
const posthtmlPlugins = [
require('posthtml-urls')({
eachURL: (url) => {
if (url.endsWith('?@root')) {
return url.replace('?@root', '')
} else if (url.startsWith('/')) {
return `/supernova${url}`
} else {
return url
}
},
})
]
const postcssPlugins = [
require('postcss-preset-env')({
enableClientSidePolyfills: true,
}),
require('cssnano')({
preset: 'default'
})
]
function html() {
const stream = src(htmlFiles)
.pipe(posthtml([
...posthtmlPlugins,
require('posthtml-modules')({
root: 'supernova',
plugins: posthtmlPlugins
}),
require('posthtml-postcss')(postcssPlugins, /^text\/css$/),
]))
.pipe(rename(path => {
path.basename = 'index'
}))
.pipe(dest('supernova'))
if (browserSync.active) {
stream.pipe(browserSync.stream())
}
return stream
}
const cssFiles = [
'supernova/**/*.css',
'!supernova/**/style.css',
]
function css() {
const stream = src(cssFiles)
.pipe(require('gulp-postcss')(postcssPlugins))
.pipe(dest('supernova'))
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)

8
supernova/index.html
View file

@ -8,16 +8,16 @@
<title>Supernova</title> <title>Supernova</title>
<!-- --> <!-- -->
<link rel="stylesheet" href="/supernova/supernova.css"> <link rel="stylesheet" href="/supernova.css">
<!-- archive menu --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <body>
<a href="/supernova/test">test</a> <a href="/test">test</a>
</body> </body>
</html> </html>

2
supernova/style.css Normal file
View file

@ -0,0 +1,2 @@
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdXBlcm5vdmEvc3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOltdfQ== */

82
wordfire/gulpfile.js
View file

@ -1,82 +0,0 @@
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)

20
wordfire/index.html
View file

@ -14,10 +14,10 @@
<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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="index"> <body id="index">
<div id="top-left"></div> <div id="top-left"></div>
@ -30,14 +30,14 @@
<div id="nav"> <div id="nav">
<div class="spacer"></div> <div class="spacer"></div>
<a href="/wordfire/" class="nav-current">Home</a> <a href="/" class="nav-current">Home</a>
<a href="/wordfire/play1/" class="nav-btn">PETZ PLAYSCENZ</a> <a href="/play1/" class="nav-btn">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/" class="nav-btn">MORE PLAYSCENZ</a> <a href="/play2/" class="nav-btn">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a> <a href="/play3/" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/" class="nav-btn">'POSSUMS</a> <a href="/possums/" class="nav-btn">'POSSUMS</a>
<a href="/wordfire/play4/" class="nav-btn tall">COMPLETED PLAYSCENZ</a> <a href="/play4/" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/" class="nav-btn">Sound Files</a> <a href="/sound/" class="nav-btn">Sound Files</a>
<a href="/wordfire/precious/" class="nav-btn">PRECIOUS ONEZ</a> <a href="/precious/" class="nav-btn">PRECIOUS ONEZ</a>
</div> </div>
<div id="content"> <div id="content">

26
wordfire/play1/index.html
View file

@ -9,27 +9,27 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="play1"> <body id="play1">
<h1 id="title">petz** WORDFIRE'S**petz</h1> <h1 id="title">petz** WORDFIRE'S**petz</h1>
<p id="nav" class="arial"> <p id="nav" class="arial">
<a href="/wordfire/">Home</a> | <a href="/">Home</a> |
<a href="/wordfire/play1/" class="current">PETZ PLAYSCENZ</a> | <a href="/play1/" class="current">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> | <a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> | <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> | <a href="/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> | <a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound Files</a> | <a href="/sound/">Sound Files</a> |
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</p> </p>
<b style="font-size:32px;" class="red">PETZ PLAYSCENZ</b> <b style="font-size:32px;" class="red">PETZ PLAYSCENZ</b>
@ -107,11 +107,11 @@
<div id="god" class="small arial"> <div id="god" class="small arial">
<b>The Life,Truth and Power Of GOD</b><br> <b>The Life,Truth and Power Of GOD</b><br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
<b>WORDFIRE</b><br> <b>WORDFIRE</b><br>
<br> <br>
<b>Lots Of KEWL Stuff Here</b><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> <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> <b>Edited Versions Also Available Of These Playscenz</b>
</div> </div>
</body> </body>

28
wordfire/play2/index.html
View file

@ -9,14 +9,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="play2"> <body id="play2">
<div id="page"> <div id="page">
@ -38,14 +38,14 @@
<!-- nav ------------------------------------------------------------------------------------------------------> <!-- nav ------------------------------------------------------------------------------------------------------>
<div id="nav"> <div id="nav">
<a href="/wordfire/">Home</a> <a href="/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> <a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/" id="current">MORE PLAYSCENZ</a> <a href="/play2/" id="current">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a> <a href="/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> <a href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a> <a href="/sound/">Sound Files</a>
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</div> </div>
<!-- content --------------------------------------------------------------------------------------------------> <!-- content -------------------------------------------------------------------------------------------------->
@ -58,7 +58,7 @@
</div> </div>
<div style="grid-column:cc1/cc2;grid-row:cr2/cr3;align-self:center;justify-self:start;"> <div style="grid-column:cc1/cc2;grid-row:cr2/cr3;align-self:center;justify-self:start;">
<img src="/wordfire/img/vote1.gif"> <img src="/img/vote1.gif">
</div> </div>
<div class="georgia medium" title="missing" style="grid-column:cc1/cc3;grid-row:cr3/cr4;justify-self:center;padding-top:10px;"> <div class="georgia medium" title="missing" style="grid-column:cc1/cc3;grid-row:cr3/cr4;justify-self:center;padding-top:10px;">
@ -112,14 +112,14 @@
<div class="small arial center" style="grid-column:cc2/cc3;grid-row:cr11/cr12;justify-self:end;color:#006;font-weight:700;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
</div> </div>
<div class="small arial center" style="grid-column:cc2/cc3;grid-row:cr12/cr13;justify-self:end;color:#006;font-weight:700;"> <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> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

28
wordfire/play3/index.html
View file

@ -9,14 +9,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="play3"> <body id="play3">
<div id="page"> <div id="page">
@ -33,14 +33,14 @@
<!-- nav ------------------------------------------------------------------------------------------------------> <!-- nav ------------------------------------------------------------------------------------------------------>
<div id="nav"> <div id="nav">
<a href="/wordfire/">Home</a> | <a href="/">Home</a> |
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> | <a href="/play1/">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> | <a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> | <a href="/play3/" id="current">AND>>>>MORE <br> PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> | <a href="/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> | <a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound <br> Files</a> | <a href="/sound/">Sound <br> Files</a> |
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav --> </div><!-- #nav -->
<!-- content --------------------------------------------------------------------------------------------------> <!-- content -------------------------------------------------------------------------------------------------->
@ -52,7 +52,7 @@
</div> </div>
<div style="grid-column:cc1/cc2;grid-row:cr2/cr3;justify-self:start;padding-left:10px;"> <div style="grid-column:cc1/cc2;grid-row:cr2/cr3;justify-self:start;padding-left:10px;">
<img src="/wordfire/img/vote1.gif"> <img src="/img/vote1.gif">
</div> </div>
<div class="small center" style="grid-column:cc1/cc2;grid-row:cr3/cr4;align-self:start;padding-top:5px;"> <div class="small center" style="grid-column:cc1/cc2;grid-row:cr3/cr4;align-self:start;padding-top:5px;">
@ -107,14 +107,14 @@
<div class="small arial center" style="grid-column:cc2/cc3;grid-row:cr9/cr10;justify-self:end;color:#35643a;font-weight:700;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
<br><br> <br><br>
Lots Of KEWL Stuff Here<br> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

28
wordfire/play4/index.html
View file

@ -11,14 +11,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/wordfire.css">
<style>#play4{--red:#c00;--neutral-blue:#aecfcb;--teal:#066;--dark-neutral-blue:#9cc;--light-pink:#fcc;--background-color:#fff}body{background-color:var(--background-color);margin:2px;padding:0}a,a:active,a:visited{color:#000}#page{grid-gap:0;border-top:2px solid var(--red);display:grid;gap:0;grid-template-columns:[c1] 151px [space] 2px [c2] 608px [c3];grid-template-rows:[r1] 151px [r2] 718px [r3];margin:0;padding:0;width:761px}#spacer{align-self:stretch;border-bottom:2px solid var(--red);grid-column:space/c2;padding-bottom:149px}#header,#spacer{grid-row:r1/r2;justify-self:stretch}#header{align-self:center;background-color:var(--neutral-blue);border-left:2px solid var(--red);border-right:2px solid var(--red);border-top:2px solid var(--red);grid-column:c2/c3;padding-bottom:5px;text-align:center}#header>h1{margin:0 0 5px;padding:0}#header>h2{color:var(--teal);font-size:24px;font-weight:700;margin:0;padding:0}#nav{border-top:2px solid var(--red);grid-column:c1/space;grid-row:r2/r3;justify-self:center;padding-top:30px;text-align:center}#nav>a{background-color:var(--dark-neutral-blue);color:#000;display:block;font-weight:700;margin-bottom:2px;padding:5px;-webkit-text-decoration:none;text-decoration:none}#nav>a#current{background-color:#fff}#nav>a#current:hover,#nav>a:hover{background-color:var(--light-pink);-webkit-text-decoration:underline;text-decoration:underline}#content{grid-gap:0;border-left:2px solid var(--red);border-right:2px solid var(--red);border-top:2px solid var(--red);display:grid;gap:0;grid-column:c2/c3;grid-row:r2/r3;grid-template-columns:[cc1] 244px [cc2] 218px [cc3] 137px [cc4] 9px [cc5];grid-template-rows:[cr1] 68px [cr2] 32px [cr3] 49px [cr4] 38px [cr5] 49px [cr6] 40px [cr7] 27px [cr8] 72px [cr9] 25px [cr10] 318px [cr11]}#content>div{justify-self:center;text-align:center}.border-left{border-left:2px solid var(--red)}</style> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="play4"> <body id="play4">
<div id="page"> <div id="page">
@ -33,19 +33,19 @@
</div><!-- #header --> </div><!-- #header -->
<div id="nav"> <div id="nav">
<a href="/wordfire/">Home</a> <a href="/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> <a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> <a href="/play2/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a> <a href="/possums/">'POSSUMS</a>
<a id="current" href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> <a id="current" href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a> <a href="/sound/">Sound Files</a>
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav --> </div><!-- #nav -->
<div id="content"> <div id="content">
<div style="grid-column:cc1/cc2;grid-row:cr1/cr2;justify-self:start;align-self:center;padding:5px 10px 0 10px;"> <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"> <img src="/img/vote1.gif">
</div> </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> <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>
@ -104,14 +104,14 @@
<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;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
<br><br> <br><br>
Lots Of KEWL Stuff Here<br> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

30
wordfire/possums/index.html
View file

@ -9,14 +9,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="possums"> <body id="possums">
<div id="page"> <div id="page">
@ -27,19 +27,19 @@
</div><!-- #header --> </div><!-- #header -->
<div id="nav" class="arial"> <div id="nav" class="arial">
<a href="/wordfire/">Home</a> <a href="/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> <a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> <a href="/play2/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a> <a href="/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> <a href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a> <a href="/sound/">Sound Files</a>
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</div><!-- #nav --> </div><!-- #nav -->
<div id="content"> <div id="content">
<div style="grid-column:cc1/cc2;grid-row:cr1/cr2;padding-left:10px;"> <div style="grid-column:cc1/cc2;grid-row:cr1/cr2;padding-left:10px;">
<img src="/wordfire/img/vote1.gif"> <img src="/img/vote1.gif">
</div> </div>
<div style="grid-column:cc1/cc2;grid-row:cr2/cr3;align-self:center;">.</div> <div style="grid-column:cc1/cc2;grid-row:cr2/cr3;align-self:center;">.</div>
@ -80,21 +80,21 @@
<div class="courier big" style="grid-column:cc2/cc3;grid-row:cr7/cr8;justify-self:center;align-self:center;color:red;padding:0;"> <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 <i style="background-color:#ffc;"><b>unedited Possum Holler<br>is on
<a href="/wordfire/play3/">AND>>>>MORE PETZ<br>PLAYSCENZ</a> <a href="/play3/">AND>>>>MORE PETZ<br>PLAYSCENZ</a>
&nbsp;page</b></i> &nbsp;page</b></i>
</div> </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;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
<br><br> <br><br>
Lots Of KEWL Stuff Here<br> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

26
wordfire/precious/index.html
View file

@ -9,14 +9,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="precious"> <body id="precious">
<div id="page"> <div id="page">
@ -27,14 +27,14 @@
<!-- nav --> <!-- nav -->
<div class="js-center" style="grid-column:c2/c4;grid-row:r2/r3;padding-top:5px;"> <div class="js-center" style="grid-column:c2/c4;grid-row:r2/r3;padding-top:5px;">
<a href="/wordfire/">Home</a> | <a href="/">Home</a> |
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> | <a href="/play1/">PETZ PLAYSCENZ</a> |
<a href="/wordfire/play2/">MORE PLAYSCENZ</a> | <a href="/play2/">MORE PLAYSCENZ</a> |
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> | <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> |
<a href="/wordfire/possums/">'POSSUMS</a> | <a href="/possums/">'POSSUMS</a> |
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> | <a href="/play4/">COMPLETED PLAYSCENZ</a> |
<a href="/wordfire/sound/">Sound Files</a> | <a href="/sound/">Sound Files</a> |
<a href="/wordfire/precious/" id="current">PRECIOUS ONEZ</a> <a href="/precious/" id="current">PRECIOUS ONEZ</a>
</div> </div>
<!-- header 2 --> <!-- header 2 -->
@ -142,14 +142,14 @@
<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;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
<br><br> <br><br>
Lots Of KEWL Stuff Here<br> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

28
wordfire/sound/index.html
View file

@ -9,14 +9,14 @@
<!-- --> <!-- -->
<!-- style --> <!-- style -->
<link rel="stylesheet" href="/wordfire/wordfire.css"> <link rel="stylesheet" href="/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> <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 --> <!-- archive menu -->
<script src="/menu.js" type="module"></script> <script src="/menu.js?@root" type="module"></script>
<!-- polyfills --> <!-- polyfills -->
<script src="/polyfills.js" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body id="sound"> <body id="sound">
<div id="page"> <div id="page">
@ -34,14 +34,14 @@
<!-- #nav ---------------------------------------------------------------------------------------------------------> <!-- #nav --------------------------------------------------------------------------------------------------------->
<div id="nav"> <div id="nav">
<a href="/wordfire/">Home</a> <a href="/">Home</a>
<a href="/wordfire/play1/">PETZ PLAYSCENZ</a> <a href="/play1/">PETZ PLAYSCENZ</a>
<a href="/wordfire/play1/">MORE PLAYSCENZ</a> <a href="/play1/">MORE PLAYSCENZ</a>
<a href="/wordfire/play3/">AND>>>>MORE PETZ PLAYSCENZ</a> <a href="/play3/">AND>>>>MORE PETZ PLAYSCENZ</a>
<a href="/wordfire/possums/">'POSSUMS</a> <a href="/possums/">'POSSUMS</a>
<a href="/wordfire/play4/">COMPLETED PLAYSCENZ</a> <a href="/play4/">COMPLETED PLAYSCENZ</a>
<a href="/wordfire/sound/">Sound Files</a> <a href="/sound/">Sound Files</a>
<a href="/wordfire/precious/">PRECIOUS ONEZ</a> <a href="/precious/">PRECIOUS ONEZ</a>
</div> </div>
<!-- #content -----------------------------------------------------------------------------------------------------> <!-- #content ----------------------------------------------------------------------------------------------------->
@ -59,7 +59,7 @@
</div> </div>
<div style="grid-column:cc1/cc2;grid-row:cr2/cr3;padding:10px;"> <div style="grid-column:cc1/cc2;grid-row:cr2/cr3;padding:10px;">
<img src="/wordfire/img/vote1.gif"> <img src="/img/vote1.gif">
</div> </div>
<!-- downloads --> <!-- downloads -->
@ -79,14 +79,14 @@
<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;"> <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> The Life,Truth and Power<br>
Of GOD<br> Of GOD<br>
<img src="/wordfire/img/animation.gif" width="130" alt="animation.gif"><br> <img src="/img/animation.gif" width="130" alt="animation.gif"><br>
WORDFIRE WORDFIRE
<br><br> <br><br>
Lots Of KEWL Stuff Here<br> Lots Of KEWL Stuff Here<br>
<a href="http://pineconecattery.com" target="tlx_new"> <a href="http://pineconecattery.com" target="tlx_new">
<img src="/wordfire/img/judysbanner.jpg" width="130"> <img src="/img/judysbanner.jpg" width="130">
</a><br> </a><br>
Edited Versions Also<br> Edited Versions Also<br>
Available Of These<br> Available Of These<br>

2
wordfire/style.css
View file

@ -1,2 +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} 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 */ /*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndvcmRmaXJlL3dvcmRmaXJlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxLQUNJLHVCQUF3QixDQUV4QixxQkFBeUMsQ0FBekMsd0NBQXlDLENBRHpDLDhDQUFrRCxDQUVsRCxjQUNKLENBRUEsR0FHSSxVQUFXLENBRlgsY0FBZSxDQUdmLGlCQUFrQixDQUZsQixlQUFnQixDQUdoQixpQ0FBMEIsQ0FBMUIseUJBQ0osQ0FJQSxRQUFVLGlCQUFvQixDQUU5QixPQUFTLGNBQWlCLENBRTFCLFFBQVUsY0FBaUIsQ0FFM0IsS0FBTyxjQUFpQixDQUV4QixPQUFTLHNDQUEyQyxDQUVwRCxPQUFTLGlDQUF1QyxDQUVoRCxTQUFXLHlCQUE2QixDQUV4QyxTQUFXLHlDQUFnRCxDQUUzRCxTQUFXLG9DQUE2QixDQUE3Qiw0QkFBK0IsQ0FJMUMsZUFDSSxnQkFBaUIsQ0FDakIsV0FDSixDQUVBLGVBQ0ksYUFBYyxDQUNkLGdCQUNKLENBRUEsY0FDSSxvQkFBcUIsQ0FDckIsUUFDSixDQUVBLEtBQU8sV0FBWSxDQUFnQixpQkFBa0IsQ0FBaEMsV0FBa0MiLCJmaWxlIjoid29yZGZpcmUvc3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keSB7XG4gICAgLS1iYWNrZ3JvdW5kLWNvbG9yOiAjY2NmO1xuICAgIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuaDEge1xuICAgIGZvbnQtc2l6ZTogNDhweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAjYzBmO1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLyogdGV4dCAqL1xuXG4uY2VudGVyIHsgdGV4dC1hbGlnbjogY2VudGVyOyB9XG5cbi5zbWFsbCB7IGZvbnQtc2l6ZTogMTBweDsgfVxuXG4ubWVkaXVtIHsgZm9udC1zaXplOiAxNnB4OyB9XG5cbi5iaWcgeyBmb250LXNpemU6IDE4cHg7IH1cblxuLmFyaWFsIHsgZm9udC1mYW1pbHk6IEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7IH1cblxuLnRpbWVzIHsgZm9udC1mYW1pbHk6ICdUaW1lcyBOZXcgUm9tYW4nLCBzZXJpZjsgfVxuXG4uZ2VvcmdpYSB7IGZvbnQtZmFtaWx5OiBHZW9yZ2lhLCBzZXJpZjsgfVxuXG4uY291cmllciB7IGZvbnQtZmFtaWx5OiBcIkNvdXJpZXIgTmV3XCIsIENvdXJpZXIsIG1vbm9zcGFjZTsgfVxuXG4uZGVmdW5jdCB7IHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoOyB9XG5cbi8qIG1pc2MgKi9cblxuLm1pc3NpbmctYXNzZXQge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgIHBhZGRpbmc6IDVweDtcbn1cblxuLmRpc3BsYXktdGFibGUge1xuICAgIGRpc3BsYXk6IHRhYmxlO1xuICAgIG1hcmdpbjogMTBweCBhdXRvO1xufVxuXG4uaW5saW5lLWJsb2NrIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWFyZ2luOiAwO1xufVxuXG4jZ29kIHsgZmxvYXQ6IHJpZ2h0OyB3aWR0aDogMTMwcHg7IHRleHQtYWxpZ246IGNlbnRlcjsgfVxuIl19 */