From ef4a3a9d6542e3ec5ead30e92f43efa5604e0cff Mon Sep 17 00:00:00 2001 From: Daniel Jones Date: Mon, 28 Oct 2024 20:23:14 +1100 Subject: more template changes --- template.txt | 51 +++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 43 insertions(+), 8 deletions(-) (limited to 'template.txt') diff --git a/template.txt b/template.txt index 1c22bd5..ebe29b3 100644 --- a/template.txt +++ b/template.txt @@ -49,18 +49,29 @@ div.cover{display:inline-block; vertical-align: top; padding-top: 28px; padding- background-repeat: repeat; background-size: auto 100%; animation: scroll-bg 15s linear infinite; - position: relative; /* This makes the div the positioning context */ - width: 50%; /* Match the original table width */ - margin: auto; /* Center the div */ + position: relative; + width: 50%; + margin: 0 auto; + min-width: 300px; + max-width: 100%; } + @keyframes scroll-bg { - from { - background-position: 100% 0; + 0% { + background-position-x: 100%; + } + 100% { + background-position-x: 0%; } - to { - background-position: 0 0; +} + +/* Media query for small screens */ +@media screen and (max-width: 600px) { + #links { + width: 95%; } } + a { color: #c625ef; text-decoration: none; @@ -198,6 +209,25 @@ table { z-index: 1; background: transparent; } + +.title-container { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; /* space between elements */ +} + +.title-gif { + width: 100px; + height: 100px; + background-image: url('https://danieljones.au/media/tux_dance.gif'); + background-size: contain; + background-repeat: no-repeat; +} + +.title-gif.right { + transform: scaleX(-1); /* flip the right gif */ +} @@ -207,7 +237,11 @@ table { document.write("
"); document.write("
"); --> -

Daniel's Homepage

+

+
+ daniels homepage +
+