Welcome to Savannah’s World!

My cozy corner of the internet...

🎵 Heavy Rotation

Here’s what I’m currently listening to, obsessing over, and loving — my current favorites on repeat!

Champagne Supernova - Oasis
The Background - Third Eye Blind
Called You Twice - FIDLAR (feat K. Flay)
Over and Over (Feat. Tim McGraw) - Nelly
Deep Inside of You - Third Eye Blind
Take Me As You Please - The Story So Far
After the Party - The Menzingers

Me 2019

Chicago 2019

Failed cartwheel 2019

.star-list { list-style: none; padding-left: 1.5em; margin: 0; } .star-list li { position: relative; margin-bottom: 0.5em; } .star-list li::before { content: "⭐"; position: absolute; left: 0; top: 0; margin-right: 0.5em; } .star-list li:hover { color: #ff1493; } .album-row { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; } .album-cover { width: 80px; height: 80px; object-fit: cover; border-radius: 5px; border: 2px dotted purple; box-shadow: 0 2px 4px rgba(0,0,0,0.15); cursor: pointer; transition: transform 0.2s; } .album-cover:hover { transform: scale(1.05); } .album-text { flex: 1; } /* Lightbox */ #album-lightbox { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 1000; overflow: hidden; display: flex; } /* Lightbox Image */ #album-lightbox-img { max-width: 90%; max-height: 90%; border-radius: 10px; box-shadow:0 4px 10px rgba(0,0,0,0.3); } /* Floating Hearts/Stars inside lightbox */ #album-lightbox .floating { position: absolute; font-size: 18px; opacity: 0.5; animation: float 6s infinite ease-in-out; } #album-lightbox .heart { color: pink; } #album-lightbox .star { color: gold; } @keyframes float { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(15deg); } 100% { transform: translateY(0) rotate(0deg); } } @media only screen and (max-width:700px){ .album-row { flex-direction: column; align-items: center; } .album-cover { width: 90px; height: 90px; } } // Album cover lightbox const albumCovers = document.querySelectorAll('.album-cover'); const albumLightbox = document.getElementById('album-lightbox'); const albumLightboxImg = document.getElementById('album-lightbox-img'); albumCovers.forEach(cover => { cover.addEventListener('click', () => { albumLightboxImg.src = cover.dataset.full; // full-size image albumLightbox.style.display = 'flex'; }); }); albumLightbox.addEventListener('click', (e) => { if(e.target === albumLightbox || e.target === albumLightboxImg){ albumLightbox.style.display = 'none'; } });