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

split up css files again, using eleventy to combine + minify
All checks were successful
/ build (push) Successful in 34s
Details

Browse source
This commit is contained in:
Ruben 2025-06-02 11:20:03 -05:00
commit 1f0a87b437
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
13 changed files with 2983 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

180
_includes/styles/pages/sneexy.css Normal file
View file

@ -0,0 +1,180 @@
/* ╭─────────────────────────────────────╮
/ │ /\/| │
/ │ |/\/___ _ __ ___ _____ ___ _ │
/ │ / __| '_ \ / _ \/ _ \ \/ / | | | │
/ │ \__ \ | | | __/ __/> <| |_| | │
/ │ |___/_| |_|\___|\___/_/\_\\__, | │
/ │ |___/ │
/ ╰─────────────────────────────────────╯
/ ~sneexy - breeeep! my page! slooosh~ */
/* my page has goop in html to set goopy colors */
html[page-is="goopy"] {
--accent: #00d131 !important;
#sneexy > section {
#logo {
width: 40rem;
height: auto;
}
h1 #pfp {
width: auto;
height: 6rem;
vertical-align: middle;
transition: transform .2s;
}
h1 #pfp:hover {
transform: scale(2);
}
.selfinfo {
display: grid;
padding-top: 5px;
grid-template-areas:
"pronouns names";
div {
text-align: left;
border-radius: 1em;
padding: .7em 1em;
ul {
padding-left: 1em;
}
li {
padding-bottom: 6px !important;
list-style: none;
}
}
div:first-child {
background-color: color-mix(in srgb, var(--yellow) 15%, transparent);
border: var(--site-border);
}
div:last-child {
background-color: color-mix(in srgb, var(--sapphire) 15%, transparent);
border: var(--site-border);
margin-left: 1.5em;
}
}
h1 {
margin-bottom: 1px;
}
p {
margin-top: 3px;
}
text-align: center;
}
/* 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;
span {
transform: scale(1.58) translateY(.07rem);
}
}
.fedi-icon {
anchor-name: --fedi-icon;
animation: opacity-blink 4s infinite;
}
.fedi-icon-2 {
position-anchor: --fedi-icon;
position: absolute;
margin-left: -3.681rem;
z-index: 2;
animation: opacity-blink-reverse 4s infinite;
}
}
/* 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;
}
/* goop coloring for theme issues stuff */
@media (prefers-color-scheme: light) {
.nav-baselink, .nav-accessibility {
background-color: var(--accent) !important;
color: var(--foreground) !important;
}
}
@media (prefers-color-scheme: dark) {
--accent: #65ff88 !important;
}
@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;
}
}
div:first-child {
margin-bottom: 1em;
}
div:last-child {
margin-left: auto !important;
}
}
}
.socials-contacts-list {
text-align: center;
a {
margin-top: .5rem;
margin-bottom: .5rem;
}
}
}
}
html[data-theme="light"][page-is="goopy"] {
--accent: #00d131 !important;
.nav-baselink, .nav-accessibility {
background-color: var(--accent) !important;
color: var(--foreground) !important;
}
}
html[data-theme="dark"][page-is="goopy"] {
--accent: #65ff88 !important;
}