diff --git a/public/assets/css/pages/contact.css b/public/assets/css/pages/contact.css index a1efd9a..396eb50 100644 --- a/public/assets/css/pages/contact.css +++ b/public/assets/css/pages/contact.css @@ -108,6 +108,10 @@ section.pgp .buttons { gap: var(--padding); } +section.pgp .buttons .download svg.chevron { + transform: unset; +} + /* ## Contact form */ section.form :is(input, textarea) { diff --git a/public/assets/css/pages/work.css b/public/assets/css/pages/work.css index 1f68ed3..8ca3d8b 100644 --- a/public/assets/css/pages/work.css +++ b/public/assets/css/pages/work.css @@ -27,7 +27,7 @@ section.git { border-radius: 6px; } -section.git svg { +section.git > svg { fill: white; width: 60px; } diff --git a/public/assets/css/shell.css b/public/assets/css/shell.css index f1e927b..625974c 100644 --- a/public/assets/css/shell.css +++ b/public/assets/css/shell.css @@ -101,35 +101,43 @@ button { /* ### Inline */ button.inline { - padding: calc(var(--padding) / 2) var(--padding); - color: white; - border: solid 2px white; - border-radius: 6px; + gap: 10px; + display: flex; + border-radius: 7px; + align-items: center; + fill: var(--color-accent); + padding: calc(var(--padding) / 1.5); + background: linear-gradient(139deg, rgba(0, 0, 0, 0) 0%, rgba(var(--primer-color-accent), .1) 100%); +} + +button.inline:not(.solid) { + box-shadow: + 0 0 0 2px rgba(var(--primer-color-accent), .1), + 10px 7px 40px 3px rgba(var(--primer-color-accent), .06) + ; +} + +button.inline svg { + height: 1em; +} + +button.inline svg:last-child { + width: 1.5em; + margin-left: auto; +} + +button.inline svg.chevron:last-child { + transform: rotate(-90deg); } button.inline.solid { + fill: black; color: black; + border: solid 2px rgba(var(--primer-color-accent), 1); border-color: var(--color-accent); background-color: var(--color-accent); } -a > button::after { - content: " ➜"; -} - -/* ### Text links */ - -a[target="_blank"] > button::after, -:is(h1, h2, h3, p, li) > a[target="_blank"]::after { - content: " ↑"; - color: var(--color-accent); - white-space: nowrap; -} - -a > button.solid:not(:hover)::after { - color: black; -} - /* ## Header */ header { @@ -326,7 +334,8 @@ search-results .info :is(svg, img) { /* # Components */ button.inline { - transition: 200ms background-color, 200ms border-color, 200ms color; + transition-duration: 300ms; + transition-property: background-color, border-color, box-shadow, color, fill; } button:hover { @@ -334,8 +343,19 @@ search-results .info :is(svg, img) { background-color: rgba(255, 255, 255, .1); } - button.solid:hover { + button.inline:hover { + fill: var(--color-accent); color: var(--color-accent); + } + + button.inline:not(.solid):hover { + box-shadow: + 0 0 0 2px rgba(var(--primer-color-accent), 1), + 10px 7px 30px 3px rgba(var(--primer-color-accent), .07) + ; + } + + button.solid:hover { border-color: rgba(var(--primer-color-accent), .2); background-color: rgba(var(--primer-color-accent), .2); box-shadow: 0 -10px 20px 10px rgba(var(--primer-color-accent), .05); diff --git a/public/assets/media/icons/chevron.svg b/public/assets/media/icons/chevron.svg index 056ac62..5f067d3 100644 --- a/public/assets/media/icons/chevron.svg +++ b/public/assets/media/icons/chevron.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/contact.php b/public/contact.php index 51c2e6d..4d126ac 100644 --- a/public/contact.php +++ b/public/contact.php @@ -81,8 +81,14 @@

Please consider encrypting your message with my PGP key, even if your message doesn't contain anything sensitive. The key is also available via WKD, and is listed on the openPGP key server for victor@vlw.se.

Fingerprint for victor@vlw.se
DCE987311CB5D2A252F58951D0AD730E1057DFC6

- - + +
@@ -129,7 +135,11 @@ - +
diff --git a/public/work.php b/public/work.php index 9bc9ec9..05d5abe 100644 --- a/public/work.php +++ b/public/work.php @@ -37,8 +37,14 @@

I have moved most of my free open-source software away from GitHub to Codeberg. I also have a mirror of everything and sources for some smaller projects on Forgejo.

- - + +
@@ -151,7 +157,10 @@ : $action[WorkActionsModel::HREF->value]; ?> - > + >