Conversation
Rebuild the homepage into full-screen panels with monochrome uppercase typography, fill/ghost buttons, and blueprint-grid image placeholders. Split competitions into dedicated showcase panels (C-UASC, SUAS). Rewrite the shared stylesheet so all pages adopt the aesthetic, and add a scroll-aware navbar background. All existing copy and technical SVG animations preserved. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Wire real photos into homepage panels and subpage heroes as full-bleed SpaceX-style cover backgrounds (replacing placeholder grids/SVG) - Compress all images (~40MB -> 4.3MB): resize to 2000px, JPEG q80 - Move root images into photos/ with clean names (main-assembly, gazebo, perception-feed) and update all references - Add meta description, Open Graph/Twitter cards, and an SVG favicon to every page - Add prefers-reduced-motion support; darken panel scrim for legibility - Add .gitignore for .DS_Store Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Fix work-grid-mech: desktop inline grid placement forced an implicit 2nd column on mobile; reset it so cards stack in source order - Add scroll-padding-top so anchor links clear the fixed navbar - Toggle aria-expanded on the mobile nav button - Add theme-color meta to all pages - Add robots.txt and sitemap.xml Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Rotate perception-feed.jpg 90deg so the aerial detection shot displays upright (it had no EXIF orientation and rendered sideways) - Replace sponsors "Coming soon" email with the live slugbotics@ucsc.edu Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Extend panel and page-hero scrims to #000 at the bottom so each image blends seamlessly into the black below it - Set all text over images (eyebrows, body, tags, subteam list, contact labels, hero copy) to pure white for legibility Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Make every homepage panel bottom-aligned (not just the --bottom ones) so all copy sits low in the frame, within the image's fade to black. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Add 404.html matching the site theme (root-relative asset paths so it renders from any URL GitHub Pages serves it on) - Generate favicon-32.png + apple-touch-icon.png and link them on every page as fallbacks for the SVG favicon - Preload the hero background image on the homepage for faster first paint Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Move team, mechanical, embedded, perception, simulations, and sponsors into html/. index.html and 404.html stay at root (GitHub Pages entry points). Rewire moved-file asset paths to ../, homepage links to ../, their og:url to /html/, plus the html/ prefix on links from index.html and 404.html and the sitemap entries. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Relocate style.css, script.js, favicon.svg, favicon-32.png, and apple-touch-icon.png into assets/. Photos stay in photos/. Rewire references at all depths: assets/ from root (index/404) and ../assets/ from html/ pages. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Set the hero background-position lower in the frame (center 80%) so the drone rises into the clear upper area above the bottom-aligned copy. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Add photos: plate-schematic, finished-plate, fpv, main-photo, another-team-photo - Homepage: swap hero/about/join-team photos; consolidate C-UASC/SUAS into one Where We Compete section; replace static Gazebo photo with an SVG waypoint navigation animation; add themed mini-animations to each Approach pillar and each Subteams row; rework panel/hero photo scrim to fade top and bottom - Mechanical page: swap hero photo; move main-assembly.png into the About section background with a scrim; recolor the payload-drop animation to the site's monochrome palette and give it a matching blueprint-grid backdrop; rename Design Session to Mechanical Meeting and fix the single-card meeting grid so it no longer shows an empty gray cell - Sponsors page: drop the Sponsorship Deck contact row and comment out the Current Sponsors section Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Replaces the team-drone.jpg placeholder (duplicated from the team page) with the previously-unused FPV goggles action shot.
Meeting sections - Match mechanical's plain/borderless card style on embedded, perception, and simulations (meeting-cards--plain). - Give all four subteam pages a photo background via full-section--photo, so every "When we meet" section shares the same gradient fade and transparent card treatment. - Add border-top: none to full-section--photo — the inherited 1px border was compositing over the photo's top edge as a bright warm seam. - Make meeting cards transparent on photo sections so the image shows through. - Remove perception's "Hardware & Testing" and simulations' "Integration Testing" placeholder cards; set Sim Dev Session to Mondays 6:00 PM. - Add a heavier dark wash for perception's meetings, whose detection-mosaic background carries its own labels that competed with the copy. Animations converted to the site's actual palette - The --accent teal was referenced zero times in style.css and nowhere in index.html; the site's real language is black plus white at varying opacity, which only mechanical's animation followed. Recolored all 127 accent references across embedded, perception, and simulations to #ffffff and normalized the stale dark-teal fills (#0a1a18, #0f1412) to the #0c0c0c panel colour. - Converted the 30 waypoint-flash fill declarations in style.css, preserving the circle/numeral inversion so an active waypoint is still a filled white dot with a dark numeral. - Applied shared opacity tiers: grids and connectors 0.05-0.2, structural framing 0.25-0.4, secondary text 0.3-0.5, primary outlines and labels 0.85, active pulses 0.85-0.9. Perception's solid semi-transparent target blobs became panel-fill + hairline-stroke outlines, matching how the other animations draw shapes. Perception stack filled in with real specs - Framework: Python/PyTorch for training, TensorRT on NVIDIA Jetson. - Detection model: YOLO11n. Camera: Arducam AR0234 global shutter, 1920x1200 @ 30fps. - ROS 2: control parameters mediated over uXRCE-DDS between Jetson and Pixhawk. Ground truth: Roboflow datasets plus Blender-generated assets. - Updated the focus-area cards and embedded's Companion Computer card to match, replacing "YOLOv8", "Raspberry Pi / Jetson", and MAVLink references that the new specs contradicted. Photos - New heroes for team (IMG_1643) and embedded (Jetson dev kit, raised via background-position so the board clears the headline). - New section backgrounds: mechanical and embedded meetings, embedded About (motor, cropped so it sits right of the text column), perception About (cropped to centre the detection target, then shifted right and up), simulations About and meetings. - Homepage: embedded-electronics for "Where We Compete" (dimmed), and a sharpened Slugbotics logo for "Four Teams. One System." (sized and dimmed). - Removed the sponsors hero photo, dropping the .photo class so the hero falls back to the default panel/grid backdrop rather than flat black. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
This PR revamps the site’s structure and presentation by moving shared static assets into an assets/ directory, redesigning the homepage into a panel-based layout, and improving SEO/discoverability with metadata plus robots.txt/sitemap.xml.
Changes:
- Replace the old root
style.css/script.jswithassets/style.cssandassets/script.js, updating all pages to reference the new asset paths. - Redesign
index.htmlinto a full-screen panel layout and refresh subteam pages with new hero/photo section styling and updated content. - Add SEO and crawler support files (
sitemap.xml,robots.txt) and introduce a custom404.html.
Reviewed changes
Copilot reviewed 14 out of 44 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| style.css | Removed legacy stylesheet (replaced by assets/style.css). |
| script.js | Removed legacy JS (replaced by assets/script.js). |
| assets/style.css | New consolidated stylesheet for homepage + subpages, including responsive + reduced-motion sections. |
| assets/script.js | New JS for mobile nav toggling and scrolled navbar styling. |
| index.html | Homepage redesign (panel layout), new metadata, and updated navigation paths. |
| html/team.html | Updated metadata and asset paths; refreshed hero styling. |
| html/sponsors.html | Updated metadata/asset paths; sponsor contact info adjustments and commented-out section. |
| html/mechanical.html | Updated metadata/asset paths; refreshed hero/photo section styling and meeting info. |
| html/embedded.html | Updated metadata/asset paths; refreshed hero/photo section styling and content. |
| html/perception.html | Updated metadata/asset paths; refreshed hero/photo section styling and content. |
| html/simulations.html | Updated metadata/asset paths; refreshed hero/photo section styling and meeting info. |
| sitemap.xml | Added sitemap entries for primary pages. |
| robots.txt | Added crawler policy and sitemap pointer. |
| assets/favicon.svg | Added SVG favicon. |
| 404.html | Added custom 404 page using shared layout/assets. |
| .gitignore | Added .DS_Store ignore rule. |
Comments suppressed due to low confidence (1)
html/embedded.html:110
- The SVG diagram labels the Jetson↔Pixhawk connection as “MAVLink”, but the surrounding copy says the link is over uXRCE-DDS. This is internally inconsistent and can confuse readers; update the diagram label (or the paragraph) so they match.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+132
to
+136
| .has-dropdown:hover .dropdown { | ||
| opacity: 1; | ||
| transform: translateY(0); | ||
| pointer-events: auto; | ||
| } |
| }; | ||
| onScroll(); | ||
| window.addEventListener('scroll', onScroll, { passive: true }); | ||
| } No newline at end of file |
Comment on lines
+53
to
+55
| <section class="panel panel--bottom" id="top"> | ||
| <div class="panel-media photo" style="background-image:url('photos/main-photo.jpg'); background-position: center 95%;"></div> | ||
| <div class="panel-content"> |
Comment on lines
+6
to
+10
| navToggle.setAttribute('aria-expanded', 'false'); | ||
| navToggle.addEventListener('click', () => { | ||
| const open = navLinks.classList.toggle('open'); | ||
| navToggle.setAttribute('aria-expanded', open ? 'true' : 'false'); | ||
| }); |
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.
No description provided.