From 053bcf5096d984b55c66a9cff2dfe600f9a2d993 Mon Sep 17 00:00:00 2001 From: Daniel Jones Date: Mon, 28 Oct 2024 20:31:44 +1100 Subject: more template changes --- template.txt | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) (limited to 'template.txt') diff --git a/template.txt b/template.txt index ebe29b3..b0e2068 100644 --- a/template.txt +++ b/template.txt @@ -214,7 +214,8 @@ table { display: flex; align-items: center; justify-content: center; - gap: 10px; /* space between elements */ + gap: 10px; + height: 32px; } .title-gif { @@ -223,10 +224,28 @@ table { background-image: url('https://danieljones.au/media/tux_dance.gif'); background-size: contain; background-repeat: no-repeat; + display: inline-block; + filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)) + drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) + drop-shadow(0 0 15px rgba(255, 255, 255, 0.3)); + animation: glow 2s ease-in-out infinite alternate; } .title-gif.right { - transform: scaleX(-1); /* flip the right gif */ + transform: scaleX(-1); +} + +@keyframes glow { + from { + filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)) + drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) + drop-shadow(0 0 15px rgba(255, 255, 255, 0.3)); + } + to { + filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.9)) + drop-shadow(0 0 15px rgba(255, 255, 255, 0.7)) + drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)); + } } -- cgit v1.2.3