<style type="text/css">
/*.pusher {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.pusher > .footer {
  flex: 1;
}*/

.description {
  font-size: 0.8em;
}

.ui.cards>.card .meta {
  font-size: 0.9em;
}

.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
  font-size: 1em;
}

.main.container {
  margin-top: 2em;
}
.main.menu {
  margin-top: 4em;
  border-radius: 0;
  border: none;
  box-shadow: none;
  transition:
    box-shadow 0.5s ease,
    padding 0.5s ease
  ;
}
.main.menu .item img.logo {
  margin-right: 1.5em;
}
.overlay {
  float: left;
  margin: 0em 3em 1em 0em;
}
.overlay .menu {
  position: relative;
  left: 0;
  transition: left 0.5s ease;
}
.main.menu.fixed {
  background-color: #FFFFFF;
  border: 1px solid #DDD;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.overlay.fixed .menu {
  left: 800px;
}

.ui.footer.segment {
  margin: 5em 0em 0em;
  padding: 5em 0em;
}
</style>
<script type="text/javascript" src="/js/sticky.js"></script>
</head>
<body>
  <div class="ui borderless main menu">
    <div class="ui text container">
      <a href="/" class="header item">
        <img class="logo" src="/images/sirius.svg">
        <div class="pacifico">
          C.L.
        </div>
      </a>
      <div class="ui right item">
        <div class="ui icon buttons">
          <% if(conect !== undefined) { %>
            <a class="ui compact button" data-content="Perfil" href="/user"><%= conect.username %></a>
            <% if(conect.state === 1) { %>
              <a class="ui compact icon button" data-content="Administrador" href="/admin/users"><i class="info circle icon"></i></a>
            <% } %>
            <a class="ui compact red icon button" data-content="Salir" href="/logout"><i class="sign out icon"></i></a>
          <% } else { %>
            <a class="ui compact icon button" data-content="Iniciar" href="/login"><i class="sign in icon"></i></a>
            <a class="ui compact green button" href="/signup">Solicitar Cuenta</i></a>
          <% } %>
        </div>
      </div>
    </div>
  </div>
