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