sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'cleanup' of ssh://synth.download:10429/sd/site into cleanup
All checks were successful
/ build (push) Successful in 6m23s
Details

Browse source
This commit is contained in:
zenfyr 2025-10-28 00:18:29 +07:00
commit dbed99c425
Signed by: melontini
SSH key fingerprint: SHA256:TtcIcnTnoAB5mqHofsaOxIgiMzfVBxej1AXT7DQdrTE
17 changed files with 129 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

0
_includes/styles/accessibility.css → _includes/styles/base/accessibility.css
View file

0
_includes/styles/animations.css → _includes/styles/base/animations.css
View file

27
_includes/styles/base.css → _includes/styles/base/base.css
View file

@ -168,10 +168,11 @@ small a {
/* lists need some styling */
ul {
margin-left: -1.3rem;
ul { margin-bottom: .5rem; }
li {
margin-bottom: .5rem;
&:last-of-type { margin-bottom: 0; }
&:last-child { margin-bottom: 0; }
&::marker {
color: var(--accent);
@ -414,6 +415,7 @@ card-container {
--n-bg: var(--accent);
border-radius: 1rem;
border: .15rem solid color-mix(in srgb, var(--yellow) 20%, transparent);
color: var(--foreground);
margin-bottom: .8rem;
padding: .5rem;
@ -423,9 +425,10 @@ card-container {
}
p, ul { &:last-of-type { margin-bottom: 0; } }
&[important] {
&[important], &[warning] {
--n-bg: var(--yellow);
background-color: color-mix(in srgb, var(--n-bg) 15%, transparent);
h3 { color: var(--yellow); }
}
}
@ -690,18 +693,18 @@ buttons-container {
display: flex;
flex-flow: row wrap;
gap: .4rem;
}
[button] {
background: light-dark(color-mix(in srgb,var(--accent)60%,transparent), color-mix(in srgb,var(--accent)25%,transparent));
padding: .2rem .5rem;
border-radius: 10rem;
transition: .2s;
text-decoration: none !important;
[button] {
background: light-dark(color-mix(in srgb,var(--accent)40%,transparent), color-mix(in srgb,var(--accent)25%,transparent));
border-radius: 10rem;
padding: .2rem .5rem;
text-decoration: none !important;
transition: .2s;
&:hover {
background: var(--accent);
color: light-dark(var(--foreground), var(--background));
}
&:hover {
background: var(--accent);
color: light-dark(var(--foreground), var(--background));
}
}

0
_includes/styles/colors.css → _includes/styles/base/colors.css
View file

3
_includes/styles/footer.css → _includes/styles/base/footer.css
View file

@ -38,9 +38,10 @@ footer {
p:last-child { margin-bottom: 0; }
h3 {
border-bottom: unset;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: .8rem;
margin-top: 0;
}
}

1
_includes/styles/icons.css → _includes/styles/base/icons.css
View file

@ -29,6 +29,7 @@ icon-tabler {
&[article] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 2h10M7 12h10M7 16h10'/%3E%3C/svg%3E"); }
&[battery-filled] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 6a3 3 0 0 1 2.995 2.824L20 9v.086l.052.019a1.5 1.5 0 0 1 .941 1.25L21 10.5v3a1.5 1.5 0 0 1-.948 1.395l-.052.018V15a3 3 0 0 1-2.824 2.995L17 18H6a3 3 0 0 1-2.995-2.824L3 15V9a3 3 0 0 1 2.824-2.995L6 6z'/%3E%3C/svg%3E"); }
&[bell] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E"); }
&[brand-bluesky] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.335 5.144C4.681 3.945 2 3.017 2 5.97c0 .59.35 4.953.556 5.661C3.269 14.094 5.686 14.381 8 14c-4.045.665-4.889 3.208-2.667 5.41C6.363 20.428 7.246 21 8 21c2 0 3.134-2.769 3.5-3.5q.5-1 .5-1.5q0 .5.5 1.5c.366.731 1.5 3.5 3.5 3.5c.754 0 1.637-.571 2.667-1.59C20.889 17.207 20.045 14.664 16 14c2.314.38 4.73.094 5.444-2.369c.206-.708.556-5.072.556-5.661c0-2.953-2.68-2.025-4.335-.826C15.372 6.806 12.905 10.192 12 12c-.905-1.808-3.372-5.194-5.665-6.856'/%3E%3C/svg%3E"); }
&[brand-git] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m-4-4a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 8a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1-1V9m3 2l-2-2m-2-2L9.1 5.1'/%3E%3Cpath d='m13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1-2.892 0l-7.955-7.955a2.045 2.045 0 0 1 0-2.892l7.955-7.955a2.045 2.045 0 0 1 2.892 0z'/%3E%3C/g%3E%3C/svg%3E"); }
&[brand-github] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21'/%3E%3C/svg%3E"); }
&[brand-lastfm] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 8c-.83-1-1.388-1-2-1s-2 .271-2 2s1.384 2.233 3 3s2.125 1.812 2 3s-1 2-3 2s-3-1-3.5-2s-1.585-4.78-2.497-6a5 5 0 1 0-1 7'/%3E%3C/svg%3E"); }

13
_includes/styles/navbar.css → _includes/styles/base/navbar.css
View file

@ -114,8 +114,8 @@
.nav-about {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent));
outline-color: color-mix(in srgb, var(--accent) 60%, transparent);
background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green));
outline-color: color-mix(in srgb, var(--green) 60%, transparent);
}
}
@ -152,6 +152,7 @@
border: var(--accent) solid .15rem;
height: max-content;
left: 0;
margin-left: unset;
margin-top: 2.2rem !important;
position: absolute;
visibility: hidden;
@ -193,10 +194,16 @@
color: light-dark(var(--foreground), var(--background));
}
}
.nav-home {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent));
}
}
.nav-about {
&:hover, &:focus-visible {
background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent));
background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green));
}
}

