<!DOCTYPE html>
<html style="position: relative; min-height: 100%;">
    <head >
        <title style="text-align:center;">LeafAlone</title>

        <div style="float: left;">
            <img src="/images/ucf.png">
        </div>


        <div style="float: right;">
            <img src="/images/leaf.png">
        </div>

        <div style="text-align:center; font-weight:bold; font-size: 30px;">
            WELCOME TO LEAFALONE HYDROPONICS SYSTEM
        </div>

        <br><br>

         <% if (typeof user == 'undefined') { %>

            <div style="text-align: center; font-size: 18px;">
                <a href="/register">Register</a><br><br>
            </div>

        <% } else { %>

        <div style="text-align: center; font-size: 18px;">
            <br><a href="/home">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
            <a href="/account">Account Settings</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
            <a href="/demo">Demo</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
            <a href="/demo2">Demo 2</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
            <a href="/dataLog">Data Log</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
            <a href="/logout">Logout</a> <br><br>    
        </div>


        <% } %>

    </head>

        <hr>



    <body style="background-color:lightgreen; margin: 0 0 100px;">


       <%- body %>
        

        <footer style= "position: absolute; bottom: 0; height: 100px; width: 100%; text-align: center;"> 
        <div>

            <hr>
            <br>
            Senior Design II Summer 2014 - Group 9 <br>
            Matthew DiLeonardo, James Loomis, Khalid Al Charif, Justin Walker<br>
            &copy; Copyright 2014
            <br><br>
        </div>
    </footer>
    </body>
</html>