general improvements
This commit is contained in:
parent
ffe36d3555
commit
9b0ea2c0f1
7 changed files with 28 additions and 18 deletions
|
@ -17,8 +17,8 @@ $date = calculate_elapsed_years("2009-08-29");
|
||||||
<link rel="stylesheet" href="/static/style/index.css">
|
<link rel="stylesheet" href="/static/style/index.css">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="fox_div">
|
<div class="fox_div">
|
||||||
<img src="<?php echo $animal_url;?>" id=myImg title="Randomly picked image of a <?php echo $names[$number];?>" alt="randomly picked image of a <?php echo $names[$number];?>">
|
<img loading="lazy" src="<?php echo $animal_url;?>" id=animal_img title="Randomly picked image of a <?php echo $names[$number];?>" alt="randomly picked image of a <?php echo $names[$number];?>">
|
||||||
<p>Current image is a <?php echo $names[$number];?>.</p>
|
<p id="imagetext">Current image is a <?php echo $names[$number];?>.</p>
|
||||||
<p>Images stolen from <a target="_blank" href="https://tinyfox.dev/image-list/">tinyfox.dev</a></p>
|
<p>Images stolen from <a target="_blank" href="https://tinyfox.dev/image-list/">tinyfox.dev</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_text">
|
<div class="main_text">
|
||||||
|
@ -39,7 +39,7 @@ $date = calculate_elapsed_years("2009-08-29");
|
||||||
width=50px height=50px src="/static/assets/icons/lastfm.svg" /></a>
|
width=50px height=50px src="/static/assets/icons/lastfm.svg" /></a>
|
||||||
<?php // <a alt="Steam" target="_blank" href="https://steamcommunity.com/id/julimiro/"><img alt="Steam" title="Steam" width=50px height=50px src="/static/assets/icons/steam.svg"/></a> ?>
|
<?php // <a alt="Steam" target="_blank" href="https://steamcommunity.com/id/julimiro/"><img alt="Steam" title="Steam" width=50px height=50px src="/static/assets/icons/steam.svg"/></a> ?>
|
||||||
<a alt="Youtube" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"
|
<a alt="Youtube" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"
|
||||||
title="Youtube" width=50px height=50px src="/static/assets/icons/youtube.svg" /></a>
|
title="Youtube" width=50px height=50px src3="/static/assets/icons/youtube.svg" /></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
BIN
static/assets/buttons/cutie.gif
Normal file
BIN
static/assets/buttons/cutie.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.4 KiB |
BIN
static/assets/buttons/juli.gif
Normal file
BIN
static/assets/buttons/juli.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.1 KiB |
BIN
static/assets/buttons/neofox.gif
Normal file
BIN
static/assets/buttons/neofox.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.6 KiB |
|
@ -1,5 +1,3 @@
|
||||||
<link rel="stylesheet" href="/static/commons/style.css">
|
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="footer_text" <p>© <?php echo date(
|
<div class="footer_text" <p>© <?php echo date(
|
||||||
"Y"
|
"Y"
|
||||||
|
@ -10,21 +8,24 @@
|
||||||
|
|
||||||
<div class="footer_images">
|
<div class="footer_images">
|
||||||
<a target="_blank" href="https://www.codecademy.com/learn/learn-css"><img
|
<a target="_blank" href="https://www.codecademy.com/learn/learn-css"><img
|
||||||
src="/static/assets/buttons/csshard.gif"></a>
|
loading="lazy" src="/static/assets/buttons/csshard.gif"></a>
|
||||||
<a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/linux.gif"></a>
|
<a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/linux.gif"></a>
|
||||||
<a target="_blank" href="https://www.furaffinity.net/"><img src="/static/assets/buttons/paws.gif"></a>
|
<a target="_blank" href="https://www.furaffinity.net/"><img loading="lazy" src="/static/assets/buttons/paws.gif"></a>
|
||||||
<a target="_blank" href="https://jointhefediverse.net/join"><img src="/static/assets/buttons/fediverse.gif"></a>
|
<a target="_blank" href="https://jointhefediverse.net/join"><img loading="lazy" src="/static/assets/buttons/fediverse.gif"></a>
|
||||||
<a target="_blank" href="https://www.php.net/"><img src="/static/assets/buttons/php.gif"></a>
|
<a target="_blank" href="https://www.php.net/"><img loading="lazy" src="/static/assets/buttons/php.gif"></a>
|
||||||
<a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/powered_linux.gif"></a>
|
<a><img loading="lazy" src="/static/assets/buttons/juli.gif"></a>
|
||||||
<a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/madeonlinux.png"></a>
|
<a target="_blank" href="https://x86.breadtf.com/"><img loading="lazy" src="/static/assets/buttons/cutie.gif"></a>
|
||||||
|
<a target="_blank" href="https://confusionunknown.nekoweb.org/"><img loading="lazy" src="https://confusionunknown.nekoweb.org/static/buttons/cnfunknown.gif"></a>
|
||||||
|
<a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/powered_linux.gif"></a>
|
||||||
|
<a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/madeonlinux.png"></a>
|
||||||
<a target="_blank"
|
<a target="_blank"
|
||||||
href='https://www.humanrightscareers.com/issues/trans-rights-101-definition-examples-significance/'><img
|
href='https://www.humanrightscareers.com/issues/trans-rights-101-definition-examples-significance/'><img
|
||||||
src="/static/assets/buttons/transrights.gif"></a>
|
loading="lazy" src="/static/assets/buttons/transrights.gif"></a>
|
||||||
<a><img src="/static/assets/buttons/flag-pan.gif"></a>
|
<a><img loading="lazy" src="/static/assets/buttons/flag-pan.gif"></a>
|
||||||
<a target="_blank" href="https://breadtf.com/"><img src="/static/assets/buttons/gayweb.gif"></a>
|
<a target="_blank" href="https://breadtf.com/"><img loading="lazy" src="/static/assets/buttons/gayweb.gif"></a>
|
||||||
<a target="_blank" href='https://transfem.social/@x86overflow'><img
|
<a target="_blank" href='https://transfem.social/@x86overflow'><img
|
||||||
src="/static/assets/buttons/boykisser.gif"></a>
|
loading="lazy" src="/static/assets/buttons/boykisser.gif"></a>
|
||||||
<a><img src="/static/assets/buttons/boykiss.gif"></a>
|
<a><img loading="lazy" src="/static/assets/buttons/boykiss.gif"></a>
|
||||||
<!-- <a target="_blank" href="https://ubuntu.com/"><img src="/static/buttons/ubuntu.gif"></a> -->
|
<!-- <a target="_blank" href="https://ubuntu.com/"><img src="/static/buttons/ubuntu.gif"></a> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
9
static/script/lazyloader.js
Normal file
9
static/script/lazyloader.js
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
function getRandomInt(max) {
|
||||||
|
return Math.floor(Math.random() * max);
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_animal() {
|
||||||
|
const animals = ["https://api.tinyfox.dev/img?animal=caracal","https://api.tinyfox.dev/img?animal=chee","https://api.tinyfox.dev/img?animal=yote","https://api.tinyfox.dev/img?animal=dook","https://api.tinyfox.dev/img?animal=fox","https://api.tinyfox.dev/img?animal=mane","https://api.tinyfox.dev/img?animal=ott","https://api.tinyfox.dev/img?animal=marten","https://api.tinyfox.dev/img?animal=wah","https://api.tinyfox.dev/img?animal=serval","https://api.tinyfox.dev/img?animal=woof","https://api.tinyfox.dev/img?animal=yeen"];
|
||||||
|
var animal_index = getRandomInt(animals.length-1);
|
||||||
|
document.getElementById("animal_img").src = animals[animal_index];
|
||||||
|
}
|
|
@ -47,7 +47,7 @@ body {
|
||||||
margin-top: 200px;
|
margin-top: 200px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 80%;
|
max-width: 80vh;
|
||||||
margin-top: 80%;
|
margin-top: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue