Closed
Conversation
There was a problem hiding this comment.
Pull request overview
This PR introduces a new “Hack X” microsite experience (interactive p5.js hero + themed sections) and refreshes the Timeline section styling/behavior as part of that site.
Changes:
- Add a p5.js-based hero “refinement” game (plus audio + shader effects and supporting logic).
- Add a full site stylesheet and an updated Timeline layout/animation treatment.
- Add PWA-related assets (manifest, service-worker stub) and supporting utilities/assets.
Reviewed changes
Copilot reviewed 16 out of 22 changed files in this pull request and generated 10 comments.
Show a summary per file
| File | Description |
|---|---|
hackx/index.html |
New Hack X page layout including the Timeline section markup and script/style wiring. |
hackx/style.css |
Full styling for all sections, including the new Timeline design and interactions. |
hackx/sketch.js |
p5.js “macrodata refinement” game logic, boot/reveal flows, and sharing behavior. |
hackx/utils.js |
Utilities for touch detection and formatting elapsed time strings. |
hackx/config.js |
Central event/config constants used by the sketch and UI text. |
hackx/audio.js |
WebAudio SFX/drone helpers for interaction feedback. |
hackx/bin.js |
Bin/progress UI rendering and animation logic for the game. |
hackx/data.js |
Data cell entity logic for refinement, binning, and rendering. |
hackx/macrodata.js |
LocalStorage-backed macrodata file assignment + progress persistence. |
hackx/osn.js |
OpenSimplex noise implementation used by the sketch. |
hackx/shaders/crt.vert.glsl |
Vertex shader for CRT post-processing pipeline. |
hackx/shaders/crt.frag.glsl |
Fragment shader implementing CRT curvature/scanlines + color boosting. |
hackx/manifest.json |
Web App Manifest for installability. |
hackx/service-worker.js |
Service worker stub (fetch listener). |
hackx/images/icon.png |
App icon for the manifest/PWA. |
hackx/images/capture.png |
Screenshot/capture asset referenced in PR context. |
hackx/.gitignore |
HackX-folder ignore rules. |
.DS_Store |
macOS metadata file added to repo (should be removed). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
|
||
| // Info for refining | ||
| let refining = false; | ||
| let refineTX, refinteTY, refineBX, refineBY; |
| vec4 scan_line_x = vec4(vec3(pow(x_lines, opacity)), 1.0); | ||
|
|
||
| // boosting the brightness, altering the hue to be more RED (CodeCell brand) | ||
| float avg = baseColor.r + baseColor.g + baseColor.b / 3.0; |
Comment on lines
+5
to
+7
| "start_url": "/", | ||
| "display": "standalone", | ||
| "Scope": "/", |
Comment on lines
+27
to
+28
| <a id="register-btn" href="https://hackx.codecell.io/register" target="_blank">REGISTER</a> | ||
|
|
| <div class="footer-tagline">CHANGING THE WORLD, ONE BIT AT A TIME</div> | ||
| </div> | ||
| <div class="footer-links"> | ||
| <a href="https://hackx.codecell.io/register" target="_blank">REGISTER</a> |
| <html lang="en"> | ||
| <head> | ||
| <title>HACK X // CodeCell</title> | ||
| <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width" /> |
Comment on lines
+247
to
+248
| navigator.clipboard.writeText(msg); | ||
| shared = true; |
Comment on lines
+274
to
+278
| <!-- SECTION 8: TIMELINE --> | ||
| <section id="timeline-section" class="section"> | ||
| <div class="section-content"> | ||
| <h1 class="glitch-text" data-text="// TIMELINE">// TIMELINE</h1> | ||
| <div class="timeline"> |
Comment on lines
+45
to
+46
| <a href="https://hackx.codecell.io/register" target="_blank" class="about-cta">REGISTER BEFORE APRIL 8 →</a> | ||
| </div> |
Comment on lines
+1282
to
+1285
| .timeline-dot { | ||
| transition: all 0.4s ease; | ||
| } | ||
|
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
vid.mp4