Skip to content

Commit

Permalink
fortnite battle pass
Browse files Browse the repository at this point in the history
  • Loading branch information
@ZachLTech
ZachLTech committed Oct 23, 2024
1 parent ad7f4a5 commit 5f9b715
Show file tree
Hide file tree
Showing 10 changed files with 469 additions and 4 deletions.
62 changes: 62 additions & 0 deletions events/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Coding Club Events</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li class="dropdown">
<a href="#" class="dropbtn">
<img src="menu-icon.png" alt="Menu Icon" class="menu-icon">
</a>
<div class="dropdown-content">
<a href="#hackathon">Hackathon</a>
<a href="#coding-challenge">Coding Challenge</a>
<a href="#workshop">Workshop</a>
</div>
</li>
</ul>
</nav>
<h1>Welcome to the Coding Club Events Page</h1>
</header>

<main>
<section id="hackathon" class="event-section">
<h2>Hackathon</h2>
<p><strong>Date:</strong> October 10, 2024</p>
<img src="hackathon.jpg" alt="Hackathon Event" class="event-img">
<p>
Join our annual hackathon! Team up with your friends to create amazing projects in 24 hours. Prizes for the top teams!
</p>
</section>

<section id="coding-challenge" class="event-section">
<h2>Coding Challenge</h2>
<p><strong>Date:</strong> November 5, 2024</p>
<img src="coding_challenge.jpg" alt="Coding Challenge Event" class="event-img">
<p>
Test your coding skills in our competitive programming contest. Solve problems and climb the leaderboard!
</p>
</section>

<section id="workshop" class="event-section">
<h2>Workshop</h2>
<p><strong>Date:</strong> December 15, 2024</p>
<img src="workshop.jpg" alt="Workshop Event" class="event-img">
<p>
Learn from industry experts in our coding workshops. Gain hands-on experience with new technologies and frameworks.
</p>
</section>
</main>

<footer>
<p>&copy; 2024 Coding Club | All rights reserved.</p>
</footer>
</body>
</html>
147 changes: 147 additions & 0 deletions events/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
/* General reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Courier New', Courier, monospace;
color: #00ff00; /* Neon green to fit hacking/coding theme */
background: #000; /* Black background for coding vibe */
animation: bg-animation 10s infinite alternate;
}

header {
position: relative;
padding: 20px;
background-color: #111;
border-bottom: 2px solid #00ff00;
}

nav {
position: absolute;
top: 20px;
left: 20px;
}

ul {
list-style-type: none;
}

.dropdown {
display: inline-block;
position: relative;
}

.menu-icon {
width: 40px;
cursor: pointer;
}

.dropbtn {
background-color: transparent;
border: none;
padding: 0;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #222;
min-width: 160px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.8);
z-index: 1;
left: 0; /* Align to the left */
}

.dropdown-content a {
color: #00ff00;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #333;
}

.dropdown:hover .dropdown-content {
display: block;
}

h1 {
text-align: center;
color: #00ff00;
font-size: 3em;
margin-top: 80px; /* Adjust to compensate for the nav bar */
}

main {
padding: 20px;
max-width: 900px;
margin: 0 auto;
text-align: center;
}

.event-section {
margin-bottom: 50px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid #00ff00;
border-radius: 10px;
}

.event-section h2 {
font-size: 2.5em;
margin-bottom: 10px;
}

.event-section p {
margin-bottom: 15px;
font-size: 1.1em;
}

.event-img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
border: 2px solid #00ff00;
}

footer {
text-align: center;
padding: 20px;
background-color: #111;
border-top: 2px solid #00ff00;
color: #00ff00;
}

/* Background Animation */
@keyframes bg-animation {
0% {
background-color: #000000;
}
50% {
background-color: #111111;
}
100% {
background-color: #000000;
}
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
h1 {
font-size: 2.2em;
}

.event-section h2 {
font-size: 2em;
}

.dropbtn {
font-size: 1em;
}
}
24 changes: 24 additions & 0 deletions faq/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>

