Changeset 834bcc3 in Klonkt for src/views/partials/footer.ejs
- Timestamp:
- 06/23/2026 06:14:27 PM (3 months ago)
- Branches:
- main
- Children:
- d774679
- Parents:
- bb42dfb
- File:
-
- 1 edited
-
src/views/partials/footer.ejs (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
-
src/views/partials/footer.ejs
rbb42dfb r834bcc3 13 13 <span>© <%= new Date().getFullYear() %> <%= (site && site.title) || 'Klonkt' %></span> 14 14 </div> 15 <%# Install-app knop — in de footer-rij (midden), bespaart een hele extra rij.16 JS detect eert platform & opent een modal met PWA-install-stappen. %>15 <%# Install-app button — placed in the footer row (centre), saves a whole extra row. 16 JS detects the platform & opens a modal with PWA install steps. %> 17 17 <button type="button" class="install-app-btn install-app-btn--footer" data-pcms-install-app> 18 18 <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M5 20h14v-2H5v2zm7-18L5.33 9h3.84v6h5.66V9h3.84L12 2z" fill="currentColor"/></svg> … … 114 114 } 115 115 .footer-lang:hover { border-color: var(--accent); } 116 /* Open dropdown-opties leesbaar (anders wit-op-wit opdark mode). */116 /* Make open dropdown options readable (otherwise white-on-white in dark mode). */ 117 117 .footer-lang option { background: var(--paper); color: var(--ink); } 118 /* O p desktop staat de taalkeuze in de header-nav → footer-versie verbergen. */118 /* On desktop the language picker lives in the header nav → hide the footer version. */ 119 119 @media (min-width: 768px) { .footer-lang { display: none; } } 120 120 .footer-version { color: inherit; text-decoration: none; } … … 144 144 } 145 145 146 /* Compact e install-knop ín de footer-rij (midden) i.p.v. een grote losse CTA147 op een eigen regel — bespaart verticale ruimte. */146 /* Compact install button inside the footer row (centre) instead of a large standalone 147 CTA on its own line — saves vertical space. */ 148 148 .install-app-btn--footer { 149 149 flex: 0 0 auto; 150 width: auto !important; /* override de mobile .install-app-btn width:100% */150 width: auto !important; /* override the mobile .install-app-btn width:100% */ 151 151 padding: 0.42rem 0.95rem; 152 152 font-size: 0.82rem; … … 154 154 } 155 155 .install-app-btn--footer svg { width: 15px; height: 15px; } 156 /* O p smal scherm: laat de drie items netjes centreren als ze wrappen. */156 /* On narrow screens: let the three items centre neatly when they wrap. */ 157 157 @media (max-width: 600px) { 158 158 .site-footer-inner { justify-content: center; text-align: center; }
Note:
See TracChangeset
for help on using the changeset viewer.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)