openvibers/openvibe.live Commits

Home page tail: stop stacking three separations before the footer

OP OpenVibers committed 16 Sept 2026 · fab14b5188 · 2 files, +12 −4

The changelog card carried 10px of margin, .page added 32px of bottom padding, and the shared
footer brings 40px of its own margin above itself — 82px of nothing between the last readable
commit and the footer rule. The card's margin is gone (the gap before a footer is the footer's
job) and the home page's bottom padding drops to 10px; other pages end on content that needs the
room, so this is scoped rather than changed globally. 82px -> ~50px, all of it the footer's.

The space reclaimed goes back into the card: collapsed height 360 -> 400px on desktop and
320 -> 360px on phones, so another commit or so is readable before the fade.

Co-Authored-By: Claude Opus 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01CMxJm1dB8rdsaMSgNjVa82

Changes

ddiff --git a/public/css/style.css b/public/css/style.css
iindex cbd7d1e2..29820870 100644
---- a/public/css/style.css
++++ b/public/css/style.css
@@@ -9164,13 +9164,14 @@ body.theme-light .user-dropdown {
     padding and the footer's own margin, added up to ~96px of nothing. */
  .home-changelog-wrapper {
      position: relative;
--    margin-bottom: 10px;
++    /* Last block on the page: the gap before the footer is the footer's job, not this card's. */
++    margin-bottom: 0;
      border-radius: 12px;
      overflow: hidden;
      transition: max-height 0.35s ease;
  }
  .home-changelog-wrapper.collapsed {
--    max-height: 360px;
++    max-height: 400px;
  }
  .home-changelog-wrapper.expanded {
      max-height: 2000px;
@@@ -9202,7 +9203,7 @@ body.theme-light .user-dropdown {
      overflow: hidden;
  }
  @media (max-width: 560px) {
--    .home-changelog-wrapper.collapsed { max-height: 320px; }
++    .home-changelog-wrapper.collapsed { max-height: 360px; }
      .home-changelog { padding: 12px 13px 8px; }
  }
  
@@@ -15475,3 +15476,10 @@ a .arena-thread:hover { color: var(--text-primary); background: color-mix(in srg
      will-change: transform, opacity;
  }
  @media (prefers-reduced-motion: reduce) { .ov-enter { animation: none !important; } }
++
++
++/* The home page ends on the changelog card, and the shared footer already brings 40px of its own
++   margin above itself. Another 32px of page padding on top of that was a band of nothing between
++   the last readable line and the footer rule. Other pages end on content that needs the breathing
++   room, so this is scoped to the home page rather than changed globally. */
++#page-home.page { padding-bottom: 10px; }
ddiff --git a/public/index.html b/public/index.html
iindex 3fd97e7a..431f9a0f 100644
---- a/public/index.html
++++ b/public/index.html
@@@ -88,7 +88,7 @@
           overlay) and is fetched without blocking the first paint: media="print" makes the browser
           treat it as non-critical, and the onload flips it back to all once it has arrived. -->
      <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
--    <link rel="stylesheet" href="/css/style.css?v=202">
++    <link rel="stylesheet" href="/css/style.css?v=203">
      <link rel="stylesheet" href="/css/home-fx.css?v=13">
      <link rel="stylesheet" href="/css/home-tour.css?v=10">
      <link rel="stylesheet" href="/css/i18n-star.css?v=11">