Skip to content

Add game with 3 levels #227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jbampton merged 1 commit into from
Jan 26, 2026
Merged

Add game with 3 levels #227

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions src/_includes/bio.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,24 @@
<p class="text-[10px] font-black uppercase tracking-widest text-[var(--text-muted)]">Viewing Profile</p>
<p class="font-bold text-sm">{{ name }}</p>
</div>
<div id="game-stats" class="flex items-center gap-4 px-5 py-3 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-3xl shadow-lg">
<div id="level-badge" class="flex items-center justify-center w-12 h-12 rounded-2xl text-2xl shadow-md transition-all duration-700 transform hover:scale-110">
</div>

<div class="flex flex-col">
<div class="flex items-center gap-2">
<span id="level-name" class="text-sm font-black uppercase tracking-widest leading-none">---</span>

<span class="text-[10px] bg-black/10 dark:bg-white/10 px-2 py-1 rounded-md font-bold text-[var(--text-main)] opacity-80 border border-[var(--border-color)]">
LVL <span id="level-number">0</span>
</span>
</div>

<div class="w-32 h-1.5 bg-black/5 dark:bg-white/5 rounded-full mt-2 overflow-hidden border border-[var(--border-color)]">
<div id="level-progress" class="h-full bg-accent transition-all duration-1000 shadow-[0_0_8px_var(--accent)]" style="width: 0%"></div>
</div>
</div>
</div>
<button onclick="toggleTheme()" class="p-2.5 rounded-full bg-[var(--bg-card)] border border-[var(--border-color)] shadow-sm">
<span id="theme-icon">🌙</span>
</button>
Expand Down
47 changes: 21 additions & 26 deletions src/_includes/footer.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,44 +3,39 @@

<div class="text-center md:text-left">
<p class="text-[var(--text-main)] font-bold text-sm uppercase tracking-widest">Developer Directory</p>
<p class="text-[var(--text-muted)] text-xs mt-1 mb-4">© 2026 Powered by the open-source community</p>

<div class="flex items-center justify-center md:justify-start gap-3">
<a href="https://www.11ty.dev/" target="_blank" rel="noopener"
class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent hover:border-accent transition-all flex items-center gap-1">
<span>🎈</span> 11ty
</a>
<a href="https://tailwindcss.com/" target="_blank" rel="noopener"
class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent hover:border-accent transition-all flex items-center gap-1">
<span class="text-sky-400">🌊</span> Tailwind
</a>
<div class="flex items-center justify-center md:justify-start gap-3 mt-3">
<a href="https://www.11ty.dev/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🎈 11ty</a>
<a href="https://tailwindcss.com/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🌊 Tailwind</a>
</div>
</div>

<div class="flex flex-col items-center md:items-end gap-2">
<div class="flex items-center gap-3">
<span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span>
<span class="text-[var(--text-muted)] text-[10px] font-black uppercase tracking-widest">
Last Build: {{ build.timestamp }}
</span>
<span class="text-[var(--text-muted)] text-[10px] font-black uppercase tracking-widest">Build: {{ build.timestamp }}</span>
</div>

<a href="{{ build.repoUrl }}/commit/{{ build.hash }}"
target="_blank"
rel="noopener"
class="group flex items-center gap-2 bg-[var(--bg-card)] border border-[var(--border-color)] px-3 py-1.5 rounded-lg hover:border-accent transition-colors">
<span class="text-[var(--text-muted)] text-[10px] font-mono">Build Hash:</span>
<span class="text-accent font-mono text-[10px] font-bold underline decoration-dotted">{{ build.hash }}</span>
<span class="text-[var(--text-muted)] group-hover:text-accent transition-transform group-hover:translate-x-0.5">↗</span>
</a>
<div class="flex items-center bg-[var(--bg-card)] border border-[var(--border-color)] rounded-lg overflow-hidden shadow-sm">
<button onclick="triggerGravity(event)" class="px-3 py-1.5 text-[10px] font-mono hover:bg-red-500/10 transition-colors group/hash">
<span class="text-[var(--text-muted)] group-hover/hash:text-red-500">Hash:</span>
<span class="text-accent font-bold underline decoration-dotted">{{ build.hash }}</span>
</button>

<a href="{{ build.repoUrl }}/commit/{{ build.hash }}"
target="_blank"
rel="noopener"
class="px-3 py-1.5 border-l border-[var(--border-color)] bg-[var(--bg-footer)] hover:text-accent transition-colors"
title="View Commit on GitHub">
<span>↗</span>
</a>
</div>
</div>

</div>
</footer>
<div id="matrix-overlay" class="fixed inset-0 z-[100] hidden bg-black overflow-hidden">
<canvas id="matrix-canvas"></canvas>
<button onclick="closeMatrix()" class="fixed top-8 right-8 z-[101] bg-white/10 hover:bg-white/20 text-white px-6 py-3 rounded-full font-mono text-sm border border-white/30 backdrop-blur-md transition-all">
<div id="matrix-overlay" class="fixed inset-0 bg-black hidden z-[9999]">
<canvas id="matrix-canvas" class="block"></canvas>
<button onclick="closeMatrix()" class="fixed top-8 right-8 z-[10000] bg-white/10 hover:bg-white/20 text-white px-6 py-3 rounded-full font-mono text-xs border border-white/30 backdrop-blur-md">
[ESC] EXIT_SIMULATION
</button>
</div>

27 changes: 27 additions & 0 deletions src/assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,3 +57,30 @@ body {
}

html { scroll-behavior: smooth; }

/* Easter Egg: The Barrel Roll */
.konami-roll {
transition: transform 2s cubic-bezier(0.65, 0, 0.35, 1);
transform: rotate(360deg);
}

/* Optional: Fun font change for the title */
.leet-mode h1 {
font-family: "Courier New", monospace !important;
color: #00ff00 !important;
text-shadow: 2px 2px #ff0000;
}

#matrix-overlay {
background-color: black;
/* Ensure it's high, but lower than the Level Up notification (z-2000) */
z-index: 1500;
}

/* Make sure the canvas fills the whole screen even if scrolling */
#matrix-canvas {
display: block;
position: fixed;
top: 0;
left: 0;
}
Loading
Loading