Skip to content

Commit b39dec4

Browse files
ARD0NIZARD0NIZ
authored
Add FAQ, Privacy Policy, and Terms of Service pages; update index with placeholder stats
1 parent 3ecb492 commit b39dec4

8 files changed

Lines changed: 883 additions & 8 deletions

File tree

‎_includes/footer.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,8 @@
1212
<div class="flex items-center justify-center gap-6 mb-5 text-sm font-medium">
1313
<a href="/" class="text-gray-400 hover:text-white transition-colors">Home</a>
1414
<a href="/codes/" class="text-gray-400 hover:text-white transition-colors">Codes</a>
15-
<a href="/changelog/" class="text-gray-400 hover:text-white transition-colors">Changelog</a>
16-
<a href="/helios-updates/" class="text-gray-400 hover:text-white transition-colors">Helios Updates</a>
17-
<a href="/editor/" class="text-gray-400 hover:text-white transition-colors">Editor</a>
18-
<a href="/contact/" class="text-gray-400 hover:text-white transition-colors">Contact</a>
15+
<a href="/tos/" class="text-gray-400 hover:text-white transition-colors">Terms of Service</a>
16+
<a href="/privacy/" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
1917
</div>
2018
<p class="text-center text-gray-500 text-sm">&copy; <span id="footer-year"></span> dev-codelist.net. Built for the community.</p>
2119
</div>

‎_includes/header.html‎

Lines changed: 72 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,9 +30,45 @@
3030
<div class="hidden md:flex items-center gap-6 text-sm font-medium">
3131
<a href="/" class="nav-link{% if page.url == '/' or page.url == '/index.html' %} nav-active{% endif %}">Home</a>
3232
<a href="/codes/" class="nav-link{% if page.url contains '/codes/' %} nav-active{% endif %}">Codes</a>
33-
<a href="/changelog/" class="nav-link{% if page.url contains '/changelog/' %} nav-active{% endif %}">Changelog</a>
34-
<a href="/helios-updates/" class="nav-link{% if page.url contains '/helios-updates/' %} nav-active{% endif %}">Helios Updates</a>
3533
<a href="/editor/" class="nav-link{% if page.url contains '/editor/' %} nav-active{% endif %}">Editor</a>
34+
<!-- Updates dropdown -->
35+
<div class="relative self-center">
36+
<button type="button" data-dd="dd-updates" onclick="navDdToggle('dd-updates',this)" class="nav-link flex items-center gap-1{% if page.url contains '/changelog/' or page.url contains '/helios-updates/' %} nav-active{% endif %}" aria-expanded="false" aria-haspopup="true">
37+
Updates
38+
<svg class="dd-arrow w-3.5 h-3.5 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/></svg>
39+
</button>
40+
<div id="dd-updates" class="nav-dd-panel absolute top-full left-0 pt-2 w-52" style="display:none;z-index:200">
41+
<div class="bg-[#0a0a0c] border border-white/10 rounded-xl p-1.5 shadow-2xl shadow-black/70">
42+
<a href="/changelog/" class="nav-dd-item{% if page.url contains '/changelog/' %} active{% endif %}">
43+
<svg class="w-4 h-4 text-[#7B4FFF] flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
44+
Changelog
45+
</a>
46+
<a href="/helios-updates/" class="nav-dd-item{% if page.url contains '/helios-updates/' %} active{% endif %}">
47+
<svg class="w-4 h-4 text-[#7B4FFF] flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
48+
Helios Updates
49+
</a>
50+
</div>
51+
</div>
52+
</div>
53+
<!-- More dropdown -->
54+
<div class="relative self-center">
55+
<button type="button" data-dd="dd-more" onclick="navDdToggle('dd-more',this)" class="nav-link flex items-center gap-1{% if page.url contains '/faq/' or page.url contains '/contributors/' %} nav-active{% endif %}" aria-expanded="false" aria-haspopup="true">
56+
More
57+
<svg class="dd-arrow w-3.5 h-3.5 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/></svg>
58+
</button>
59+
<div id="dd-more" class="nav-dd-panel absolute top-full right-0 pt-2 w-48" style="display:none;z-index:200">
60+
<div class="bg-[#0a0a0c] border border-white/10 rounded-xl p-1.5 shadow-2xl shadow-black/70">
61+
<a href="/faq/" class="nav-dd-item{% if page.url contains '/faq/' %} active{% endif %}">
62+
<svg class="w-4 h-4 text-[#7B4FFF] flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
63+
FAQ
64+
</a>
65+
<a href="/contributors/" class="nav-dd-item{% if page.url contains '/contributors/' %} active{% endif %}">
66+
<svg class="w-4 h-4 text-[#7B4FFF] flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
67+
Contributors
68+
</a>
69+
</div>
70+
</div>
71+
</div>
3672
<a href="/contact/" class="nav-link{% if page.url contains '/contact/' %} nav-active{% endif %}">Contact</a>
3773
</div>
3874

