jeremy/karsttech.com
jeremy/karsttech.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved article visibility with light colored backgrounds

Browse source
This commit is contained in:
Jeremy Karst 2026-01-06 21:51:11 -05:00
parent 9c7ea45d89
commit f2dac1e6d7
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/css/custom.css
View file

@ -4,15 +4,15 @@
/* From https://css.glass */
.glass {
background: rgba(18, 47, 101, 0.25);
background: rgba(18, 47, 101, 0.6);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
animation: backdropShift 10s linear infinite;
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(18, 47, 101, 0.35);
border: 1px solid rgba(18, 47, 101, 0.45);
padding: 2rem;
filter: saturate(0.7) brightness(0.8);
filter: saturate(0.8) brightness(0.9);
z-index: 2;
}
@ -153,4 +153,16 @@ header button[id^="search-button"]:hover {
/* Remove the default smooth scrolling behavior */
html {
scroll-behavior: smooth;
}
/* Video feature styling */
video.mb-6 {
width: 100%;
height: auto;
object-fit: cover;
}
article video {
max-width: 100%;
height: auto;
}