diff options
| author | Daniel Jones <daniel@danieljon.es> | 2024-10-28 20:31:44 +1100 |
|---|---|---|
| committer | Daniel Jones <daniel@danieljon.es> | 2024-10-28 20:31:44 +1100 |
| commit | 053bcf5096d984b55c66a9cff2dfe600f9a2d993 (patch) | |
| tree | 66b68d71feacffb17906c0343c167cc7c982c281 | |
| parent | ef4a3a9d6542e3ec5ead30e92f43efa5604e0cff (diff) | |
| download | websitegenerator-053bcf5096d984b55c66a9cff2dfe600f9a2d993.tar.gz websitegenerator-053bcf5096d984b55c66a9cff2dfe600f9a2d993.zip | |
more template changes
| -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> |