Kapisi/roles/Foundation/files/custom/templates/home.tmpl

{{template "base/head" .}}
<!-- BEGIN CUSTOM HOME -->
<div class="home">

    <!-- Title/Logo -->
    <div class="ui stackable middle very relaxed page grid">
        <div class="sixteen wide center aligned centered column">
            <div>
                <img class="logo" src="/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>
    <!-- End title/logo -->

    <!-- Top row -->
    <div class="ui stackable middle very relaxed page grid">

        <!-- Open-source widget -->
        <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="/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>

        <!-- IRC Widget -->
        <div class="eight wide center column">
            <h1 id="contact" 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>
    <!-- End top row -->

    <!-- Bottom row -->
    <div class="ui stackable middle very relaxed page grid">

        <!-- AniNIX/Wiki widget -->
        <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>

        <!-- AniNIX/Maat widget -->
        <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>
    <!-- End bottom row -->

    <hr style="margin-top: 50px;" />

    <!-- Apps -->
    <div class="ui stackable middle very relaxed page grid">
        <div class="sixteen wide center aligned centered column hero">
            <h2 id="apps">Webapps</h2>
            <p>We host a number of web apps to make our users' lives easier.
        </div>
        <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>Singularity</p></a><p>News powered by TT-RSS</p></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>Yggdrasil</p></a><p>Media powered by Emby</p></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>Sharingan</p></a><p>Monitoring powered by Graylog</p></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>Cyberbrain</p></a><p>SFTP Dropbox</p></div>
    </div>
    <!-- End apps -->

    <hr style="margin-top: 50px;" />

    <!-- News -->
    <div class="ui stackable middle very relaxed page grid">
        <div class="sixteen wide center aligned centered column">
            <div class="hero" id="news"></div>
                <script type="text/javascript">
                    insertNewsSnippet("https://aninix.net/assets/rss-snippets/aninix","news");
                </script>
            </div>
        </div>
    </div>

    <!-- Social -->
    <div class="ui stackable middle very relaxed page grid">
        <div class="sixteen wide center aligned centered column">
            <div class="hero" id="social">
                <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>
        <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>
<!-- END CUSTOM HOME -->
{{template "base/footer" .}}