Skip to content

Commit b262d48

Browse files
CodeKokeshiCodeKokeshi
committed
Revamp hidden delivery page layout with improved navigation, theme switcher, and updated content structure
1 parent 10926e8 commit b262d48

1 file changed

Lines changed: 146 additions & 73 deletions

File tree

‎hidden/index.html‎

Lines changed: 146 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,155 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Hidden | CodeKokeshi</title>
7-
<meta
8-
name="description"
9-
content="Hidden project delivery page for Dragon's Heart visual novel source code and Windows build."
10-
/>
11-
<meta name="author" content="CodeKokeshi" />
12-
<meta name="robots" content="noindex, nofollow" />
13-
<meta name="theme-color" content="#0f1116" />
14-
<link rel="preconnect" href="https://fonts.googleapis.com" />
15-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16-
<link
17-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Press+Start+2P&family=Orbitron:wght@400;500;600;700;800&display=swap"
18-
rel="stylesheet"
19-
/>
20-
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
21-
<link rel="stylesheet" href="../assets/css/site.css" data-cache-bust="true" />
22-
</head>
23-
<body>
24-
<canvas id="particle-canvas"></canvas>
25-
<div class="page-shell">
26-
<header class="top-bar">
27-
<a class="brand" href="../index.html">Code Kokeshi</a>
28-
<nav class="nav-links" aria-label="Pages">
29-
<a class="nav-link" href="../gamedev.html">Game Dev</a>
30-
<a class="nav-link" href="../art.html">Art</a>
31-
<a class="nav-link" href="../projects.html">Projects</a>
32-
<a class="nav-link" href="../reviewers.html">Reviewers</a>
33-
<a class="nav-link" href="../thesis_section/index.html">Thesis</a>
34-
</nav>
35-
<div class="theme-switcher" role="group" aria-label="Theme selector">
36-
<span class="theme-label">Theme</span>
37-
<button type="button" class="theme-button" data-theme-option="dark" aria-pressed="false">Dark</button>
38-
<button type="button" class="theme-button" data-theme-option="light" aria-pressed="false">Light</button>
39-
<button type="button" class="theme-button" data-theme-option="wood" aria-pressed="false">Retro</button>
40-
<button type="button" class="theme-button" data-theme-option="cyberpunk" aria-pressed="false">Cyberpunk</button>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Hidden | CodeKokeshi</title>
7+
<meta name="description" content="Hidden project delivery page for Dragon's Heart visual novel source code and Windows build." />
8+
<meta name="author" content="CodeKokeshi" />
9+
<meta name="robots" content="noindex, nofollow" />
10+
11+
<link rel="preconnect" href="https://fonts.googleapis.com" />
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
13+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
14+
15+
<link rel="stylesheet" href="../assets/css/site.css" />
16+
</head>
17+
<body>
18+
<div class="app">
19+
20+
<header class="header" id="header">
21+
<a href="/" class="logo">
22+
<div class="logo__icon">CK</div>
23+
<div class="logo__text">
24+
<span class="logo__name">CodeKokeshi</span>
25+
<span class="logo__sub">Portfolio</span>
4126
</div>
42-
</header>
27+
</a>
4328

44-
<main>
45-
<section class="page-section hero-simple">
46-
<h1 class="section-title">Hidden Project Delivery</h1>
47-
<p class="lead">Direct access page for client file download.</p>
48-
</section>
29+
<nav class="header__nav" aria-label="Sections">
30+
<a class="header__nav-btn" href="/" title="Games" aria-label="Games">
31+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
32+
<rect x="2" y="6" width="20" height="12" rx="2" />
33+
<path d="M6 12h4M8 10v4" />
34+
<circle cx="17" cy="10" r="1" />
35+
<circle cx="15" cy="14" r="1" />
36+
</svg>
37+
</a>
38+
<a class="header__nav-btn" href="/arts" title="Arts" aria-label="Arts">
39+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
40+
<path d="M12 19l7-7 3 3-7 7-3-3z" />
41+
<path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" />
42+
<path d="M2 2l7.586 7.586" />
43+
<circle cx="11" cy="11" r="2" />
44+
</svg>
45+
</a>
46+
<a class="header__nav-btn" href="/software" title="Software &amp; Web" aria-label="Software and Web">
47+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
48+
<polyline points="16 18 22 12 16 6" />
49+
<polyline points="8 6 2 12 8 18" />
50+
</svg>
51+
</a>
52+
<a class="header__nav-btn" href="/mods" title="Mods" aria-label="Mods">
53+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
54+
<path d="M12 2v6M12 16v6M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M2 12h6M16 12h6M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24" />
55+
</svg>
56+
</a>
57+
<a class="header__nav-btn" href="/quiz" title="Quiz" aria-label="Quiz">
58+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
59+
<path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" />
60+
<rect x="9" y="3" width="6" height="4" rx="1" />
61+
<path d="M9 12h6M9 16h4" />
62+
</svg>
63+
</a>
64+
<a class="header__nav-btn" href="/about" title="About" aria-label="About">
65+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
66+
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
67+
<circle cx="12" cy="7" r="4" />
68+
</svg>
69+
</a>
70+
</nav>
71+
</header>
4972

