{% extends "base.html" %}

{% block title %} Welcome to Reddit Subnet {% endblock %}

{% block header %}

    <div class='throbber'>
        <div class='innerthrobber'></div>
    </div>
    <a href='javascript:login()'>log in</a>

{% endblock %}

{% block content %}

    <div id='content'>
        <canvas id='tesselation'></canvas>
        <div id='biglogo' class='logo'></div>
    </div>

    <div id='innerwrapper' style='margin-top: 20em'>
        <div class='item'>
            <div id='crown'>
                <h2>Welcome to Subnet!</h2>
                <p>New to our site? Take a look at what we have to offer!</p>
                <div class='bluebar'></div>
            </div>
            <div class='tree'>
                <p>
                    <svg viewBox="0 0 30 10">
                        <path d="M5 5 l25 0"></path>
                        <circle cx="5" cy="5" r="3"></circle>
                    </svg>
                    <b>Lots of bots</b>
                    <br>
                    <span>
                        Subnet is devoted to providing a wide assortment of bot services made by and written for reddit mods.
                    </span>
                </p>
                <p>
                    <svg viewBox="0 0 30 10">
                        <path d="M5 5 l25 0"></path>
                        <circle cx="25" cy="5" r="3"></circle>
                    </svg>
                    <b>
                        Everything in one place
                    </b>
                    <br>
                    <span>
                        This site is the hub for all our bots, and all of them can be conviently set up and configured from here
                    </span>
                </p>
                <p>
                    <svg viewBox="0 0 30 10">
                        <path d="M5 5 l25 0"></path>
                        <circle cx="5" cy="5" r="3"></circle>
                    </svg>
                    <b>
                    In development
                    </b>
                    <br>
                    <span>
                        Subnet is in constant development. New features are constantly being worked on to make your life easier
                    </span>
                </p>
                <p>
                    <svg viewBox="0 0 30 10">
                        <path d="M5 5 l25 0"></path>
                        <circle cx="25" cy="5" r="3"></circle>
                    </svg>
                    <b>Pretty cheap</b>
                    <br>
                    <span>
                        Prices for our services start (and end) at $0, and it will remain that way. You've got nothing to lose!
                    </span>
                </p>
                <p>
                    <svg viewBox="0 0 30 10">
                        <path d="M5 5 l25 0"></path>
                        <circle cx="5" cy="5" r="3"></circle>
                    </svg>
                    <b>Just start</b>
                    <br>
                    <span>
                        Feel excited about our service? Starting your use of this site is as easy as clicking a button, so just do it!
                    </span>
                </p>
                <div class='stem'></div>
            </div>
            <div class='center'>
                <a class='buttonesque' href='javascript:login()'>Log in with Reddit!</a>
            </div>
        </div>
    </div>

{% endblock %}

{% block scripts %}
    {% load staticfiles %}
    <script src='{% static "/js/tesselate.js" %}'></script>
    <script type='text/javascript'>createSVG(document.getElementById("biglogo"),"0 0 195 50",logoCoords,size);</script>
    <script type='text/javascript'>init();</script>
{% endblock %}