diff --git a/style/menu.css b/style/menu.css
index 4a1920f..44f31df 100644
--- a/style/menu.css
+++ b/style/menu.css
@@ -1,62 +1,64 @@
/*noinspection DuplicatedCode,CssUnresolvedCustomProperty*/
div#archive-menu {
- position: fixed;
- top: 20px;
- right: 20px;
- text-align: right;
- font-size: 16px !important;
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ text-align: right;
+ font-size: 16px !important;
- padding: 10px;
- overflow: hidden;
+ padding: 10px;
+ overflow: hidden;
- height: unset;
- width: unset;
+ height: unset;
+ width: unset;
- max-width: 0;
- max-height: 0;
- transition: max-height 0.5s ease-out, max-width 0.5s ease-out;
+ max-width: 0;
+ max-height: 0;
+ transition: max-height 0.5s ease-out, max-width 0.5s ease-out;
- border: 1px solid var(--border-color, var(--color, black));
- background: var(--background-image, var(--background-color, white));
- background-attachment: fixed;
- color: var(--color, black);
+ border: 1px solid var(--border-color, var(--color, black));
+ background: var(--background-image, var(--background-color, white));
+ background-attachment: fixed;
+ color: var(--color, black);
}
div#archive-menu a {
- display: block;
-
- visibility: hidden;
- transition: visibility 0s;
+ display: block;
+ text-decoration: underline;
+ visibility: hidden;
+ transition: visibility 0s;
+ color: var(--color, black);
}
div#archive-menu a:hover {
- text-decoration: underline;
- text-decoration-style: wavy;
+ text-decoration: underline;
+ text-decoration-style: wavy;
+ color: var(--color, black);
}
div#archive-menu #hrt {
- font-family: sans-serif !important;
- display: block;
- position: absolute;
- top: -1px;
- right: 5px;
+ font-family: sans-serif !important;
+ display: block;
+ position: absolute;
+ top: -1px;
+ right: 5px;
- opacity: 100%;
- transition: opacity 0.5s ease-out;
+ opacity: 100%;
+ transition: opacity 0.5s ease-out;
}
div#archive-menu:hover {
- max-width: 200px;
- max-height: 200px;
- transition: max-height 0.5s ease-in, max-width 0.5s ease-in;
+ max-width: 200px;
+ max-height: 200px;
+ transition: max-height 0.5s ease-in, max-width 0.5s ease-in;
}
div#archive-menu:hover a {
- visibility: visible;
- transition-delay: 0.5s;
+ visibility: visible;
+ transition-delay: 0.5s;
}
div#archive-menu:hover #hrt {
- opacity: 0;
- transition: opacity 0.5s ease-in;
+ opacity: 0;
+ transition: opacity 0.5s ease-in;
}
diff --git a/sues_virtual_life/TODO.txt b/sues_virtual_life/TODO.txt
new file mode 100644
index 0000000..5b6e04c
--- /dev/null
+++ b/sues_virtual_life/TODO.txt
@@ -0,0 +1,8 @@
+INDEX
+ past
+ links
+ catz
+ dogz
+ other
+ babyz
+ archive
diff --git a/sues_virtual_life/config.js b/sues_virtual_life/config.js
index e69de29..a6d32f6 100644
--- a/sues_virtual_life/config.js
+++ b/sues_virtual_life/config.js
@@ -0,0 +1,46 @@
+let currentPage = location.pathname.split('/').at(-2)
+
+const waybackSiteBase = 'http://boardwalkerz.com/svl/'
+
+const pageMetadata = {
+ sues_virtual_life: {
+ captureId: '20150810211140',
+ sourcePageName: '',
+ },
+ past: {
+ captureId: '',
+ sourcePageName: 'past.html',
+ },
+ links: {
+ captureId: '',
+ sourcePageName: 'links.html',
+ },
+ catz: {
+ captureId: '',
+ sourcePageName: 'catz.html',
+ },
+ dogz: {
+ captureId: '',
+ sourcePageName: 'dogz.html',
+ },
+ other: {
+ captureId: '',
+ sourcePageName: 'other.html',
+ },
+ babyz: {
+ captureId: '',
+ sourcePageName: 'babyz.html',
+ },
+ archive: {
+ captureId: '',
+ sourcePageName: 'archive.html',
+ },
+}
+
+export const wayback =
+ pageMetadata[currentPage].captureId
+ + '/'
+ + waybackSiteBase
+ + pageMetadata[currentPage].sourcePageName
+
+
diff --git a/sues_virtual_life/gulpfile.js b/sues_virtual_life/gulpfile.js
index 9034d62..d6bad3a 100644
--- a/sues_virtual_life/gulpfile.js
+++ b/sues_virtual_life/gulpfile.js
@@ -9,7 +9,13 @@ function html() {
return src(htmlFiles)
.pipe(posthtml([
require('posthtml-urls')({
- eachURL: (url) => url[0] === '/' && url !== '/menu.js' ? `/sues_virtual_life${url}` : url,
+ eachURL: (url) => {
+ if (url[0] === '/' && url !== '/menu.js') {
+ return `/sues_virtual_life${url}`
+ } else {
+ return url
+ }
+ },
}),
]))
.pipe(rename(path => {
@@ -23,4 +29,5 @@ exports.default = function () {
browserSync.init(require('../bs-config'))
watch(htmlFiles, {ignoreInitial: false}, html)
+ watch('sues_virtual_life.css').on('change', browserSync.reload)
}
diff --git a/sues_virtual_life/img/a-link.gif b/sues_virtual_life/img/a-link.gif
new file mode 100644
index 0000000..950da4d
Binary files /dev/null and b/sues_virtual_life/img/a-link.gif differ
diff --git a/sues_virtual_life/img/ban.gif b/sues_virtual_life/img/ban.gif
new file mode 100644
index 0000000..2b162e4
Binary files /dev/null and b/sues_virtual_life/img/ban.gif differ
diff --git a/sues_virtual_life/img/beagle.gif b/sues_virtual_life/img/beagle.gif
new file mode 100644
index 0000000..c4d50fa
Binary files /dev/null and b/sues_virtual_life/img/beagle.gif differ
diff --git a/sues_virtual_life/img/bs-avatar-a.gif b/sues_virtual_life/img/bs-avatar-a.gif
new file mode 100644
index 0000000..7e37510
Binary files /dev/null and b/sues_virtual_life/img/bs-avatar-a.gif differ
diff --git a/sues_virtual_life/img/bs-icon.ico b/sues_virtual_life/img/bs-icon.ico
new file mode 100644
index 0000000..6854b9d
Binary files /dev/null and b/sues_virtual_life/img/bs-icon.ico differ
diff --git a/sues_virtual_life/img/divide.gif b/sues_virtual_life/img/divide.gif
new file mode 100644
index 0000000..801ea22
Binary files /dev/null and b/sues_virtual_life/img/divide.gif differ
diff --git a/sues_virtual_life/img/homepic.gif b/sues_virtual_life/img/homepic.gif
new file mode 100644
index 0000000..46b27c5
Binary files /dev/null and b/sues_virtual_life/img/homepic.gif differ
diff --git a/sues_virtual_life/index.html b/sues_virtual_life/index.html
new file mode 100644
index 0000000..64972ae
--- /dev/null
+++ b/sues_virtual_life/index.html
@@ -0,0 +1,126 @@
+
+
+
+ Sue's Virtual Life
+
+
+
+
+
+ This site contains downloads of my own creation
+
+ 06.24.15: Special Bulletin:
+
+ Installation
+
+ Petz
+
+ Babyz
+
+ Disclaimer
+
+ This is a fan site only. The items on this web site all work in my
+ games.
+
+ Contact
+
+ sue at boardwalkerz dot com
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Boardwalkerz © 2004-2015. All rights reserved.
+
+
+
diff --git a/sues_virtual_life/sues_virtual_life.css b/sues_virtual_life/sues_virtual_life.css
index c2cb470..b6b3422 100644
--- a/sues_virtual_life/sues_virtual_life.css
+++ b/sues_virtual_life/sues_virtual_life.css
@@ -1,27 +1,151 @@
+/**
+ * TABLE OF CONTENTS
+ *
+ * layout ................. site layout
+ * text ................... global text styles
+ * menu ................... left sidebar nav menu
+ * sidebar-text ........... text sections on sidebars
+ */
+
+/* -------------------------------------------------------------------------- *\
+ &layout
+\* -------------------------------------------------------------------------- */
+
body {
- --color: #000;
- --background-color: #fff;
+ --background-color: #fff;
- font-family: Tahoma, sans-serif;
- color: var(--color);
- font-weight: 100;
- font-size: 10pt;
+ display: grid;
+ grid-template:
+ 'header header header' 90px
+ 'nav main aside' auto
+ 'spacer spacer spacer' 10px
+ 'footer footer footer' auto /
+ 230px auto 200px;
}
-a, a:visited, a:active {
- color: #fff;
- text-decoration: none;
-}
-
-a:hover {
- color: #fff;
- text-decoration: underline overline;
- cursor: crosshair;
+body > * {
+ padding: 0 10px 10px;
}
header {
- height: 90px;
- background-color: #7ac5cd;
- padding: 0 10px 10px;
- text-align: center;
+ grid-area: header;
+ background-color: #7ac5cd;
+ text-align: center;
+}
+
+main {
+ grid-area: main;
+ background-color: #ffd700;
+ text-align: center;
+ padding-bottom: 0;
+}
+
+nav {
+ grid-area: nav;
+ background-color: #cd8c95;
+}
+
+aside {
+ grid-area: aside;
+ background-color: #cd8c95;
+}
+
+.spacer {
+ grid-area: spacer;
+ background-color: #cd8c95;
+}
+
+footer {
+ grid-area: footer;
+ background-color: #66cd00;
+ color: #fff;
+ text-align: center;
+ padding: 4px 0;
+}
+
+
+/* -------------------------------------------------------------------------- *\
+ &text
+\* -------------------------------------------------------------------------- */
+
+body {
+ --color: #000;
+
+ font-family: Tahoma, sans-serif;
+ color: var(--color);
+ font-weight: 100;
+ font-size: 10pt;
+}
+
+a, a:visited, a:active {
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline overline;
+ cursor: crosshair;
+}
+
+
+/* -------------------------------------------------------------------------- *\
+ &menu
+\* -------------------------------------------------------------------------- */
+
+.menu {
+ margin-top: 47px;
+ width: 190px;
+}
+
+.menu + .menu {
+ margin-top: 13px;
+}
+
+.menu-title {
+ font: bold 13px Verdana;
+ color: white;
+ background: #8b5f65 url(img/a-link.gif) no-repeat 8px 6px;
+ text-transform: uppercase;
+ padding: 7px 0 7px 31px;
+}
+
+.menu-item {
+ margin-bottom: 2px;
+ font-size: 13px;
+ background-color: #ffb6c1;
+ display: block;
+ padding: 5px 0 5px 8px;
+ line-height: 17px;
+ text-decoration: none;
+ color: #000;
+}
+
+.menu-item:visited, .menu-item:active {
+ color: #000;
+}
+
+.menu-item:hover {
+ text-decoration: none;
+ color: #fff;
+ background-color: #ffd700;
+}
+
+
+/* -------------------------------------------------------------------------- *\
+ &sidebar-text
+\* -------------------------------------------------------------------------- */
+
+.sidebar-text {
+ margin-top: 34px;
+}
+
+.sidebar-text + .sidebar-text {
+ margin-top: 17px;
+}
+
+.sidebar-text-title::before {
+ content: url(img/a-link.gif);
+}
+
+.sidebar-text-title {
+ text-decoration: underline;
}
diff --git a/sues_virtual_life/sues_virtual_life.html b/sues_virtual_life/sues_virtual_life.html
index 7565a6a..6a42318 100644
--- a/sues_virtual_life/sues_virtual_life.html
+++ b/sues_virtual_life/sues_virtual_life.html
@@ -1,22 +1,127 @@
- Sue's Virtual Life
- Sue's Virtual Life
+
-
+
+
+
+
+ This site contains downloads of my own creation
+
+ 06.24.15: Special Bulletin:
+
+ Installation
+
+ Petz
+
+ Babyz
+
+ Disclaimer
+
+ This is a fan site only. The items on this web site all work in my
+ games.
+
+ Contact
+
+ sue at boardwalkerz dot com
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Boardwalkerz © 2004-2015. All rights reserved.
+
+
+
+ 
+
+ 
+
+ 
+
+
+ 
+
+ 
+
+ 
+