System-End/Team_Website
1
0
Fork 0
mirror of https://github.com/System-End/Team_Website.git synced 2026-04-19 19:45:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Breakout navigation bar into separate file

Browse source
This commit is contained in:
John Studnicka 2024-05-04 03:26:24 -07:00 • committed by Unknown
parent 8de5feb05b
commit dfcdaf6594
10 changed files with 153 additions and 431 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
Pages/awards.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/calendar.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/donate.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/gen_donate.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

47
Pages/navbar.html Normal file
View file

@ -0,0 +1,47 @@
<body>
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
</body>

60
Pages/projects.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/shop.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/sponsors.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

60
Pages/tax_credit_dono.html
View file

@ -1,61 +1,25 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!-- Body -->
<div class="Title-Container">

57
index.html
View file

@ -6,57 +6,20 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
});
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html"
>Projects</a
>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/gen_donate.html"
>General Donation</a
>
<a href="/Pages/tax_credit_dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav
class="dropdown-content"
id="Accomplishments-dropdown-content"
>
<a class="first-dropdown" href="/Pages/projects.html"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div id="navbar"></div>
<!--Background Image + Logo-->
<header>