aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNatasha Moongrave <natasha@256phi.eu>2026-03-30 15:00:05 +0200
committerNatasha Moongrave <natasha@256phi.eu>2026-03-30 15:00:05 +0200
commit8902b5ceefece96eacc64bd2af20059c9f6858f4 (patch)
tree15f3ef1deb27807afc6a68827f5ab9184bb903f4
parent254633c719655e98627dc82ff75288c6ecbe383d (diff)
Fixed index.html formatting
Diffstat
-rw-r--r--src/index.html222
1 files changed, 208 insertions, 14 deletions
diff --git a/src/index.html b/src/index.html
index 6de82a4..1802a4a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,16 +1,210 @@
-<!DOCTYPE=html>
-
+<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>DUMUN 2026</title>
- <link rel="stylesheet" href="./style/style.css">
- </head>
-
- <body>
- <div class="main">
- <h1>DUMUN 2026</h1>
- <p>This is the official website for the Duhovka Model United Nations 2026</p>
- </div>
- </body>
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>DUMUN 2027 — Diplomatic Minds, Global Vision</title>
+
+ <link rel="stylesheet" href="style.css">
+
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
+</head>
+<body>
+
+<!-- NAV -->
+<nav id="navbar">
+ <a href="#hero" class="nav-logo">DUMUN<span>2027</span></a>
+
+ <div class="nav-toggle" id="navToggle">☰</div>
+
+ <ul class="nav-links">
+ <li><a href="#about">About</a></li>
+ <li><a href="#committees">Committees</a></li>
+ <li><a href="#agenda">Agenda</a></li>
+ <li><a href="#members">Secretariat</a></li>
+ <li><a href="#instagram">Instagram</a></li>
+ <li><a href="#sponsors">Sponsors</a></li>
+ <li><a href="https://mymun.com" target="_blank" class="nav-cta">Apply via MyMUN</a></li>
+ </ul>
+</nav>
+
+<!-- HERO -->
+<section id="hero">
+ <div class="hero-bg"></div>
+
+ <div class="hero-content">
+ <div class="hero-eyebrow">Gymnázium Duhovka · Prague · 2027</div>
+
+ <h1 class="hero-title">
+ DU<em>MUN</em><br>2027
+ </h1>
+
+ <p class="hero-subtitle">Diplomatic Minds, Global Vision</p>
+ <p class="hero-date">April 4–6, 2027 · Prague</p>
+
+ <div class="hero-actions">
+ <a href="https://mymun.com" target="_blank" class="btn-primary">
+ Apply via MyMUN
+ </a>
+ <a href="#committees" class="btn-outline">
+ Explore Committees
+ </a>
+ </div>
+ </div>
+</section>
+
+<!-- ABOUT -->
+<section id="about">
+ <div class="container about-grid">
+
+ <div>
+ <div class="section-label">About</div>
+ <h2 class="section-title">
+ Where young <em>diplomats</em> shape the future
+ </h2>
+
+ <p class="section-desc">
+ DUMUN is a student-led Model United Nations conference hosted in Prague, bringing together students from across Europe.
+ </p>
+
+ <p class="section-desc">
+ “DUMUN 2027 is not just a conference — it is a platform for students to challenge ideas and become global leaders.”
+ </p>
+ </div>
+
+ <div class="about-stats">
+ <div class="stat-box"><span>5</span>Committees</div>
+ <div class="stat-box"><span>100+</span>Delegates</div>
+ <div class="stat-box"><span>3</span>Days</div>
+ <div class="stat-box"><span>2027</span>Prague</div>
+ </div>
+
+ </div>
+</section>
+
+<!-- COMMITTEES -->
+<section id="committees">
+ <div class="container">
+
+ <div class="section-label">Committees</div>
+ <h2 class="section-title">Five arenas of <em>debate</em></h2>
+
+ <div class="committees-grid">
+
+ <div class="committee-card">
+ <h3>General Assembly</h3>
+ <p>AI and autonomous weapons</p>
+ </div>
+
+ <div class="committee-card">
+ <h3>Security Council</h3>
+ <p>South China Sea tensions</p>
+ </div>
+
+ <div class="committee-card">
+ <h3>UNEP</h3>
+ <p>Clean energy financing</p>
+ </div>
+
+ <div class="committee-card">
+ <h3>WHO</h3>
+ <p>Pandemic preparedness</p>
+ </div>
+
+ <div class="committee-card">
+ <h3>Human Rights</h3>
+ <p>Digital surveillance</p>
+ </div>
+
+ </div>
+ </div>
+</section>
+
+<!-- MEMBERS -->
+<section id="members">
+ <div class="container">
+
+ <div class="section-label">Secretariat</div>
+ <h2 class="section-title">The team behind</h2>
+
+ <div class="members-grid">
+
+ <div class="member-card">
+ <div class="member-avatar">
+ <img src="assets/members/jana.jpg"
+ onerror="this.src='assets/image-not-found.webp'"
+ alt="Jana Horáčková">
+ </div>
+ <h3>Jana Horáčková</h3>
+ <p>Secretary-General</p>
+ </div>
+
+ <div class="member-card">
+ <div class="member-avatar">
+ <img src="assets/members/tomas.jpg"
+ onerror="this.src='assets/image-not-found.webp'"
+ alt="Tomáš Novák">
+ </div>
+ <h3>Tomáš Novák</h3>
+ <p>Deputy Secretary-General</p>
+ </div>
+
+ </div>
+
+ </div>
+</section>
+
+<!-- INSTAGRAM -->
+<section id="instagram">
+ <div class="container">
+
+ <h2 class="section-title">Instagram</h2>
+
+ <div class="insta-grid">
+ <img src="assets/insta/1.jpg" onerror="this.src='assets/image-not-found.webp'">
+ <img src="assets/insta/2.jpg" onerror="this.src='assets/image-not-found.webp'">
+ <img src="assets/insta/3.jpg" onerror="this.src='assets/image-not-found.webp'">
+ </div>
+
+ <a href="https://instagram.com/dumun2027" target="_blank" class="btn-primary">
+ Follow @dumun2027
+ </a>
+
+ </div>
+</section>
+
+<!-- SPONSORS -->
+<section id="sponsors">
+ <div class="container">
+
+ <h2 class="section-title">Sponsors</h2>
+
+ <div class="sponsors-row">
+ <div class="sponsor-box">Partner A</div>
+ <div class="sponsor-box">Partner B</div>
+ </div>
+
+ </div>
+</section>
+
+<!-- FOOTER -->
+<footer>
+ <p>© 2027 DUMUN — Prague</p>
+</footer>
+
+<script>
+// mobile nav toggle
+document.getElementById('navToggle').onclick = () => {
+ document.querySelector('.nav-links').classList.toggle('open');
+};
+
+// navbar scroll effect
+window.addEventListener('scroll', () => {
+ document.getElementById('navbar')
+ .classList.toggle('scrolled', window.scrollY > 60);
+});
+</script>
+
+</body>
</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-05-14 23:42:52 +0000