10 files changed, 43 insertions, 319 deletions

diff --git a/res/css/dark.css b/res/css/dark.css
index 5c66ade..1eeaf43 100755
--- a/res/css/dark.css
+++ b/res/css/dark.css
@@ -31,8 +31,6 @@ h3 {
     color: #fff;
 }
 
-
-
 div.preview pre, div.project pre {
     background-color: #222;
     color: #ccc;
@@ -55,7 +53,14 @@ a {
     color: #fff
 }
 
+/*table td {
+    border: 1px solid black
+}*/
 
+
+/*table.skami {
+    border-color: #eeeeee
+}*/
 table.skami .semiused {
     color: #ccc;
     background-color: #444;
@@ -69,4 +74,4 @@ table.skami .unused {
 
 table {
     border-color: #fff
-}
\ No newline at end of file
+}
diff --git a/res/css/global.css b/res/css/global.css
index 52d8d9e..693452b 100755
--- a/res/css/global.css
+++ b/res/css/global.css
@@ -6,9 +6,36 @@ ul {
     list-style-type: square;
 }
 
+table.banner {
+    margin-left: auto;
+    margin-right: auto;
+    border: 2px solid #E04A38;
+    background-color: #E6897E;
+    width: 95%;
+    /* Passes both WCAG AA and WCAG AAA contrast tests */
+    color: #0F0F0F;
+}
+
+td.banner {
+    padding: 5px;
+}
+
+a.bannerlink {
+    color:  #0F0F0F;
+}
+
+a.bannerlink:hover {
+    text-decoration: underline;
+}
+
 div.page {
-    margin-left: 0.5em;
-    margin-right: 0.5em
+    min-width: 700px;
+    max-width: 1024px;
+    /*margin-left: 0.5em;
+    margin-right: 0.5em;*/
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    margin: auto
 }
 
 h1.inline {
@@ -49,7 +76,7 @@ h1, h2, h3 {
 
 img {
     border: none;
-    max-width: 100%
+    max-width: 100%;
 }
 
 img.right {
@@ -57,6 +84,10 @@ img.right {
     margin-left: 0.5em
 }
 
+table.form, td.form {
+    border: none;
+}
+
 div.preview {
     display: inline-block;
     width: 30em;
@@ -277,4 +308,4 @@ table.computers {
 td.computer {
     width: 50%;
     border: 0px;
-}
\ No newline at end of file
+}
diff --git a/res/css/light.css b/res/css/light.css
deleted file mode 100755
index 96b5b4d..0000000
--- a/res/css/light.css
+++ /dev/null
@@ -1,286 +0,0 @@
-@import url('global.css');
-
-body {
-    font-family: sans-serif;
-    color: #000;
-    background-color: #fff;
-    margin: 0px;
-}
-
-div.page {
-    margin-left: 0.5em;
-    margin-right: 0.5em
-}
-
-h1.inline {
-    font-family: sans-serif;
-    font-weight: normal;
-    margin-top: 0em;
-    clear: none;
-    font-size: 100%;
-    display: inline
-}
-
-h1.inline:before {
-    content: ""
-}
-
-h1:before {
-    content: "> "
-}
-
-h1, h2, h3 {
-    font-family: Monospace;
-    font-weight: normal;
-    margin-top: 1em;
-    clear: left
-}
-
-h1 {
-    color: #333;
-    font-size: 150%
-}
-
-h2:before {
-    content: ">> "
-}
-
-h2 {
-    color: #333;
-    font-size: 130%
-}
-
-h3:before {
-    content: ">>> "
-}
-
-h3 {
-    color: #333;
-    font-size: 115%
-}
-
-img {
-    border: none;
-    max-width: 100%
-}
-
-img.right {
-    float: right;
-    margin-left: 0.5em
-}
-
-div.preview {
-    display: inline-block;
-    width: 30em;
-    max-width: 100%;
-    text-align: center;
-    vertical-align: top;
-    margin-bottom: 2em
-}
-
-div.project {
-    display: inline-block;
-    width: 40em;
-    max-width: 100%;
-    text-align: center;
-    vertical-align: top;
-    margin-bottom: 2em
-}
-
-div.preview .heading .name, div.project .heading .name {
-    font-size: 120%
-}
-
-div.preview img, div.project img {
-    width: auto;
-    max-width: 90%;
-    max-height: 15em
-}
-
-div.preview pre, div.project pre {
-    display: inline-block;
-    text-align: left;
-    background-color: #333;
-    color: #fff;
-    padding: 0.2em;
-    max-width: 90%
-}
-
-div.preview pre.small, div.project pre.small {
-    font-size: 75%;
-    overflow: hidden
-}
-
-a {
-    color: #009;
-    text-decoration: none
-}
-
-pre {
-    max-width: 95%;
-    overflow: auto
-}
-
-.header {
-    font-size: 100%;
-    font-weight: normal;
-    color: #333;
-    padding-bottom: 0em;
-    border-bottom: 1px solid #cccccc;
-    text-align: center
-}
-
-.header a {
-    text-decoration: none
-}
-
-nav {
-    margin-bottom: 0.3em
-}
-
-div.ddate {
-    text-align: center
-}
-
-.header .pagetree {
-    font-size: 80%;
-    color: #333;
-    display: block;
-    text-align: center;
-    width: 100%;
-    padding-top: 0.1em;
-    padding-bottom: 0.1em;
-    border-top: 1px solid #cccccc
-}
-
-.header .pagetree .title {
-    color: #333
-}
-
-div.note {
-    font-style: italic
-}
-
-table {
-    border-collapse: collapse
-}
-
-table td {
-    border: 1px solid black
-}
-
-table.noborder td {
-    border: none
-}
-
-table.skami {
-    border-color: #eeeeee
-}
-
-table.skami .semiused {
-    color: #111;
-    background-color: #eee
-}
-
-table.skami .unused {
-    color: #222;
-    background-color: #ddd
-}
-
-table.skami a {
-    text-decoration: none
-}
-
-table.weather th {
-    font-weight: normal
-}
-
-table.weather td {
-    font-weight: bold;
-    text-align: right
-}
-
-.project .name {
-    font-weight: bold
-}
-
-.project .attributes {
-    font-style: italic
-}
-
-.project .attribbracket {
-    margin-left: 0.5em
-}
-
-.toplinks {
-    line-height: 140%;
-    width: 100%;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-    border-bottom: 1px solid #cccccc
-}
-
-.toplinks span {
-    display: block;
-    text-align: right;
-    float: left;
-    width: 8em;
-    margin-right: 0.5em
-}
-
-.toplinks span:after {
-    content: " >"
-}
-
-.toplinks a {
-    margin-right: 0.5em;
-    text-decoration: none
-}
-
-.deprecated {
-    line-height: 140%;
-    width: 100%;
-    color: #aa0000;
-    text-align: center;
-    padding-bottom: 0.5em;
-    border-bottom: 2px dashed #aa0000
-}
-
-div.inlinepage {
-    margin-top: 2em;
-    border: 0;
-    padding: 0
-}
-
-div.pheader {
-    font-size: 120%
-}
-
-div.pheader span.date {
-    margin-right: 1em;
-    font-weight: normal
-}
-
-div.pheader a {
-    font-weight: bold;
-    text-decoration: none
-}
-
-div.rss {
-    position: absolute;
-    top: 1em;
-    right: 1em
-}
-
-div.archived {
-    margin-top: 0.5em
-}
-
-div.archived span.date {
-    font-style: italic;
-    margin-right: 0.2em
-}
-
-video {
-    max-width: 100%
-}
\ No newline at end of file
diff --git a/res/img/buttons/browser.gif b/res/img/buttons/browser.gif
new file mode 100644
index 0000000..28a63e3
--- /dev/null
+++ b/res/img/buttons/browser.gif
diff --git a/res/img/buttons/linuxnow.gif b/res/img/buttons/linuxnow.gif
new file mode 100644
index 0000000..9851014
--- /dev/null
+++ b/res/img/buttons/linuxnow.gif
diff --git a/res/img/buttons/valid-html401-blue.png b/res/img/buttons/valid-html401-blue.png
new file mode 100644
index 0000000..dd20e49
--- /dev/null
+++ b/res/img/buttons/valid-html401-blue.png
diff --git a/res/img/buttons/vcss-blue.gif b/res/img/buttons/vcss-blue.gif
new file mode 100644
index 0000000..c373b2a
--- /dev/null
+++ b/res/img/buttons/vcss-blue.gif
diff --git a/res/img/buttons/vim.gif b/res/img/buttons/vim.gif
new file mode 100644
index 0000000..01f09f1
--- /dev/null
+++ b/res/img/buttons/vim.gif
diff --git a/res/img/calculatorssmol.7z b/res/img/calculatorssmol.7z
deleted file mode 100755
index 9aaccef..0000000
--- a/res/img/calculatorssmol.7z
+++ /dev/null
diff --git a/res/js/themeswap.js b/res/js/themeswap.js
deleted file mode 100755
index e619471..0000000
--- a/res/js/themeswap.js
+++ /dev/null
@@ -1,26 +0,0 @@
-function addStyleSheet(name, id) {
-	var path = '/res/css/' + name + '.css';
-	var old = document.getElementById(id);
-	if (old && (old.href != path)) {
-		old.href = path;
-	}
-}
-
-var otherTheme = {
-	'dark': 'light',
-	'light': 'dark',
-};
-
-var currentTheme = localStorage.getItem('theme');
-
-if (!otherTheme.hasOwnProperty(currentTheme)) {
-	currentTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-}
-
-addStyleSheet(currentTheme, 'theme');
-
-function toggleTheme() {
-	currentTheme = otherTheme[currentTheme] || 'light';
-	localStorage.setItem('theme', currentTheme);
-	addStyleSheet(currentTheme, 'theme');
-}