Navi/www/index.html

204 lines
7.9 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>The Navi | Sitemap to EVERYTHING Sarimoko!</title>
<meta name="author" content="Sarimoko by Travis Reames">
<meta name="description" content="A landing page to redirect people to Sarimoko's Discord server!">
<meta name="keywords" content="sarimoko, sari, moko, sariboto, boto, cord, discord">
<link rel="icon"
type="image/png"
href="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png">
<style type="text/css">
body, html {
background-color: black;
}
h1, h2, h3, h4, h5, p {
color: white;
text-align: center;
}
* {
box-sizing: border-box;
}
#myInput {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 100%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}
#myUL {
list-style-type: none;
padding: 0;
margin: 0;
}
#myUL li a {
border: 1px solid #ddd;
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6;
padding: 12px;
text-decoration: none;
font-size: 18px;
color: black;
display: block
}
#myUL li a:hover:not(.header) {
background-color: #eee;
}
</style>
</head>
<body>
<h1>The Navi</h1>
<h3>Sitemap to EVERYTHING Sarimoko!</h3>
<p>From sub.domains to various platforms, all the links/urls should be here!</p>
<h3>EZ Share / Re-Directs</h3>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<ul id="myUL">
<li><a href="https://bugs.sarimoko.com">Bugs</a> | Report bugs, issues, &amp; other problems!</li>
<li><a href="https://cord.sarimoko.com">Cord</a> | Discord invite redirect, wait 5 secord or click the button!</li>
<li><a href="https://heyo.sarimoko.com">Heyo</a> | Hello Worlds repo's for lots of various codex's and coding languages!</li>
<li><a href="https://live.sarimoko.com">Live</a> | Twitch redirect to the live stream, wait 5 secord or click the button!</li>
<li><a href="https://tube.sarimoko.com">Tube</a> | YouTube redirect to #playlist, wait 5 secord or click the button!</li>
</ul>
<h3>Donations/Tips & Support</h3>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<ul id="myUL">
<li><a href="https://cash.sarimoko.com">Cash</a> | Private contributions but not anonymous.</li>
<li><a href="https://coin.sarimoko.com">Coin</a> | Buy/Earn Sari-Coin Crypto-Tokens (NOT A CRYPTO-CURRENCY YET)</li>
<li><a href="https://fund.sarimoko.com">Fund</a> | GoFundMe campaigns categorized per objective.</li>
<li><a href="https://help.sarimoko.com">Help</a> | Get & give help.</li>
<li><a href="https://mine.sarimoko.com">Mine</a> | Earn crypto for yourself or for Sarimoko on his blockchain.</li>
<li><a href="https://tips.sarimoko.com">Tips</a> | Financially support with donations & crypto transfers</li>
<li><a href="https://wild.sarimoko.com">Wish</a> | Amazon Wishlist sorted by sub-categories.</li>
</ul>
<h3>Goods &amp; Services</h3>
<ul id="myUL">
<li><a href="https://cali.sarimoko.com">Cali</a> | In-Person covering Nor.Cal area!</li>
<li><a href="https://dojo.sarimoko.com">Dojo</a> | Learn the methods of a madman.</li>
<li><a href="https://mark.sarimoko.com">Mark</a> | Custom designs on premade merch!</li>
<li><a href="https://pimp.sarimoko.com">Pimp</a> | Affiliate &amp; promotional information.</li>
<li><a href="https://shop.sarimoko.com">Shop</a> | Artwork, commissions, digital-download, &amp; more!</li>
</ul>
<h3>Projects</h3>
<ul id="myUL">
<li><a href="#">Apps</a> | Web-Apps Sandbox.</li>
<li><a href="#">Boto</a> | Custom Twitch IRC Chatbot with built in HAL3000 &amp; SkyNet</li>
<li><a href="#">Code</a> | Open-Source git repo's written & maintained by a madman!</li>
<li><a href="#">Tune</a> | Lyrics, MIDI, Tabs, & more!</li>
<li><a href="#">Whom</a> | </li>
</ul>
<h3>Portfolio &amp; Showcase</h3>
<ul id="myUL">
<li><a href="#">Anon</a> | Web-Apps Sandbox.</li>
<li><a href="#">Cult</a> | </li>
<li><a href="#">Dead</a> | Joke 404-Page</li>
<li><a href="#">Deku</a> | </li>
<li><a href="#">Soon</a> | </li>
<li><a href="#">Wars</a> | </li>
</ul>
<h3>Side Projects</h3>
<ul id="myUL">
<li><a href="#">Cmds</a> | Chatbot commands for Discord &amp; Twitch!</li>
<li><a href="#">Dark</a> | Deep | Slepping stone into the abyss of the dark/deep web.</li>
<li><a href="#">Game</a> | Coming soons for concepts.</li>
<li><a href="#">Gear</a> | All the goodies &amp; hardware behind the magic.</li>
<li><a href="#">Hype</a> | Tribute to all the support!</li>
<li><a href="#">King</a> | </li>
<li><a href="#">Lurk</a> | Custom Twitch IRC Lurkbot</li>
<li><a href="#">Mods</a> | </li>
<li><a href="#">Neko</a> | Cats | The real stars of the show!</li>
<li><a href="#">Play</a> | Coded &amp; hosted by Sarimoko.</li>
<li><a href="#">Raid</a> | Redirect to Twitch mini-game StreamRaiders</li>
<li><a href="#">Wife</a> | Joke *cough not really cough* application form.</li>
<li><a href="#">Will</a> | If I die tomorrow...</li>
<li><a href="#">Yoho</a> | Pirates Guide to the Universe</li>
</ul>
<h3>Platforms</h3>
<h5>Game</h5>
<ul id="myUL">
<li><a href="#"></a> | </li>
<li><a href="#">Steam</a> | Profile</li>
<li><a href="#">Steam</a> | OBS-Account (Sariboto)</li>
<li><a href="https://steamcommunity.com/id/sarimoko/myworkshopfiles?appid=252490">Steam</a> | Workshop</li>
</ul>
<h5>Code, Software, & Website Developement</h5>
<ul id="myUL">
<li><a href="https://codepen.io/sarimoko">CodePen</a> | </li>
<li><a href="https://github.com/sarimoko">GitHub</a> | </li>
<li><a href="https://gist.github.com/sarimoko">GitHub</a> | Gist</li>
</ul>
<h5>Social Media</h5>
<input type="text" id="searchSocialInput" onkeyup="searchSocial()" placeholder="Search for platforms..." title="Type in a name">
<ul id="searchSocialUL">
<li><a href="https://deviantart.com/sarimoko">Deviant Art</a></li>
<li><a href="https://facebook.com/sarimoko.o">Facebook</a> | Page</li>
<li><a href="https://facebook.com/sarimoko.live">Facebook</a> | Profile</li>
<li><a href="https://www.instagram.com/sari.moko/">Instagram</a></li>
<li><a href="https://www.reddit.com/user/sarimoko-o">Reddit</a> | Profile</li>
<li><a href="https://www.reddit.com/r/Sarimoko_o/">Reddit</a> | Sub-Reddit</li>
<li><a href="https://soundcloud.com/sarimoko">SoundCloud</a></li>
<li><a href="#">Spotify</a> | COMING SOON!</li>
<li><a href="https://www.tiktok.com/@sarimoko">TikTok</a></li>
<li><a href="https://twitch.tv/sarimoko">Twitch</a></li>
<li><a href="https://twitter.com/sarimoko_o">Twitter</a></li>
<li><a href="https://youtube.com/c/sarimoko">YouTube</a></li>
</ul>
<h5>Social Blade Analytics</h5>
<p>Twitch | https://socialblade.com/twitch/user/sarimoko</p>
<script>
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
function searchSocial() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("searchSocialInput");
filter = input.value.toUpperCase();
ul = document.getElementById("searchSocialUL");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
</script>
</body>
<script>
</script>
</html>