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

Adding RSS

Browse source
This commit is contained in:
Dan 2026-01-13 15:12:17 +00:00
parent 7027924ef9
commit 820b14ffe0
5 changed files with 41 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -14,8 +14,7 @@
background: linear-gradient(145deg, #e8e0c8, #c4b89a);
border-radius: 12px;
padding: 25px 30px 45px 30px;
box-shadow:
0 30px 60px rgba(0, 0, 0, 0.8),
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
inset 0 2px 4px rgba(255, 255, 255, 0.3),
inset 0 -2px 4px rgba(0, 0, 0, 0.3);
position: relative;
@ -70,9 +69,7 @@
height: 8px;
background: #0f0;
border-radius: 50%;
box-shadow:
0 0 10px #0f0,
0 0 20px #0f0;
box-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
animation: pulse 2s ease-in-out infinite;
@include media-down(lg) {
@ -126,8 +123,7 @@
border-radius: 8px;
position: relative;
overflow: hidden;
box-shadow:
inset 0 0 80px rgba(0, 255, 100, 0.1),
box-shadow: inset 0 0 80px rgba(0, 255, 100, 0.1),
inset 0 0 40px rgba(0, 255, 100, 0.05),
inset 3px 3px 8px rgba(255, 255, 255, 0.1),
inset -3px -3px 8px rgba(0, 0, 0, 0.5);
@ -145,8 +141,7 @@
left: -5%;
right: -5%;
bottom: -5%;
background:
radial-gradient(
background: radial-gradient(
ellipse at 30% 30%,
rgba(255, 255, 255, 0.15) 0%,
transparent 40%
@ -216,6 +211,23 @@
line-height: 1.6;
margin-bottom: 1rem;
}
a {
color: greenyellow;
text-decoration: none;
position: relative;
padding-bottom: 2px;
border-bottom: 1px dotted rgba(173, 255, 47, 0.5);
transition: all 0.3s ease;
text-shadow: 0 0 5px rgba(173, 255, 47, 0.3);
&:hover {
border-bottom-style: solid;
border-bottom-color: rgba(173, 255, 47, 0.8);
text-shadow: 0 0 10px rgba(173, 255, 47, 0.8);
background: rgba(173, 255, 47, 0.05);
}
}
}
// Blog posts listing
@ -736,8 +748,7 @@
height: auto;
border-radius: 12px;
border: 3px solid transparent;
background:
linear-gradient(#000, #000) padding-box,
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%);
@ -883,8 +894,7 @@
&:hover {
background: rgba(0, 255, 0, 0.1);
border-color: rgba(0, 255, 0, 0.7);
box-shadow:
0 0 10px rgba(0, 255, 0, 0.4),
box-shadow: 0 0 10px rgba(0, 255, 0, 0.4),
inset 0 0 10px rgba(0, 255, 0, 0.1);
text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
}
@ -893,8 +903,7 @@
&.active span {
background: rgba(0, 255, 0, 0.2);
border-color: rgba(0, 255, 0, 0.8);
box-shadow:
0 0 15px rgba(0, 255, 0, 0.5),
box-shadow: 0 0 15px rgba(0, 255, 0, 0.5),
inset 0 0 10px rgba(0, 255, 0, 0.2);
text-shadow: 0 0 10px rgba(0, 255, 0, 1);
}
@ -933,9 +942,7 @@
text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
}
to {
text-shadow:
0 0 20px rgba(0, 255, 0, 1),
0 0 30px rgba(0, 255, 0, 0.6);
text-shadow: 0 0 20px rgba(0, 255, 0, 1), 0 0 30px rgba(0, 255, 0, 0.6);
}
}
@ -952,14 +959,10 @@
0%,
100% {
opacity: 1;
box-shadow:
0 0 10px #0f0,
0 0 20px #0f0;
box-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
}
50% {
opacity: 0.5;
box-shadow:
0 0 5px #0f0,
0 0 10px #0f0;
box-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
}
}