3 Commits

Author SHA1 Message Date
sefaria 455f9c355f improved button hover size 2026-05-30 17:37:40 +02:00
sefaria a4a9b28cb1 larger button scale on hover 2026-05-30 17:36:34 +02:00
sefaria 60fa21881f add site header to all subpages 2026-05-30 17:32:51 +02:00
6 changed files with 28 additions and 28 deletions
+4 -4
View File
@@ -68,6 +68,7 @@
</nav> </nav>
</div> </div>
<div class="menu-right">
<nav class="desktop-nav-secondary" aria-label="Secondary navigation"> <nav class="desktop-nav-secondary" aria-label="Secondary navigation">
<ul> <ul>
<li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary"> <li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary">
@@ -89,10 +90,9 @@
aria-haspopup="true" aria-haspopup="true"
aria-label="Open menu" aria-label="Open menu"
> >
<span></span> Menu
<span></span>
<span></span>
</button> </button>
</div>
</div> </div>
</header> </header>
@@ -107,7 +107,7 @@
<div class="mobile-menu__header"> <div class="mobile-menu__header">
<strong>Menu</strong> <strong>Menu</strong>
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu"> <button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
Close
</button> </button>
</div> </div>
+5 -5
View File
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>About Lars Winter</title> <title>About Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="css/a11y.css" id="a11y-css" disabled>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
@@ -50,6 +50,7 @@
</nav> </nav>
</div> </div>
<div class="menu-right">
<nav class="desktop-nav-secondary" aria-label="Secondary navigation"> <nav class="desktop-nav-secondary" aria-label="Secondary navigation">
<ul> <ul>
<li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary"> <li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary">
@@ -71,10 +72,9 @@
aria-haspopup="true" aria-haspopup="true"
aria-label="Open menu" aria-label="Open menu"
> >
<span></span> Menu
<span></span>
<span></span>
</button> </button>
</div>
</div> </div>
</header> </header>
@@ -89,7 +89,7 @@
<div class="mobile-menu__header"> <div class="mobile-menu__header">
<strong>Menu</strong> <strong>Menu</strong>
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu"> <button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
Close
</button> </button>
</div> </div>
+2 -2
View File
@@ -427,7 +427,7 @@ button, .button-primary, .logo {
button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover { button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover {
text-decoration: none; text-decoration: none;
transform: scale(1.03); transform: scale(1.05);
} }
button:hover, .button-primary:hover, .logo:hover { button:hover, .button-primary:hover, .logo:hover {
@@ -443,7 +443,7 @@ button:hover, .button-primary:hover, .logo:hover {
button:active, .button-primary:active, .button-secondary:active, .logo:active { button:active, .button-primary:active, .button-secondary:active, .logo:active {
box-shadow: var(--shadow-button-active); box-shadow: var(--shadow-button-active);
text-decoration: none; text-decoration: none;
transform: scale(1.03); transform: scale(1.05);
} }
button:active, .button-primary:active, .logo:active { button:active, .button-primary:active, .logo:active {
+1 -1
View File
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Lars Winter</title> <title>Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="css/a11y.css" id="a11y-css" disabled>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
+10 -10
View File
@@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Lars Winter</title> <title>Legal notice Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="css/a11y.css" id="a11y-css" disabled>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
@@ -19,7 +19,7 @@
<link rel="icon" href="img/favicon.ico" sizes="any"> <link rel="icon" href="img/favicon.ico" sizes="any">
<!-- <link rel="icon" href="img/icon.svg" type="image/svg+xml"> --> <!-- <link rel="icon" href="img/icon.svg" type="image/svg+xml"> -->
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
@@ -33,7 +33,7 @@
<a href="#siteContent">Skip to content</a> <a href="#siteContent">Skip to content</a>
</div> </div>
<header class="site-header"> <header class="site-header">
<div class="menu-bar"> <div class="menu-bar">
<div class="menu-left"> <div class="menu-left">
<a class="logo" href="/"> <a class="logo" href="/">
@@ -50,6 +50,7 @@
</nav> </nav>
</div> </div>
<div class="menu-right">
<nav class="desktop-nav-secondary" aria-label="Secondary navigation"> <nav class="desktop-nav-secondary" aria-label="Secondary navigation">
<ul> <ul>
<li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary"> <li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary">
@@ -71,10 +72,9 @@
aria-haspopup="true" aria-haspopup="true"
aria-label="Open menu" aria-label="Open menu"
> >
<span></span> Menu
<span></span>
<span></span>
</button> </button>
</div>
</div> </div>
</header> </header>
@@ -89,7 +89,7 @@
<div class="mobile-menu__header"> <div class="mobile-menu__header">
<strong>Menu</strong> <strong>Menu</strong>
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu"> <button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
Close
</button> </button>
</div> </div>
@@ -102,7 +102,7 @@
</nav> </nav>
</aside> </aside>
<main> <main>
<section class="align-left"> <section class="align-left">
+6 -6
View File
@@ -4,9 +4,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Lars Winter</title> <title>Privacy Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="css/a11y.css" id="a11y-css" disabled>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
@@ -50,6 +50,7 @@
</nav> </nav>
</div> </div>
<div class="menu-right">
<nav class="desktop-nav-secondary" aria-label="Secondary navigation"> <nav class="desktop-nav-secondary" aria-label="Secondary navigation">
<ul> <ul>
<li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary"> <li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary">
@@ -71,10 +72,9 @@
aria-haspopup="true" aria-haspopup="true"
aria-label="Open menu" aria-label="Open menu"
> >
<span></span> Menu
<span></span>
<span></span>
</button> </button>
</div>
</div> </div>
</header> </header>
@@ -89,7 +89,7 @@
<div class="mobile-menu__header"> <div class="mobile-menu__header">
<strong>Menu</strong> <strong>Menu</strong>
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu"> <button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
Close
</button> </button>
</div> </div>