Skip to content

Commit 1b8cce5

Browse files
JoelMSawyerJoelMSawyer
authored
New ExeTech Website 2026
1 parent 70a5260 commit 1b8cce5

File tree

5 files changed

+561
-45
lines changed

5 files changed

+561
-45
lines changed

‎cookie-policy.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Cookie Notice | ExeTech | The University of Exeter's Theatrical Production Society</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
9+
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap" rel="stylesheet">
10+
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
11+
<style>
12+
html { scroll-behavior: smooth; }
13+
</style>
14+
</head>
15+
16+
<body class="bg-black text-white" style="font-family: 'Titillium Web', sans-serif;">
17+
18+
<!-- Header placeholder -->
19+
<div id="header-placeholder"></div>
20+
21+
<script>
22+
async function loadHeader() {
23+
const res = await fetch('/header.html');
24+
const html = await res.text();
25+
const placeholder = document.getElementById('header-placeholder');
26+
placeholder.innerHTML = html;
27+
28+
// Highlight current link
29+
const links = placeholder.querySelectorAll('nav a');
30+
const currentPath = window.location.pathname;
31+
links.forEach(link => {
32+
if (link.getAttribute('href') === currentPath) {
33+
link.classList.add('bg-white', 'text-black');
34+
}
35+
});
36+
37+
// --- Mobile menu toggle ---
38+
const btn = placeholder.querySelector('#mobile-menu-button');
39+
const menu = placeholder.querySelector('#mobile-menu');
40+
const icon = btn?.querySelector('i');
41+
42+
if (btn && menu) {
43+
btn.addEventListener('click', () => {
44+
menu.classList.toggle('hidden');
45+
46+
// Animate via max-height
47+
if (menu.classList.contains('hidden')) {
48+
menu.style.maxHeight = '0px';
49+
} else {
50+
menu.style.maxHeight = menu.scrollHeight + 'px';
51+
}
52+
53+
// Swap icons
54+
if (icon) {
55+
icon.classList.toggle('fa-bars');
56+
icon.classList.toggle('fa-times');
57+
}
58+
});
59+
60+
// Reset if screen gets wider
61+
window.addEventListener('resize', () => {
62+
if (window.innerWidth >= 768) {
63+
menu.classList.add('hidden');
64+
menu.style.maxHeight = '0px';
65+
if (icon) {
66+
icon.classList.remove('fa-times');
67+
icon.classList.add('fa-bars');
68+
}
69+
}
70+
});
71+
}
72+
}
73+
74+
loadHeader();
75+
</script>
76+
77+
78+
<!-- Main Content -->
79+
<main class="max-w-4xl mx-auto px-6 py-12 space-y-6">
80+
<h2 class="text-3xl font-bold text-white">Cookie Notice</h2>
81+
82+
<p class="text-lg text-gray-300">
83+
ExeTech only uses <strong>essential cookies</strong> required for the website to function properly.
84+
These cookies ensure basic site functionality.
85+
</p>
86+
87+
<p class="text-lg text-gray-300">
88+
We do <strong>not</strong> use analytics, tracking, or marketing cookies.
89+
</p>
90+
91+
<p class="text-lg text-gray-300">
92+
The embedded Twice/Rentle store only uses essential cookies for proper functionality and does not set marketing or tracking cookies.
93+
Third-party websites that we link to may use their own cookies.
94+
</p>
95+
96+
<p class="text-lg text-gray-300">
97+
For more information, please contact us at
98+
<a href="mailto:exetech@groups.exeterguild.com" class="underline hover:text-gray-400 transition">exetech@groups.exeterguild.com</a>.
99+
</p>
100+
101+
<a href="index.html" class="inline-block mt-6 bg-white text-black font-semibold py-2 px-4 rounded-lg hover:bg-gray-200 transition">
102+
Back to Home
103+
</a>
104+
</main>
105+
106+
<!-- Footer -->
107+
<div id="footer-placeholder" class="fixed bottom-0 left-0 w-full"></div>
108+
<script>
109+
fetch('/footer.html')
110+
.then(r => r.text())
111+
.then(data => { document.getElementById('footer-placeholder').innerHTML = data; });
112+
</script>
113+
114+
</body>
115+
</html>

