-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
53 lines (50 loc) · 3.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/logo.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="styles/tailwind.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<title>Broadneck Game Dev Club</title>
</head>
<body class="flex justify-center bg-[#0c0018]">
<div class="page-center px-12 max-w-[700px] text-center bg-black min-h-[100vh] shadow-xl shadow-gray-700">
<img class="club-logo mx-auto my-8 max-w-[500px]" src="assets/title-box.png" alt="Club logo">
<h2 class="page-title m-4 text-6xl text-gray-500 uppercase font-bold font-[Chakra Petch] tracking-wide">Broadneck Game Dev Club</h2>
<p class="page-text text-xl font-[Chakra Petch] text-gray-500 uppercase">Do you like programming, game dev, and linux? Then Broadneck Game Dev Club is for you! We meet every thursday to work on our projects, complete challenges, listen to guest speakers, and have fun!</p>
<br>
<p class="page-text text-xl font-[Chakra Petch] text-gray-500 uppercase">Join us at the Media Center during Maroon block on Thursdays</p>
<p class="page-text text-md font-[Chakra Petch] text-gray-600 uppercase">We are a Hack Club - <a class="underline"
href="https://hackclub.com/">learn more</a></p>
<br>
<hr class="from-purple-900 to-purple-950 bg-gradient-to-r border-none h-1 rounded-full">
<br>
<div class="text-lg text-gray-400 font-semibold">
<a class="nav-link hover:underline" target="_blank" href="pages/poster.html">poster</a>
<span>|</span>
<a class="nav-link" href="pages/slideshows.html">slideshows</a>
</div>
<br>
<hr class="from-purple-900 to-purple-950 bg-gradient-to-r border-none h-1 rounded-full">
<br>
<div class="py-8 flex align-middle justify-center">
<a href="https://godotengine.org"><img class="h-[120px] logo" src="assets/godot-logo.svg" alt="Godot" title="Godot"></a>
<p class="logo-plus text-8xl leading-[130px] mx-6 -mt-4 font-extrabold text-gray-600">+</p>
<a href="https://fedoraproject.org/spins/kde"><img class="h-[120px] logo" src="assets/fedora-logo.svg" alt="Fedora" title="Fedora"></a>
<p class="logo-plus text-8xl leading-[130px] mx-6 -mt-4 font-extrabold text-gray-600">+</p>
<a href="https://hackclub.com"><img class="h-[120px] logo" src="assets/hackclub-logo.svg" alt="Hack Club" title="Hack Club"></a>
</div>
<br>
<div class="slider-parent">
<p class="text-neutral-600 mb-1">Change the amount of cursor stars!</p>
<input type="range" min="25" max="75" value="50" id="star-slider">
</div>
<div class="my-4">
<p class="text-xl text-neutral-700 font-semibold">Website by <a class="underline text-theme" href="https://github.com/hnasheralneam">Hamza</a> with help from <a class="underline text-theme" href="https://github.com/Urdons/">Urdons</a></p>
<p class="page-text text-md font-[Chakra Petch] text-neutral-700 uppercase">Code on - <a class="underline" href="https://github.com/hnasheralneam/gamedevclub">GitHub</a></p>
</div>
</div>
</body>
<script src="scripts/cursor.js"></script>
</html>