0
_includes/styles/prism-a11y-dark.css → _includes/styles/base/prism-a11y-dark.css
View file

8
_includes/styles/settings.css → _includes/styles/base/settings.css
View file

@ -41,6 +41,14 @@ settings-area {
outline-color: var(--accent);
}
h2, h3 {
margin-top: 0;
&:not(h2:first-child) {
border-bottom: unset !important;
}
}
.container {
display: flex;
flex-flow: row wrap;

0
_includes/styles/windows.css → _includes/styles/base/windows.css
View file

155
_includes/styles/pages/sneexy.css
View file

@ -9,7 +9,7 @@
/ ~sneexy - breeeep! my page! slooosh~ */
/* my page has goop in html to set goopy colors */
html:has(article#sneexy) {
html:has(article[sneexy-page]) {
--accent: light-dark(#00d131, #65ff88) !important;
article#sneexy window-contents {
@ -54,124 +54,61 @@ html:has(article#sneexy) {
}
/* socials and links sections */
.socials-contacts-list {
a {
width: 3rem;
height: 3rem;
display: inline-block;
vertical-align: middle;
align-content: center;
text-align: center;
border-radius: .5rem;
article#links {
window-contents {
.container {
display: flex;
flex-flow: row wrap;
gap: 1rem;
span {
transform: scale(1.58) translateY(.07rem);
}
}
socials-links {
display: flex;
flex-flow: column wrap;
flex: content;
gap: .8rem;
min-width: 10rem;
.fedi-icon {
anchor-name: --fedi-icon;
animation: opacity-blink 4s infinite;
}
[button] {
height: fit-content;
padding: .4rem .8rem;
.fedi-icon-2 {
position-anchor: --fedi-icon;
position: absolute;
margin-left: -3.681rem;
z-index: 2;
animation: opacity-blink-reverse 4s infinite;
}
}
small[username] {
float: right;
margin-left: 2rem;
}
/* sharkey iframe embed */
#links > section > iframe {
display: flex;
margin-top: 1rem;
margin-bottom: .3crem;
margin-left: auto;
margin-right: auto;
border: var(--accent) solid .15rem !important;
border-radius: .6rem;
transition: .2s box-shadow;
}
#links > section > iframe:hover {
box-shadow: var(--accent) 0px 0px 0px .3rem;
transition: .2s box-shadow;
}
/* nsfw page */
#warning {
fieldset {
background-color: color-mix(in srgb, var(--background) 95%, white);
border-radius: 1rem;
border: .2rem solid var(--border);
color: var(--foreground);
max-width: fit-content;
padding: .5rem;
}
}
#nsfw {
display: none;
}
@media screen and (max-width: 59em) {
#sneexy > section {
#logo {
max-width: 100%;
}
.selfinfo {
grid-template-areas:
"pronouns"
"names";
div {
text-align: center;
margin-left: auto;
margin-right: auto;
ul {
text-align: left !important;
&[fedi] { --accent: var(--yellow); }
&[bsky] { --accent: var(--blue); }
&[listenbrainz] { --accent: var(--purple); }
&[lastfm] {
--accent: var(--red);
&:hover { color: var(--background); }
}
&[gitgay] { --accent: var(--green); }
&[github] { --accent: light-dark(color-mix(in srgb, var(--white) 10%, var(--black)), var(--white)); }
&[archive] {
--accent: light-dark(color-mix(in srgb, var(--dark-white) 30%, var(--black)), color-mix(in srgb, var(--dark-white) 15%, var(--black)));
&:hover { color: light-dark(var(--foreground), var(--foreground)); }
}
}
}
div:first-child {
margin-bottom: 1em;
}
div:last-child {
margin-left: auto !important;
socials-fedi {
margin-left: auto;
margin-right: auto;
height: 27rem;
overflow-y: scroll;
width: 25rem;
border-radius: .5rem;
}
}
}
}
.socials-contacts-list {
text-align: center;
a {
margin-top: .5rem;
margin-bottom: .5rem;
}
/* enable nsfw window on nsfw page when checkbox is toggled */
&:has(input[type="checkbox"]#view-nsfw-page:checked) {
article#nsfw {
display: block !important;
}
}
}
/* enable nsfw window on nsfw page when checkbox is toggled */
html[page-is="goopy"]:has(input[type="checkbox"]#view-nsfw-page:checked) {
#nsfw {
display: inherit !important;
}
}
html[data-theme="light"][page-is="goopy"] {
--accent: #00d131 !important;
--link: #008d21 !important;
.nav-baselink, .nav-accessibility {
background-color: var(--accent) !important;
color: var(--foreground) !important;
}
}
html[data-theme="dark"][page-is="goopy"] {
--accent: #65ff88 !important;
--link: var(--accent) !important;
}