@@ -54,6 +90,8 @@
5490
<a href="/changelog/" class="nav-link block py-1{% if page.url contains '/changelog/' %} nav-active{% endif %}">Changelog</a>
5591
<a href="/helios-updates/" class="nav-link block py-1{% if page.url contains '/helios-updates/' %} nav-active{% endif %}">Helios Updates</a>
5692
<a href="/editor/" class="nav-link block py-1{% if page.url contains '/editor/' %} nav-active{% endif %}">Editor</a>
93+
<a href="/faq/" class="nav-link block py-1{% if page.url contains '/faq/' %} nav-active{% endif %}">FAQ</a>
94+
<a href="/contributors/" class="nav-link block py-1{% if page.url contains '/contributors/' %} nav-active{% endif %}">Contributors</a>
5795
<a href="/contact/" class="nav-link block py-1{% if page.url contains '/contact/' %} nav-active{% endif %}">Contact</a>
5896
</div>
5997
</nav>
@@ -74,6 +112,38 @@
74112
toggle.setAttribute('aria-expanded', isHidden ? 'true' : 'false');
75113
});
76114
}
115+
116+
// Dropdown toggle — window-scoped so onclick attribute can call it
117+
window.navDdToggle = function (id, btn) {
118+
var panel = document.getElementById(id);
119+
if (!panel) return;
120+
var isOpen = panel.style.display === 'block';
121+
// Close all panels
122+
document.querySelectorAll('.nav-dd-panel').forEach(function (p) { p.style.display = 'none'; });
123+
document.querySelectorAll('[data-dd]').forEach(function (b) {
124+
b.setAttribute('aria-expanded', 'false');
125+
var a = b.querySelector('.dd-arrow');
126+
if (a) a.style.transform = '';
127+
});
128+
// Open this one if it was closed
129+
if (!isOpen) {
130+
panel.style.display = 'block';
131+
btn.setAttribute('aria-expanded', 'true');
132+
var arrow = btn.querySelector('.dd-arrow');
133+
if (arrow) arrow.style.transform = 'rotate(180deg)';
134+
}
135+
};
136+
// Close all when clicking outside a dropdown button or panel
137+
document.addEventListener('click', function (e) {
138+
if (!e.target.closest('[data-dd]') && !e.target.closest('.nav-dd-panel')) {
139+
document.querySelectorAll('.nav-dd-panel').forEach(function (p) { p.style.display = 'none'; });
140+
document.querySelectorAll('[data-dd]').forEach(function (b) {
141+
b.setAttribute('aria-expanded', 'false');
142+
var a = b.querySelector('.dd-arrow');
143+
if (a) a.style.transform = '';
144+
});
145+
}
146+
});
77147
})();
78148
</script>
79149

