Browse Source

minor template changes

main
Stephanie Gredell 6 months ago
parent
commit
8051eee00a
  1. 8
      assets/css/style.css
  2. 118
      templates/hackathon.html
  3. 2
      templates/index.html

8
assets/css/style.css

@ -33,7 +33,7 @@ header { @@ -33,7 +33,7 @@ header {
position: sticky;
top: 0;
z-index: 100;
background-color: #2A7B9B;
background-color: #000;
}
header .container {
@ -59,6 +59,8 @@ nav ul li { @@ -59,6 +59,8 @@ nav ul li {
nav ul li a {
padding: 5px;
transition: color 0.3s;
color: #fff;
font-weight: bold;
}
nav ul li a:hover {
@ -106,7 +108,7 @@ nav ul li a:hover { @@ -106,7 +108,7 @@ nav ul li a:hover {
/* Features Section */
.features {
padding: 80px 0;
background-color: #2A7B9B;
background-color: #000;
}
.features h2 {
@ -223,7 +225,7 @@ textarea { @@ -223,7 +225,7 @@ textarea {
/* Footer Styles */
footer {
background-color: #2c3e50;
background-color: #000;
color: #fff;
padding: 50px 0 20px;
}

118
templates/hackathon.html

@ -0,0 +1,118 @@ @@ -0,0 +1,118 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HackHost - Hackathon Platform</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<header>
<div class="container">
<div class="logo">
<h1>Codegrillathon</h1>
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="/auth/twitch">Login with Twitch</a></li>
</ul>
</nav>
</div>
</header>
<section id="home" class="hero">
<div class="container">
<h1>HaAAACKATHON</h1>
<p>A platform for deveopers to showcase their skills.</p>
<a href="#submit" class="btn">Join a hackathon today!</a>
</div>
</section>
<section id="features" class="features">
<div class="container">
<h2>Platform Features</h2>
<div class="feature-grid">
<div class="feature">
<h3>Easy Submission</h3>
<p>Submit your project with just a few clicks. Share your Git repository, project name, and any
secrets needed to run your project.</p>
</div>
<div class="feature">
<h3>Secure Environment</h3>
<p>Your project secrets are stored securely and only shared with authorized judges.</p>
</div>
<div class="feature">
<h3>Fair Judging</h3>
<p>All projects are evaluated based on innovation, technical complexity, and presentation.</p>
</div>
<div class="feature">
<h3>Global Reach</h3>
<p>Participate in hackathons from anywhere in the world and connect with developers globally.</p>
</div>
</div>
</div>
</section>
<section id="how-it-works" class="how-it-works">
<div class="container">
<h2>How It Works</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Register for a Hackathon</h3>
<p>Browse available hackathons and register for the ones that interest you.</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Build Your Project</h3>
<p>Work on your project during the hackathon period, either solo or with a team.</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Submit Your Work</h3>
<p>Submit your Git repository, project details, and any secrets needed to run your project.</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Get Evaluated</h3>
<p>Judges will review your submission and provide feedback.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<h2>HackHost</h2>
<p>The ultimate hackathon platform</p>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#submit">Submit Project</a></li>
</ul>
</div>
<div class="footer-contact">
<h3>Contact Us</h3>
<p>Email: info@hackhost.com</p>
<p>Phone: (123) 456-7890</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 HackHost. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>

2
templates/index.html

@ -17,9 +17,7 @@ @@ -17,9 +17,7 @@
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#submit">Submit Project</a></li>
<li><a href="/auth/twitch">Login with Twitch</a></li>
</ul>
</nav>

Loading…
Cancel
Save