lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lars/Portfolio-2026:v1.0
Branches Tags
lars/Portfolio-2026:main lars/Portfolio-2026:feature/add-menu-bar
lars/Portfolio-2026:v1.0.1 lars/Portfolio-2026:v1.0 lars/Portfolio-2026:v0.92 lars/Portfolio-2026:v0.91 lars/Portfolio-2026:v0.9
...
compare: lars/Portfolio-2026:main
Branches Tags
lars/Portfolio-2026:feature/add-menu-bar lars/Portfolio-2026:main
lars/Portfolio-2026:v1.0.1 lars/Portfolio-2026:v1.0 lars/Portfolio-2026:v0.92 lars/Portfolio-2026:v0.91 lars/Portfolio-2026:v0.9

11 Commits
v1.0 ... main

Author SHA1 Message Date
sefaria 9267fece60 release v1.0.1 2026-06-21 23:39:42 +02:00
sefaria b9c5316dd4 remove test comment 2026-06-21 19:42:38 +02:00
sefaria 2af76dc992 test commit 2026-06-21 19:41:37 +02:00
sefaria 1c7f7d9642 remove old comments 2026-06-21 12:44:42 +02:00
sefaria a6c7b063ca fix button:active scale 2026-06-15 22:58:43 +02:00
sefaria 85edb8ae02 add commented out menu bar blur code 2026-06-15 22:50:54 +02:00
sefaria 25ec79a4ae add better scroll-margin-top 2026-06-15 22:41:53 +02:00
sefaria dc93f8c6cc reset scal for pressed button 2026-06-15 22:38:29 +02:00
sefaria 7f7357a835 fix hover states for ios safari with media query 2026-06-15 22:27:58 +02:00
sefaria 9e1233ce7a comment out a:visited style 2026-06-12 12:50:56 +02:00
sefaria d663e33c87 change visited style for all buttons 2026-06-12 12:46:52 +02:00
2 changed files with 13 additions and 10 deletions
Expand all files Collapse all files
css/style.css
+11 -6
View File
@@ -208,6 +208,7 @@ html,
body { body {
margin: 0; margin: 0;
background: var(--color-background); background: var(--color-background);
scroll-padding-top: 8rem; /* https://tetralogical.com/blog/2023/06/08/focus-in-view/ */
} }
html { html {
@@ -235,7 +236,6 @@ h4,
h5, h5,
h6, h6,
p { p {
scroll-margin-top: 132px;
width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch)); width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch));
} }
@@ -371,10 +371,10 @@ a:hover {
text-decoration-thickness: 0.175rem; text-decoration-thickness: 0.175rem;
} }
a:visited { /* a:visited {
color: var(--color-primary); color: var(--color-primary);
text-decoration-thickness: 0.175rem; text-decoration-thickness: 0.175rem;
} } */
button, .button-primary, .button-secondary, .menu-button, .logo { button, .button-primary, .button-secondary, .menu-button, .logo {
appearance: none; appearance: none;
@@ -425,6 +425,7 @@ button, .button-primary, .logo {
fill: currentColor; fill: currentColor;
} }
@media (hover: hover) {
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.05); transform: scale(1.05);
@@ -439,11 +440,12 @@ button:hover, .button-primary:hover, .logo:hover {
background: var(--color-button-secondary-hover); background: var(--color-button-secondary-hover);
color: var(--color-text-button-secondary-hover); color: var(--color-text-button-secondary-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.05); transform: scale(1.00);
} }
button:active, .button-primary:active, .logo:active { button:active, .button-primary:active, .logo:active {
@@ -456,7 +458,7 @@ button:active, .button-primary:active, .logo:active {
color: var(--color-text-button-secondary-active); color: var(--color-text-button-secondary-active);
} }
button:visited, .button-primary:visited, .logo:visited { /* button:visited, .button-primary:visited, .logo:visited {
background: var(--color-button-primary); background: var(--color-button-primary);
color: var(--color-text-button-primary); color: var(--color-text-button-primary);
text-decoration: none; text-decoration: none;
@@ -466,7 +468,7 @@ button:visited, .button-primary:visited, .logo:visited {
background: var(--color-button-secondary); background: var(--color-button-secondary);
color: var(--color-text-button-secondary); color: var(--color-text-button-secondary);
text-decoration: none; text-decoration: none;
} } */
.button-primary span { .button-primary span {
margin-right: 0.3em; margin-right: 0.3em;
@@ -496,6 +498,9 @@ button:visited, .button-primary:visited, .logo:visited {
76%, 76%,
light-dark(var(--gradient-stop-4-light), var(--gradient-stop-4-dark)) 100% light-dark(var(--gradient-stop-4-light), var(--gradient-stop-4-dark)) 100%
); );
/* background: rgb(255 255 255 / 0.88); */
/* backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); */
} }
.menu-bar { .menu-bar {
index.html
+2 -4
View File
@@ -1,6 +1,6 @@
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<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">
@@ -17,7 +17,7 @@
<meta name="fediverse:creator" content="@larswinter@mastodon.social"> <meta name="fediverse:creator" content="@larswinter@mastodon.social">
<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)">
@@ -78,8 +78,6 @@
</div> </div>
<!-- <div class="footer-fade"></div> -->
</main> </main>
<footer> <footer>