<title>FAQ</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 class="big">Coding Club FAQ</h1>

<h3 class="title">TEXT</h3>
<p id="currentTime">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<h3 class="title">TEXT</h3>
<p id="currentTime">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<h3 class="title">TEXT</h3>
<p id="currentTime">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<h3 class="title">TEXT</h3>
<p id="currentTime">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html>
17 changes: 17 additions & 0 deletions faq/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
body{
padding: 25px;
background-color:#1a0b4f;
}
.title {
color: #c52d2d;
}
p {
font-family:Times New Roman;
color:#ffffff;
}
.big {
color: #c52d2d;
text-align: center;
text-size-adjust: 120px;
}

37 changes: 37 additions & 0 deletions howtojoin/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>How to Join Coding Club</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<h1>How to join Coding Club</h1>
<img src="Screenshot 2024-10-02 155241.png" alt="FAUHS Coding Club Poster" width="209" height="213" />
<p></p>
<p> If you are interested, here are some ways you can join</p>
<ul>
<li>
<p><span style="text-decoration:underline;">Follow us on Instagram and DM us!</span> Our handle is @fauhscoding
</p>
<a href="https://www.instagram.com/fauhscoding?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=">
<img src="IMG_0044.png" alt="Coding Club Instagram" width="100px" height="100px"> </a>
</li>

<li>
<p> <span style="text-decoration:underline;">Join the Discord!</span><br> If the link below does not work, DM our
instagram, or contact Asvatha Barath.<br> Email:abarath2024@fau.edu<br> Discord:asvatha_</p>
<a href="https://discord.gg/dtCUNy53mK"> <img src="discord logo.jpg" style="border-radius:15px;" height="109"
width="109" alt="Discord Link" /> </a>
</li>
<li>
<p><span style="text-decoration:underline;">Email Mr.Hindle</span><br> Email: thindle2016@fau.edu</p>
</li>

</ul>
</body>

</html>
25 changes: 25 additions & 0 deletions howtojoin/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
html {
height: 100%;
width: 100%;
}

body {
background-color: #9ad0f9;
}

h1 {
font-family: monospace;
text-decoration: underline;
}

p {
font-family: monospace;
}

img {
display: block;
border-color: black;
border-width: 5pt;
border-style: solid;
}

10 changes: 6 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,12 @@
<h1>FAUHS Coding Club</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#">Contact</a></li>
<li><a href="./index.html">Home</a></li>
<li><a href="./faq/index.html">FAQ</a></li>
<li><a href="./events/index.html">Events</a></li>
<li><a href="./howtojoin/index.html">Join</a></li>
<li><a href="./meetingnotes/index.html">Meeting Notes</a></li>
<li><a href="./leadership/index.html">Leadership</a></li>
</ul>
</nav>
</header>
Expand Down
19 changes: 19 additions & 0 deletions leadership/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" width="device-width">
<title>Coding Club!</title>
<meta name="keywords" content="Coding, Coding Club, Club, FAU, Leadership">
</head>
<body>
<noscript>Your device does not support JavaScript.</noscript>
<div class="all">
<div id="leadershiptitlediv">
<h1 id="leadershiptitle" style="text-align: center;">&lt;&lt;Leadership&gt;&gt;</h1>
</div><br>
<p id="pmain">To be or not to be. These words by Williiam Shakespeare truly emphasize the nuances of life. Among the nuances that this quote can relate, leadership itself stands out. In order to be a leader you must choose to be a leader. However, you can't choose to be a leader if you don't know how to be a leader. That is why our club exists to teach you how to be a leader. When you think of coding, leadership isn't the first thing that comes to mind. However, leadership is actually a major part of coding because leadership skills are needed in order to collaborate with other people whie working on projects. If you were to join Coding Club, we would teach you how to be a leader. It is your choice to be a coder or not to be a coder. However, you will learn a lot about leadership if you join coding club.<p>
</div>
</body>
</html>
Loading

0 comments on commit 5f9b715

Please sign in to comment.