From 443b9905f9788b75ed5a053da435072ef3b904d1 Mon Sep 17 00:00:00 2001
From: Robin King <robin2.king@live.uwe.ac.uk>
Date: Mon, 20 Mar 2023 09:33:56 +0000
Subject: [PATCH] feat(about.html-&&-rules.html-&&-location.html): update
navigation and add footer
---
about.html | 44 ++++++++++++++++++++++++++++++++++++--------
location.html | 44 ++++++++++++++++++++++++++++++++++++--------
rules.html | 44 ++++++++++++++++++++++++++++++++++++--------
3 files changed, 108 insertions(+), 24 deletions(-)
diff --git a/about.html b/about.html
index 5bf3da0..414b422 100644
--- a/about.html
+++ b/about.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
- <span></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
- <span></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -52,9 +52,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>
diff --git a/location.html b/location.html
index 9caeb72..7245e0c 100644
--- a/location.html
+++ b/location.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
- <span></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
- <span></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -53,9 +53,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>
diff --git a/rules.html b/rules.html
index 401ffcb..893ef99 100644
--- a/rules.html
+++ b/rules.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
- <span></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
- <span></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -53,9 +53,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>
--
GitLab