117 lines
4.6 KiB
HTML
117 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>OctoSpacc Place | Hub</title>
|
|
<meta name="description" content="Kinda empty :/"/>
|
|
<meta property="og:title" content="OctoSpacc Place | Hub"/>
|
|
<meta property="og:description" content="Kinda empty :/"/>
|
|
<meta property="og:image" content="RichPreview/index.jpg"/>
|
|
<meta property="og:url" content="https://hub.octt.eu.org/"/>
|
|
<link rel="canonical" href="https://hub.octt.eu.org/"/>
|
|
<link rel="shortcut icon" href="favicon.png" type="image/x-icon"/>
|
|
<script src="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js"></script>
|
|
<link href="./Assets/CSS/Dark.css" rel="stylesheet"/>
|
|
<script src="./Assets/JS/RandomGIF.js"></script>
|
|
<script src="./Assets/JS/CurrentAge.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="ConfettiCanvas"></div>
|
|
<div class="Content" style="text-align: center;">
|
|
<div>
|
|
<h1>OctoSpacc Hub</h1><br/><br/>
|
|
<h3>Will this place ever be truly filled up?</h3>
|
|
<h5>At the moment, it's still kind of an humble hub...</h5>
|
|
<h6>(But every once in a while I do make a new link appear below!)</h6>
|
|
</div>
|
|
<br/><br/><br/>
|
|
<div id="Links"><div>
|
|
<h4><!--
|
|
--><small>[🇮🇹]</small>
|
|
<a href="https://sitoctt.octt.eu.org">✨sitoctt✨</a>
|
|
<small>(long-form blog, personale)</small><!--
|
|
--></h4>
|
|
|
|
<h4><!--
|
|
--><a href="https://kb.octt.eu.org">📝 OcttKB</a>
|
|
<small>(knowledge base & personal wiki)</small><!--
|
|
--></h4>
|
|
|
|
<h4><!--
|
|
--><small>[🇮🇹]</small>
|
|
<a href="https://octospacc.altervista.org">📓️ fritto misto di octospacc</a>
|
|
<small>(microblog)</small><!--
|
|
--></h4>
|
|
|
|
<!--<h4><del><a href="https://octtspacc.gitlab.io/bachecoctt">🔖️ bachecoctt</a> (my WebPinBoard)</del></h4>-->
|
|
<br/>
|
|
<h4><a href="./HashyMagnet">🧲 HashyMagnet</a> <small>(BitTorrent Hash to Magnet)</small></h4>
|
|
<h4><a href="./Ecoji">🦜 Ecoji v1</a> <small>(webapp fork)</small></h4>
|
|
<h4><a href="./FramesBrowser">🪟️ Frames Browser</a></h4>
|
|
<h4><a href="./MatrixStickerHelper">🃏️ [Matrix] Sticker Helper</a></h4>
|
|
<h4><a href="./MBViewer">👁️🗨️️ MBViewer</a> <small>(WordPress/RSS/... chat-like UI)</small></h4>
|
|
<h4><a href="./WuppiMini">☘️ WuppìMini</a> <small>(basic-HTML posting client)</small></h4>
|
|
<br/>
|
|
<h4><a href="https://octospacc.gitlab.io/FumoPrisms">🔺️ Fumo Prisms (!)</a></h4>
|
|
<h4><a href="./Userscripts">⚙️ My Userscripts</a></h4>
|
|
</div></div>
|
|
<br/><br/><br/>
|
|
<div id="OcttAgeView">
|
|
<p id="OcttCurrentAge"></p>
|
|
<noscript><p>There should be a ticking clock here, but your browser isn't loading the JavaScript.</p></noscript>
|
|
<br/>
|
|
</div>
|
|
<br/><br/>
|
|
</div>
|
|
<script src="./Assets/JS/CurrentAgeRenderIndex.js"></script>
|
|
<div class="Footer">
|
|
<span class="FlexItem FooterLeft">
|
|
<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">📐 Sources <-</a>
|
|
</span>
|
|
<span> </span>
|
|
<span class="FlexItem FooterRight">
|
|
<a rel="me" href="https://gitlab.com/octospacc">-> GitLab 🦊</a>
|
|
<span> </span>
|
|
<a rel="me" href="https://github.com/andrigamerita">-> GitHub 🐙️</a>
|
|
<span> </span>
|
|
<a rel="me" href="https://mastodon.uno/@octo">-> Mastodon (<dfn title="inactive">💤️</dfn>) 🐘</a>
|
|
<!--<span> </span>
|
|
<a rel="me" href="https://botsin.space/@octtpz">-> pezziposting 🦜</a>-->
|
|
<span> </span>
|
|
<a href="https://bbs.spacc.eu.org">-> Forum 🏛️</a>
|
|
<span> </span>
|
|
<a href="https://spacc-inc.github.io">-> Spacc ⛏️</a>
|
|
</span>
|
|
</div>
|
|
<script>(function(){
|
|
var footerElem = document.querySelector('div.Footer');
|
|
var footerScrollLast;
|
|
var footerScrollDir = 1;
|
|
var footerShouldScroll = true;
|
|
footerElem.onclick = footerElem.ontouch = footerElem.ontouchstart = footerElem.onmouseover = footerElem.onmouseenter = stopFooterScroll;
|
|
footerElem.onmouseleave = footerElem.ontouchend = restartFooterScroll;
|
|
var footerScrollIndex;
|
|
function serviceFooterScroll() {
|
|
footerScrollIndex = setInterval(function(){
|
|
if (footerElem.scrollLeft === footerScrollLast) {
|
|
footerScrollDir *= -1;
|
|
}
|
|
footerScrollLast = footerElem.scrollLeft;
|
|
footerElem.scrollLeft += footerScrollDir;
|
|
}, 25);
|
|
}
|
|
function restartFooterScroll() {
|
|
if (!footerScrollIndex) {
|
|
footerScrollIndex = setTimeout(serviceFooterScroll, 2000);
|
|
}
|
|
}
|
|
function stopFooterScroll() {
|
|
clearInterval(footerScrollIndex);
|
|
footerScrollIndex = null;
|
|
}
|
|
serviceFooterScroll();
|
|
})();</script>
|
|
</body>
|
|
</html>
|