august
/
augustkline.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: august:f389857f62c32072a43a6bef5b43f324db081f78
Branches Tags
august:main
..
compare: august:390497b7430211210511483ab88d62540c45786a
Branches Tags
august:main

No commits in common. "f389857f62c32072a43a6bef5b43f324db081f78" and "390497b7430211210511483ab88d62540c45786a" have entirely different histories.
f389857f62 ... 390497b743

2 changed files with 47 additions and 62 deletions
Show Stats Expand all files Collapse all files

1
deploy.sh
View File

@ -1 +0,0 @@
rsync -a --exclude '*.DS_Store' --delete-excluded --chmod=Du+rwx ./site/ kline@augustkline.com:/var/www/augustkline.com/

108
site/style.css
View File

@ -45,7 +45,6 @@ body,
html { html {
block-size: 100%; block-size: 100%;
inline-size: 100%; inline-size: 100%;
overflow: hidden;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -80,10 +79,8 @@ a {
outline: 2px transparent solid; outline: 2px transparent solid;
@media (hover:hover) { &:hover {
&:hover { text-shadow: 0px 0px 1px var(--color);
text-shadow: 0px 0px 1px var(--color);
}
} }
&:focus-visible { &:focus-visible {
@ -146,11 +143,9 @@ main {
} }
@media not (prefers-reduced-motion) { @media not (prefers-reduced-motion) {
@media (hover:hover) { &:hover {
&:hover { transform: scale(1.025) rotate(0deg);
transform: scale(1.025) rotate(0deg); box-shadow: 0px 0px 30px rgba(152, 97, 42, 0.05);
box-shadow: 0px 0px 30px rgba(152, 97, 42, 0.05);
}
} }
} }
@ -175,15 +170,12 @@ main {
} }
@media (hover:hover) { &:hover,
&:focus-visible {
transform: translateY(-2px) rotate(-2deg) scale(1.025);
&:hover, * {
&:focus-visible { text-shadow: 0px 2px 4px rgba(152, 97, 42, 0.1);
transform: translateY(-2px) rotate(-2deg) scale(1.025);
* {
text-shadow: 0px 2px 4px rgba(152, 97, 42, 0.1);
}
} }
} }
} }
@ -282,65 +274,61 @@ main {
filter: brightness(0.85); filter: brightness(0.85);
} }
@media (prefers-reduced-motion), @media (prefers-reduced-motion) {
(hover: none) {
.clipped-items { .clipped-items {
transform: rotate(9deg) translateX(-5cqi, 0); transform: rotate(9deg) translate(-5%, 10%);
.slip-george { .slip-george {
bottom: 1cqb; bottom: -15%;
left: 40cqi; left: 40%;
transform: translateX(-50%) rotate(-15deg); transform: translateX(-50%) rotate(-15deg);
} }
} }
.paperclip { .paperclip {
transform: rotate(4deg); transform: rotate(4deg);
top: -3cqb; top: -25%;
} }
} }
@media not (prefers-reduced-motion) { @media not (prefers-reduced-motion) {
@media (hover:hover) { * {
* { transition: transform 0.4s ease, top 0.3s ease, bottom 0.3s ease, left 0.3s ease;
transition: transform 0.4s ease, top 0.3s ease, bottom 0.3s ease, left 0.3s ease; }
&:has(.clipped-items:focus) {
.clipped-items {
transform: rotate(9deg) translate(-5%, 10%);
} }
&:has(.clipped-items:focus) { .paperclip {
.clipped-items { transform: rotate(4deg);
transform: rotate(9deg) translate(-5%, 10%); top: -25%;
}
}
&:hover,
&:focus-visible {
.clipped-items {
transform: rotate(9deg) translate(-5%, 10%);
.slip-george {
bottom: 5%;
left: 50%;
transform: translateX(-50%) rotate(-18deg);
} }
.paperclip { .slip-sitemap {
transform: rotate(4deg); bottom: 70%;
top: -25%; left: -30%;
transform: translateX(-50%) rotate(7deg);
} }
} }
.paperclip {
&:hover, transform: rotate(4deg);
&:focus-visible { top: -25%;
.clipped-items {
transform: rotate(9deg) translate(-5%, 10%);
.slip-george {
bottom: 5%;
left: 50%;
transform: translateX(-50%) rotate(-18deg);
}
.slip-sitemap {
bottom: 70%;
left: -30%;
transform: translateX(-50%) rotate(7deg);
}
}
.paperclip {
transform: rotate(4deg);
top: -25%;
}
} }
} }
} }
@ -362,11 +350,9 @@ main {
block-size: 15cqb; block-size: 15cqb;
} }
@media (hover:hover) { &:hover {
&:hover { img {
img { transform: rotate(0deg) scale(1.05) !important;
transform: rotate(0deg) scale(1.05) !important;
}
} }
} }
} }