Commit 3addf7f
authored
Overhaul website design, dark mode, and team page (#17)
* Overhaul website design, fix bugs, and clean up content
Homepage: add feature cards, highlights section with Earth simulation
plot, and get-started call-to-action with documentation/GitHub buttons.
Modules page: replace plain HTML table with grouped card layout
organized by domain, with color-coded accents and hover effects.
Footer: restructure into 4-column layout with navigation, docs links,
contact info, and visible black-on-white logo.
Demos page: emphasise that results depend on initial conditions
(oxidation state, volatile inventory, initial entropy, tidal forcing).
Bug fixes: remove duplicate </body></html> in default layout, fix
three broken script src attributes with stray quotes in footer, remove
duplicate nucleo-svg.css import, fix duplicate rel="stylesheet".
Content cleanup: replace placeholder descriptions in all paper posts,
replace generic demo-post template content, redirect broken contact
page to /people and empty policy page to GitHub licence, simplify
index.html.
Custom CSS: add card hover effects, link underline styling, gradient
utilities, footer styling, and mobile breakpoint improvements.
* Expand module descriptions, fix content details, clean up footer
Modules page: add background on the modular architecture strategy,
expand each module description with its purpose and approach. Reorder
SPIDER before Aragog (primary vs alternative). Note that SPIDER works
in S-P space, Aragog in T-P space. Mark Atmodeller as superseding
CALLIOPE. State that all modules are fully open source. Render
molecular names with proper subscripts.
Demos page: render CO2, H2S with subscripts. Clarify that ZEPHYRUS
models atmospheric (not just lighter) species escape.
Footer: remove "Built with Jekyll and the Argon Design System" line.
* Unify colour scheme and redesign people cards
Replace the multi-colour Argon defaults with a single brand accent
(#c0571b) derived from the PROTEUS logo. All buttons, links, badges,
icons, and dropdown menu icons now use this colour. Headings use dark
navy, body text uses medium slate, backgrounds use neutral light grey.
People cards: remove research topic lists entirely, redesign as
full-bleed photo cards with name and role overlaid in white over a
bottom gradient. Photos anchor to top so faces are visible.
Hero section: darken background overlay for readability, reduce logo
size, switch text to white with softer shadows.
* Improve mobile responsiveness across all pages
Add responsive breakpoints (991px, 768px, 576px) for homepage hero,
feature cards, people cards, module cards, and footer. Prevent
horizontal overflow from fullWidth 100vw elements.
* Improve page load speed across the site
- Remove 8 unused JS plugins (~400KB): glide, moment, choices,
datetimepicker, nouislider, bootstrap-switch, perfect-scrollbar,
jasny-bootstrap. Add defer to remaining scripts.
- Remove duplicate Font Awesome (local FA4 + CDN FA5), keep CDN only.
Remove unused nucleo-svg.css.
- Switch Google Fonts to v2 API with display=swap and add preconnect
hints for font CDNs.
- Resize hero image from 8000x4507 (943KB) to 2000px wide (349KB).
Resize oversized people photos to 600px wide.
- Add loading="lazy" to all below-fold images and people card photos.
Add preload="none" to demo video.
- Delete 25MB of unused Argon theme demo images (presentation-page/).
* Fix demo video loading and clean up footer text
Remove preload attribute from demo video (restore browser default).
Remove tagline and licence text from footer.
* Fix copyright start year to 2023
* Fix video play button not working on page navigation
* Replace custom video play button with native controls
* Fix video: hide until play, use inline onclick handler
* Use muted autoplay for demo video instead of custom play button
* Remove features, highlights, and CTA sections from homepage
* Overhaul site: add homepage content, publications page, drop banners, remove dead files
What changed:
- Add module overview section below the homepage hero so visitors
immediately see what PROTEUS does
- Replace blog-style papers system with a proper publications page
listing all 7 PROTEUS papers (4 published, 3 preprints) with
DOI/arXiv/ADS links, pulled from the SciX library
- Drop full-bleed image banners on interior pages (modules, demos,
people, publications) in favour of clean typographic headers
- Remove ~90 unused Argon theme files: JS plugins, CSS, component
templates (pricing, testimonials, features, headers, carousels),
decorative SVGs, FontAwesome 4 fonts, blog infrastructure
- Update nav to point Publications to the new internal page
- Add redirects from /papers/ and /blog/ to /publications
* Add dark/light mode with toggle, improve publications and team pages
Dark theme is the default. A sun/moon toggle in the navbar lets users
switch themes; the choice persists via localStorage. CSS custom
properties handle all theme-dependent colours so the switch is instant
with no flash.
Other changes:
- Replace ADS links with SciX on publications page
- All external links (publications, team profiles) open in new tabs
- Team card photos zoom on hover to signal interactivity
- Footer logo switches between light and dark variants
* Add Patrick Bos as developer on the team page
* Fix Patrick Bos role to Kapteyn Senior Research Software Engineer
* Replace team photos with higher-quality AVIF versions
Source higher-res images from formingworlds-website where available,
sharpen and upscale remaining small originals with two-stage pipeline,
convert all remaining JPGs to AVIF, and update template references.
* Replace Emma Postolec photo with new image
* Update Karen Stuitje and Marijn van Dijk roles to Kapteyn MSc Student
* Rewrite README with site structure, editing guide, and setup instructions
* Add no-op stub for perfectScrollbar to prevent error on Windows
Argon's minified JS calls jQuery.perfectScrollbar() on Windows.
The plugin was removed during cleanup, which would throw a TypeError
and break navbar/dropdown initialization for Windows users.
* Add Google Analytics tracking (G-ZCDRX6PC62)
* Improve SEO, social sharing, and crawler findability
Configure jekyll-seo-tag properly: add site description, language,
logo, social links, and Twitter card settings in _config.yml. Remove
manual OG/Twitter meta tags from default.html that conflicted with
the seo tag output. Add unique descriptions to each page's front
matter. Create a 1200x630 OG default image for social media previews.
* Redesign demos page with 4 PROTEUS simulation scenarios
Replace the single-scenario demos page with a tabbed layout showing
four planetary evolution scenarios: Early Earth, Super-Earth (L 98-59 d),
Lava World, and Sub-Neptune. Each scenario includes an animation video,
thermal evolution plot, volatile inventory plot, and emission spectrum.
Simulations ran on Habrok HPC using PROTEUS with SPIDER + AGNI + CALLIOPE.
Dark-themed plots generated with custom matplotlib script matching the
site's color scheme. Old Earth demo assets replaced with new versions.
* Replace demo videos with custom 16:9 planet visualizations and add dual-theme plots
New custom videos for all 4 scenarios (Earth, L 98-59 d, Lava World, Sub-Neptune)
generated with make_demo_video.py on Habrok. Each video shows a physically-accurate
planet visualization (CIE 1931 color-mapped from emission spectra) alongside
time-series panels for temperature, melt fraction, and volatile pressures.
Plot images now come in dark and light variants that switch with the site theme.
Old single-theme plots removed. Hero video max-width increased from 640px to 960px
for the widescreen format. Lava world description updated to match simulation
results (rapid solidification, not permanent magma ocean).
* Update Earth demo assets from completed simulation (2.05 Myr, 125 timesteps)
Earth baseline simulation finished with full magma ocean solidification
(phi < 1%). Regenerated video and dual-theme plots from the complete
dataset. Updated solidification timescale and atmosphere composition
in the detailed interpretation text.
* Simplify demos page to Earth-only scenario
Remove the super-Earth, lava world, and sub-Neptune scenarios (will be
added back later with improved plots). Strip the tab navigation since
only one scenario remains. Update Earth plots with smoothed versions
and remove placeholder spectrum images.
* Address reviewer feedback on fonts, publications, and demos
- Bump font-weight from 300 to 400 for body text readability
- Darken light-mode body text (#2d3748) and brighten dark-mode body text (#c8cdd5)
- Add layman summaries and collapsible arXiv abstracts to all publications
- Reorder publications: preprints first (newest at top), then published
- Update venue info (L 98-59 d in press at Nature Astronomy 2026, van Dijk under review PSJ, Calder under review MNRAS)
- Simplify demos page to single Earth scenario with Beyond Earth section
- Update Earth demo video1 parent 58c40bb commit 3addf7f
223 files changed
Lines changed: 1641 additions & 21743 deletions
File tree
- _data
- _includes
- components
- blog
- features
- headers
- pricing
- teams
- testimonials
- _layouts
- _pages
- _posts
- assets
- css
- demos/earth
- fonts
- img
- brand
- docs
- faces
- icons/common
- illustrations
- ill
- pages
- presentation-page
- pages
- sections
- js
- plugins
- presentation-page
- styles/custom
- blog
- papers
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | | - | |
| 1 | + | |
2 | 2 | | |
3 | | - | |
| 3 | + | |
4 | 4 | | |
5 | | - | |
6 | | - | |
| 5 | + | |
7 | 6 | | |
8 | | - | |
| 7 | + | |
9 | 8 | | |
10 | | - | |
11 | | - | |
12 | | - | |
13 | | - | |
14 | | - | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
15 | 21 | | |
16 | | - | |
| 22 | + | |
17 | 23 | | |
18 | | - | |
| 24 | + | |
19 | 25 | | |
20 | | - | |
21 | | - | |
22 | | - | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
| 44 | + | |
| 45 | + | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
23 | 50 | | |
24 | 51 | | |
25 | | - | |
| 52 | + | |
26 | 53 | | |
27 | | - | |
| 54 | + | |
| 55 | + | |
28 | 56 | | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
29 | 61 | | |
30 | | - | |
| 62 | + | |
31 | 63 | | |
32 | | - | |
33 | | - | |
| 64 | + | |
| 65 | + | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
| 73 | + | |
| 74 | + | |
| 75 | + | |
| 76 | + | |
| 77 | + | |
| 78 | + | |
| 79 | + | |
| 80 | + | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
5 | 5 | | |
6 | 6 | | |
7 | 7 | | |
| 8 | + | |
| 9 | + | |
8 | 10 | | |
9 | 11 | | |
10 | 12 | | |
11 | 13 | | |
12 | | - | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
13 | 24 | | |
14 | 25 | | |
15 | 26 | | |
| |||
26 | 37 | | |
27 | 38 | | |
28 | 39 | | |
| 40 | + | |
29 | 41 | | |
30 | 42 | | |
31 | 43 | | |
| |||
37 | 49 | | |
38 | 50 | | |
39 | 51 | | |
40 | | - | |
| 52 | + | |
41 | 53 | | |
42 | 54 | | |
43 | 55 | | |
| |||
52 | 64 | | |
53 | 65 | | |
54 | 66 | | |
55 | | - | |
| 67 | + | |
56 | 68 | | |
57 | 69 | | |
58 | 70 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
13 | 13 | | |
14 | 14 | | |
15 | 15 | | |
16 | | - | |
17 | | - | |
| 16 | + | |
| 17 | + | |
18 | 18 | | |
19 | 19 | | |
20 | 20 | | |
21 | | - | |
22 | | - | |
23 | | - | |
24 | | - | |
25 | 21 | | |
26 | | - | |
27 | | - | |
| 22 | + | |
28 | 23 | | |
29 | | - | |
30 | | - | |
31 | | - | |
32 | | - | |
33 | 24 | | |
34 | 25 | | |
35 | 26 | | |
36 | 27 | | |
37 | 28 | | |
38 | | - | |
39 | 29 | | |
40 | 30 | | |
41 | 31 | | |
42 | 32 | | |
43 | | - | |
| 33 | + | |
44 | 34 | | |
45 | 35 | | |
46 | 36 | | |
47 | 37 | | |
48 | 38 | | |
49 | 39 | | |
50 | 40 | | |
51 | | - | |
52 | | - | |
53 | | - | |
54 | | - | |
55 | | - | |
56 | | - | |
57 | | - | |
58 | | - | |
59 | 41 | | |
60 | | - | |
61 | | - | |
| 42 | + | |
62 | 43 | | |
63 | 44 | | |
64 | 45 | | |
65 | 46 | | |
66 | 47 | | |
67 | 48 | | |
68 | 49 | | |
69 | | - | |
70 | | - | |
71 | | - | |
72 | | - | |
73 | | - | |
74 | | - | |
75 | 50 | | |
76 | | - | |
77 | | - | |
78 | | - | |
79 | | - | |
80 | | - | |
81 | | - | |
82 | | - | |
83 | | - | |
84 | | - | |
85 | 51 | | |
86 | | - | |
87 | | - | |
88 | 52 | | |
89 | 53 | | |
90 | 54 | | |
| |||
93 | 57 | | |
94 | 58 | | |
95 | 59 | | |
96 | | - | |
97 | | - | |
98 | | - | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
0 commit comments