diff options
Diffstat (limited to 'template.txt')
| -rw-r--r-- | template.txt | 23 |
1 files changed, 21 insertions, 2 deletions
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)); + } } </style> </head> |