{{template "base/head" .}}
<!-- BEGIN CUSTOM HOME -->
<div class="home">
	<div class="ui stackable middle very relaxed page grid">
		<div class="sixteen wide center aligned centered column">
			<div>
				<img class="logo" src="{{AppSubUrl}}/assets/img/avatar_default.png" />
			</div>
			<div class="hero">
				<h1 class="ui icon header title">
					AniNIX
				</h1>
				<h2>Welcome to the network</h2>
			</div>
		</div>
	</div>
		<div class="ui stackable middle very relaxed page grid">
			<div class="eight wide center column">
				<h1 class="hero ui icon header">
					<img width=20px height=20px src='/assets/img/icons/Foundation.png'/>
                    <a href="https://foundation.aninix.net/explore/repos">Open source security</a>
				</h1>
				<p class="large">
					The AniNIX's primary goal is to ensure everyone has access to the knowledge they need to build a low-cost, secure platform. We make all our source-code accessible and open-source.
				</p>
			</div>
			<div class="eight wide center column">
				<h1 class="hero ui icon header">
					<img width=20px height=20px src='/assets/img/icons/IRC.png'/>
                    <a href='ircs://aninix.net:6697/#lobby'>Contact us anytime</a>
				</h1>
				<p class="large">
					We run an open IRC network -- we'd love to connect with you there. Not familiar with IRC? No worries -- we have a <a href="https://irc.aninix.net/" target=_blank alt="AniNIX/IRC (Web)" id="webchat">webchat</a> available.
				</p> </div>
		</div>
		<div class="ui stackable middle very relaxed page grid">
			<div class="eight wide center column">
				<h1 class="hero ui icon header">
					<img width=20px height=20px src="/assets/img/icons/Wiki.png"/>
                    <a href="/AniNIX/Wiki">Open documentation</a>
				</h1>
				<p class="large">
					We maintain a Wiki to document how and why we do what we do. Hopefully, it can both help others to learn more about computing and spark discussion with the community at large.
				</p>
			</div>
			<div class="eight wide center column">
				<h1 class="hero ui icon header">
					<img width=20px height=20x src="/assets/img/icons/Maat.png"/>
                    <a href="https://maat.aninix.net/">Downloads</a>
				</h1>
				<p class="large">
                    We offer downloads from our AniNIX/Maat continuous-deployment system, including static files and packages for <a href="https://archlinux.org/">ArchLinux-style distributions.</a>
				</p>
			</div>
		</div>
        <hr style="margin-top: 50px;" />
        <div class="sixteen wide center aligned centered column">
            <div class="hero">
                <h2>Webapps</h2>
                <p>We host a number of web apps to make our users' lives easier.
            </div>
            <div class="ui stackable middle very relaxed page grid">
                <div class="four wide center column"><a title="AniNIX/Singularity" href="https://singularity.aninix.net"><img style="width: 50px; height:auto; margin: 0; padding: 0 auto;" alt=RSS src="/assets/img/icons/Singularity.png" /><p>AniNIX/Singularity (News powered by TT-RSS)</p></a></div>
                <div class="four wide center column"><a title="AniNIX/Yggdrasil" href="https://yggdrasil.aninix.net"><img style="width: 50px; height:auto; margin: 0; padding: 0 auto;" src="/assets/img/icons/Yggdrasil.png" /><p>AniNIX/Yggdrasil (Media powered by Emby)</p></a></div>
                <div class="four wide center column"><a title="AniNIX/Sharingan" href="https://sharingan.aninix.net"><img src="/assets/img/icons/Sharingan.png" style="width: 50px; height:auto; margin: 0; padding: 0 auto;" /><p>AniNIX/Sharingan (Monitoring powered by Graylog)</p></a></div>
                <div class="four wide center column"><a title="AniNIX/Cyberbrain" href="https://cyberbrain.aninix.net"><img src="/assets/img/icons/Cyberbrain.png" style="width: 50px; height:auto; margin: 0; padding: 0 auto;" /><p>AniNIX/Cyberbrain (SFTP Dropbox)</p></a></div>
            </div>
        </div>
<hr style="margin-top: 50px;" />
        <div class="sixteen wide center aligned centered column">
                <div class="hero" id="latest-news"></div>
                 <script type="text/javascript">
                     insertNewsSnippet("https://aninix.net/assets/rss-snippets/aninix","latest-news");
                 </script>
        </div>
        <div class="sixteen wide center aligned centered column">
            <div class="hero">
                <h2>Follow us on social media</h2>
                <p>We want to stay in touch with you, so we are present on the social media platforms we find applicable.<br/> Have one you want us on? Contact us and let us know!</p>
            </div>
            <div class="ui stackable middle very relaxed page grid">
                <div class="two wide center column"><!--placeholder--><p>&nbsp;</p></div>
                <div class="two wide center column"><a title=AniNIX/RSS href="/assets/aninix.xml"><img style="width: 50px; height:auto; margin: 0; padding: 0 auto;" alt=RSS src="/assets/img/social/rss.png" /></a></div>
                <div class="two wide center column"><a title=Discord href="https://discord.gg/2bmggfR"><img alt=Discord style="width: 50px; height:auto; margin: 0; padding: 0 auto;" src="/assets/img/social/discord.ico" /></a></div>
                <div class="two wide center column"><a title=GitHub href="https://github.com/AniNIX"><img alt=GitHub src="/assets/img/social/github.png" style="width: 50px; height:auto; margin: 0; padding: 0 auto;" /></a></div>
                <div class="two wide center column"><a title=YouTube href="https://www.youtube.com/channel/UCe-WNM2mbI51xoVZp3K_wFQ"><img src="/assets/img/social/youtube.png" style="width: 50px; height:auto; margin: 0; padding: 0 auto;" /></a></div>
                <div class="two wide center column"><a title=LinkedIn href="https://www.linkedin.com/groups/13577720"><img style="width: 50px; height:auto; margin: 0; padding: 0 auto;" src="/assets/img/social/linkedin.png" /></a></div>
                <div class="two wide center column"><a title=Facebook href="https://facebook.com/aninixnetwork"><img style="width: 50px; height:auto; margin: 0; padding: 0 auto;" src="/assets/img/social/facebook.png" /></a></div>
                <div class="two wide center column"><!--placeholder--><p>&nbsp;</p></div>
            </div>
        </div>
</div>
<!-- END CUSTOM HOME -->
{{template "base/footer" .}}