-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
108 lines (100 loc) · 6.09 KB
/
index.html
File metadata and controls
108 lines (100 loc) · 6.09 KB
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Morflight — Delta Force Resources Hub</title>
<meta name="description" content="Morflight's Delta Force hub: streamers, community servers, competitive tools and data. Your starting point for the Delta Force scene.">
<meta name="keywords" content="Delta Force, Delta Force streamers, Delta Force community, Delta Force competitive, Delta Force tools, Morflight">
<meta name="author" content="Morflight">
<link rel="canonical" href="https://morflight.github.io/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://morflight.github.io/">
<meta property="og:title" content="Morflight — Delta Force Resources Hub">
<meta property="og:description" content="Streamers, community servers, competitive tools and data for Delta Force players.">
<meta property="og:site_name" content="Morflight">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Morflight — Delta Force Resources Hub">
<meta name="twitter:description" content="Streamers, community servers, competitive tools and data for Delta Force players.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<nav class="nav">
<a href="/" class="nav__logo">Morflight</a>
<div class="lang-switcher">
<button class="lang-btn active" data-lang="en">EN</button>
<button class="lang-btn" data-lang="fr">FR</button>
<button class="lang-btn" data-lang="de">DE</button>
<button class="lang-btn" data-lang="es">ES</button>
<button class="lang-btn" data-lang="pt">PT</button>
<button class="lang-btn" data-lang="ru">RU</button>
</div>
<button class="nav__toggle" aria-label="Toggle menu">
<span></span><span></span><span></span>
</button>
<ul class="nav__links">
<li><a href="/" data-i18n="nav.home">Home</a></li>
<li><a href="/about" data-i18n="nav.about">About</a></li>
<li><a href="/streamers" data-i18n="nav.streamers">Streamers</a></li>
<li><a href="/community" data-i18n="nav.community">Community</a></li>
<li><a href="/contact" data-i18n="nav.contact">Contact</a></li>
</ul>
</nav>
<section class="hero">
<p class="hero__eyebrow" data-i18n="hero.eyebrow">Delta Force Resources</p>
<h1 class="hero__title">Morf<span>light</span></h1>
<p class="hero__sub" data-i18n="hero.subtitle">A curated hub for Delta Force players — streamers, community servers, competitive tools, and game data. Built by a player, for players.</p>
<div class="hero__games">
<div class="game-pill game-pill--df">
<span class="game-pill__dot"></span>
Delta Force
<span class="game-pill__role" data-i18n="hero.role_main">Main</span>
</div>
</div>
</section>
<div class="projects-grid page">
<a href="/streamers" class="project-card project-card--internal">
<div class="project-card__header">
<span class="project-card__title" data-i18n="projects.streamer_showcase.title">Streamer Showcase</span>
<span class="badge badge--hosted" data-i18n="badges.hosted_here">Hosted Here</span>
</div>
<p class="project-card__desc" data-i18n="projects.streamer_showcase.desc">Curated list of Delta Force streamers with tags, language filters, and live status. Find content that matches your vibe.</p>
<span class="project-card__cta" data-i18n="projects.streamer_showcase.cta">Browse Streamers →</span>
</a>
<a href="/community" class="project-card project-card--internal">
<div class="project-card__header">
<span class="project-card__title" data-i18n="projects.community_reference.title">Community Reference</span>
<span class="badge badge--hosted" data-i18n="badges.hosted_here">Hosted Here</span>
</div>
<p class="project-card__desc" data-i18n="projects.community_reference.desc">Discord and TeamSpeak servers for the Delta Force community. Find your region, your playstyle, your people.</p>
<span class="project-card__cta" data-i18n="projects.community_reference.cta">Find Servers →</span>
</a>
<a href="#" class="project-card project-card--external" target="_blank" rel="noopener">
<div class="project-card__header">
<span class="project-card__title" data-i18n="projects.competitive_hub.title">Competitive Hub</span>
<span class="badge badge--soon" data-i18n="badges.in_development">In Development</span>
</div>
<p class="project-card__desc" data-i18n="projects.competitive_hub.desc">Scrim client setup guides, competitive ruleset updates, and stat tracking for the Delta Force competitive scene.</p>
<span class="project-card__cta" data-i18n="projects.competitive_hub.cta">Coming Soon</span>
</a>
<a href="#" class="project-card project-card--external" target="_blank" rel="noopener">
<div class="project-card__header">
<span class="project-card__title" data-i18n="projects.data_hub.title">Data Hub</span>
<span class="badge badge--soon" data-i18n="badges.in_development">In Development</span>
</div>
<p class="project-card__desc" data-i18n="projects.data_hub.desc">Game data, economy tracking, weapon stats and builds for Delta Force. Numbers for people who care about numbers.</p>
<span class="project-card__cta" data-i18n="projects.data_hub.cta">Coming Soon</span>
</a>
</div>
<footer class="footer">
<span>Morflight — <span data-i18n="footer.disclaimer">Not affiliated with TiMi Studio or Level Infinite</span></span>
<a href="https://github.com/morflight" target="_blank" rel="noopener" style="color:var(--df)">GitHub</a>
<p class="footer__ai-note" data-i18n="footer.ai_translations" hidden></p>
</footer>
<script src="assets/js/i18n.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>