Skip to content

Feature/past flings#423

Merged
njhenry merged 9 commits intocugos:mainfrom
njhenry:feature/past-flings
Apr 12, 2026
Merged

Feature/past flings#423
njhenry merged 9 commits intocugos:mainfrom
njhenry:feature/past-flings

Conversation

@njhenry
Copy link
Copy Markdown
Contributor

@njhenry njhenry commented Apr 10, 2026

This PR addresses Issue #274.

Changes:

  1. Added all past Fling pages to a navbar dropdown list. This is mostly an update to _includes/nav.html with some new CSS to style the dropdown. To make this a "Jekyll-y" update, fling titles (years), order, and paths are stored in the _config.yml metadata. Past flings are sorted in reverse chronological order.
  2. Removed the 2025 Fall Fling link from the header—it's now listed as the first dropdown item
  3. Adding this header item revealed some brittle CSS styling for navbar items: I fixed this so they're consistently vertically centered.
  4. Reordered the navbar items. "Blog" is now at the end, pending a possible drop—see Issue Blog: update or drop from header #421.

You can preview this change by serving the PR locally:

gh pr checkout 423
jekyll serve

Here are some example screenshots:

Front page:

image

Front page, dropdown expanded, mouse hovering over "2025":

image

Narrow viewport, nav menu expanded:

image

On a fling page:

image

@njhenry njhenry force-pushed the feature/past-flings branch from d003fa6 to 8adf10d Compare April 10, 2026 20:00
Copy link
Copy Markdown
Contributor

@mizmay mizmay left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

I made couple of suggestions below, to improve site navigation and be robust.

Separately I'll file a couple of issues this change surfaces, not deal-breakers, just worth noting.

Comment thread _includes/nav.html Outdated
{% for weight in (0..10) %}{% for p in site.pages %}{% if p.weight == weight %}
{% for weight in (0..10) %}{% if weight == 5 %}
<li class="dropdown {% if page.url contains 'fling' %}active{% endif %}">
<a href="/2025-fall-fling/">Flings <i class="fa fa-caret-down"></i></a>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggest removing the href tag, otherwise clicking on "Flings" in the top bar still goes to the 2025 event, which is confusing.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be "Flings" or "Past Flings"?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done!

I tested out "Past Flings", but I think I like the look of "Flings" more:

image image

Comment thread _includes/nav.html Outdated
Comment on lines +7 to +8
<li class="dropdown {% if page.url contains 'fling' %}active{% endif %}">
<a href="/2025-fall-fling/">Flings <i class="fa fa-caret-down"></i></a>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<li class="dropdown {% if page.url contains 'fling' %}active{% endif %}">
<a href="/2025-fall-fling/">Flings <i class="fa fa-caret-down"></i></a>
{% assign fling_urls = site.flings | map: 'url' %}<li class="dropdown {% if fling_urls contains page.url %}active{% endif %}">
<a>Flings <i class="fa fa-caret-down"></i></a>

A bit more robust, just in case someone in the future ever creates a URL slug that contains the word flings but isn't about a specific fling.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done!

Comment thread static/css/site.css Outdated
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
#menu li:not(.dropdown):hover a {

Optional, but this fixes 2 from #428

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done. The mobile dropdown view is still far from perfect, but at least those lines are gone:

image

maneaba
maneaba previously approved these changes Apr 11, 2026
Copy link
Copy Markdown
Contributor

@maneaba maneaba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This works great!

Copy link
Copy Markdown
Contributor

@mizmay mizmay left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! I think this is the best we can do without addressing #429, but that and #428 and #430 make more sense after we make some decisions on #427

... in the meantime, drop-down menu appears as a weird blue tongue on past fling pages 👅 😉

@njhenry njhenry merged commit 5a8bee9 into cugos:main Apr 12, 2026
@njhenry njhenry deleted the feature/past-flings branch April 12, 2026 20:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants