329 lines
14 KiB
HTML
329 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<link rel="shortcut icon" href="./assets/star_favicon.ico" type="image/webp">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="./assets/star_favicon.ico">
|
|
<link rel="icon" href="./assets/star_favicon.ico" type="image/webp">
|
|
|
|
|
|
<title>JaxOff 🌸💦 Artist Credits</title>
|
|
|
|
<link rel="preload" as="image" href="./assets/jaxoff_logo.png" />
|
|
|
|
<link rel="stylesheet" href="./css/styles.css" />
|
|
<link rel="stylesheet" href="./css/style.css" />
|
|
<link rel="stylesheet" href="./css/sites.css" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="JaxOff 🌸💦 Artist Credits">
|
|
<meta property="og:description" content="🌸💦">
|
|
<meta property="og:image" content="https://credit.11tw.ink/assets/og.png">
|
|
<meta property="og:url" content="https://credit.11twi.ink/">
|
|
<meta property="og:type" content="website">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="JaxOff 🌸💦 Artist Credits">
|
|
<meta name="twitter:description" content="🌸💦">
|
|
<meta name="twitter:image" content="https://credit.11tw.ink/assets/og.png">
|
|
</head>
|
|
|
|
<body>
|
|
<canvas class="background-canvas" id="backgroundCanvas" aria-hidden="true"></canvas>
|
|
|
|
<div class="main-container">
|
|
<header class="header">
|
|
<a href="https://11tw.ink/" class="back-button">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" style="margin-right: 4px;">
|
|
<path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
|
|
</svg>
|
|
Zurück zu 11tw.ink
|
|
</a>
|
|
|
|
<div class="logo-wrapper">
|
|
<a href="https://11tw.ink/" target="_blank" rel="noopener">
|
|
<img
|
|
src="./assets/jaxoff_logo.png"
|
|
alt="JaxOff Logo"
|
|
class="logo"
|
|
width="280"
|
|
height="280"
|
|
loading="eager"
|
|
decoding="async"
|
|
/>
|
|
</a>
|
|
</div>
|
|
|
|
<h1 class="page-title">Artist Credits</h1>
|
|
<!--<p class="page-subtitle"><span class="heart">♥</span> Ganz lieber text hier <span class="heart">♥</span></p>-->
|
|
<audio id="sound1" src="./assets/hoyooooo.wav" preload="auto"></audio>
|
|
<p class="page-subtitle "><img class="bongo" onclick="document.getElementById('sound1').play();" src="./assets/Bongo.gif"/><a href="https://11tw.ink/onlyfans" target="_blank"><img class="bongo" src="./assets/Bongo.gif"/></a><img class="bongo" onclick="document.getElementById('sound1').play();" src="./assets/Bongo.gif"/> </p>
|
|
</header>
|
|
|
|
<a id="socials">
|
|
<h1 class="separator" title="Social Media / About Me">
|
|
Socials
|
|
</h1>
|
|
</a>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center twitch" href="https://jaxoff.tv">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-twitch"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Twitch</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center discord" href="https://11tw.ink/discord">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-discord"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Discord Server</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center mastodon" href="https://11tw.ink/fedi">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-mastodon"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Fedi / Mastodon</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center bluesky" href="https://11tw.ink/bsky">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-bsky"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Bluesky</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center anilist" href="https://11tw.ink/anilist">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-anilist"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Anilist</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center instagram" href="https://11tw.ink/insta">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-instagram"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Instagram</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center youtube" href="https://11tw.ink/youtube">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-youtube"></use>
|
|
</svg>
|
|
|
|
<span class=" item-title text-center">YouTube</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center tiktok" href="https://11tw.ink/tiktok">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-tiktok"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">TikTok</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center throne" href="https://11tw.ink/wishlist">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-throne"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Wishlist</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center spotify" href="https://11tw.ink/playlist">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-spotify">
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Spotify Stream Playlist</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<a id="refs">
|
|
<h1 class="separator" title="Referenzen">
|
|
Referenzen
|
|
</h1>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center references" href="https://11tw.ink/ref">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-paintbrush"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Jax' Refsheet (VSONA)</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a class="page-item-each py-10 flex-both-center credit" href="https://credit.11tw.ink">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-images"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">Artist Credit</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a class="page-item-each py-10 flex-both-center colours" href="https://c.11tw.ink">
|
|
<svg class="link-each-image">
|
|
<use href="#svg-palette"></use>
|
|
</svg>
|
|
|
|
<span class="item-title text-center">11twink Colours</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<a id="Events">
|
|
<h1 class="separator" title="Events">
|
|
Events
|
|
</h1>
|
|
</a>
|
|
|
|
<p>
|
|
<div class="row">
|
|
<div class="column ConYes">Safe</div>
|
|
<div class="column ConProb">Wahrscheinlich</div>
|
|
<div class="column ConProbNo">Wahrscheinlich nicht</div>
|
|
</div>
|
|
</p>
|
|
|
|
<a id="Events/May2026">
|
|
<h2 class="separator" title="Events">
|
|
Mai 2026
|
|
</h2>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.nonki-con.de/">
|
|
<span class="item-title text-center">NonkiCon // Speyer // 16.-17.05.2026</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.dokomi.de">
|
|
<span class="item-title text-center">DOKOMI // Düsseldorf // 29.-31.05.2026</span>
|
|
</a>
|
|
</div>
|
|
|
|
<a id="Events/Jun2026">
|
|
<h2 class="separator" title="Events">
|
|
Juni 2026
|
|
</h2>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConProb" href="https://gulas.ch">
|
|
<span class="item-title text-center">Gulaschprogrammiernacht // Karlsruhe // 04.-07.06.2026</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.wiemaikai.de/">
|
|
<span class="item-title text-center">Wie.MAI.KAI // Flörsheim am Main // 13.-14.06.2026</span>
|
|
</a>
|
|
</div>
|
|
|
|
<a id="Events/Jul2026">
|
|
<h2 class="separator" title="Events">
|
|
Juli 2026
|
|
</h2>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://shiroco.de/">
|
|
<span class="item-title text-center">ShiroCo // Chemnitz // 11.-12.07.2026</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://animagic.de/">
|
|
<span class="item-title text-center">AnimagiC // Mannheim // 31.07.-02.08.2026</span>
|
|
</a>
|
|
</div>
|
|
|
|
<a id="Events/Aug2026">
|
|
<h2 class="separator" title="Events">
|
|
August 2026
|
|
</h2>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConProb" href="https://www.main-matsuri.com/">
|
|
<span class="item-title text-center">Main Matsuri // Offenbach // 14.-16.08.2026</span>
|
|
</a>
|
|
</div>
|
|
|
|
<a id="Events/Sep2026">
|
|
<h2 class="separator" title="Events">
|
|
September 2026
|
|
</h2>
|
|
</a>
|
|
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConProb" href="https://www.connichi.de/">
|
|
<span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<script src="./js/background.js" defer></script>
|
|
</body>
|
|
</html>
|