Mergiate le due versioni
This commit is contained in:
+61
-14
@@ -7,9 +7,29 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ template "title" . }}</title>
|
||||
|
||||
<!-- TODO: Da cambiare molto probabilmente -->
|
||||
<link rel="icon" href="/assets/icons/icons8-electronics-100.png">
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
|
||||
integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
|
||||
integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
|
||||
crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
|
||||
integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
|
||||
crossorigin="anonymous"></script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
renderMathInElement(document.body, {
|
||||
delimiters: [
|
||||
{ left: "$", right: "$", display: false },
|
||||
{ left: "$$", right: "$$", display: true },
|
||||
{ left: "\\(", right: "\\)", display: false },
|
||||
{ left: "\\[", right: "\\]", display: true }
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/style.css">
|
||||
</head>
|
||||
|
||||
@@ -19,20 +39,46 @@
|
||||
<div class="nav-item">
|
||||
<a href="/">PHC</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="/utenti">Utenti</a>
|
||||
|
||||
<div class="nav-dropdown">
|
||||
<div class="label">
|
||||
Risorse
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/100/000000/expand-arrow.png"/>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<div class="nav-item">
|
||||
<a href="/blog/">Notizie</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="/blog/categories/guide/">Guide</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="/blog">Notizie</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="https://{{ .Config.GitUrl }}">Git</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="https://{{ .Config.ForumUrl }}">Forum</a>
|
||||
|
||||
<div class="nav-dropdown">
|
||||
<div class="label">
|
||||
Servizi
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/100/000000/expand-arrow.png"/>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<div class="nav-item">
|
||||
<a href="/utenti">Utenti</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="https://{{ .Config.GitUrl }}">Git</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="https://{{ .Config.MatrixUrl }}">Matrix</a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a href="https://{{ .Config.ForumUrl }}">Forum</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Spacing -->
|
||||
<div class="hfill"></div>
|
||||
|
||||
<!-- User -->
|
||||
{{if .User}}
|
||||
<div class="nav-item">
|
||||
@@ -46,11 +92,12 @@
|
||||
</nav>
|
||||
|
||||
{{ template "body" . }}
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="footer-item">
|
||||
macchinisti@poisson.phc.dm.unipi.it
|
||||
macchinisti@poisson.phc.dm.xxxxx.xx
|
||||
</div>
|
||||
·
|
||||
<div class="footer-item">
|
||||
Icone da <a target="_blank" href="https://icons8.it">Icons8</a>
|
||||
</div>
|
||||
|
||||
+112
-64
@@ -3,72 +3,120 @@
|
||||
{{define "title"}}PHC • phc.dm.xxxxx.xx{{end}}
|
||||
|
||||
{{define "body"}}
|
||||
<h1>PHC</h1>
|
||||
|
||||
<h2>Servizi</h2>
|
||||
|
||||
<dl>
|
||||
<dt><a href="/blog">Blog & Notizie</a></dt>
|
||||
<dd>
|
||||
Blog del PHC
|
||||
</dd>
|
||||
|
||||
<dt><a href="/blog/categories/guide">Guide</a></dt>
|
||||
<dd>
|
||||
Nel corso del tempo abbiamo scritto alcune guide utili per utilizzare Poisson o Linux in generale.
|
||||
</dd>
|
||||
|
||||
<dt><a href="/utenti">Utenti</a></dt>
|
||||
<dd>
|
||||
Lista degli utenti di Poisson e link a relativi siti.
|
||||
</dd>
|
||||
|
||||
<dt><a href="https://git.phc.dm.unipi.it">Git</a></dt>
|
||||
<dd>
|
||||
Server Git per gli utenti di Poisson, i progetti del PHC ad un certo punto verranno tenuti qui.
|
||||
</dd>
|
||||
|
||||
<dt><a href="https://forum.phc.dm.unipi.it">Forum</a></dt>
|
||||
<dd>
|
||||
Forum in stile Disocurse per parlare di Matematica, Informatica e argomenti accademici in generale.
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<h2>Macchinisti</h2>
|
||||
|
||||
I macchinisti sono
|
||||
|
||||
<ul>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 2</a> dal 2013</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 4</a> dal 2015</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 6</a> dal 2014</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 7</a> dal 2012</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 1</a> dal 2018</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 3</a> dal 2016</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 5</a> dal 2017</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.
|
||||
<section>
|
||||
<header>
|
||||
<img class="logo" src="https://img.icons8.com/ios-filled/100/000000/electronics.png" />
|
||||
<div class="title">
|
||||
<h1 class="huge">
|
||||
PHC
|
||||
</h1>
|
||||
<h2>Poisson</h2>
|
||||
</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.
|
||||
</header>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores quas nostrum suscipit nulla. Reiciendis
|
||||
quos et
|
||||
vel animi amet facere dignissimos, nemo, repudiandae suscipit esse quod obcaecati iure soluta cumque?
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/service.png" />
|
||||
Servizi
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Questi sono tutte le risorse e i servizi offerti dal PHC.
|
||||
</p>
|
||||
|
||||
<div class="service-list">
|
||||
<div class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/news.png" />
|
||||
<a href="/blog">Blog & Notizie</a>
|
||||
</h3>
|
||||
<p>
|
||||
Blog del PHC, qui sono racconte le ultime notizie sui nostri progetti recenti, informazioni su eventuali
|
||||
guasti e giorni di manuntenzione.
|
||||
</p>
|
||||
</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 class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/user-manual.png" />
|
||||
<a href="/guides">Guide</a>
|
||||
</h3>
|
||||
<p>
|
||||
Nel corso del tempo abbiamo scritto alcune guide utili per utilizzare Poisson o Linux in generale.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</div> -->
|
||||
<div class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/find-user-male.png" />
|
||||
<a href="/utenti">Utenti</a>
|
||||
</h3>
|
||||
<p>
|
||||
Lista degli utenti di Poisson e link a relativi siti.
|
||||
</p>
|
||||
</div>
|
||||
<div class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/git.png" />
|
||||
<a href="https://git.phc.dm.xxxxx.xx">Git</a>
|
||||
</h3>
|
||||
<p>
|
||||
Server Git per gli utenti di Poisson, i progetti del PHC ad un certo punto verranno tenuti qui.
|
||||
</p>
|
||||
</div>
|
||||
<div class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/matrix-logo.png" />
|
||||
<a href="https://element.phc.dm.xxxxx.xx">Matrix server</a>
|
||||
</h3>
|
||||
<p>
|
||||
Server locale per chattare e fare videoconferenze con altre persone del dipartimento.
|
||||
</p>
|
||||
</div>
|
||||
<div class="service">
|
||||
<h3>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/road-worker.png" />
|
||||
<a href="https://forum.phc.dm.xxxxx.xx">Forum</a>
|
||||
</h3>
|
||||
<p>
|
||||
Forum per parlare di Matematica in \(\LaTeX\), Informatica e argomenti accademici in generale.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/work.png" />
|
||||
Macchinisti
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Al momento i macchinisti sono:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 1</a> dal 2018</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 5</a> dal 2017</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 3</a> dal 2016</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 4</a> dal 2015</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 6</a> dal 2014</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 2</a> dal 2013</li>
|
||||
<li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 7</a> dal 2012</li>
|
||||
</ul>
|
||||
|
||||
<h3>Vuoi diventare un macchinista?</h3>
|
||||
|
||||
<p>
|
||||
Ti interessa (o interesserebbe) smanettare al PC, montare e smontare i cose? Stai spesso in dipartimento? Allora
|
||||
puoi venire a parlare con noi per diventare un apprendista macchinista per poi entrare nel PHC.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
{{end}}
|
||||
+20
-8
@@ -3,24 +3,36 @@
|
||||
{{define "title"}}PHC • Accedi • phc.dm.xxxxx.xx{{end}}
|
||||
|
||||
{{define "body"}}
|
||||
<h1>Login</h1>
|
||||
<p>Inserisci le tue credenziali di Poisson per accedere</p>
|
||||
|
||||
<form action="/login" method="post">
|
||||
|
||||
<h2>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/lock.png"/>
|
||||
Accedi
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Inserisci le tue credenziali di Poisson per accedere.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Per il recupero credenziali vieni direttamente al PHC per parlarne con calma o inviaci una mail.
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<label for="login-username">Username:</label>
|
||||
<input type="text" name="username" id="login-username">
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="login-password">Password:</label>
|
||||
<input type="text" name="password" id="login-password">
|
||||
<input type="password" name="password" id="login-password">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="hfill"></div>
|
||||
<input type="submit" value="Accedi">
|
||||
<!-- <div class="hfill"></div> -->
|
||||
</div>
|
||||
<input type="submit" value="Accedi">
|
||||
|
||||
</form>
|
||||
|
||||
<p title="Vieni al phc per parlarne con calma o inviaci una mail">
|
||||
🛈 Recupero credenziali
|
||||
</p>
|
||||
|
||||
{{end}}
|
||||
+57
-23
@@ -3,28 +3,62 @@
|
||||
{{define "title"}}PHC • Utenti • phc.dm.xxxxx.xx{{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>
|
||||
<section>
|
||||
<h2>
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/find-user-male.png" />
|
||||
Utenti
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Questa è la lista di tutti gli utenti con un account su Poisson. Scrivi nome, cognome o username di un utente
|
||||
per filtrare la lista in tempo reale.
|
||||
</p>
|
||||
|
||||
<div class="search">
|
||||
<input type="text" id="search-field" placeholder="Cerca...">
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/search.png" />
|
||||
</div>
|
||||
|
||||
<div class="user-list">
|
||||
<!-- Dummy data -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', ({ }) => {
|
||||
const $userList = document.querySelector('.user-list');
|
||||
const $user = document.createElement('div');
|
||||
$user.innerHTML = `
|
||||
<div class="user">
|
||||
<div class="contact">
|
||||
<h3 class="fullname"></h3>
|
||||
<h4 class="username"></h4>
|
||||
</div>
|
||||
<div class="links">
|
||||
<a href="#">
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/web.png" />
|
||||
</a>
|
||||
<a href="#">
|
||||
<img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/git.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
// Per mostrare che la pagina regge molti utenti senza laggare troppo
|
||||
Array(1400).fill(0).map(({ }, i) => {
|
||||
setTimeout(() => {
|
||||
// Pare che questa riga sia la più dispendiosa
|
||||
const $newUser = $user.cloneNode(true);
|
||||
|
||||
$newUser.querySelector('.fullname').innerHTML = `Persona ${i + 1}`;
|
||||
$newUser.querySelector('.username').innerHTML = `persona${i + 1}`;
|
||||
|
||||
$userList.appendChild($newUser.firstElementChild);
|
||||
}, 0)
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user