{% include 'global/header.tpl' %}
    <div class="content homepage">
        <div class="content-right content-column">
            <div class="head">Welcome!</div>
            Welcome to Flashii! This is a site for a bunch of friends to hang out, nothing special. Anyone is pretty much welcome to register so why not have a go?
            <a class="button registerbutton" href="/register">Register!</a>
            <a class="button loginbutton" href="/login">Login</a>
            <div class="head">Stats</div>
            We have <b>{{ stats.userCount }}</b>, 
            <b><a href="/u/{{ stats.newestUser.id }}" class="default">{{ stats.newestUser.username }}</a></b> is the newest user, 
            it has been <b>{{ stats.lastRegDate }}</b> since the last user registered and 
            there are <b>{{ stats.chatOnline }}</b> in chat right now.
        </div>
        <div class="content-left content-column">
            <div class="head">News <a href="/news.xml" class="fa fa-rss news-rss default"></a></div>
            {% for newsPost in newsPosts %}
                {% include 'elements/newsPost.tpl' %}
            {% endfor %}
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript" src="//{{ sakura.urls.content }}/js/ybabstat.js"></script>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'flashii';

        /* * * DO NOT EDIT BELOW THIS LINE * * */
        (function () {
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
            s.src = '//' + disqus_shortname + '.disqus.com/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    </script>
{% include 'global/footer.tpl' %}