website-new-new-build/index.html
2024-11-02 19:38:14 +02:00

135 lines
No EOL
7.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Juli's silly website</title>
<link rel="stylesheet" href="/static/style.css">
<meta charset="utf-8"/>
<meta name="author" content="Juli" />
<meta name="generator" content="basalt-ng" />
<meta content="juli's page" property="og:title" />
<meta content="some furry's page" property="og:description" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:site" content="https://julimiro.eu" />
<meta name="twitter:title" content="juli's website" />
<meta name="twitter:description" content="a silly fur's page" />
<link rel="preload" href="/static/particles.js" as="script" />
<link rel="preload" href="/static/animal.js" as="script" />
<link rel="preload" href="/static/info.js" as="script" />
<link rel="preload" href="https://analytics.julimiro.eu/script.js" as="script" />
<link rel="preload" href="/static/Swup.umd.js" as="script" />
<link rel="preload" href="/static/Swup.accessability.umd.js" as="script" />
<link rel="preload" href="/static/Swup.preloader.umd.js" as="script" />
<link rel="preload" href="/static/Swup.proggressbar.umd.js" as="script" />
<link rel="preload" href="/static/oneko.js" as="script" />
<link rel="preload" href="/static/style.css" as="style" />
<link rel="preload" href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400%7Croboto-mono:100,400,700" as="style" />
<link rel="preload" href="https://fonts.bunny.net/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-400-normal.woff2" as="font" />
<link rel="preload" href="https://fonts.bunny.net/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-ext-400-normal.woff2" as="font" />
<script src="/static/particles.js"></script>
<script src="/static/animal.js"></script>
<script src="/static/info.js"></script>
<script defer src="https://analytics.julimiro.eu/script.js" data-website-id="01473add-5822-419b-a43d-124b70f0ae80"></script>
<script src="/static/Swup.umd.js"></script>
<script src="/static/Swup.accessability.umd.js"></script>
<script src="/static/Swup.preloader.umd.js"></script>
<script src="/static/Swup.proggressbar.umd.js"></script>
<script>
window.addEventListener('load', function () {
const swup = new Swup({
plugins: [
new SwupPreloadPlugin(),
new SwupA11yPlugin(),
new SwupProgressPlugin(),
]
});
})
</script>
</head>
<body>
<noscript><style>.scriptonly {display: none;}</style></noscript>
<script src="/static/oneko.js"></script>
<div id="particles-js"></div>
<div class="page">
<div class="content container">
<h1>Juli's silly website</h1>
<p>I am Juli, a Finnish pansexual genderfluid furry from '09(thats 15 years old). I go by Juli or Julimiro, I prefer it/its and she/her(in that order) but any are fine.</p>
<p>I have a few coding projects which are on my <a href="https://git.gay/Juli">git</a>(and still a bit on my <a href="https://github.com/Juliasmatius">github</a>)</p>
<div class="socials">
<a alt="Fediverse" rel="me" target="_blank" href="https://kitsunes.club/@juli"><img alt="Fediverse" title="Fediverse" width=50px height=50px src="/static/icons/fediverse.svg" /></a>
<a alt="Lemmy" rel="me" target="_blank" href="https://pawb.social/u/Juli"><img alt="Lemmy" title="Lemmy" width=50px height=50px src="/static/icons/lemmy.svg" /></a>
<a alt="Last.fm" rel="me" target="_blank" href="https://www.last.fm/user/Julimiro"><img alt="Last.fm" title="Last.fm" width=50px height=50px src="/static/icons/lastfm.svg" /></a>
<a alt="Youtube" rel="me" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"title="Youtube" width=50px height=50px src="/static/icons/youtube.svg" /></a>
<a alt="Pronouns-page" rel="me" target="_blank" href="https://en.pronouns.page/u/Julimiro"><img alt="Pronouns.page"title="prononuns.page" width=50px height=50px src="/static/icons/pronouns.svg" /></a>
</div>
<div class="footer_images">
<a target="_blank" href="https://www.codecademy.com/learn/learn-css"><img id="gif_buttons" loading="lazy" src="/static/buttons/csshard.gif"></a>
<a target="_blank" href="https://www.linux.org/"><img id="gif_buttons" loading="lazy" src="/static/buttons/linux.gif"></a>
<a target="_blank" href="https://www.furaffinity.net/"><img id="gif_buttons" loading="lazy" src="/static/buttons/paws.gif"></a>
<a target="_blank" href="https://jointhefediverse.net/join"><img id="gif_buttons" loading="lazy" src="/static/buttons/fediverse.gif"></a>
<a><img id="gif_buttons" loading="lazy" src="/static/buttons/juli.gif"></a>
<a target="_blank" href="https://x86.breadtf.com/"><img id="gif_buttons" loading="lazy" src="/static/buttons/cutie.gif"></a>
<a target="_blank" href="https://confusionunknown.nekoweb.org/"><img id="gif_buttons" loading="lazy" src="https://confusionunknown.nekoweb.org/static/buttons/cnfunknown.gif"></a>
<a target="_blank" href="https://www.linux.org/"><img id="gif_buttons" loading="lazy" src="/static/buttons/powered_linux.gif"></a>
<a target="_blank" href="https://www.linux.org/"><img id="gif_buttons" loading="lazy" src="/static/buttons/madeonlinux.png"></a>
<a target="_blank" href='https://www.humanrightscareers.com/issues/trans-rights-101-definition-examples-significance/'><img id="gif_buttons" loading="lazy" src="/static/buttons/transrights.gif"></a>
<a><img id="gif_buttons" loading="lazy" src="/static/buttons/flag-pan.gif"></a>
<a target="_blank" href="https://breadtf.com/"><img id="gif_buttons" loading="lazy" src="/static/buttons/gayweb.gif"></a>
<a target="_blank" href='https://transfem.social/@x86overflow'><img id="gif_buttons" loading="lazy" src="/static/buttons/boykisser.gif"></a>
<a><img id="gif_buttons" loading="lazy" src="/static/buttons/boykiss.gif"></a>
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img id="gif_buttons" loading="lazy" src="/static/buttons/cc-by-nc-sa.gif"></a>
</div>
</div>
<div class="sidebar">
<div class="sidebar_box container">
<header>
<h2>Juli's site</h2>
<h4>a silly site for a silly goober</h4>
</header>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/posts.html">Posts</a></li>
<li><a href="/pages/contact">Contact</a></li>
<li><a href="/pages/license">License info/Privacy policy</a></li>
<li><a href="/pages/selfhosting">How I selfhost</a></li>
<li><a href="/pages/Support">Support</a></li>
</ul>
</div>
<div class="sidebar_box container scriptonly">
<p id="time">Current time could not be loaded.</p>
<div id="song"><p>Current song could not be loaded.</p></div>
<div id="weather"><p>Current weather could not be loaded.</p></div>
</div>
<div class="sidebar_box container scriptonly">
<div class="animal_div">
<img src="" id="animal_img" alt="randomly picked image of cute animal">
<p id="animal_subtitle"></p>
<p>Images stolen from <a target="_blank" href="https://tinyfox.dev/image-list/">tinyfox.dev</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- trans rights :3 -->