Sv443
/
sv443.net-Mirror
зеркало из https://github.com/Sv443-Network/sv443.net


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="pagename" content="Sv443 Network - Homepage">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <meta name="description" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
    <meta name="twitter:card" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
    <meta name="subject" content="Video Games">
    <meta name="copyright" content="Sv443 - Licensed under the MIT license ( https://sv443.net/LICENSE )">
    <meta name="author" content="Sv443 ( [email protected] - https://sv443.net/ )">
    <meta name="msvalidate.01" content="E7F67DC0A96E1B4B82A133B38600F151">
    <meta property="og:title" content="Sv443 Network - Homepage">
    <meta property="og:url" content="https://sv443.net/">
    <meta property="og:description" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
    <meta property="og:image" content="https://sv443.net/favicon.png">
    <meta property="og:type" content="profile"> 
    <meta property="og:locale" content="en_US">
    <meta property="og:locale:alternate" content="en_GB">
    <meta property="og:locale:alternate" content="de_DE">
    <meta property="og:locale:alternate" content="de_CH">
    <meta property="og:locale:alternate" content="de_AT">
    <meta name="application-name" content="Sv443 Network - Homepage">
    <meta name="theme-color" content="#101747">

    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Sv443 Network - Homepage</title>
    <script src="https://unpkg.com/phosphor-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
        
    <link rel="apple-touch-icon" sizes="180x180" href="./resources/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./resources/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="194x194" href="./resources/favicons/favicon-194x194.png">
    <link rel="icon" type="image/png" sizes="192x192" href="./resources/favicons/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./resources/favicons/favicon-16x16.png">
    <link rel="mask-icon" href="./resources/favicons/safari-pinned-tab.svg" color="#101747">
    <link rel="shortcut icon" href="./resources/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-config" content="./resources/favicons/browserconfig.xml">
    <meta name="theme-color" content="#101747">
