commit 8dd5e4f137e05e448699e553aba0a155a4b57c7b Author: Joshua Killen <45966243+joshua-killen@users.noreply.github.com> Date: Tue Mar 31 14:16:15 2020 +0100 Initial commit diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/head_assets/favicon.png b/head_assets/favicon.png new file mode 100644 index 0000000..64aece9 Binary files /dev/null and b/head_assets/favicon.png differ diff --git a/head_assets/navBar.js b/head_assets/navBar.js new file mode 100644 index 0000000..97dfeaa --- /dev/null +++ b/head_assets/navBar.js @@ -0,0 +1,21 @@ +function networkDrop() { + document.getElementById("networkDrop").classList.toggle("show"); +} + +function webDrop() { + document.getElementById("webDrop").classList.toggle("show"); +} + +window.onclick = function(e) { + if (!e.target.matches('.networkDropBtn')) { + var myDropdown = document.getElementById("networkDrop"); + if (myDropdown.classList.contains('show')) { + myDropdown.classList.remove ('show'); + } + }else if (!e.target.matches('.webDropBtn')) { + var myDropdown = document.getElementById("webDrop"); + if (myDropdown.classList.contains('show')) { + myDropdown.classList.remove('show'); + } + } +} \ No newline at end of file diff --git a/head_assets/navbar.css b/head_assets/navbar.css new file mode 100644 index 0000000..3e8fcd7 --- /dev/null +++ b/head_assets/navbar.css @@ -0,0 +1,118 @@ + /*color for inactive tabs*/ +.navBar { + background-color: #373737; + overflow: hidden; + font-family: Arial; +} + +/* Style the text*/ +.navBar a { + float: left; + display: block; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 16px; +} + +/* color of links being hovered over */ +.navBar a:hover { + background-color: #ddd; + color: black; +} + +/* color of active page */ +.navBar a.active { + background-color: #0099cc; + color: white; +} + +.dropDown { + float: left; + overflow: hidden; +} + +.dropDown .networkDropBtn { + cursor: pointer; + font-size: 16px; + border: none; + outline: none; + color: #f2f2f2; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin: 0; +} + +.navBar .a:hover .dropDown .networkDropBtn { + background-color: #ddd; + color: black; +} + +.networkDrop-content { + display: none; + position: absolute; + background-color: #373737; + color: #ddd; + min-width: 160px; + z-index: 1; +} + +.networkDrop-content a { + float: none; + color: #ddd; + padding: 14px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.networkDrop-content a:hover { + background-color: #ddd; + color: black; +} + +.dropDown .webDropBtn { + cursor: pointer; + font-size: 16px; + border: none; + outline: none; + color: #f2f2f2; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin: 0; +} + +.navBar .a:hover .dropDown .webDropBtn { + background-color: #ddd; + color: black; +} + +.webDrop-content { + display: none; + position: absolute; + background-color: #373737; + color: #ddd; + min-width: 160px; + z-index: 1; +} + +.webDrop-content a { + float: none; + color: #ddd; + padding: 14px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.webDrop-content a:hover { + background-color: #ddd; + color: black; +} + +.show { + display: block; +} \ No newline at end of file diff --git a/homepage/homepage.html b/homepage/homepage.html new file mode 100644 index 0000000..cb6b52e --- /dev/null +++ b/homepage/homepage.html @@ -0,0 +1,56 @@ + + + +
+ + + + + + + + + + + +