2020-10-30 17:16:19 +01:00
<!DOCTYPE html>
2020-10-31 12:56:53 +01:00
< html lang = "en" >
2020-10-30 17:16:19 +01:00
< head >
2024-03-15 14:36:31 +01:00
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2022-09-06 20:44:58 +02:00
< title > OctoSpacc Place | Hub< / title >
2024-03-15 14:36:31 +01:00
< 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" / >
2022-04-23 00:19:31 +02:00
< script src = "https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js" > < / script >
2024-03-15 14:36:31 +01:00
< link href = "./Assets/CSS/Dark.css" rel = "stylesheet" / >
2023-09-23 16:50:18 +02:00
< script src = "./Assets/JS/RandomGIF.js" > < / script >
< script src = "./Assets/JS/CurrentAge.js" > < / script >
2024-04-17 01:30:25 +02:00
< script src = "../shared/OctoHub-Global.js" > < / script >
2020-10-30 17:16:19 +01:00
< / head >
2020-10-31 18:57:29 +01:00
< body >
2022-04-23 00:19:31 +02:00
< div id = "ConfettiCanvas" > < / div >
2021-09-22 22:58:20 +02:00
< div class = "Content" style = "text-align: center;" >
2022-09-06 20:44:58 +02:00
< div >
2023-09-23 16:50:18 +02:00
< 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 >
2024-03-15 14:36:31 +01:00
< h6 > (But every once in a while I do make a new link appear below!)< / h6 >
2022-09-06 20:44:58 +02:00
< / div >
2024-04-27 10:31:35 +02:00
< br / > < br / >
2024-04-27 09:37:09 +02:00
< div style = "font-size: x-small" >
2024-04-27 20:10:58 +02:00
< audio src = "https://octospacc.gitlab.io/Web-ThirdParty-Unknown/Assets/Media/MightyFinalFightSlums.mp3" onloadstart = "this.volume=0.5" controls muted loop autoplay > < / audio >
2024-04-27 10:31:35 +02:00
< p > Theme Song: < i > < a target = "_blank" href = "https://www.youtube.com/watch?v=TwqutMIfc94" > Spirit of Famiclone Selection Menu< / a > < / i > < / p >
2024-04-27 09:37:09 +02:00
< / div >
2023-09-23 16:50:18 +02:00
< br / > < br / > < br / >
2022-09-06 20:44:58 +02:00
< div id = "Links" > < div >
2024-12-06 01:15:41 +01:00
< h3 > < span data-lang-it = "Siti e Contenuti" > Sites and Content< / span > 📚️< / h3 >
2024-01-04 01:58:42 +01:00
< h4 > <!--
-->< small > [🇮🇹]< / small >
2024-04-27 20:10:58 +02:00
< a rel = "me" href = "https://sitoctt.octt.eu.org" > ✨sitoctt✨< / a >
2024-12-02 00:38:47 +01:00
< small > (personale long-form blog & wiki)< / small > <!--
2024-01-04 01:58:42 +01:00
-->< / h4 >
< h4 > <!--
-->< small > [🇮🇹]< / small >
2024-04-27 20:10:58 +02:00
< a rel = "me" href = "https://octospacc.altervista.org" > 📓️ fritto misto di octospacc< / a >
2024-01-04 01:58:42 +01:00
< small > (microblog)< / small > <!--
-->< / h4 >
2024-12-02 00:38:47 +01:00
< h4 > <!--
-->< a rel = "me" href = "https://memos.octt.eu.org" > 📝 Memocto< / a >
< small > (public notes & knowledge base)< / small > <!--
-->< / h4 >
< h4 > < del > <!--
-->< a rel = "me" href = "https://kb.octt.eu.org" > 📝 OcttKB< / a >
< small > (knowledge base & personal wiki)< / small > <!--
-->< / del > < / h4 >
2023-09-23 16:50:18 +02:00
<!-- <h4><del><a href="https://octtspacc.gitlab.io/bachecoctt">🔖️ bachecoctt</a> (my WebPinBoard)</del></h4> -->
2024-12-02 00:38:47 +01:00
< / div > < br / > < div >
< h3 > Web Apps 🈸️< / h3 >
2024-03-19 13:22:38 +01:00
< h4 > <!--
2024-04-13 23:59:52 +02:00
-->< a href = "./HashyMagnet/" > 🧲 HashyMagnet< / a >
2024-03-19 13:22:38 +01:00
< small > (BitTorrent Hash to Magnet)< / small > <!--
-->< / h4 >
< h4 > <!--
2024-04-13 23:59:52 +02:00
-->< a href = "./FramesBrowser/" > 🪟️ Frames Browser< / a >
2024-03-19 13:22:38 +01:00
< small > (< i > yo dawg, i heard you...< / i > )< / small > <!--
-->< / h4 >
2024-04-13 23:59:52 +02:00
< h4 > < a href = "./MatrixStickerHelper/" > 🃏️ [Matrix] Sticker Helper< / a > < / h4 >
2024-07-30 23:47:36 +02:00
< h4 > <!--
-->< a href = "./TiVuOcto/" > 📺️ TiVuOcto< / a >
< small > (Web IPTV Player)< / small > <!--
-->< / h4 >
2024-03-19 13:22:38 +01:00
< h4 > <!--
2024-04-19 00:34:22 +02:00
-->< a href = "./SpiderADB/" > 🕷️ SpiderADB< / a >
< small > (Android debugging for Web)< / small > <!--
2024-03-19 13:22:38 +01:00
-->< / h4 >
< h4 > <!--
2024-04-13 23:59:52 +02:00
-->< a href = "./WuppiMini/" > ☘️ WuppìMini< / a >
2024-03-19 13:22:38 +01:00
< small > (basic-HTML posting client)< / small > <!--
-->< / h4 >
2024-04-19 00:34:22 +02:00
< h4 > <!--
-->< a href = "./MBViewer/" > 👁️🗨️️ MBViewer< / a >
< small > (WordPress/RSS/... chat-like UI)< / small > <!--
-->< / h4 >
< h4 > <!--
-->< a href = "./Ecoji/" > 🦜 Ecoji v1< / a >
< small > (webapp fork)< / small > <!--
-->< / h4 >
2024-12-02 00:38:47 +01:00
< / div > < br / > < div >
< h3 > ??? 💖️< / h3 >
2024-12-06 01:15:41 +01:00
< h4 > < a href = "https://octospacc.gitlab.io/FumoPrisms/" > 🔺️ < span data-lang-it = "Fumo Prismi" > Fumo Prisms< / span > (!)< / a > < / h4 >
< h4 > < a href = "./Collections/" > 🎀 < span data-lang-it = "Mie Collezioni" > My Collections< / span > < / a > < small data-lang-it = "(di post/pagine)" > (of posts/pages)< / small > < / h4 >
< h4 > < a href = "./Userscripts/" > ⚙️ < span data-lang-it = "Miei Userscript" > My Userscripts< / span > < / a > < small data-lang-it = "(per un web più bellino)" > for a nicer web< / small > < / h4 >
< h4 > < span data-lang-it = "Begli" > Nice< / span > < a href = "https://addons.mozilla.org/firefox/collections/18049170/octollection/" > 🦊 < span data-lang-it = "Add-on Firefox" > Firefox Add-ons< / span > < / a >
< small > (< a href = "https://addons.mozilla.org/firefox/user/18049170/" data-lang-it = "miei" > mine< / a > + < span data-lang-it = "consigli" > suggestions< / span > )< / small > < / h4 >
< h4 > < a href = "https://octospacc.altervista.org/contatti-%f0%9f%98%ba%ef%b8%8f/" > 😺️ < span data-lang-it = "Contattami" > Contact me< / span > < / a > < / h4 >
2022-09-06 20:44:58 +02:00
< / div > < / div >
2023-09-23 16:50:18 +02:00
< br / > < br / > < br / >
2023-04-21 16:13:27 +02:00
< div id = "OcttAgeView" >
< p id = "OcttCurrentAge" > < / p >
2022-04-17 19:19:29 +02:00
< noscript > < p > There should be a ticking clock here, but your browser isn't loading the JavaScript.< / p > < / noscript >
2023-09-23 16:50:18 +02:00
< br / >
2022-04-17 19:19:29 +02:00
< / div >
2023-09-23 16:50:18 +02:00
< br / > < br / >
2020-10-30 17:16:19 +01:00
< / div >
2023-09-23 16:50:18 +02:00
< script src = "./Assets/JS/CurrentAgeRenderIndex.js" > < / script >
2022-06-07 17:06:23 +02:00
< div class = "Footer" >
2022-10-29 16:40:35 +02:00
< 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 >
2023-09-23 16:50:18 +02:00
< a rel = "me" href = "https://github.com/andrigamerita" > -> GitHub 🐙️< / a >
< span > < / span >
2024-04-27 20:10:58 +02:00
< a rel = "me" href = "https://octt.itch.io" > -> Itch.io 🛍️< / a >
< span > < / span >
2024-01-04 01:58:42 +01:00
< a rel = "me" href = "https://mastodon.uno/@octo" > -> Mastodon (< dfn title = "inactive" > 💤️< / dfn > ) 🐘< / a >
2023-09-23 16:50:18 +02:00
<!-- <span> </span>
< a rel = "me" href = "https://botsin.space/@octtpz" > -> pezziposting 🦜< / a > -->
2022-10-29 16:40:35 +02:00
< span > < / span >
2023-09-23 16:50:18 +02:00
< a href = "https://bbs.spacc.eu.org" > -> Forum 🏛️< / a >
2022-09-06 20:44:58 +02:00
< span > < / span >
2023-01-18 21:41:34 +01:00
< a href = "https://spacc-inc.github.io" > -> Spacc ⛏️< / a >
2022-10-29 16:40:35 +02:00
< / span >
2022-05-02 12:48:05 +02:00
< / div >
2024-12-06 01:15:41 +01:00
< select id = "LanguageSelect" >
< option value = "en" > 🇬🇧️ English< / option >
< option value = "it" > 🇮🇹️ Italiano< / option >
< / select >
< script > ( f u n c t i o n ( ) {
function datasetLangKey (language) {
return ('lang' + language[0].toUpperCase() + language.slice(1));
}
var language = (localStorage.getItem('OctoSpaccHub-language') || (navigator.language || navigator.languages[0]).split('-')[0]);
var languages = Array.from(LanguageSelect.querySelectorAll('option')).map(function(option){ return option.value; });
LanguageSelect.onchange = function(){
var language = this.selectedOptions[0].value;
Array.from(document.querySelectorAll('[data-lang-'+language+']')).forEach(function(textEl){
var defaultKey = datasetLangKey(document.documentElement.lang);
if (!textEl.dataset[defaultKey]) {
textEl.dataset[defaultKey] = textEl.innerHTML;
}
textEl.innerHTML = textEl.dataset[datasetLangKey(language)];
});
localStorage.setItem('OctoSpaccHub-language', language);
};
if (languages.includes(language)) {
LanguageSelect.querySelector('option[value="'+language+'"]').selected = true;
LanguageSelect.onchange();
}
})();< / script >
2024-02-01 01:03:56 +01:00
< script > ( f u n c t i o n ( ) {
var footerElem = document.querySelector('div.Footer');
var footerScrollLast;
2024-04-27 20:10:58 +02:00
var footerScrollDirection = 1;
2024-02-01 01:03:56 +01:00
var footerShouldScroll = true;
footerElem.onclick = footerElem.ontouch = footerElem.ontouchstart = footerElem.onmouseover = footerElem.onmouseenter = stopFooterScroll;
footerElem.onmouseleave = footerElem.ontouchend = restartFooterScroll;
var footerScrollIndex;
2024-04-27 20:10:58 +02:00
function serviceFooterScroll () {
2024-02-01 01:03:56 +01:00
footerScrollIndex = setInterval(function(){
if (footerElem.scrollLeft === footerScrollLast) {
2024-04-27 20:10:58 +02:00
reverseScrollDirection();
2024-02-01 01:03:56 +01:00
}
footerScrollLast = footerElem.scrollLeft;
2024-04-27 20:10:58 +02:00
footerElem.scrollLeft += footerScrollDirection;
2024-02-01 01:03:56 +01:00
}, 25);
}
2024-04-27 20:10:58 +02:00
function reverseScrollDirection () {
footerScrollDirection *= -1;
stopFooterScroll();
restartFooterScroll(1250);
}
function restartFooterScroll (delay) {
2024-02-01 01:03:56 +01:00
if (!footerScrollIndex) {
2024-04-27 20:10:58 +02:00
footerScrollIndex = setTimeout(serviceFooterScroll, (delay || 2000));
2024-02-01 01:03:56 +01:00
}
}
2024-04-27 20:10:58 +02:00
function stopFooterScroll () {
2024-02-01 01:03:56 +01:00
clearInterval(footerScrollIndex);
footerScrollIndex = null;
}
serviceFooterScroll();
})();< / script >
2020-10-30 17:16:19 +01:00
< / body >
2023-04-21 16:13:27 +02:00
< / html >