</head>
<body onload="indexonload();">
    <!-- TODO: replace all webp images with png -->
    <!-- TODO: make footer non-sticky -->
    <header>
        <div id="options">
            <div id="themebtn" onclick="theme.change()" title="Switch to dark theme">
                <i class="ph-moon icon"></i>
            </div>
            <!--div id="langbtn" title="Wechsle zu Deutsch" onclick="switchLang();">
                <i class="ph-translate icon"></i>
            </div-->
        </div>
        
        <p id="title">Sv443 Network</p>
    </header>
    <main>
        <div id="synopsis">
            <div>
                <div id="logo"></div>
            </div>
            <div style="display: flex; flex-direction: column;">
                <p>A small network offering free to use and open source applications and services</p>
                <a href="./ko-fi" class="img-link" target="_blank"><div>
                    <img style="max-width: 100%;" src="./resources/images/ko-fi_button.webp" alt="Ko-fi button">
                </div></a>
            </div>
        </div>
        <div id="projects">
            <div id="scripts-websites">
                <div class="list-header">
                    <h1>Projects</h1>
                </div>
                <div class="list">
                    <a href="https://sv443.net/jokeapi/v2/" id="jokeapi" rel="noopener" class="img-link" title="Visit the JokeAPI Website" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/jokeapi.webp" alt="JokeAPI icon" class="square"></img>
                        <h4>JokeAPI</h4>
                    </div></a>
                    <a href="https://github.com/Sv443/SvCoreLib" id="svcorelib" rel="noopener" class="img-link" title="Visit the SvCoreLib GitHub Repository" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/svcorelib.png" alt="SvCoreLib icon" class="square"></img>
                        <h4>SvCoreLib</h4>
                    </div></a>
                    <a href="https://github.com/Sv443/LangApplier" id="langapplier" rel="noopener" class="img-link" title="Visit the LangApplier GitHub Repository" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/langapplier.webp" alt="LangApplier icon" class="rounded square"></img>
                        <h4>LangApplier</h4>
                    </div></a>
                    <a href="https://github.com/Sv443/TamperTubePlus" id="ttp" rel="noopener" class="img-link" title="Visit the TamperTubePlus GitHub Repository" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/ttp.webp" alt="TamperTubePlus icon" class="square"></img>
                        <h4>TamperTubePlus</h4>
                    </div></a>
                    <a href="https://github.com/Sv443/skribbl.io-plus" id="skribbl" rel="noopener" class="img-link" title="Visit the Skribbl.io+ GitHub Repository" target="_blank"><div class="list-item-container">
                        <img src="https://raw.githubusercontent.com/Sv443/code/master/resources/favicons/skribbl.io%2B%20icon.png" alt="Skribbl.io icon" class="square"></img>
                        <h4>Skribbl.io+</h4>
                    </div></a>
                </div>
            </div>
            <div class="horFlexSpacer"></div>
            <div id="games">
                <div class="list-header">
                    <h1 id="gamestitle">Games</h1>
                </div>
                <div class="list">
                    <a href="https://github.com/Sv443/Townly#readme" id="townly" rel="noopener" class="img-link" title="Play Townly" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/townly.png" alt="Townly icon" class="rounded square"></img>
                        <h4>Townly</h4>
                    </div></a>
                    <a href="https://sv443.net/games/flappy_switch/index.html" id="flappyswitch" rel="noopener" class="img-link" title="Play Flappy Switch" target="_blank"><div class="list-item-container">
                        <img src="./resources/images/flappy_switch.webp" alt="Flappy Switch icon" class="rounded square"></img>
                        <h4>Flappy Switch</h4>
                    </div></a>
                    <a href="https://sv443.github.io/TextAdventureGame/TextAdventureGame" id="textisland" rel="noopener" class="img-link" title="Play Text Island" target="_blank"><div class="list-item-container">
                        <img src="https://raw.githubusercontent.com/Sv443/TextAdventureGame/master/icon_160x160.png" alt="Text Island icon" class="rounded square"></img>
                        <h4>Text Island</h4>
                    </div></a>
                </div>
            </div>
        </div>
        <div id="contact">
            <div class="list-header">
                <h1>Contact</h1>
            </div>
            <div class="list">
                <a href="https://github.com/Sv443" id="github" rel="noopener" class="img-link" title="Sv443 on GitHub" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/github.webp" alt="GitHub icon" class="circle"></img>
                    <h4>GitHub</h4>
                </div></a>
                <a href="https://www.npmjs.com/~sv443" id="npm" rel="noopener" class="img-link" title="Sv443 on npm" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/npm.webp" alt="npm icon" class="circle"></img>
                    <h4>npm</h4>
                </div></a>
                <a href="https://sv443.itch.io/" id="itch" rel="noopener" class="img-link" title="Sv443 on Itch.io" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/itch.webp" alt="Itch.io icon" class="circle"></img>
                    <h4>itch.io</h4>
                </div></a>
                <a href="https://www.linkedin.com/in/sven-fehler/" rel="noopener" class="img-link" title="My LinkedIn profile" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/linkedin.webp" alt="LinkedIn icon" class="circle"></img>
                    <h4>LinkedIn</h4>
                </div></a>
                <a href="https://profile.codersrank.io/user/sv443" rel="noopener" class="img-link" title="My CodersRank profile" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/codersrank.webp" alt="CodersRank icon" class="circle"></img>
                    <h4>CodersRank</h4>
                </div></a>
                <a href="https://twitter.com/Sv443_dev" id="twitter" rel="noopener" class="img-link" title="Sv443 on Twitter" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/twitter.webp" alt="Twitter icon" class="circle"></img>
                    <h4>Twitter</h4>
                </div></a>
                <a onclick="copyemail();" id="email" class="img-link" title="Copies Sv443's E-Mail address to your clipboard"><div class="list-item-container">
                    <img src="./resources/images/email.webp" alt="Email icon" class="circle"></img>
                    <h4>Email</h4>
                </div></a>
                <a href="/discord" id="discord" class="img-link" title="Join The Sv443 Network Discord Server" target="_blank"><div class="list-item-container">
                    <img src="./resources/images/discord.webp" alt="Discord icon" class="circle"></img>
                    <h4>Discord</h4>
                </div></a>
            </div>
        </div>
    </main>
    <footer>
        <div id="cookie-consent">
            <div class="big">
                <h3>This website uses cookies</h3>
                <p>
                    We use cookies to store site settings such as the theme.<br>
                    Please accept the usage of functional cookies to enable these features.
                </p>
            </div>
            <div id="consent-button" class="img-link cookieButton" onclick="consentGranted();"><span>Accept</span></div>
            <div id="deny-button" class="img-link cookieButton" onclick="consentDenied();"><span>Deny</span></div>
        </div>
        <div></div>
        <div id="legal">
            <h4><a id="privacypolicy" href="./privacypolicy/en" target="_blank">Privacy Policy</a> &bull; <a id="imprint" href="./imprint/en" target="_blank">Legal Information</a> &bull; <a id="license" href="./LICENSE" target="_blank">License</a></h4>
        </div>
    </footer>
    <div id="notif">
        <h3>Email copied</h3>
    </div>
</body>
</html>