ritual/ritual.sh
ritual/ritual.sh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Blog post and style tweaks

Browse source
This commit is contained in:
Dan 2026-02-19 09:49:00 +00:00
parent ff56875de9
commit 73b2473c24
14 changed files with 67 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

32
assets/sass/pages/blog.scss
View file

@ -438,13 +438,10 @@
background:
linear-gradient(#000, #000) padding-box,
linear-gradient(180deg, #ff9900, #000) border-box;
filter: grayscale(100%) contrast(1.2) brightness(0.9) sepia(100%)
hue-rotate(10deg) saturate(300%);
}
.blog-img-caption {
color: #ff9900;
border: 1px solid rgba(255, 153, 0, 0.5);
text-shadow: 0 0 5px rgba(255, 153, 0, 0.5);
}
}
@ -903,8 +900,7 @@
// Blog image styling
.blog-img-container {
position: relative;
display: inline-block;
display: block;
max-width: 100%;
margin: 1.5em 0;
}
@ -913,40 +909,26 @@
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: 12px;
border: 3px solid transparent;
background:
linear-gradient(#000, #000) padding-box,
linear-gradient(180deg, #0f0, #000) border-box;
filter: grayscale(100%) contrast(1.2) brightness(0.9) sepia(100%)
hue-rotate(60deg) saturate(300%);
transition: all 0.3s ease;
&:hover {
filter: grayscale(0%) contrast(1) brightness(1);
}
}
.blog-img-caption {
position: absolute;
top: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.8);
display: block;
color: #0f0;
padding: 5px 10px;
font-size: 0.85rem;
font-style: italic;
font-family: monospace;
border: 1px solid rgba(0, 255, 0, 0.5);
border-radius: 3px;
text-align: center;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
backdrop-filter: blur(5px);
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease;
}
.blog-img-container:hover .blog-img-caption {
opacity: 0;
opacity: 0.9;
margin-top: 0.5rem;
}
// Navigation styling