<!DOCTYPE html>
<html>
  <head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Site Properties -->
    <link rel="stylesheet" type="text/css" href="/semantic-ui/semantic.min.css">
    <link rel="stylesheet" href="/css/style.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/css/font.css">
    <!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
    <title>Cluster Lovelace</title>
  </head>
  <body>
  <!-- Following Menu -->
  <div class="ui large top fixed hidden menu">
    <div class="ui container">
      <a class="active item">Home</a>
      <a class="item">Work</a>
      <a class="item">Company</a>
      <a class="item">Careers</a>
      <div class="right menu">
        <% if(user === undefined) { %>
        <div class="item">
          <a href="/login" class="ui icon button" data-content="Iniciar" href="/login"><i class="sign in icon"></i></a>
        </div>
        <div class="item">
          <a href="/signup" class="ui green button">Solicitar Cuenta</a>
        </div>
        <% } else { %>
          <div class="item">
            <img src="/images/profile/image.png" class="ui avatar image">
          </div>
          <div class="item">
            <a href="/user" class="ui compact button"><%= user.username %></a>
          </div>
            <% if(user.state === 1) { %>
                <div class="item">
                  <a href="/admin/users" class="ui compact button">Admin</i></a>
                </div>
              <% } %>
            <div class="item">
              <a href="/logout" class="ui compact red button">Cerrar Sesión</a>
            </div>
        <% } %>
      </div>
    </div>
  </div>
  <!-- Sidebar Menu -->
  <div class="ui vertical inverted sidebar menu">
    <a class="active item">Home</a>
    <a class="item">Work</a>
    <a class="item">Company</a>
    <a class="item">Careers</a>
    <a class="item">Login</a>
    <a class="item">Signup</a>
  </div>
  <!-- Page Contents -->
  <div class="pusher">
    <div class="ui intro inverted vertical masthead center aligned segment">
      <div class="ui container">
        <div class="ui large secondary inverted pointing menu">
          <a class="toc item">
            <i class="sidebar icon"></i>
          </a>
          <a class="active item">Home</a>
          <a class="item">Work</a>
          <a class="item">Company</a>
          <a class="item">Careers</a>
          <div class="right item">
            <% if(user === undefined) { %>
            <a href="/login" data-content="Iniciar Sesión" class="ui inverted compact icon button"><i class="sign in icon"></i></a>
            <a href="/signup" class="ui inverted compact olive button">Solicitar Cuenta</a>
            <% } else { %>
            <img src="/images/profile/image.png" class="ui avatar image">
              <a href="/user" data-content="Perfil" class="ui inverted compact button"><%= user.username %></a>
              <% if(user.state === 1) { %>
                <a href="/admin/users" data-content="Administrador" class="ui inverted compact icon button"><i class="info circle icon"></i></a>
                <% } %>
              <a href="/logout" data-content="Salir" class="ui inverted compact icon red button"><i class="sign out icon"></i></a>
            <% } %>
          </div>
        </div>
      </div>
      <div class="ui text container">
        <img src="images/logo.svg" alt="Lovelace" style="width: 30%;" />
        <h1 class="ui inverted header">
          <div class="pacifico">
            Cluster Lovelace
          </div>
        </h1>
        <!-- <a class="big circular ui icon button" href="#title"><i class="chevron down icon"></i></a> -->
      </div>
    </div>
    <div class="ui vertical stripe segment">
      <div class="ui middle aligned stackable grid container">
        <div class="row">
          <div class="sixteen wide column">
            <h1 class="ui centered header" id="title">
              <div class="pacifico">
                Cluster Lovelace
              </div>
            </h1>
          </div>
          <!-- <div class="eight wide column">
            <h3 class="ui header">We Help Companies and Companions</h3>
            <p>We can give your company superpowers to do things that they never thought possible. Let us delight your customers and empower your needs...through pure data analytics.</p>
            <h3 class="ui header">We Make Bananas That Can Dance</h3>
            <p>Yes that's right, you thought it was the stuff of dreams, but even bananas can be bioengineered.</p>
          </div>
          <div class="six wide right floated column">
            <img src="assets/images/wireframe/white-image.png" class="ui large bordered rounded image">
          </div> -->
        </div>
        <!-- <div class="row">
          <div class="center aligned column">
            <a class="ui huge button">Check Them Out</a>
          </div>
        </div> -->
      </div>
    </div>
    <!-- <div class="ui vertical stripe quote segment">
      <div class="ui equal width stackable internally celled grid">
        <div class="center aligned row">
          <div class="column">
            <h3>"What a Company"</h3>
            <p>That is what they all say about us</p>
          </div>
          <div class="column">
            <h3>"I shouldn't have gone with their competitor."</h3>
            <p>
              <img src="assets/images/avatar/nan.jpg" class="ui avatar image"> <b>Nan</b> Chief Fun Officer Acme Toys
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="ui vertical stripe segment">
      <div class="ui text container">
        <h3 class="ui header">Breaking The Grid, Grabs Your Attention</h3>
        <p>Instead of focusing on content creation and hard work, we have learned how to master the art of doing nothing by providing massive amounts of whitespace and generic content that can seem massive, monolithic and worth your attention.</p>
        <a class="ui large button">Read More</a>
        <h4 class="ui horizontal header divider">
          <a href="#">Case Studies</a>
        </h4>
        <h3 class="ui header">Did We Tell You About Our Bananas?</h3>
        <p>Yes I know you probably disregarded the earlier boasts as non-sequitur filler content, but its really true. It took years of gene splicing and combinatory DNA research, but our bananas can really dance.</p>
        <a class="ui large button">I'm Still Quite Interested</a>
      </div>
    </div> -->
    <script src="/js/jquery-3.1.1.min.js"></script>
    <script src="/semantic-ui/semantic.min.js"></script>
    <script src="/js/index.js"></script>
<% include footer.ejs %>