50-
<section class="page-section">
51-
<h2 class="section-title">Dragon's Heart</h2>
52-
<div class="portfolio-grid no-animations">
53-
<article class="portfolio-card">
54-
<div class="portfolio-card__header">
55-
<h3>Dragon's Heart</h3>
56-
<span class="pill">Visual Novel</span>
57-
</div>
58-
<p>
59-
A visual novel game. Click the links below to download the source code and
60-
Windows build.
61-
</p>
62-
<div class="card-links">
63-
<a href="../assets/hidden/dragons_heart/Source%20Code.zip" download>Source Code</a>
64-
<a href="../assets/hidden/dragons_heart/Windows%20Build.zip" download>Windows Build</a>
65-
</div>
66-
</article>
73+
<main class="main">
74+
<div class="container">
75+
<div class="section-panel">
76+
<div class="section">
77+
<h2 class="section__title">Dragon's Heart</h2>
78+
<div class="mods-masonry">
79+
<article class="mod-card">
80+
<div class="mod-card__content">
81+
<h3 class="mod-card__title">Dragon's Heart</h3>
82+
<p class="mod-card__overview">
83+
A visual novel game. Click the links below to download the source code and Windows build.
84+
</p>
85+
<div class="about-section__links" style="margin-top: 14px;">
86+
<a class="timeline-link timeline-link--about" href="../assets/hidden/dragons_heart/Source%20Code.zip" download>Source Code</a>
87+
<a class="timeline-link timeline-link--about" href="../assets/hidden/dragons_heart/Windows%20Build.zip" download>Windows Build</a>
88+
</div>
89+
</div>
90+
</article>
91+
</div>
6792
</div>
68-
</section>
69-
</main>
93+
</div>
94+
</div>
95+
</main>
96+
97+
<nav class="bottom-nav" aria-label="Sections">
98+
<a class="bottom-nav__btn" href="/">
99+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
100+
<rect x="2" y="6" width="20" height="12" rx="2" />
101+
<path d="M6 12h4M8 10v4" />
102+
<circle cx="17" cy="10" r="1" />
103+
<circle cx="15" cy="14" r="1" />
104+
</svg>
105+
<span>Games</span>
106+
</a>
107+
<a class="bottom-nav__btn" href="/arts">
108+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
109+
<path d="M12 19l7-7 3 3-7 7-3-3z" />
110+
<path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" />
111+
<path d="M2 2l7.586 7.586" />
112+
<circle cx="11" cy="11" r="2" />
113+
</svg>
114+
<span>Arts</span>
115+
</a>
116+
<a class="bottom-nav__btn" href="/software">
117+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
118+
<polyline points="16 18 22 12 16 6" />
119+
<polyline points="8 6 2 12 8 18" />
120+
</svg>
121+
<span>Software</span>
122+
</a>
123+
<a class="bottom-nav__btn" href="/mods">
124+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
125+
<path d="M12 2v6M12 16v6M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M2 12h6M16 12h6M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24" />
126+
</svg>
127+
<span>Mods</span>
128+
</a>
129+
<a class="bottom-nav__btn" href="/quiz">
130+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
131+
<path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" />
132+
<rect x="9" y="3" width="6" height="4" rx="1" />
133+
<path d="M9 12h6M9 16h4" />
134+
</svg>
135+
<span>Quiz</span>
136+
</a>
137+
<a class="bottom-nav__btn" href="/about">
138+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
139+
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
140+
<circle cx="12" cy="7" r="4" />
141+
</svg>
142+
<span>About</span>
143+
</a>
144+
</nav>
70145

71-
<footer class="site-footer">© <span id="year"></span> CodeKokeshi.</footer>
72-
</div>
146+
<footer class="footer">
147+
<p>&copy; <span id="year"></span> CodeKokeshi</p>
148+
</footer>
149+
</div>
73150

74-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
75-
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
76-
<script defer src="../assets/js/animations.js"></script>
77-
<script defer src="../assets/js/site.js"></script>
78-
<script>
79-
document.getElementById("year").textContent = new Date().getFullYear();
80-
</script>
81-
</body>
151+
<script>
152+
document.getElementById('year').textContent = new Date().getFullYear();
153+
</script>
154+
</body>
82155
</html>

0 commit comments

Comments
 (0)