‎footer.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<footer class="bg-[#1e1e1e] text-white mt-20 py-6">
2+
<div class="max-w-6xl mx-auto px-6 flex flex-col items-center space-y-2">
3+
4+
<p class="text-lg text-center">
5+
&copy; 2025 ExeTech — a society affiliated with
6+
<a class="underline hover:text-gray-300 transition" href="https://exeterguild.com" target="_blank">Exeter Students' Guild</a>
7+
</p>
8+
9+
<a href="/cookie-policy.html" class="underline hover:text-gray-300 transition text-sm">
10+
Cookie Notice
11+
</a>
12+
13+
<div class="flex space-x-6 mt-2">
14+
<a href="https://instagram.com/exetech.exeter" target="_blank" rel="noopener noreferrer" aria-label="Instagram"
15+
class="hover:text-gray-400 transition text-xl">
16+
<i class="fab fa-instagram"></i>
17+
</a>
18+
<a href="https://facebook.com/exetech.exeter" target="_blank" rel="noopener noreferrer" aria-label="Facebook"
19+
class="hover:text-gray-400 transition text-xl">
20+
<i class="fab fa-facebook"></i>
21+
</a>
22+
<a href="mailto:exetech@groups.exeterguild.com" aria-label="Email" class="hover:text-gray-400 transition text-xl">
23+
<i class="fas fa-envelope"></i>
24+
</a>
25+
</div>
26+
27+
</div>
28+
</footer>

‎header.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<header class="bg-[#1e1e1e] sticky top-0 z-50 text-white">
2+
<div class="max-w-6xl mx-auto flex items-center justify-between px-6 md:px-10 py-4">
3+
4+
<!-- Logo and Title -->
5+
<div class="flex items-center space-x-4">
6+
<img src="images/x_main_black.png" alt="ExeTech Logo" class="h-16">
7+
<div class="flex flex-col justify-center">
8+
<span class="text-xl md:text-2xl font-bold leading-tight">ExeTech</span>
9+
<span class="text-sm md:text-base leading-tight">
10+
The University of Exeter's Theatrical Production Society
11+
</span>
12+
</div>
13+
</div>
14+
15+
<!-- Hamburger (Mobile) -->
16+
<button id="mobile-menu-button" class="md:hidden text-white focus:outline-none">
17+
<i class="fas fa-bars text-2xl"></i>
18+
</button>
19+
20+
<!-- Navigation Links (Desktop) -->
21+
<nav id="nav-links" class="hidden md:flex space-x-6">
22+
<a href="/index.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
23+
<i class="fas fa-home mr-2"></i> Home
24+
</a>
25+
<a href="/store.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
26+
<i class="fas fa-store mr-2"></i> Store
27+
</a>
28+
<a href="prompt_book/build/index.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
29+
<i class="fas fa-book mr-2"></i> Prompt Book
30+
</a>
31+
<a href="https://my.exeterguild.com/groups/GB39C/exetech" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
32+
<i class="fas fa-users mr-2"></i> Guild Page
33+
</a>
34+
</nav>
35+
</div>
36+
37+
<!-- Mobile Menu -->
38+
<div id="mobile-menu" class="md:hidden hidden px-6 pb-4 transition-all duration-300 overflow-hidden">
39+
<nav class="flex flex-col space-y-2">
40+
<a href="/index.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
41+
<i class="fas fa-home mr-2"></i> Home
42+
</a>
43+
<a href="/store.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
44+
<i class="fas fa-store mr-2"></i> Store
45+
</a>
46+
<a href="prompt_book/build/index.html" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
47+
<i class="fas fa-book mr-2"></i> Prompt Book
48+
</a>
49+
<a href="https://my.exeterguild.com/groups/GB39C/exetech" class="flex items-center font-semibold px-4 py-2 rounded hover:bg-white hover:text-black transition">
50+
<i class="fas fa-users mr-2"></i> Guild Page
51+
</a>
52+
</nav>
53+
</div>
54+
</header>

0 commit comments

Comments
 (0)