Untitled


<!DOCTYPE html>

<html lang="en-US">

<head>
    <meta charset="UTF-8" />
    <title>TotalFreedom | Minecraft Server</title>
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico" />
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico" />
    <link href="assets/css/normalize.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if IE 6]>
    <![endif]-->

    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jquery.cookies.js"></script>
    <script src="assets/js/moment.js"></script>
    <script src="assets/js/functions.js"></script>
    <script src="assets/js/admins.js"></script>
    <script src="https://use.fontawesome.com/cc71fd453a.js"></script>

    <script>
        // All content is loaded respectively into #(filename) where "statics/" and ".html" are omitted
        var staticContent = [
            "statics/serverinfo.html",
              "statics/featuredtext.html",
              "statics/aboutadmins.html",
              "statics/executiveboard.html",
              "statics/modboard.html"
        , ];

        // All Json content is loaded respectively into #(item)
        var jsonUrl = "http://madgeekonline.com/tfinfo/";
        var jsonContent = [
            "developers",
              "superadmins",
              "telnetadmins",
              "senioradmins",
              "players"
        ];

        $(document).ready(function () {
            loadStatic(staticContent);
            loadJson(jsonUrl, jsonContent);
        });
    </script>
</head>

<body>
    <div id="bodywrap">

        <section id="pagetop">

            <p id="siteinfo">
                <span id="status"></span> Twitter us with problems, questions, suggestions or anything else really. :) // <a href="http://twitter.com/totalfreedommc" target="_blank">@TotalFreedomMC</a>
            </p>

            <nav id="sitenav">
                <ul>
                    <li class="current"><a href="index.html"><i class="fa fa-info"></i> Info & Rules</a></li>
                    <li><a href="http://totalfreedom.boards.net"><i class="fa fa-users"></i> Forum</a></li>
                </ul>
            </nav>

        </section>


        <header id="pageheader">

<!--            <h1>TotalFreedom <span>Minecraft Server</span></h1>-->
           <img src="http://s22638.storage.proboards.com/3472638/i/fuhVKWxwrP4iFDANVTmw.jpg" width="1000" alt="TotalFreedom">


        </header>


        <div id="contents">

            <section id="main">
                <section id="featured">
<!--                    <h2 class="ftheading">Featured</h2>-->

                    <div class="ftwrap">
                        <div class="ftimg"><img src="assets/images/feature.png" width="204" height="128" alt="img1"></div>
                        <div class="fttxt" id="featuredtext">
                            <!-- featured text will be loaded from statics/featuredtext.html -->
                        </div>
                    </div>
                </section>

                <div id="leftcontainer">

                    <h2 class="mainheading">About the server</h2>
                   <div id="serverinfo">
                        <!-- serverinfo info will be loaded from from statics/serverinfo.html -->
                   </div>
                </div>
               <hr/>
               <div class="search-page">
               <h1>Search our Forum</h1>
               <div id="search">
                <form action="http://totalfreedom.boards.net/search/results">
                    <div class="searchfield">
                        <input type="text" name="what_at_least_one" id="s" placeholder="Enter your text here...">
                    </div>
                    <div class="searchbtn">
                        <input type="image" src="assets/images/searchbtn.png" alt="search">
                    </div>
                </form>
            </div>
               </div>
            </section>

            <section id="sidebar">
                <div id="sidebarwrap">

                    <div id="aboutadmins">
                        <!-- about admins info will be loaded from from statics/aboutadmins.html -->
                    </div>
                   <div class="adminlist">
                      <button type="button" class="collapse">Toggle Collapse</button>
                    <h2 class="exec-header">TotalFreedom Executive Board</h2>
                    <ul id="executiveboard"></ul>
                    <!-- executive board will be loaded from statics/executiveboard.html -->

                    <h2 class="dev-header">Developers</h2>
                    <ul id="developers"></ul>
                    <!-- developers board will be loaded from the minecraft server (HTTPD) -->

                    <h2 class="mod-header">TotalFreedom Forum Admins</h2>
                    <ul id="modboard"></ul>
                    <!-- moderators will be loaded from statics/modboard.html -->

                    <h2 class="senior-header">Senior Admins</h2>
                    <ul id="senioradmins">
                        <!-- senior admins will be loaded from the minecraft server (HTTPD) -->
                    </ul>

                    <h2 class="telnet-header">Telnet Admins</h2>
                    <ul id="telnetadmins">
                        <!-- telnet admins will be loaded from the minecraft server (HTTPD) -->
                    </ul>

                    <h2 class="super-header">Super Admins</h2>
                    <ul id="superadmins">
                        <!-- super admins will be loaded from the minecraft server (HTTPD) -->
                    </ul>
                    <h2 class="players-header">Online Players</h2>
                    <ul id="players">
                        <!-- online players will be loaded from the minecraft server (HTTPD) -->
                    </ul>

                </div>
               </div>
            </section>

            <div class="clear"></div>
        </div>
    </div>

    <footer id="pagefooter">
        <img class="darthcode" width="88" height="70" src="assets/images/DarthCode-i4.png">
        <div id="footerwrap">
            <div class="copyright">
                2012 - <span id="curYear"></span> &copy; TotalFreedom
            </div>
            <div class="credit">
                <a href="http://darthcraft.net" title="Goto Darth's website">First version built by DarthSalamon - Pravian Systems</a>
                <br/>
            </div>
        </div>
    </footer>
</body>

</html>