From 4e988f70417fcf37baa3bd4d8b323774b2331379 Mon Sep 17 00:00:00 2001
From: Karl <kc0bfv@gmail.com>
Date: Fri, 13 Dec 2019 00:23:09 +0000
Subject: [PATCH] Update accessibility
---
awesome/index.html | 16 ++++----
redir/index.html | 16 ++++----
interesting/index.html | 16 ++++----
index.html | 16 ++++----
ticky_tacky_dark | 2
css/myscreen.css | 3 +
404.html | 16 ++++----
cool/index.html | 16 ++++----
8 files changed, 51 insertions(+), 50 deletions(-)
diff --git a/404.html b/404.html
index 33607d2..bb97a51 100644
--- a/404.html
+++ b/404.html
@@ -43,13 +43,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col-12 col-sm-5">
</div>
@@ -58,9 +58,9 @@
<p>Content Not Found
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
@@ -69,12 +69,12 @@
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/awesome/index.html b/awesome/index.html
index 7bca0c0..8b02022 100644
--- a/awesome/index.html
+++ b/awesome/index.html
@@ -48,13 +48,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col-12 col-sm-5">
<img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Awesome Page Image">
@@ -70,9 +70,9 @@
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
<li>Awesome</li>
@@ -81,12 +81,12 @@
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/cool/index.html b/cool/index.html
index 92a8796..1d2bba9 100644
--- a/cool/index.html
+++ b/cool/index.html
@@ -48,13 +48,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col-12 col-sm-5">
<img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Cool Page Image">
@@ -70,9 +70,9 @@
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
@@ -81,12 +81,12 @@
<li>Stunning</li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/css/myscreen.css b/css/myscreen.css
index 2fd2529..222b18f 100644
--- a/css/myscreen.css
+++ b/css/myscreen.css
@@ -2,8 +2,9 @@
body { background:black; color: #ddd; }
h1, h2, h3, h4, h5, h6 { color: #eee; }
+ul.navbar a:focus, ul.navbar a:hover { color: #00243d; }
a:focus, a:hover { color: #06c; }
-a { color: #09f; }
+a { color: #00497a; }
.loud { color: #fff; }
.box {
color: #222;
diff --git a/index.html b/index.html
index 397de72..4b45512 100644
--- a/index.html
+++ b/index.html
@@ -43,13 +43,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col col-12 col-lg-6 imgbtntxt">
<a class="imgbtntxt" href="/ticky_tacky_dark/awesome/">
@@ -80,9 +80,9 @@
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li>Main</li>
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
@@ -91,12 +91,12 @@
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/interesting/index.html b/interesting/index.html
index 22944cb..f1cc916 100644
--- a/interesting/index.html
+++ b/interesting/index.html
@@ -48,13 +48,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col-12 col-sm-5">
<img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Interesting Page Image">
@@ -70,9 +70,9 @@
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
@@ -81,12 +81,12 @@
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/redir/index.html b/redir/index.html
index b1eb69a..b655542 100644
--- a/redir/index.html
+++ b/redir/index.html
@@ -45,13 +45,13 @@
</head>
<body>
<div id="full_body">
- <div id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="Header Image">
-</div>
+ <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt="">
+</header>
<div id="content" class="top-section">
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-8 col-lg-9">
- <div class="row">
+ <main class="row">
<div class="col-12 col-sm-5">
</div>
@@ -59,9 +59,9 @@
</div>
- </div>
+ </main>
</div>
- <div class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
+ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
<ul class="navbar">
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li>
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li>
@@ -70,12 +70,12 @@
<li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li>
</ul>
</div>
-</div>
+</nav>
</div>
</div>
</div>
- <div id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
-</div><script>
+ <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a>
+</footer><script>
function toggleDisplay( elementID ) {
elem = document.getElementById(elementID);
if( elem.style.display == "none" ) {
diff --git a/ticky_tacky_dark b/ticky_tacky_dark
index 6f2affd..a8d9d4e 160000
--- a/ticky_tacky_dark
+++ b/ticky_tacky_dark
@@ -1 +1 @@
-Subproject commit 6f2affd40c071d3c9fc4618f30f15e1b18413364
+Subproject commit a8d9d4eb0e1cfac3c1f91aa1f51dd00cd6faf125
--
Gitblit v1.10.0