diff options
| -rw-r--r-- | template.txt | 58 |
1 files changed, 41 insertions, 17 deletions
diff --git a/template.txt b/template.txt index acbf9a8..6c7471a 100644 --- a/template.txt +++ b/template.txt @@ -9,7 +9,7 @@ <!--<link rel="icon" type="image/png" href="https://danieljon.es/favicon.png">--> <title>{TITLE}</title> <style> -/*@font-face +@font-face { font-family: 'Agave-Regular'; src: url(/media/fonts/Agave-Regular.eot); @@ -17,28 +17,30 @@ src: url(/media/fonts/Agave-Regular.eot?#iefix) format('embedded-opentype'), url(/media/fonts/Agave-Regular.woff2) format('woff2'), url(/media/fonts/Agave-Regular.woff) format('woff'), url(/media/fonts/Agave-Regular.ttf) format('truetype'), -url(/media/fontsassets/Agave-Regular.svg#Agave-Regular) format('svg'); +url(/media/fontsassets/Agave-Regular.svg#Agave-Regular) format('svg'), +url(Agave-Regular.woff2) format('woff2'); } @font-face { font-family: "Px437_Verite_8x8-2y"; src: url('Px437_Verite_8x8-2y.woff2'); } - */ - @font-face { - font-family: 'allys_sad_handwritingregular'; - src: url('https://danieljones.au/media/allys_sad_handwriting-webfont.woff2') format('woff2'), - url('https://danieljones.au/media/allys_sad_handwriting-webfont.woff') format('woff'); - font-weight: normal; - font-style: normal; + +@font-face { + font-family: 'allys_sad_handwritingregular'; + src: url('https://danieljones.au/media/allys_sad_handwriting-webfont.woff2') format('woff2'), + url('https://danieljones.au/media/allys_sad_handwriting-webfont.woff') format('woff'), + url('allys_sad_handwriting-webfont.woff2') format('woff'); + font-weight: normal; + font-style: normal; } -body{font-family: 'allys_sad_handwritingregular', Arial; font-size: large; font-weight: bolder; background: #F7F0FF; /*color: #999;*/} body { -color: white; -background-color: #281b38; - background-image: url('https://danieljones.au/media/bg.gif'); + font-family: 'Agave-Regular', Arial; font-size: large; font-weight: bolder; background: #F7F0FF; /*color: #999;*/ + color: white; + background-color: #281b38; + background-image: url('https://danieljones.au/media/bg.gif'); } img{max-width: 100%; max-height: 100%; overflow: hidden;} @@ -46,7 +48,11 @@ pre{overflow: auto; border-width: 1px; border-style: solid; border-color: white; .middle{text-align: center;} .middiv{margin: auto; width: 80%;} #gentag{text-align: center; font-size: 75%;} -h1,h2,h3,h4{padding-left: 5px; /*color: #eee;*/} +h1,h2,h3,h4 +{ + font-family: 'allys_sad_handwritingregular', sans-serif; + padding-left: 5px; /*color: #eee;*/ +} hr{border-color: white;} div.viewing{max-width: 70%; width: 100%; display: inline-block; margin: 10px;} div.cover{display:inline-block; vertical-align: top; padding-top: 28px; padding-left: 15px; padding-bottom: 20px;} @@ -99,7 +105,6 @@ max-width: 100%; a { color: #c625ef; text-decoration: none; - font-family: 'allys_sad_handwritingregular', Arial; } .js-message { @@ -285,6 +290,26 @@ to { drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)); } } + +.leftimages +{ + z-index: -1; + position: fixed; + left: 0%; + bottom: -0px; + width: 100px; + height: auto; +} +.hide-on-small +{ + display: block; /* Default display */ +} + +@media (max-width: 600px) { /* Adjust the max-width as needed */ + .hide-on-small { + display: none; /* Hide on small viewports */ + } +} </style> </head> <body> @@ -301,7 +326,6 @@ to { </h1> <div id="links"> <div class="running-sprite"></div> - <table border="1" width="100%" align="center"> <tbody> <tr> @@ -328,7 +352,7 @@ to { <img src="https://danieljones.au/media/tux_rotate.gif" style="width: 100%;"> <img src="https://danieljones.au/media/autism.gif" style="width: 100%;"> </div> - <div style="z-index: -1; position: fixed; left: 0%; bottom: -0px; width: 100px; height: auto;"> + <div class="leftimages hide-on-small"> <center> <img src="https://danieljones.au/media/tux_jump2.gif"> <img src="https://danieljones.au/media/tux_dance2.gif"> |