Arranged in april theme Remade
Author: Mybailey
Category: ******
Created: July 1, 2026
Downloads: 17
Live Preview
Layout CSS
/* ============================================
ARRANGED IN APRIL - FriendRewind Blog Layout
Deadly Ghastly Aesthetic ⛧
Enhanced with Maximum CSS Effects v2
============================================ */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');
/* ====== CSS KEYFRAME ANIMATIONS ====== */
@keyframes pulseGlow {
0%, 100% { box-shadow: 0 0 15px rgba(139,0,0,0.3), inset 0 0 30px rgba(139,0,0,0.05); }
50% { box-shadow: 0 0 30px rgba(139,0,0,0.7), inset 0 0 50px rgba(139,0,0,0.15), 0 0 80px rgba(200,0,0,0.3); }
}
@keyframes borderPulse {
0%, 100% { border-color: #8b0000; }
50% { border-color: #cc0000; }
}
@keyframes flickerTitle {
0%, 100% { opacity: 1; }
2% { opacity: 0.2; }
4% { opacity: 1; }
6% { opacity: 0.5; }
8% { opacity: 1; }
10% { opacity: 0.3; }
12% { opacity: 1; }
50% { opacity: 1; }
52% { opacity: 0.6; }
54% { opacity: 1; }
80% { opacity: 1; }
82% { opacity: 0.4; }
83% { opacity: 1; }
}
@keyframes textShadowPulse {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1); }
50% { text-shadow: 0 0 20px rgba(200,0,0,0.6), 0 0 40px rgba(139,0,0,0.4), 0 0 80px rgba(80,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.2); }
}
@keyframes fogDrift {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes dripDown {
0% { background-position: 0 0; }
100% { background-position: 0 20px; }
}
@keyframes heartBeat {
0%, 100% { transform: scale(1); }
14% { transform: scale(1.1); }
28% { transform: scale(1); }
42% { transform: scale(1.05); }
56% { transform: scale(1); }
}
@keyframes colorCycle {
0% { color: #8b0000; }
25% { color: #cc0000; }
50% { color: #5a0000; }
75% { color: #990000; }
100% { color: #8b0000; }
}
@keyframes glowBorder {
0%, 100% { box-shadow: 0 0 5px rgba(139,0,0,0.3), inset 0 0 5px rgba(139,0,0,0.1); }
33% { box-shadow: 0 0 20px rgba(200,0,0,0.6), inset 0 0 20px rgba(139,0,0,0.2); }
66% { box-shadow: 0 0 12px rgba(139,0,0,0.4), inset 0 0 12px rgba(139,0,0,0.12); }
}
@keyframes scanlineMove {
0% { background-position: 0 0; }
100% { background-position: 0 4px; }
}
@keyframes vignettePulse {
0%, 100% { background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.6) 100%); }
50% { background: radial-gradient(ellipse at center, transparent 25%, rgba(30,0,0,0.8) 100%); }
}
@keyframes borderShimmer {
0% { border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #8b0000 9px) 5; }
50% { border-image: repeating-linear-gradient(90deg, #cc0000 0px, #8b0000 3px, #5a0000 6px, #cc0000 9px) 5; }
100% { border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #8b0000 9px) 5; }
}
@keyframes floatUp {
0% { transform: translateY(0); opacity: 0.6; }
50% { opacity: 0.9; }
100% { transform: translateY(-8px); opacity: 0.6; }
}
@keyframes breathe {
0%, 100% { opacity: 0.7; }
50% { opacity: 1; }
}
@keyframes titleGlitch {
0%, 100% { transform: translate(0); filter: none; }
2% { transform: translate(-3px, 1px); filter: hue-rotate(90deg); }
4% { transform: translate(3px, -1px); filter: hue-rotate(-90deg); }
6% { transform: translate(-2px, -1px); filter: none; }
8% { transform: translate(0); filter: none; }
40% { transform: translate(0); filter: none; }
42% { transform: translate(2px, 2px); filter: hue-rotate(45deg) saturate(2); }
44% { transform: translate(-2px, -1px); filter: none; }
46% { transform: translate(0); filter: none; }
80% { transform: translate(0); filter: none; }
82% { transform: translate(3px, 0); filter: hue-rotate(-60deg); }
84% { transform: translate(-1px, 1px); filter: none; }
86% { transform: translate(0); filter: none; }
}
@keyframes titleRift {
0%, 100% { clip-path: inset(0 0 0 0); }
2% { clip-path: inset(20% 0 60% 0); }
4% { clip-path: inset(0 0 0 0); }
6% { clip-path: inset(40% 0 20% 0); }
8% { clip-path: inset(0 0 0 0); }
50% { clip-path: inset(0 0 0 0); }
52% { clip-path: inset(60% 0 10% 0); }
54% { clip-path: inset(0 0 0 0); }
}
@keyframes bloodDrip {
0% { height: 0; opacity: 0; }
10% { opacity: 1; }
100% { height: 30px; opacity: 0.6; }
}
@keyframes spectralWave {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1); letter-spacing: 1px; }
25% { text-shadow: -2px 0 rgba(255,0,51,0.5), 2px 0 rgba(0,139,0,0.3), 0 0 20px rgba(200,0,0,0.5); letter-spacing: 3px; }
50% { text-shadow: 0 0 30px rgba(200,0,0,0.7), 0 0 60px rgba(139,0,0,0.4), 0 0 90px rgba(80,0,0,0.2); letter-spacing: 2px; }
75% { text-shadow: 2px 0 rgba(0,139,0,0.4), -2px 0 rgba(255,0,51,0.4), 0 0 15px rgba(200,0,0,0.5); letter-spacing: 4px; }
}
@keyframes crossSpin {
0% { transform: rotate(0deg) scale(1); }
25% { transform: rotate(90deg) scale(1.1); }
50% { transform: rotate(180deg) scale(1); }
75% { transform: rotate(270deg) scale(1.1); }
100% { transform: rotate(360deg) scale(1); }
}
@keyframes skullGlow {
0%, 100% { filter: brightness(1) drop-shadow(0 0 2px rgba(139,0,0,0.3)); }
50% { filter: brightness(1.3) drop-shadow(0 0 8px rgba(200,0,0,0.6)); }
}
@keyframes chromaticAberration {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
10% { text-shadow: -3px 0 rgba(255,0,51,0.6), 3px 0 rgba(0,139,0,0.4), 0 0 10px rgba(139,0,0,0.4); }
20% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
50% { text-shadow: 0 0 25px rgba(200,0,0,0.6), 0 0 50px rgba(139,0,0,0.4), 0 0 80px rgba(80,0,0,0.2); }
60% { text-shadow: -2px 0 rgba(255,0,51,0.5), 2px 0 rgba(0,139,0,0.3), 0 0 15px rgba(139,0,0,0.5); }
70% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
}
@keyframes pulseBlood {
0%, 100% { background-color: rgba(139,0,0,0.15); }
50% { background-color: rgba(200,0,0,0.35); }
}
/* ====== BODY / PAGE BACKGROUND ====== */
body {
background-image: url("https://imagetourl.cloud/y8dkxu3p.gif") !important;
background-repeat: repeat !important;
background-size: 200px 200px !important;
background-attachment: fixed !important;
background-position: center center !important;
background-color: #0d0000 !important;
font-family: 'Crimson Text', Georgia, serif !important;
color: #000000 !important;
cursor: crosshair !important;
}
/* ====== VIGNETTE OVERLAY WITH PULSING ====== */
body::after {
content: '' !important;
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.6) 100%) !important;
pointer-events: none !important;
z-index: 5 !important;
animation: vignettePulse 6s ease-in-out infinite !important;
}
/* ====== FOG/MIST LAYERS ====== */
body::before {
content: '' !important;
position: fixed !important;
top: -50% !important; left: -50% !important;
width: 200% !important; height: 200% !important;
background: repeating-linear-gradient(
90deg,
transparent 0%,
rgba(80,0,0,0.05) 5%,
transparent 10%,
rgba(60,0,0,0.03) 15%,
transparent 20%
) !important;
pointer-events: none !important;
z-index: 4 !important;
opacity: 0.7 !important;
animation: fogDrift 20s linear infinite !important;
}
/* ====== MAIN CONTAINER ====== */
main {
background: rgba(13, 0, 0, 0.88) !important;
border-radius: 0 !important;
position: relative !important;
}
/* ====== SCANLINE OVERLAY ON MAIN ====== */
main::after {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(0,0,0,0.03) 2px,
rgba(0,0,0,0.03) 4px
) !important;
pointer-events: none !important;
z-index: 0 !important;
animation: scanlineMove 0.5s linear infinite !important;
}
/* ====== NAVIGATION BAR ====== */
.myspace-header .top-nav {
background: linear-gradient(180deg, #1a0000, #2d0000, #1a0000) !important;
border-bottom: 3px solid #5a0000 !important;
box-shadow: 0 4px 25px rgba(139,0,0,0.6), 0 2px 50px rgba(80,0,0,0.4), inset 0 0 30px rgba(139,0,0,0.2) !important;
animation: glowBorder 4s ease-in-out infinite !important;
}
.myspace-header .main-nav-wrapper {
background: linear-gradient(180deg, #1a0000, #2d0000, #1a0000) !important;
border-bottom: 2px solid #5a0000 !important;
box-shadow: 0 2px 15px rgba(139,0,0,0.3) !important;
}
.myspace-header .main-nav li a {
color: #cc9999 !important;
font-family: 'UnifrakturMaguntia', cursive !important;
text-shadow: 0 0 4px rgba(139,0,0,0.3) !important;
transition: all 0.3s ease !important;
position: relative !important;
letter-spacing: 1px !important;
}
.myspace-header .main-nav li a:hover {
color: #ff0033 !important;
text-shadow: 0 0 10px rgba(255,0,51,0.6), 0 0 25px rgba(200,0,0,0.4), 0 0 50px rgba(139,0,0,0.2) !important;
letter-spacing: 3px !important;
transform: scale(1.05) !important;
}
.myspace-header .main-nav li a.active {
color: #cc0000 !important;
text-shadow: 0 0 12px rgba(200,0,0,0.5), 0 0 30px rgba(139,0,0,0.3) !important;
animation: spectralWave 8s ease-in-out infinite !important;
}
.myspace-header .search-input {
background: #1a0000 !important;
border: 1px solid #5a0000 !important;
color: #cc9999 !important;
font-family: 'Crimson Text', serif !important;
box-shadow: inset 0 0 15px rgba(139,0,0,0.2) !important;
}
.myspace-header .search-input:focus {
border-color: #cc0000 !important;
box-shadow: inset 0 0 20px rgba(139,0,0,0.3), 0 0 15px rgba(200,0,0,0.4) !important;
}
.myspace-header .search-button {
background: linear-gradient(135deg, #5a0000, #8b0000) !important;
color: #ffcccc !important;
border: 1px solid #8b0000 !important;
font-family: 'Crimson Text', serif !important;
transition: all 0.3s ease !important;
}
.myspace-header .search-button:hover {
background: linear-gradient(135deg, #8b0000, #cc0000) !important;
box-shadow: 0 0 20px rgba(200,0,0,0.5) !important;
}
/* ====== BLOG ENTRY CONTAINER ====== */
.row.article.blog-entry {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* ====== LEFT COLUMN — PROFILE SIDEBAR ====== */
.blog-entry .col.w-20.left {
background: rgba(255, 255, 255, 0.95) !important;
border: 3px solid #8b0000 !important;
border-radius: 10px !important;
padding: 12px !important;
animation: pulseGlow 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite !important;
overflow: hidden !important;
position: relative !important;
}
/* Blood drip decoration top of left sidebar */
.blog-entry .col.w-20.left::before {
content: '' !important;
position: absolute !important;
top: -3px !important; left: 0 !important; right: 0 !important;
height: 15px !important;
background: repeating-radial-gradient(
circle at 15px 0px,
transparent 0px,
transparent 8px,
rgba(139,0,0,0.5) 8px,
rgba(139,0,0,0.7) 10px,
rgba(200,0,0,0.4) 12px,
transparent 12px,
transparent 15px
) !important;
pointer-events: none !important;
z-index: 2 !important;
animation: dripDown 3s linear infinite !important;
}
/* Glowing cross watermark on sidebar - replacing the ✝ with glowing cross image */
.blog-entry .col.w-20.left::after {
content: '' !important;
position: absolute !important;
bottom: 5px !important; right: 8px !important;
width: 40px !important;
height: 40px !important;
background-image: url("https://litter.catbox.moe/0r5g0s.jpeg") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
opacity: 0.08 !important;
pointer-events: none !important;
animation: breathe 6s ease-in-out infinite, crossSpin 30s linear infinite !important;
}
/* Edit info section */
.blog-entry .edit-info {
background: transparent !important;
border: none !important;
text-align: center !important;
}
/* Profile picture */
.blog-entry .profile-pic {
border: 3px solid #8b0000 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 0 15px rgba(139,0,0,0.5), 0 0 30px rgba(80,0,0,0.3), inset 0 0 10px rgba(139,0,0,0.2) !important;
margin-bottom: 10px !important;
position: relative !important;
animation: borderPulse 4s ease-in-out infinite !important;
transition: all 0.3s ease !important;
}
.blog-entry .profile-pic:hover {
box-shadow: 0 0 25px rgba(139,0,0,0.7), 0 0 50px rgba(200,0,0,0.4) !important;
transform: scale(1.03) !important;
}
.blog-entry .profile-pic::after {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
box-shadow: inset 0 0 20px rgba(139,0,0,0.25) !important;
pointer-events: none !important;
}
.blog-entry .pfp-fallback {
border-radius: 5px !important;
display: block !important;
width: 100% !important;
filter: saturate(0.9) contrast(1.05) !important;
transition: filter 0.3s ease !important;
}
.blog-entry .profile-pic:hover .pfp-fallback {
filter: saturate(1.2) contrast(1.15) !important;
}
/* Author details area */
.blog-entry .author-details {
background: transparent !important;
padding: 5px 0 !important;
}
.blog-entry .author-details h4 {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #000000 !important;
text-shadow: 0 0 3px rgba(139,0,0,0.15) !important;
font-size: 16px !important;
margin-bottom: 5px !important;
animation: chromaticAberration 10s ease-in-out infinite !important;
}
.blog-entry .author-details h4 a {
color: #8b0000 !important;
font-family: 'UnifrakturMaguntia', cursive !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
}
.blog-entry .author-details h4 a:hover {
color: #cc0000 !important;
text-shadow: 0 0 8px rgba(200,0,0,0.4), 0 0 20px rgba(139,0,0,0.3) !important;
letter-spacing: 2px !important;
}
/* Publish date */
.blog-entry .publish-date {
font-family: 'Crimson Text', serif !important;
color: #333333 !important;
font-style: italic !important;
font-size: 13px !important;
margin: 4px 0 !important;
}
.blog-entry .publish-date .ago {
color: #555555 !important;
}
/* Category */
.blog-entry .category {
font-family: 'Crimson Text', serif !important;
color: #000000 !important;
font-size: 13px !important;
margin: 4px 0 !important;
}
.blog-entry .category b {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #5a0000 !important;
}
.blog-entry .category a {
color: #8b0000 !important;
}
.blog-entry .category a:hover {
color: #cc0000 !important;
}
/* Links (View Blog, View Profile, Favorite Blog) — replaced with icon images */
.blog-entry .links {
margin-top: 8px !important;
padding-top: 8px !important;
border-top: 1px solid rgba(139,0,0,0.2) !important;
}
.blog-entry .links a {
display: flex !important;
align-items: center !important;
color: #8b0000 !important;
font-family: 'Crimson Text', serif !important;
text-decoration: none !important;
padding: 4px 5px !important;
margin: 3px 0 !important;
border-radius: 4px !important;
transition: all 0.3s ease !important;
font-size: 13px !important;
position: relative !important;
gap: 6px !important;
}
.blog-entry .links a:hover {
color: #cc0000 !important;
background: rgba(139,0,0,0.08) !important;
text-shadow: 0 0 6px rgba(200,0,0,0.3) !important;
padding-left: 10px !important;
letter-spacing: 1px !important;
}
/* Replace the Blog link icon with the pixel sword */
.blog-entry .links a[href*="blog"] .icon,
.blog-entry .links a[href*="blog"] svg {
display: none !important;
}
.blog-entry .links a[href*="blog"]::before {
content: '' !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
background-image: url("https://litter.catbox.moe/sokdoq.jpeg") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
filter: brightness(0.6) sepia(1) hue-rotate(-30deg) saturate(3) !important;
animation: skullGlow 3s ease-in-out infinite !important;
flex-shrink: 0 !important;
}
/* Replace the Profile link icon with the goth girl */
.blog-entry .links a[href*="profile"] .icon,
.blog-entry .links a[href*="profile"] svg {
display: none !important;
}
.blog-entry .links a[href*="profile"]::before {
content: '' !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
background-image: url("https://litter.catbox.moe/5s7fiq.jpeg") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
filter: brightness(0.6) sepia(1) hue-rotate(-30deg) saturate(3) !important;
animation: skullGlow 4s ease-in-out infinite !important;
flex-shrink: 0 !important;
}
/* Replace the Favorite link icon with the glowing cross */
.blog-entry .links a[href*="favorite"] .icon,
.blog-entry .links a[href*="favorite"] svg,
.blog-entry .links a[href*="fav"] .icon,
.blog-entry .links a[href*="fav"] svg {
display: none !important;
}
.blog-entry .links a[href*="favorite"]::before,
.blog-entry .links a[href*="fav"]::before {
content: '' !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
background-image: url("https://litter.catbox.moe/0r5g0s.jpeg") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
filter: brightness(0.7) sepia(1) hue-rotate(-30deg) saturate(3) !important;
animation: skullGlow 5s ease-in-out infinite !important;
flex-shrink: 0 !important;
}
/* Generic link icon styling as fallback */
.blog-entry .links .icon {
filter: brightness(0.5) sepia(1) hue-rotate(-30deg) saturate(3) !important;
animation: skullGlow 3s ease-in-out infinite !important;
}
/* ====== RIGHT COLUMN — BLOG CONTENT ====== */
.blog-entry .col.right {
background-color: #1a0505 !important;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/lyBVmoBvQL4b8PM0ezQx/image.webp") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center 30% !important;
border: 3px solid #8b0000 !important;
border-radius: 10px !important;
padding: 20px !important;
position: relative !important;
box-shadow: 0 0 25px rgba(139,0,0,0.5), 0 0 70px rgba(80,0,0,0.3), inset 0 0 50px rgba(0,0,0,0.4) !important;
overflow: hidden !important;
animation: pulseGlow 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite !important;
}
/* Blood drip shimmer border top - animated */
.blog-entry .col.right {
border-top: 5px solid transparent !important;
border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #ff0033 8px, #8b0000 9px) 5 !important;
animation: pulseGlow 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite, borderShimmer 5s linear infinite !important;
}
/* Semi-transparent overlay so text is readable over band art */
.blog-entry .col.right::before {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.82) 0%,
rgba(255, 250, 250, 0.78) 20%,
rgba(255, 245, 245, 0.85) 50%,
rgba(255, 250, 250, 0.78) 80%,
rgba(255, 255, 255, 0.82) 100%
) !important;
pointer-events: none !important;
z-index: 0 !important;
border-radius: 7px !important;
}
/* Welcome header image at top of blog content box */
.blog-entry .col.right::after {
content: '' !important;
display: block !important;
width: 100% !important;
height: 80px !important;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/qrVIVgeY1m9wIHFUaUzm/image.jpg") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
margin-bottom: 10px !important;
position: relative !important;
z-index: 1 !important;
border-radius: 5px !important;
opacity: 0.9 !important;
animation: floatUp 5s ease-in-out infinite !important;
}
/* ====== BLOG TITLE — ENHANCED GLITCH + SPECTRAL WAVE ====== */
.blog-entry .title {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #000000 !important;
text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1) !important;
font-size: 28px !important;
margin-bottom: 15px !important;
position: relative !important;
z-index: 1 !important;
padding-bottom: 10px !important;
border-bottom: 2px solid rgba(139,0,0,0.2) !important;
letter-spacing: 1px !important;
animation: spectralWave 6s ease-in-out infinite, flickerTitle 8s linear infinite !important;
transition: all 0.3s ease !important;
}
/* Glitch pseudo-element on title for double-image effect */
.blog-entry .title::before {
content: attr(data-text) !important;
position: absolute !important;
top: 0 !important; left: 0 !important;
color: #000000 !important;
z-index: -1 !important;
animation: titleGlitch 8s linear infinite !important;
opacity: 0.8 !important;
}
/* CHROMATIC ABERRATION hover on title */
.blog-entry .title:hover {
animation: none !important;
text-shadow:
-3px 0 rgba(255,0,51,0.6),
3px 0 rgba(0,139,0,0.4),
0 0 20px rgba(139,0,0,0.6),
0 0 40px rgba(200,0,0,0.4),
0 0 80px rgba(80,0,0,0.2) !important;
letter-spacing: 4px !important;
transform: skewX(-3deg) scale(1.02) !important;
}
/* Blood drip decoration at top of content area - song names (NO ✝ — using ✦ and ⛧) */
.blog-entry .content::before {
content: '⛧ For You I\'ll Pull the Trigger ⛧ ✦ The Carelessness of Love ✦ ⛧ Drowned in Your Silence ⛧ ✦ As the Seasons Change You\'ll Find Me the Same ✦' !important;
display: block !important;
margin-bottom: 15px !important;
padding: 10px 0 !important;
font-family: 'UnifrakturMaguntia', cursive !important;
font-size: 14px !important;
color: #8b0000 !important;
letter-spacing: 1.5px !important;
text-shadow: 0 0 8px rgba(139,0,0,0.3), 0 0 20px rgba(80,0,0,0.15) !important;
position: relative !important;
z-index: 1 !important;
animation: colorCycle 12s ease-in-out infinite, chromaticAberration 15s ease-in-out infinite !important;
border-bottom: 1px solid rgba(139,0,0,0.15) !important;
}
/* Blog content text area */
.blog-entry .content {
font-family: 'Crimson Text', serif !important;
color: #000000 !important;
font-size: 16px !important;
line-height: 1.6 !important;
position: relative !important;
z-index: 1 !important;
}
.blog-entry .content p {
color: #000000 !important;
margin-bottom: 10px !important;
transition: all 0.3s ease !important;
}
.blog-entry .content p:hover {
text-shadow: 0 0 4px rgba(139,0,0,0.15) !important;
letter-spacing: 0.5px !important;
}
.blog-entry .content a {
color: #8b0000 !important;
text-decoration: underline !important;
transition: all 0.3s ease !important;
}
.blog-entry .content a:hover {
color: #cc0000 !important;
text-shadow: 0 0 8px rgba(200,0,0,0.4), 0 0 20px rgba(139,0,0,0.3) !important;
letter-spacing: 1px !important;
}
/* Blood drip decoration at bottom of content - more song names (NO ✝ — using ⛧ and ✦) */
.blog-entry .content::after {
content: '⛧ This Love Is Ethereal but It\'s Mellow ⛧ ✦ Ugly People ✦ ⛧ Bare Bones ⛧ ✦ Liliana ✦ ⛧ Let Sleeping Dogs Lie ⛧' !important;
display: block !important;
margin-top: 15px !important;
padding-top: 10px !important;
border-top: 1px solid rgba(139,0,0,0.15) !important;
font-family: 'UnifrakturMaguntia', cursive !important;
font-size: 14px !important;
color: #8b0000 !important;
letter-spacing: 1.5px !important;
text-shadow: 0 0 8px rgba(139,0,0,0.3), 0 0 20px rgba(80,0,0,0.15) !important;
position: relative !important;
z-index: 1 !important;
animation: breathe 4s ease-in-out infinite, chromaticAberration 18s ease-in-out infinite !important;
}
/* ====== KUDOS SECTION ====== */
.blog-entry .kudos-container {
background: linear-gradient(135deg, rgba(139,0,0,0.2), rgba(90,0,0,0.15)) !important;
border: 2px solid #8b0000 !important;
border-radius: 8px !important;
padding: 10px 15px !important;
margin-top: 15px !important;
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
animation: glowBorder 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite, pulseBlood 4s ease-in-out infinite !important;
transition: all 0.3s ease !important;
}
.blog-entry .kudos-container:hover {
box-shadow: 0 0 25px rgba(139,0,0,0.6), 0 0 50px rgba(200,0,0,0.3) !important;
border-color: #cc0000 !important;
}
/* Cross header pattern overlay on kudos */
.blog-entry .kudos-container::before {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/kD5fCyGTm9E7Ti99jrT2/image.jpg") !important;
background-size: 150px auto !important;
background-position: center center !important;
opacity: 0.25 !important;
pointer-events: none !important;
animation: breathe 5s ease-in-out infinite !important;
}
/* Blood drip bottom of kudos */
.blog-entry .kudos-container::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important; left: 0 !important; right: 0 !important;
height: 10px !important;
background: repeating-radial-gradient(
circle at 12px 0px,
transparent 0px,
transparent 6px,
rgba(139,0,0,0.4) 6px,
rgba(139,0,0,0.6) 8px,
rgba(200,0,0,0.3) 10px,
transparent 10px,
transparent 12px
) !important;
pointer-events: none !important;
animation: dripDown 3s linear infinite !important;
}
.blog-entry .kudos-display {
position: relative !important;
z-index: 1 !important;
}
.blog-entry .kudos-label {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #8b0000 !important;
font-size: 16px !important;
animation: textShadowPulse 5s ease-in-out infinite !important;
}
.blog-entry .kudos-count {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #cc0000 !important;
font-size: 18px !important;
text-shadow: 0 0 8px rgba(200,0,0,0.4) !important;
animation: heartBeat 2s ease-in-out infinite !important;
display: inline-block !important;
}
.blog-entry .login-prompt {
font-family: 'Crimson Text', serif !important;
color: #333333 !important;
font-size: 13px !important;
position: relative !important;
z-index: 1 !important;
}
.blog-entry .login-prompt a {
color: #8b0000 !important;
}
.blog-entry .login-prompt a:hover {
color: #cc0000 !important;
text-shadow: 0 0 6px rgba(200,0,0,0.3) !important;
}
/* ====== COMMENTS SECTION ====== */
.blog-entry .comments {
background: rgba(255, 255, 255, 0.92) !important;
border: 2px solid #8b0000 !important;
border-radius: 10px !important;
margin-top: 15px !important;
overflow: hidden !important;
position: relative !important;
z-index: 1 !important;
animation: glowBorder 5s ease-in-out infinite, borderPulse 5s ease-in-out infinite !important;
}
/* Comments heading — styled with cross header image */
.blog-entry .comments .heading {
background: linear-gradient(135deg, #8b0000, #5a0000) !important;
color: #ffcccc !important;
font-family: 'UnifrakturMaguntia', cursive !important;
padding: 12px 15px !important;
position: relative !important;
overflow: hidden !important;
animation: textShadowPulse 5s ease-in-out infinite, pulseBlood 6s ease-in-out infinite !important;
text-shadow: 0 0 8px rgba(255,0,0,0.3), 0 0 20px rgba(200,0,0,0.2) !important;
}
/* Cross pattern on comments heading */
.blog-entry .comments .heading::before {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/kD5fCyGTm9E7Ti99jrT2/image.jpg") !important;
background-size: 200px auto !important;
background-position: center center !important;
opacity: 0.45 !important;
pointer-events: none !important;
animation: breathe 5s ease-in-out infinite !important;
}
.blog-entry .comments .heading::after {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: linear-gradient(135deg, rgba(139,0,0,0.7), rgba(180,0,20,0.5), rgba(139,0,0,0.7)) !important;
pointer-events: none !important;
}
.blog-entry .comments .heading h4 {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #ffcccc !important;
position: relative !important;
z-index: 1 !important;
text-shadow: 0 0 8px rgba(255,0,0,0.4), 0 0 20px rgba(200,0,0,0.3), 0 0 40px rgba(139,0,0,0.2) !important;
animation: flickerTitle 10s linear infinite, chromaticAberration 12s ease-in-out infinite !important;
}
/* Comments inner area */
.blog-entry .comments .inner {
padding: 10px 15px !important;
background: transparent !important;
}
.blog-entry .comments .inner p {
font-family: 'Crimson Text', serif !important;
color: #333333 !important;
}
.blog-entry .comments .inner b {
font-family: 'UnifrakturMaguntia', cursive !important;
color: #5a0000 !important;
}
.blog-entry .comments .count {
color: #8b0000 !important;
font-weight: bold !important;
animation: heartBeat 2s ease-in-out infinite !important;
display: inline-block !important;
}
/* Comments table */
.blog-entry .comments-table {
border: 1px solid rgba(139,0,0,0.2) !important;
border-radius: 6px !important;
overflow: hidden !important;
width: 100% !important;
background: transparent !important;
}
.blog-entry .comments-table td {
border-color: rgba(139,0,0,0.12) !important;
padding: 8px !important;
vertical-align: top !important;
transition: all 0.3s ease !important;
}
.blog-entry .comments-table tr:hover td {
background: rgba(139,0,0,0.05) !important;
}
/* Author cell in comments */
.blog-entry .cb-author-cell {
background: rgba(139,0,0,0.05) !important;
border-right: 2px solid rgba(139,0,0,0.15) !important;
}
.blog-entry .cb-author-name {
font-family: 'Crimson Text', serif !important;
}
.blog-entry .cb-author-name a {
color: #8b0000 !important;
font-family: 'UnifrakturMaguntia', cursive !important;
font-size: 13px !important;
transition: all 0.3s ease !important;
}
.blog-entry .cb-author-name a:hover {
color: #cc0000 !important;
text-shadow: 0 0 6px rgba(200,0,0,0.4) !important;
}
.blog-entry .cb-author-link {
color: #8b0000 !important;
}
/* Content cell in comments */
.blog-entry .cb-content-cell {
font-family: 'Crimson Text', serif !important;
color: #000000 !important;
font-size: 14px !important;
}
/* Like button in comments */
.blog-entry .cb-like-btn {
border: 1px solid rgba(139,0,0,0.3) !important;
color: #8b0000 !important;
transition: all 0.3s ease !important;
}
.blog-entry .cb-like-btn:hover {
border-color: #cc0000 !important;
color: #cc0000 !important;
background: rgba(139,0,0,0.1) !important;
box-shadow: 0 0 10px rgba(200,0,0,0.3) !important;
animation: heartBeat 0.6s ease-in-out infinite !important;
}
.blog-entry .cb-like-btn.cb-liked {
border-color: #8b0000 !important;
color: #8b0000 !important;
background: rgba(139,0,0,0.1) !important;
}
/* Report link */
.blog-entry .report a, .blog-entry a.report {
color: #999 !important;
font-size: 11px !important;
}
/* Reply form in comments */
.blog-entry .cb-reply-form textarea,
.blog-entry .cb-reply-form input {
border: 1px solid rgba(139,0,0,0.3) !important;
font-family: 'Crimson Text', serif !important;
color: #000000 !important;
background: #ffffff !important;
transition: all 0.3s ease !important;
}
.blog-entry .cb-reply-form textarea:focus,
.blog-entry .cb-reply-form input:focus {
border-color: #cc0000 !important;
box-shadow: 0 0 12px rgba(139,0,0,0.2) !important;
}
.blog-entry .cb-actions button {
font-family: 'Crimson Text', serif !important;
border: 1px solid rgba(139,0,0,0.3) !important;
color: #8b0000 !important;
transition: all 0.3s ease !important;
}
.blog-entry .cb-actions button:hover {
border-color: #cc0000 !important;
color: #cc0000 !important;
box-shadow: 0 0 10px rgba(200,0,0,0.3) !important;
}
/* Add comment button */
.blog-entry .blog-add-comment-btn,
.blog-entry .blog-add-comment-link,
.blog-entry a[href*="addcomment"] {
background: linear-gradient(135deg, #5a0000, #8b0000) !important;
color: #ffcccc !important;
font-family: 'UnifrakturMaguntia', cursive !important;
border: 1px solid #8b0000 !important;
border-radius: 6px !important;
padding: 8px 18px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
animation: pulseBlood 4s ease-in-out infinite !important;
}
.blog-entry .blog-add-comment-btn:hover,
.blog-entry .blog-add-comment-link:hover,
.blog-entry a[href*="addcomment"]:hover {
background: linear-gradient(135deg, #8b0000, #cc0000) !important;
text-shadow: 0 0 8px rgba(255,0,0,0.4) !important;
box-shadow: 0 0 20px rgba(200,0,0,0.4) !important;
letter-spacing: 2px !important;
transform: scale(1.05) !important;
}
/* ====== GLOBAL TEXT STYLES ====== */
a {
color: #8b0000 !important;
font-family: 'Crimson Text', serif !important;
transition: all 0.3s ease !important;
}
a:hover {
color: #cc0000 !important;
text-shadow: 0 0 8px rgba(200,0,0,0.4) !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'UnifrakturMaguntia', cursive, 'Crimson Text', serif !important;
text-shadow: 0 0 6px rgba(139,0,0,0.2) !important;
animation: textShadowPulse 6s ease-in-out infinite !important;
}
/* ====== SCROLLBAR ====== */
::-webkit-scrollbar { width: 10px !important; }
::-webkit-scrollbar-track { background: #1a0000 !important; box-shadow: inset 0 0 10px rgba(139,0,0,0.2) !important; }
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #8b0000, #5a0000) !important;
border-radius: 5px !important;
box-shadow: inset 0 0 5px rgba(200,0,0,0.4), 0 0 8px rgba(139,0,0,0.3) !important;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #cc0000, #8b0000) !important;
box-shadow: 0 0 12px rgba(200,0,0,0.5) !important;
}
/* ====== SELECTION COLOR ====== */
::selection {
background: rgba(139,0,0,0.35) !important;
color: #ffcccc !important;
}
/* ====== FOOTER ====== */
footer {
background: #1a0000 !important;
border-top: 3px solid #5a0000 !important;
box-shadow: 0 -8px 25px rgba(80,0,0,0.4), inset 0 0 20px rgba(139,0,0,0.1) !important;
position: relative !important;
}
/* Blood drip top of footer */
footer::before {
content: '' !important;
position: absolute !important;
top: -10px !important; left: 0 !important; right: 0 !important;
height: 10px !important;
background: repeating-radial-gradient(
circle at 20px 0px,
transparent 0px,
transparent 10px,
rgba(139,0,0,0.5) 10px,
rgba(139,0,0,0.7) 13px,
rgba(200,0,0,0.4) 15px,
transparent 15px,
transparent 20px
) !important;
pointer-events: none !important;
animation: dripDown 4s linear infinite !important;
}
footer a {
color: #cc9999 !important;
font-family: 'Crimson Text', serif !important;
transition: all 0.3s ease !important;
}
footer a:hover {
color: #ff0033 !important;
text-shadow: 0 0 10px rgba(255,0,51,0.5), 0 0 25px rgba(200,0,0,0.3) !important;
}
/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
.blog-entry .col.right::after {
height: 50px !important;
}
.blog-entry .title {
font-size: 22px !important;
}
.blog-entry .content::before,
.blog-entry .content::after {
font-size: 11px !important;
}
.blog-entry .col.right {
background-size: contain !important;
background-position: center 20% !important;
}
.blog-entry .links a[href*="blog"]::before,
.blog-entry .links a[href*="profile"]::before,
.blog-entry .links a[href*="favorite"]::before,
.blog-entry .links a[href*="fav"]::before {
width: 16px !important;
height: 16px !important;
}
}
/* ============================================
JAVASCRIPT EFFECTS — Add to your profile's "About Me" section
Copy and paste EVERYTHING between the <script> tags below
============================================ */
/* FALLING HEARTS — Paste in About Me:
<script>
(function(){var c=document.createElement('canvas');c.id='hearts-canvas';c.style.cssText='position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;';document.body.appendChild(c);var ctx=c.getContext('2d');function rs(){c.width=window.innerWidth;c.height=window.innerHeight;}rs();window.addEventListener('resize',rs);var h=[],mx=60,cl=['rgba(139,0,0,0.7)','rgba(204,0,0,0.6)','rgba(255,51,102,0.5)','rgba(100,0,0,0.4)','rgba(180,0,30,0.55)'];function ch(){return{x:Math.random()*c.width,y:-20-Math.random()*80,sz:10+Math.random()*16,vy:0.5+Math.random()*2,vx:-0.5+Math.random()*1,r:Math.random()*Math.PI*2,rv:-0.02+Math.random()*0.04,co:cl[Math.floor(Math.random()*cl.length)],op:0.3+Math.random()*0.5,w:Math.random()*Math.PI*2,ws:0.02+Math.random()*0.03,wa:0.5+Math.random()*1.5};}for(var i=0;i<mx;i++){var ht=ch();ht.y=Math.random()*c.height;h.push(ht);}function dh(x,y,s,r){ctx.save();ctx.translate(x,y);ctx.rotate(r);ctx.beginPath();ctx.moveTo(0,-s*0.3);ctx.bezierCurveTo(-s*0.5,-s*0.8,-s,-s*0.2,0,s*0.5);ctx.moveTo(0,-s*0.3);ctx.bezierCurveTo(s*0.5,-s*0.8,s,-s*0.2,0,s*0.5);ctx.fill();ctx.restore();}function an(){ctx.clearRect(0,0,c.width,c.height);for(var i=0;i<h.length;i++){var ht=h[i];ht.w+=ht.ws;ht.x+=ht.vx+Math.sin(ht.w)*ht.wa;ht.y+=ht.vy;ht.r+=ht.rv;ctx.fillStyle=ht.co;ctx.globalAlpha=ht.op;dh(ht.x,ht.y,ht.sz,ht.r);ctx.globalAlpha=1;if(ht.y>c.height+30||ht.x<-30||ht.x>c.width+30){h[i]=ch();}}requestAnimationFrame(an);}an();})();
</script>
*/
/* CURSOR BLOOD TRAIL — Paste in About Me:
<script>
(function(){var tc=0,mx=20,cl=['rgba(139,0,0,0.5)','rgba(204,0,0,0.4)','rgba(100,0,0,0.35)','rgba(255,51,102,0.3)','rgba(180,0,20,0.4)'];document.addEventListener('mousemove',function(e){if(tc>=mx)return;tc++;var t=document.createElement('div');t.style.cssText='position:fixed;border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:screen;animation:cursorFade 1.2s ease-out forwards;';t.style.left=e.clientX+'px';t.style.top=e.clientY+'px';t.style.background=cl[Math.floor(Math.random()*cl.length)];var s=(2+Math.random()*8)+'px';t.style.width=s;t.style.height=s;document.body.appendChild(t);setTimeout(function(){t.remove();tc--;},1200);});var s=document.createElement('style');s.textContent='@keyframes cursorFade{0%{opacity:0.9;transform:scale(1);}100%{opacity:0;transform:scale(0);}}';document.head.appendChild(s);})();
</script>
*/
/* SPECTRAL GLOW PULSE ON BLOG CONTAINER — Paste in About Me:
<script>
(function(){var el=document.querySelector('.blog-entry .col.right');if(!el)return;var s=document.createElement('style');s.textContent='@keyframes spectralPulse{0%,100%{box-shadow:0 0 25px rgba(139,0,0,0.5),0 0 70px rgba(80,0,0,0.3),inset 0 0 50px rgba(0,0,0,0.4);}50%{box-shadow:0 0 40px rgba(200,0,0,0.7),0 0 100px rgba(139,0,0,0.5),0 0 150px rgba(80,0,0,0.3),inset 0 0 70px rgba(139,0,0,0.15);}}';document.head.appendChild(s);el.style.animation='spectralPulse 6s ease-in-out infinite';})();
</script>
*/
/* ============================================
ARRANGED IN APRIL — FriendRewind Blog Layout
JAVASCRIPT FOR "ABOUT ME" SECTION
============================================
INSTRUCTIONS: Copy ALL the code below and paste it
into your FriendRewind profile's "About Me" section.
This enables the falling hearts, cursor blood trail,
and spectral glow effects that CSS alone can't do.
The CSS layout code goes in the blog CSS textarea.
This JavaScript goes in your About Me section.
============================================ */
<!-- FALLING HEARTS -->
<script>
(function(){var c=document.createElement('canvas');c.id='hearts-canvas';c.style.cssText='position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;';document.body.appendChild(c);var ctx=c.getContext('2d');function rs(){c.width=window.innerWidth;c.height=window.innerHeight;}rs();window.addEventListener('resize',rs);var h=[],mx=60,cl=['rgba(139,0,0,0.7)','rgba(204,0,0,0.6)','rgba(255,51,102,0.5)','rgba(100,0,0,0.4)','rgba(180,0,30,0.55)'];function ch(){return{x:Math.random()*c.width,y:-20-Math.random()*80,sz:10+Math.random()*16,vy:0.5+Math.random()*2,vx:-0.5+Math.random()*1,r:Math.random()*Math.PI*2,rv:-0.02+Math.random()*0.04,co:cl[Math.floor(Math.random()*cl.length)],op:0.3+Math.random()*0.5,w:Math.random()*Math.PI*2,ws:0.02+Math.random()*0.03,wa:0.5+Math.random()*1.5};}for(var i=0;i<mx;i++){var ht=ch();ht.y=Math.random()*c.height;h.push(ht);}function dh(x,y,s,r){ctx.save();ctx.translate(x,y);ctx.rotate(r);ctx.beginPath();ctx.moveTo(0,-s*0.3);ctx.bezierCurveTo(-s*0.5,-s*0.8,-s,-s*0.2,0,s*0.5);ctx.moveTo(0,-s*0.3);ctx.bezierCurveTo(s*0.5,-s*0.8,s,-s*0.2,0,s*0.5);ctx.fill();ctx.restore();}function an(){ctx.clearRect(0,0,c.width,c.height);for(var i=0;i<h.length;i++){var ht=h[i];ht.w+=ht.ws;ht.x+=ht.vx+Math.sin(ht.w)*ht.wa;ht.y+=ht.vy;ht.r+=ht.rv;ctx.fillStyle=ht.co;ctx.globalAlpha=ht.op;dh(ht.x,ht.y,ht.sz,ht.r);ctx.globalAlpha=1;if(ht.y>c.height+30||ht.x<-30||ht.x>c.width+30){h[i]=ch();}}requestAnimationFrame(an);}an();})();
</script>
<!-- CURSOR BLOOD TRAIL -->
<script>
(function(){var tc=0,mx=20,cl=['rgba(139,0,0,0.5)','rgba(204,0,0,0.4)','rgba(100,0,0,0.35)','rgba(255,51,102,0.3)','rgba(180,0,20,0.4)'];document.addEventListener('mousemove',function(e){if(tc>=mx)return;tc++;var t=document.createElement('div');t.style.cssText='position:fixed;border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:screen;animation:cursorFade 1.2s ease-out forwards;';t.style.left=e.clientX+'px';t.style.top=e.clientY+'px';t.style.background=cl[Math.floor(Math.random()*cl.length)];var s=(2+Math.random()*8)+'px';t.style.width=s;t.style.height=s;document.body.appendChild(t);setTimeout(function(){t.remove();tc--;},1200);});var s=document.createElement('style');s.textContent='@keyframes cursorFade{0%{opacity:0.9;transform:scale(1);}100%{opacity:0;transform:scale(0);}}';document.head.appendChild(s);})();
</script>
<!-- SPECTRAL GLOW PULSE ON BLOG CONTAINER -->
<script>
(function(){var el=document.querySelector('.blog-entry .col.right');if(!el)return;var s=document.createElement('style');s.textContent='@keyframes spectralPulse{0%,100%{box-shadow:0 0 25px rgba(139,0,0,0.5),0 0 70px rgba(80,0,0,0.3),inset 0 0 50px rgba(0,0,0,0.4);}50%{box-shadow:0 0 40px rgba(200,0,0,0.7),0 0 100px rgba(139,0,0,0.5),0 0 150px rgba(80,0,0,0.3),inset 0 0 70px rgba(139,0,0,0.15);}}';document.head.appendChild(s);el.style.animation='spectralPulse 6s ease-in-out infinite';})();
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arranged in April — FriendRewind Blog Preview</title>
<link href="https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<style>
/* ====== RESET ====== */
* { margin: 0; padding: 0; box-sizing: border-box; }
/* ====== CSS KEYFRAME ANIMATIONS ====== */
@keyframes pulseGlow {
0%, 100% { box-shadow: 0 0 15px rgba(139,0,0,0.3), inset 0 0 30px rgba(139,0,0,0.05); }
50% { box-shadow: 0 0 30px rgba(139,0,0,0.7), inset 0 0 50px rgba(139,0,0,0.15), 0 0 80px rgba(200,0,0,0.3); }
}
@keyframes borderPulse {
0%, 100% { border-color: #8b0000; }
50% { border-color: #cc0000; }
}
@keyframes flickerTitle {
0%, 100% { opacity: 1; }
2% { opacity: 0.2; }
4% { opacity: 1; }
6% { opacity: 0.5; }
8% { opacity: 1; }
10% { opacity: 0.3; }
12% { opacity: 1; }
50% { opacity: 1; }
52% { opacity: 0.6; }
54% { opacity: 1; }
80% { opacity: 1; }
82% { opacity: 0.4; }
83% { opacity: 1; }
}
@keyframes textShadowPulse {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1); }
50% { text-shadow: 0 0 20px rgba(200,0,0,0.6), 0 0 40px rgba(139,0,0,0.4), 0 0 80px rgba(80,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.2); }
}
@keyframes fogDrift {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes dripDown {
0% { background-position: 0 0; }
100% { background-position: 0 20px; }
}
@keyframes heartBeat {
0%, 100% { transform: scale(1); }
14% { transform: scale(1.1); }
28% { transform: scale(1); }
42% { transform: scale(1.05); }
56% { transform: scale(1); }
}
@keyframes colorCycle {
0% { color: #8b0000; }
25% { color: #cc0000; }
50% { color: #5a0000; }
75% { color: #990000; }
100% { color: #8b0000; }
}
@keyframes glowBorder {
0%, 100% { box-shadow: 0 0 5px rgba(139,0,0,0.3), inset 0 0 5px rgba(139,0,0,0.1); }
33% { box-shadow: 0 0 20px rgba(200,0,0,0.6), inset 0 0 20px rgba(139,0,0,0.2); }
66% { box-shadow: 0 0 12px rgba(139,0,0,0.4), inset 0 0 12px rgba(139,0,0,0.12); }
}
@keyframes scanlineMove {
0% { background-position: 0 0; }
100% { background-position: 0 4px; }
}
@keyframes vignettePulse {
0%, 100% { background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.6) 100%); }
50% { background: radial-gradient(ellipse at center, transparent 25%, rgba(30,0,0,0.8) 100%); }
}
@keyframes borderShimmer {
0% { border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #8b0000 9px) 5; }
50% { border-image: repeating-linear-gradient(90deg, #cc0000 0px, #8b0000 3px, #5a0000 6px, #cc0000 9px) 5; }
100% { border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #8b0000 9px) 5; }
}
@keyframes floatUp {
0% { transform: translateY(0); opacity: 0.6; }
50% { opacity: 0.9; }
100% { transform: translateY(-8px); opacity: 0.6; }
}
@keyframes breathe {
0%, 100% { opacity: 0.7; }
50% { opacity: 1; }
}
@keyframes titleGlitch {
0%, 100% { transform: translate(0); filter: none; }
2% { transform: translate(-3px, 1px); filter: hue-rotate(90deg); }
4% { transform: translate(3px, -1px); filter: hue-rotate(-90deg); }
6% { transform: translate(-2px, -1px); filter: none; }
8% { transform: translate(0); filter: none; }
40% { transform: translate(0); filter: none; }
42% { transform: translate(2px, 2px); filter: hue-rotate(45deg) saturate(2); }
44% { transform: translate(-2px, -1px); filter: none; }
46% { transform: translate(0); filter: none; }
80% { transform: translate(0); filter: none; }
82% { transform: translate(3px, 0); filter: hue-rotate(-60deg); }
84% { transform: translate(-1px, 1px); filter: none; }
86% { transform: translate(0); filter: none; }
}
@keyframes spectralWave {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1); letter-spacing: 1px; }
25% { text-shadow: -2px 0 rgba(255,0,51,0.5), 2px 0 rgba(0,139,0,0.3), 0 0 20px rgba(200,0,0,0.5); letter-spacing: 3px; }
50% { text-shadow: 0 0 30px rgba(200,0,0,0.7), 0 0 60px rgba(139,0,0,0.4), 0 0 90px rgba(80,0,0,0.2); letter-spacing: 2px; }
75% { text-shadow: 2px 0 rgba(0,139,0,0.4), -2px 0 rgba(255,0,51,0.4), 0 0 15px rgba(200,0,0,0.5); letter-spacing: 4px; }
}
@keyframes crossSpin {
0% { transform: rotate(0deg) scale(1); }
25% { transform: rotate(90deg) scale(1.1); }
50% { transform: rotate(180deg) scale(1); }
75% { transform: rotate(270deg) scale(1.1); }
100% { transform: rotate(360deg) scale(1); }
}
@keyframes skullGlow {
0%, 100% { filter: brightness(0.6) sepia(1) hue-rotate(-30deg) saturate(3) drop-shadow(0 0 2px rgba(139,0,0,0.3)); }
50% { filter: brightness(0.8) sepia(1) hue-rotate(-30deg) saturate(4) drop-shadow(0 0 8px rgba(200,0,0,0.6)); }
}
@keyframes chromaticAberration {
0%, 100% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
10% { text-shadow: -3px 0 rgba(255,0,51,0.6), 3px 0 rgba(0,139,0,0.4), 0 0 10px rgba(139,0,0,0.4); }
20% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
50% { text-shadow: 0 0 25px rgba(200,0,0,0.6), 0 0 50px rgba(139,0,0,0.4), 0 0 80px rgba(80,0,0,0.2); }
60% { text-shadow: -2px 0 rgba(255,0,51,0.5), 2px 0 rgba(0,139,0,0.3), 0 0 15px rgba(139,0,0,0.5); }
70% { text-shadow: 0 0 6px rgba(139,0,0,0.3), 2px 2px 0 rgba(139,0,0,0.15); }
}
@keyframes pulseBlood {
0%, 100% { background-color: rgba(139,0,0,0.15); }
50% { background-color: rgba(200,0,0,0.35); }
}
/* ====== BODY ====== */
body {
background-image: url("data:image/gif;base64,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");
background-repeat: repeat;
background-size: 200px 200px;
background-attachment: fixed;
background-position: center center;
background-color: #0d0000;
font-family: 'Crimson Text', Georgia, serif;
color: #000;
cursor: crosshair;
min-height: 100vh;
}
/* Vignette */
body::after {
content: '';
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.6) 100%);
pointer-events: none;
z-index: 5;
animation: vignettePulse 6s ease-in-out infinite;
}
/* Fog */
body::before {
content: '';
position: fixed;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: repeating-linear-gradient(90deg, transparent 0%, rgba(80,0,0,0.05) 5%, transparent 10%, rgba(60,0,0,0.03) 15%, transparent 20%);
pointer-events: none;
z-index: 4;
opacity: 0.7;
animation: fogDrift 20s linear infinite;
}
/* ====== NAV BAR ====== */
.myspace-header {
background: linear-gradient(180deg, #1a0000, #2d0000, #1a0000);
border-bottom: 3px solid #5a0000;
box-shadow: 0 4px 25px rgba(139,0,0,0.6), 0 2px 50px rgba(80,0,0,0.4);
animation: glowBorder 4s ease-in-out infinite;
padding: 8px 15px;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 100;
}
.myspace-header .logo {
font-family: 'UnifrakturMaguntia', cursive;
color: #cc0000;
font-size: 24px;
text-shadow: 0 0 10px rgba(200,0,0,0.4), 0 0 25px rgba(139,0,0,0.2);
animation: spectralWave 8s ease-in-out infinite;
}
.myspace-header nav {
display: flex;
gap: 15px;
}
.myspace-header nav a {
color: #cc9999;
font-family: 'UnifrakturMaguntia', cursive;
text-shadow: 0 0 4px rgba(139,0,0,0.3);
text-decoration: none;
transition: all 0.3s ease;
letter-spacing: 1px;
}
.myspace-header nav a:hover {
color: #ff0033;
text-shadow: 0 0 10px rgba(255,0,51,0.6), 0 0 25px rgba(200,0,0,0.4);
letter-spacing: 3px;
transform: scale(1.05);
}
.myspace-header nav a.active {
color: #cc0000;
text-shadow: 0 0 12px rgba(200,0,0,0.5);
animation: spectralWave 8s ease-in-out infinite;
}
.search-bar {
background: #1a0000;
border: 1px solid #5a0000;
color: #cc9999;
padding: 4px 8px;
border-radius: 4px;
font-family: 'Crimson Text', serif;
}
.search-btn {
background: linear-gradient(135deg, #5a0000, #8b0000);
color: #ffcccc;
border: 1px solid #8b0000;
padding: 4px 10px;
border-radius: 4px;
font-family: 'Crimson Text', serif;
cursor: pointer;
transition: all 0.3s ease;
}
.search-btn:hover {
background: linear-gradient(135deg, #8b0000, #cc0000);
box-shadow: 0 0 20px rgba(200,0,0,0.5);
}
/* ====== MAIN CONTAINER ====== */
main {
background: rgba(13, 0, 0, 0.88);
max-width: 900px;
margin: 20px auto;
padding: 20px;
position: relative;
}
/* Scanlines */
main::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
pointer-events: none;
z-index: 0;
animation: scanlineMove 0.5s linear infinite;
}
/* ====== BLOG LAYOUT ====== */
.blog-entry {
display: flex;
gap: 20px;
position: relative;
z-index: 1;
}
/* ====== LEFT SIDEBAR ====== */
.col.w-20.left {
background: rgba(255, 255, 255, 0.95);
border: 3px solid #8b0000;
border-radius: 10px;
padding: 12px;
width: 180px;
flex-shrink: 0;
animation: pulseGlow 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite;
overflow: hidden;
position: relative;
}
.col.w-20.left::before {
content: '';
position: absolute;
top: -3px; left: 0; right: 0;
height: 15px;
background: repeating-radial-gradient(circle at 15px 0px, transparent 0px, transparent 8px, rgba(139,0,0,0.5) 8px, rgba(139,0,0,0.7) 10px, rgba(200,0,0,0.4) 12px, transparent 12px, transparent 15px);
pointer-events: none;
z-index: 2;
animation: dripDown 3s linear infinite;
}
.col.w-20.left::after {
content: '';
position: absolute;
bottom: 5px; right: 8px;
width: 40px; height: 40px;
background-image: url("https://litter.catbox.moe/0r5g0s.jpeg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.08;
pointer-events: none;
animation: breathe 6s ease-in-out infinite, crossSpin 30s linear infinite;
}
.profile-pic {
border: 3px solid #8b0000;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 15px rgba(139,0,0,0.5), 0 0 30px rgba(80,0,0,0.3);
margin-bottom: 10px;
animation: borderPulse 4s ease-in-out infinite;
transition: all 0.3s ease;
}
.profile-pic:hover {
box-shadow: 0 0 25px rgba(139,0,0,0.7), 0 0 50px rgba(200,0,0,0.4);
transform: scale(1.03);
}
.profile-pic img {
width: 100%;
display: block;
filter: saturate(0.9) contrast(1.05);
transition: filter 0.3s ease;
}
.profile-pic:hover img {
filter: saturate(1.2) contrast(1.15);
}
.author-details h4 {
font-family: 'UnifrakturMaguntia', cursive;
color: #000;
font-size: 16px;
margin-bottom: 5px;
animation: chromaticAberration 10s ease-in-out infinite;
}
.author-details h4 a {
color: #8b0000;
text-decoration: none;
transition: all 0.3s ease;
}
.author-details h4 a:hover {
color: #cc0000;
text-shadow: 0 0 8px rgba(200,0,0,0.4);
letter-spacing: 2px;
}
.publish-date {
font-family: 'Crimson Text', serif;
color: #333;
font-style: italic;
font-size: 13px;
margin: 4px 0;
}
.category {
font-family: 'Crimson Text', serif;
color: #000;
font-size: 13px;
margin: 4px 0;
}
.category b {
font-family: 'UnifrakturMaguntia', cursive;
color: #5a0000;
}
.links {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid rgba(139,0,0,0.2);
}
.links a {
display: flex;
align-items: center;
color: #8b0000;
font-family: 'Crimson Text', serif;
text-decoration: none;
padding: 4px 5px;
margin: 3px 0;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 13px;
gap: 6px;
}
.links a:hover {
color: #cc0000;
background: rgba(139,0,0,0.08);
text-shadow: 0 0 6px rgba(200,0,0,0.3);
padding-left: 10px;
letter-spacing: 1px;
}
.links a .icon-img {
width: 20px;
height: 20px;
object-fit: contain;
animation: skullGlow 3s ease-in-out infinite;
}
/* ====== RIGHT CONTENT ====== */
.col.right {
background-color: #1a0505;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/lyBVmoBvQL4b8PM0ezQx/image.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: center 30%;
border: 3px solid #8b0000;
border-radius: 10px;
padding: 20px;
flex: 1;
position: relative;
box-shadow: 0 0 25px rgba(139,0,0,0.5), 0 0 70px rgba(80,0,0,0.3), inset 0 0 50px rgba(0,0,0,0.4);
overflow: hidden;
animation: pulseGlow 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite, borderShimmer 5s linear infinite;
border-top: 5px solid transparent;
border-image: repeating-linear-gradient(90deg, #8b0000 0px, #5a0000 3px, #cc0000 6px, #ff0033 8px, #8b0000 9px) 5;
}
/* Semi-transparent overlay */
.col.right::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(255,250,250,0.78) 20%, rgba(255,245,245,0.85) 50%, rgba(255,250,250,0.78) 80%, rgba(255,255,255,0.82) 100%);
pointer-events: none;
z-index: 0;
border-radius: 7px;
}
/* Welcome header */
.col.right .welcome-header {
display: block;
width: 100%;
height: 80px;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/qrVIVgeY1m9wIHFUaUzm/image.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
margin-bottom: 10px;
position: relative;
z-index: 1;
border-radius: 5px;
opacity: 0.9;
animation: floatUp 5s ease-in-out infinite;
}
/* Title */
.title {
font-family: 'UnifrakturMaguntia', cursive;
color: #000;
text-shadow: 0 0 6px rgba(139,0,0,0.2), 2px 2px 0 rgba(139,0,0,0.1);
font-size: 28px;
margin-bottom: 15px;
position: relative;
z-index: 1;
padding-bottom: 10px;
border-bottom: 2px solid rgba(139,0,0,0.2);
letter-spacing: 1px;
animation: spectralWave 6s ease-in-out infinite, flickerTitle 8s linear infinite;
transition: all 0.3s ease;
}
.title:hover {
animation: none;
text-shadow: -3px 0 rgba(255,0,51,0.6), 3px 0 rgba(0,139,0,0.4), 0 0 20px rgba(139,0,0,0.6), 0 0 40px rgba(200,0,0,0.4);
letter-spacing: 4px;
transform: skewX(-3deg) scale(1.02);
}
/* Song names before content */
.song-names-before {
display: block;
margin-bottom: 15px;
padding: 10px 0;
font-family: 'UnifrakturMaguntia', cursive;
font-size: 14px;
color: #8b0000;
letter-spacing: 1.5px;
text-shadow: 0 0 8px rgba(139,0,0,0.3);
position: relative;
z-index: 1;
animation: colorCycle 12s ease-in-out infinite, chromaticAberration 15s ease-in-out infinite;
border-bottom: 1px solid rgba(139,0,0,0.15);
}
/* Content */
.content {
font-family: 'Crimson Text', serif;
color: #000;
font-size: 16px;
line-height: 1.6;
position: relative;
z-index: 1;
}
.content p {
margin-bottom: 10px;
transition: all 0.3s ease;
}
.content p:hover {
text-shadow: 0 0 4px rgba(139,0,0,0.15);
letter-spacing: 0.5px;
}
/* Song names after content */
.song-names-after {
display: block;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid rgba(139,0,0,0.15);
font-family: 'UnifrakturMaguntia', cursive;
font-size: 14px;
color: #8b0000;
letter-spacing: 1.5px;
text-shadow: 0 0 8px rgba(139,0,0,0.3);
position: relative;
z-index: 1;
animation: breathe 4s ease-in-out infinite, chromaticAberration 18s ease-in-out infinite;
}
/* ====== KUDOS ====== */
.kudos-container {
background: linear-gradient(135deg, rgba(139,0,0,0.2), rgba(90,0,0,0.15));
border: 2px solid #8b0000;
border-radius: 8px;
padding: 10px 15px;
margin-top: 15px;
position: relative;
z-index: 1;
overflow: hidden;
animation: glowBorder 4s ease-in-out infinite, borderPulse 4s ease-in-out infinite, pulseBlood 4s ease-in-out infinite;
transition: all 0.3s ease;
}
.kudos-container:hover {
box-shadow: 0 0 25px rgba(139,0,0,0.6), 0 0 50px rgba(200,0,0,0.3);
border-color: #cc0000;
}
.kudos-container::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/kD5fCyGTm9E7Ti99jrT2/image.jpg");
background-size: 150px auto;
background-position: center center;
opacity: 0.25;
pointer-events: none;
animation: breathe 5s ease-in-out infinite;
}
.kudos-container::after {
content: '';
position: absolute;
bottom: -2px; left: 0; right: 0;
height: 10px;
background: repeating-radial-gradient(circle at 12px 0px, transparent 0px, transparent 6px, rgba(139,0,0,0.4) 6px, rgba(139,0,0,0.6) 8px, rgba(200,0,0,0.3) 10px, transparent 10px, transparent 12px);
pointer-events: none;
animation: dripDown 3s linear infinite;
}
.kudos-display {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 10px;
}
.kudos-label {
font-family: 'UnifrakturMaguntia', cursive;
color: #8b0000;
font-size: 16px;
animation: textShadowPulse 5s ease-in-out infinite;
}
.kudos-count {
font-family: 'UnifrakturMaguntia', cursive;
color: #cc0000;
font-size: 18px;
text-shadow: 0 0 8px rgba(200,0,0,0.4);
animation: heartBeat 2s ease-in-out infinite;
display: inline-block;
}
/* ====== COMMENTS ====== */
.comments {
background: rgba(255,255,255,0.92);
border: 2px solid #8b0000;
border-radius: 10px;
margin-top: 15px;
overflow: hidden;
position: relative;
z-index: 1;
animation: glowBorder 5s ease-in-out infinite, borderPulse 5s ease-in-out infinite;
}
.comments .heading {
background: linear-gradient(135deg, #8b0000, #5a0000);
color: #ffcccc;
font-family: 'UnifrakturMaguntia', cursive;
padding: 12px 15px;
position: relative;
overflow: hidden;
animation: textShadowPulse 5s ease-in-out infinite, pulseBlood 6s ease-in-out infinite;
text-shadow: 0 0 8px rgba(255,0,0,0.3);
}
.comments .heading::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url("https://plain-wnam-prod-public.komododecks.com/202606/30/kD5fCyGTm9E7Ti99jrT2/image.jpg");
background-size: 200px auto;
background-position: center center;
opacity: 0.45;
pointer-events: none;
animation: breathe 5s ease-in-out infinite;
}
.comments .heading::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(135deg, rgba(139,0,0,0.7), rgba(180,0,20,0.5), rgba(139,0,0,0.7));
pointer-events: none;
}
.comments .heading h4 {
font-family: 'UnifrakturMaguntia', cursive;
color: #ffcccc;
position: relative;
z-index: 1;
text-shadow: 0 0 8px rgba(255,0,0,0.4), 0 0 20px rgba(200,0,0,0.3);
animation: flickerTitle 10s linear infinite, chromaticAberration 12s ease-in-out infinite;
}
.comments .inner {
padding: 10px 15px;
}
.comments .inner p {
font-family: 'Crimson Text', serif;
color: #333;
}
.comment-row {
display: flex;
border-bottom: 1px solid rgba(139,0,0,0.1);
padding: 8px 0;
transition: all 0.3s ease;
}
.comment-row:hover {
background: rgba(139,0,0,0.03);
}
.comment-author {
width: 100px;
font-family: 'UnifrakturMaguntia', cursive;
color: #8b0000;
font-size: 13px;
padding-right: 10px;
border-right: 2px solid rgba(139,0,0,0.15);
}
.comment-author a {
color: #8b0000;
text-decoration: none;
transition: all 0.3s ease;
}
.comment-author a:hover {
color: #cc0000;
text-shadow: 0 0 6px rgba(200,0,0,0.4);
}
.comment-text {
flex: 1;
padding-left: 10px;
font-family: 'Crimson Text', serif;
color: #000;
font-size: 14px;
}
/* ====== FOOTER ====== */
footer {
background: #1a0000;
border-top: 3px solid #5a0000;
box-shadow: 0 -8px 25px rgba(80,0,0,0.4);
position: relative;
text-align: center;
padding: 15px;
margin-top: 20px;
}
footer::before {
content: '';
position: absolute;
top: -10px; left: 0; right: 0;
height: 10px;
background: repeating-radial-gradient(circle at 20px 0px, transparent 0px, transparent 10px, rgba(139,0,0,0.5) 10px, rgba(139,0,0,0.7) 13px, rgba(200,0,0,0.4) 15px, transparent 15px, transparent 20px);
pointer-events: none;
animation: dripDown 4s linear infinite;
}
footer a {
color: #cc9999;
font-family: 'Crimson Text', serif;
text-decoration: none;
transition: all 0.3s ease;
}
footer a:hover {
color: #ff0033;
text-shadow: 0 0 10px rgba(255,0,51,0.5);
}
/* ====== SCROLLBAR ====== */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #1a0000; box-shadow: inset 0 0 10px rgba(139,0,0,0.2); }
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #8b0000, #5a0000);
border-radius: 5px;
box-shadow: inset 0 0 5px rgba(200,0,0,0.4);
}
/* ====== SELECTION ====== */
::selection {
background: rgba(139,0,0,0.35);
color: #ffcccc;
}
/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
.blog-entry { flex-direction: column; }
.col.w-20.left { width: 100%; }
.col.right .welcome-header { height: 50px; }
.title { font-size: 22px; }
}
</style>
</head>
<body>
<!-- NAV BAR -->
<header class="myspace-header">
<div class="logo">FriendRewind</div>
<nav>
<a href="#">Home</a>
<a href="#">People</a>
<a href="#" class="active">Blog</a>
<a href="#">Forum</a>
<a href="#">Music</a>
</nav>
<div>
<input class="search-bar" type="text" placeholder="Search...">
<button class="search-btn">Go</button>
</div>
</header>
<!-- MAIN -->
<main>
<div class="row article blog-entry">
<!-- LEFT SIDEBAR -->
<div class="col w-20 left">
<div class="edit-info"></div>
<div class="profile-pic">
<img src="https://i.pinimg.com/736x/5b/1c/2e/5b1c2e3a8e0a7d0c1b2a3c4d5e6f7a8b.jpg" alt="Profile" class="pfp-fallback"
onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect fill=%22%231a0505%22 width=%22100%22 height=%22100%22/><text fill=%22%238b0000%22 font-size=%2240%22 x=%2250%22 y=%2260%22 text-anchor=%22middle%22 font-family=%22serif%22>⛧</text></svg>'">
</div>
<div class="author-details">
<h4><a href="#">Mkbailea</a></h4>
</div>
<div class="publish-date">Published 2 hours ago</div>
<div class="category"><b>Category:</b> <a href="#">Fashion</a></div>
<div class="links">
<a href="#blog"><img src="https://litter.catbox.moe/sokdoq.jpeg" class="icon-img" alt="">Blog</a>
<a href="#profile"><img src="https://litter.catbox.moe/5s7fiq.jpeg" class="icon-img" alt="">Profile</a>
<a href="#favorite"><img src="https://litter.catbox.moe/0r5g0s.jpeg" class="icon-img" alt="">Favorite Blog</a>
</div>
</div>
<!-- RIGHT CONTENT -->
<div class="col right">
<div class="welcome-header"></div>
<h1 class="title">Photo my fren foot of me 🌹</h1>
<div class="song-names-before">
⛧ For You I'll Pull the Trigger ⛧ ✦ The Carelessness of Love ✦ ⛧ Drowned in Your Silence ⛧ ✦ As the Seasons Change You'll Find Me the Same ✦
</div>
<div class="content">
<p>Hi! Welcome to my blog! I've been having so much fun rediscovering my pastime and I can't think of a better way to kickstart this than introducing it with the music that haunts my every waking moment.</p>
<p>I'm planning to post more about my favorite screamo and emo bands, upcoming show reviews from the West Coast Tour, and maybe eventually some tips on web design to help create cool things that echo the darkness we all carry inside.</p>
<p>Here are some things I've been up to lately:</p>
<p>Designing custom layouts and themes soaked in crimson... Writing about the sounds that make the soul ache... Collecting memories like dried blood on parchment...</p>
<p>I hope you enjoy my blog as much as I enjoy keeping it up for all of you. Don't forget to add me as a friend! And remember — as the seasons change, you'll find me the same. There's no end in sight.</p>
</div>
<div class="song-names-after">
⛧ This Love Is Ethereal but It's Mellow ⛧ ✦ Ugly People ✦ ⛧ Bare Bones ⛧ ✦ Liliana ✦ ⛧ Let Sleeping Dogs Lie ⛧
</div>
<!-- KUDOS -->
<div class="kudos-container">
<div class="kudos-display">
<span class="kudos-label">♥ Kudos</span>
<span class="kudos-count">3</span>
</div>
</div>
<!-- COMMENTS -->
<div class="comments">
<div class="heading">
<h4>Comments</h4>
</div>
<div class="inner">
<div class="comment-row">
<div class="comment-author"><a href="#">screamopoet</a></div>
<div class="comment-text">this layout is so sick!! the blood drips and falling hearts are everything 🔺🟪</div>
</div>
<div class="comment-row">
<div class="comment-author"><a href="#">gh0stb0y</a></div>
<div class="comment-text">Arranged in April forever 🩸 the aesthetic is impeccable</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- FOOTER -->
<footer>
<a href="#">FriendRewind</a> · <a href="#">About</a> · <a href="#">Terms</a> · <a href="#">Help</a>
</footer>
<!-- FALLING HEARTS CANVAS -->
<canvas id="hearts-canvas" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;"></canvas>
<script>
(function(){
var c=document.getElementById('hearts-canvas');
var ctx=c.getContext('2d');
function rs(){c.width=window.innerWidth;c.height=window.innerHeight;}
rs();
window.addEventListener('resize',rs);
var h=[],mx=60,cl=['rgba(139,0,0,0.7)','rgba(204,0,0,0.6)','rgba(255,51,102,0.5)','rgba(100,0,0,0.4)','rgba(180,0,30,0.55)'];
function ch(){
return{
x:Math.random()*c.width,
y:-20-Math.random()*80,
sz:10+Math.random()*16,
vy:0.5+Math.random()*2,
vx:-0.5+Math.random()*1,
r:Math.random()*Math.PI*2,
rv:-0.02+Math.random()*0.04,
co:cl[Math.floor(Math.random()*cl.length)],
op:0.3+Math.random()*0.5,
w:Math.random()*Math.PI*2,
ws:0.02+Math.random()*0.03,
wa:0.5+Math.random()*1.5
};
}
for(var i=0;i<mx;i++){
var ht=ch();
ht.y=Math.random()*c.height;
h.push(ht);
}
function dh(x,y,s,r){
ctx.save();
ctx.translate(x,y);
ctx.rotate(r);
ctx.beginPath();
ctx.moveTo(0,-s*0.3);
ctx.bezierCurveTo(-s*0.5,-s*0.8,-s,-s*0.2,0,s*0.5);
ctx.moveTo(0,-s*0.3);
ctx.bezierCurveTo(s*0.5,-s*0.8,s,-s*0.2,0,s*0.5);
ctx.fill();
ctx.restore();
}
function an(){
ctx.clearRect(0,0,c.width,c.height);
for(var i=0;i<h.length;i++){
var ht=h[i];
ht.w+=ht.ws;
ht.x+=ht.vx+Math.sin(ht.w)*ht.wa;
ht.y+=ht.vy;
ht.r+=ht.rv;
ctx.fillStyle=ht.co;
ctx.globalAlpha=ht.op;
dh(ht.x,ht.y,ht.sz,ht.r);
ctx.globalAlpha=1;
if(ht.y>c.height+30||ht.x<-30||ht.x>c.width+30){
h[i]=ch();
}
}
requestAnimationFrame(an);
}
an();
})();
// Cursor blood trail
(function(){
var tc=0,mx=20,cl=['rgba(139,0,0,0.5)','rgba(204,0,0,0.4)','rgba(100,0,0,0.35)','rgba(255,51,102,0.3)','rgba(180,0,20,0.4)'];
document.addEventListener('mousemove',function(e){
if(tc>=mx)return;
tc++;
var t=document.createElement('div');
t.style.cssText='position:fixed;border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:screen;animation:cursorFade 1.2s ease-out forwards;';
t.style.left=e.clientX+'px';
t.style.top=e.clientY+'px';
t.style.background=cl[Math.floor(Math.random()*cl.length)];
var s=(2+Math.random()*8)+'px';
t.style.width=s;
t.style.height=s;
document.body.appendChild(t);
setTimeout(function(){t.remove();tc--;},1200);
});
var s=document.createElement('style');
s.textContent='@keyframes cursorFade{0%{opacity:0.9;transform:scale(1);}100%{opacity:0;transform:scale(0);}}';
document.head.appendChild(s);
})();
</script>
</body>
</html>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.