Struttura di base, templating e interfaccia per il servizio di autenticazione

This commit is contained in:
2020-03-08 22:02:03 +01:00
parent bffe3056f7
commit aa21c64880
9 changed files with 237 additions and 91 deletions
+56
View File
@@ -0,0 +1,56 @@
{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{template "title" .}}</title>
<link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<nav>
<!-- Site -->
<div class="nav-item">
<a href="/">Poisson</a>
</div>
<div class="nav-item">
<a href="/utenti">Utenti</a>
</div>
<div class="nav-item">
<a href="/notizie">Notizie</a>
</div>
<div class="nav-item">
<a href="/guide">Guide</a>
</div>
<div class="nav-item">
<a href="/git">Git</a>
</div>
<div class="nav-item">
Forum
</div>
<!-- Spacing -->
<div class="hfill"></div>
<!-- User -->
{{if .User}}
<div class="nav-item">
<a href="/logout">Logout</a>
</div>
{{else}}
<div class="nav-item">
<a href="/login">Login</a>
</div>
{{end}}
</nav>
{{template "body" .}}
<footer>
macchinisti@poisson.phc.dm.unipi.it
</footer>
</body>
</html>
{{end}}
+37 -78
View File
@@ -1,84 +1,43 @@
<!DOCTYPE html>
<html lang="en">
{{template "base" .}}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHC</title>
{{define "title"}}Poisson{{end}}
<link rel="stylesheet" href="/assets/style.css">
</head>
{{define "body"}}
<h1>Poisson</h1>
<body>
<nav>
<!-- Site -->
<div class="nav-item">
<a href="/">Poisson</a>
<h2>Macchinisti</h2>
<ul>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
</ul>
<div class="news-list">
<article>
<h3>Notizie 1</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
<div class="nav-item">
<a href="/utenti">Utenti</a>
</article>
<article>
<h3>Notizie 2</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
<div class="nav-item">
<a href="/notizie">Notizie</a>
</article>
<article>
<h3>Notizie 3</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
<div class="nav-item">
<a href="/guide">Guide</a>
</div>
<div class="nav-item">
<a href="/git">Git</a>
</div>
<div class="nav-item">
Forum
</div>
<div class="hfill"></div>
<!-- User -->
<div class="nav-item">
<a href="/login">Login</a>
</div>
</nav>
<h1>Poisson</h1>
<h2>Macchinisti</h2>
<ul>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
<li>Persona 1 &mdash; <a href="poisson.phc.dm.unipi.it/~persona">poisson.phc.dm.unipi.it/~persona</a></li>
</ul>
<div class="news-list">
<article>
<h3>Notizie 1</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
</article>
<article>
<h3>Notizie 2</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
</article>
<article>
<h3>Notizie 3</h3>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quis eligendi aut consequatur quasi
veniam animi ducimus enim consectetur a.
</div>
</article>
</div>
<footer>
&copy; macchinisti@poisson.phc.dm.unipi.it
</footer>
</body>
</html>
</article>
</div>
{{end}}
+20
View File
@@ -0,0 +1,20 @@
{{template "base" .}}
{{define "title"}}Poisson - Utenti{{end}}
{{define "body"}}
<h1>Login</h1>
<p>Inserisci le tue credenziali di Poisson per accedere</p>
<form action="/login" method="post">
<label for="login-username">Username:</label>
<input type="text" name="username" id="login-username">
<label for="login-password">Password:</label>
<input type="text" name="password" id="login-password">
<input type="submit" value="Login">
</form>
{{end}}
+30
View File
@@ -0,0 +1,30 @@
{{template "base" .}}
{{define "title"}}Poisson - Utenti{{end}}
{{define "body"}}
<h1>Utenti</h1>
<ul>
<li>Persona 1</li>
<li>Persona 2</li>
<li>Persona 3</li>
<li>Persona 4</li>
<li>Persona 5</li>
<li>Persona 6</li>
<li>Persona 7</li>
<li>Persona 8</li>
<li>Persona 9</li>
<li>Persona 10</li>
<li>Persona 11</li>
<li>Persona 12</li>
<li>Persona 13</li>
<li>Persona 14</li>
<li>Persona 15</li>
<li>Persona 16</li>
<li>Persona 17</li>
<li>Persona 18</li>
<li>Persona 19</li>
<li>Persona 20</li>
</ul>
{{end}}