‎assets/css/style.css‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -133,6 +133,38 @@ body {
133133
.nav-active { color: white; }
134134
.nav-active::after { width: 100%; }
135135

136+
/* Dropdown button reset */
137+
button.nav-link {
138+
background: none;
139+
border: none;
140+
cursor: pointer;
141+
font-family: inherit;
142+
font-size: inherit;
143+
font-weight: inherit;
144+
line-height: inherit;
145+
padding: 0;
146+
}
147+
/* Dropdown items */
148+
.nav-dd-item {
149+
display: flex;
150+
align-items: center;
151+
gap: 10px;
152+
padding: 8px 10px;
153+
border-radius: 8px;
154+
font-size: 0.875rem;
155+
font-weight: 500;
156+
color: var(--text-secondary);
157+
transition: color 0.2s, background-color 0.2s;
158+
}
159+
.nav-dd-item:hover {
160+
color: white;
161+
background-color: rgba(255, 255, 255, 0.05);
162+
}
163+
.nav-dd-item.active {
164+
color: white;
165+
background-color: rgba(80, 36, 244, 0.1);
166+
}
167+
136168
.tag {
137169
font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em;
138170
text-transform: uppercase; padding: 6px 12px; border-radius: 100px;

‎contributors/index.html‎

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
---
2+
---
3+
<!DOCTYPE html>
4+
<html lang="en" class="scroll-smooth">
5+
<head>
6+
<meta charset="UTF-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>dev-codelist.net | Contributors</title>
9+
10+
<!-- Open Graph / Discord / WhatsApp -->
11+
<meta property="og:type" content="website">
12+
<meta property="og:title" content="dev-codelist.net | Contributors">
13+
<meta property="og:description" content="The people who build and maintain dev-codelist.net.">
14+
<meta property="og:image" content="/assets/media/Logo.png">
15+
<meta property="og:site_name" content="dev-codelist.net">
16+
<meta name="theme-color" content="#5024F4">
17+
18+
<!-- Twitter Card -->
19+
<meta name="twitter:card" content="summary">
20+
<meta name="twitter:title" content="dev-codelist.net | Contributors">
21+
<meta name="twitter:description" content="The people who build and maintain dev-codelist.net.">
22+
<meta name="twitter:image" content="/assets/media/Logo.png">
23+
24+
<!-- Favicon -->
25+
<link rel="icon" type="image/png" href="/assets/media/Logo.png">
26+
27+
<script src="https://cdn.tailwindcss.com"></script>
28+
<link rel="preconnect" href="https://fonts.googleapis.com">
29+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30+
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
31+
<link rel="stylesheet" href="/assets/css/style.css">
32+
<script src="/assets/js/live-dev.js"></script>
33+
</head>
34+
<body class="selection:bg-[#5024F4]/30">
35+
36+
{% include header.html %}
37+
38+
<main class="max-w-5xl mx-auto px-6 pt-32 pb-24">
39+
40+
<!-- Page Header -->
41+
<header class="mb-16 animate-enter max-w-3xl">
42+
<div class="flex flex-wrap gap-3 mb-6">
43+
<span class="tag bg-[#5024F4]/10 text-[#7B4FFF] border border-[#5024F4]/20">Team</span>
44+
<span class="tag bg-[#7B4FFF]/10 text-[#9D7FFF] border border-[#7B4FFF]/20">Open Source</span>
45+
</div>
46+
<h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight text-white text-glow">
47+
Contributors
48+
</h1>
49+
<p class="text-xl text-gray-400 leading-relaxed">
50+
The people who write, review, and maintain the codes and platform at dev-codelist.net. Thank you for making this possible.
51+
</p>
52+
</header>
53+
54+
<!-- Core Team -->
55+
<section class="mb-16 animate-enter delay-100">
56+
<h2 class="text-xs font-bold uppercase tracking-widest text-[#7B4FFF] mb-6 px-1">Core Team</h2>
57+
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5" id="core-team">
58+
59+
<div class="glass-panel p-6 flex flex-col items-center text-center gap-3">
60+
<img src="https://avatars.githubusercontent.com/u/96878771?v=4" alt="ARD0NIZ" class="w-16 h-16 rounded-full object-cover">
61+
<div>
62+
<p class="text-white font-bold text-lg">ARD0NIZ</p>
63+
<p class="text-[#9D7FFF] text-sm font-medium">Founder &amp; Lead Developer</p>
64+
</div>
65+
<p class="text-gray-500 text-sm leading-relaxed">Platform development, code authoring, and Helios bot maintenance.</p>
66+
<div class="flex gap-3 mt-1">
67+
<a href="https://discord.com/users/521676495316582400" class="text-gray-500 hover:text-white transition-colors" aria-label="Discord" target="_blank" rel="noopener noreferrer">
68+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03z"/></svg>
69+
</a>
70+
</div>
71+
</div>
72+
73+
</div>
74+
</section>
75+
76+
<!-- How to Contribute -->
77+
<section class="animate-enter delay-200">
78+
<h2 class="text-xs font-bold uppercase tracking-widest text-[#7B4FFF] mb-6 px-1">Get Involved</h2>
79+
<div class="grid grid-cols-1 md:grid-cols-3 gap-5 mb-8">
80+
81+
<div class="glass-panel p-6">
82+
<div class="w-10 h-10 rounded-xl bg-[#5024F4]/20 flex items-center justify-center mb-4">
83+
<svg class="w-5 h-5 text-[#7B4FFF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg>
84+
</div>
85+
<h3 class="text-white font-bold mb-2">Submit a Code</h3>
86+
<p class="text-gray-500 text-sm leading-relaxed">Have a useful BDFD snippet? Share it with the community. Open a pull request or send it via the contact form.</p>
87+
</div>
88+
89+
<div class="glass-panel p-6">
90+
<div class="w-10 h-10 rounded-xl bg-[#5024F4]/20 flex items-center justify-center mb-4">
91+
<svg class="w-5 h-5 text-[#7B4FFF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
92+
</div>
93+
<h3 class="text-white font-bold mb-2">Improve Existing Codes</h3>
94+
<p class="text-gray-500 text-sm leading-relaxed">Found a bug or a better way to write something? Suggest an improvement — we review every update carefully.</p>
95+
</div>
96+
97+
<div class="glass-panel p-6">
98+
<div class="w-10 h-10 rounded-xl bg-[#5024F4]/20 flex items-center justify-center mb-4">
99+
<svg class="w-5 h-5 text-[#7B4FFF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
100+
</div>
101+
<h3 class="text-white font-bold mb-2">Spread the Word</h3>
102+
<p class="text-gray-500 text-sm leading-relaxed">No code skills needed — sharing the site with other BDFD developers helps the community grow and motivates us to keep going.</p>
103+
</div>
104+
105+
</div>
106+
107+
<div class="glass-panel p-8 flex flex-col sm:flex-row items-center gap-6">
108+
<div class="flex-1">
109+
<p class="text-white font-semibold text-lg mb-1">Ready to contribute?</p>
110+
<p class="text-gray-500 text-sm">Reach out through the contact form and we'll take it from there.</p>
111+
</div>
112+
<div class="flex gap-3 flex-shrink-0">
113+
<a href="/contact/" class="bg-gradient-to-r from-[#5024F4] to-[#7B4FFF] text-white px-5 py-3 rounded-full hover:shadow-lg hover:shadow-[#5024F4]/40 transition-all font-semibold text-sm whitespace-nowrap">
114+
Contact Us
115+
</a>
116+
<a href="/faq/" class="bg-white/5 text-white px-5 py-3 rounded-full hover:bg-white/10 transition-colors font-semibold text-sm border border-white/10 whitespace-nowrap">
117+
Read FAQ
118+
</a>
119+
</div>
120+
</div>
121+
</section>
122+
123+
</main>
124+
125+
{% include footer.html %}
126+
127+
</body>
128+
</html>

0 commit comments

Comments
 (0)