49 lines
2.2 KiB
HTML
49 lines
2.2 KiB
HTML
<?xml version='1.0' encoding='UTF-8' ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3c.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:f="http://java.sun.com/jsf/core">
|
|
<h:head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/normalize.css@8.0.1/normalize.css"/>
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
|
|
<h:outputStylesheet library="css" name="all.css"/>
|
|
<style>
|
|
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
</style>
|
|
</h:head>
|
|
<body class="black-70 pa4">
|
|
<h:form>
|
|
<h1 class="f1 tc">Login</h1>
|
|
<h:messages class="f4 w-40 list tc center white bg-red pa4 "/>
|
|
|
|
<div class="tc mt3">
|
|
<h:outputLabel class="db fw4 lh-copy f6" for="username" value="Usuario:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="username" value="#{userBean.nombre}" required="true" label="Usuario"/>
|
|
</div>
|
|
<div class="tc mt3">
|
|
<h:outputLabel class="db fw4 lh-copy f6" for="password" value="Contraseña:"/>
|
|
<h:inputSecret class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="password" value="#{userBean.password}" required="true" label="Contraseña"/>
|
|
</div>
|
|
<div class="tc mt3">
|
|
<h:commandLink class="f5 link w-20 dim br2 ph3 pv2 mb1 dib white bg-blue" action="#{userBean.login()}">
|
|
<li class="fas fa-sign-in-alt"></li> Login
|
|
</h:commandLink>
|
|
</div>
|
|
</h:form>
|
|
<h:form>
|
|
<div class="tc mt3">
|
|
<h:commandLink class="f5 link w-20 dim br2 ph3 pv2 mb1 dib white bg-green" action="registrar">
|
|
<li class="fas fa-plus-circle"></li> Crear Cuenta
|
|
</h:commandLink>
|
|
</div>
|
|
</h:form>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|