diff --git a/assets/icons/icons8-electronics-100.png b/assets/icons/icons8-electronics-100.png
index 0ff2511..2594df4 100644
Binary files a/assets/icons/icons8-electronics-100.png and b/assets/icons/icons8-electronics-100.png differ
diff --git a/assets/style.css b/assets/style.css
index c7667d6..9952ca6 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -5,136 +5,334 @@
/* @import url('https://fonts.googleapis.com/css2?family=Sen&family=Work+Sans:wght@700&display=swap'); */
:root {
- --accent-1: royalblue;
+ --font-title: 'Share', cursive;
+ --font-text: 'Ubuntu', sans-serif;
+ --font-mono: 'Ubuntu Mono', monospace;
}
* {
box-sizing: border-box;
}
-html {
- position: relative;
-}
-
html,
body {
+ position: relative;
+
margin: 0;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
+ min-height: 100%;
- font-family: 'Ubuntu', sans-serif;
+ font-family: var(--font-text);
font-weight: 300;
font-size: 17px;
line-height: 1.25;
}
+html {
+ background: gray;
+
+ height: 100%;
+ min-height: 100%;
+}
+
+body {
+ margin: 0 auto;
+ padding-bottom: 5rem;
+
+ max-width: 850px;
+ text-align: justify;
+
+ background: white;
+}
+
+/* Typography */
+
h1, h2, h3, h4 {
- font-family: 'Share', cursive;
+ margin: 0;
+
+ font-family: var(--font-title);
font-weight: 700;
}
-a, a:focus, a:visited {
- color: #666;
- text-decoration: #aaa underline;
- padding: 1px 2px;
- border-radius: 2px;
+p {
+ margin: 0.5rem 0 0 0;
}
-a:hover {
- background: var(--accent-1);
- color: white;
+body > h1, body > h2, body > h3, body > h4, body > p {
+ margin-left: 1rem;
+ margin-right: 1rem;
}
-body {
- max-width: 100%;
- width: 50rem;
- margin: 0 auto;
- padding: 0 0.5rem;
- overflow-y: scroll;
-}
+/* Elements */
nav {
display: flex;
- align-items: center;
- border-bottom: 1px solid #ddd;
flex-wrap: wrap;
+ padding: 0.5rem;
+
+ border-bottom: 0.5rem solid gray;
}
-.hfill {
- flex-grow: 1;
+.nav-item {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 2.5rem;
+
+ padding: 0 0.5rem;
+
+ font-size: 130%;
+ font-weight: bold;
}
-.vfill {
- flex-grow: 1;
+nav > * {
+ border: 2px solid black;
+ border-right: none;
+}
+
+nav > :last-child {
+ border: 2px solid black;
}
-.news-list {
+nav a {
+ text-decoration: none;
+}
+
+header {
display: flex;
+ width: 100%;
+ justify-content: center;
+
+ margin: 2.5rem 0;
}
-.news-list > article {
- margin: 1rem;
+header .logo {
+ margin-right: 1rem;
+}
+
+header .title {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
}
-.nav-item:first-child {
- font-size: 25px;
+header .title h1 {
+ font-size: 56px;
+ display: inline-block;
+ transform: translate(-0.125rem);
}
-.nav-item {
- font-family: 'Share', cursive;
- font-weight: 700;
+.service-list {
+ display: flex;
+ flex-wrap: wrap;
+
+ margin: 1rem;
+ gap: 0.5rem;
+}
- font-size: 21px;
+.service {
+ flex: 1 1 calc(50% - 1rem);
+ min-width: 300px;
+
+ padding: 1rem 0.75rem;
+
+ /* Brutal */
+ border: 2px solid black;
}
-.nav-item:hover {
- background: #f0f0f0;
+.user-list {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+
+ margin: 1rem 2rem;
+ gap: 0.25rem;
}
-.nav-item a, .nav-item a:focus, .nav-item a:visited {
+.user {
display: flex;
+
+ width: calc(50% - 0.25rem / 2);
+
align-items: center;
- justify-content: center;
+ justify-content: space-between;
- padding: 0 0.75rem;
- height: 3.25rem;
-
- color: black;
+ padding: 0.125rem 0.25rem;
+
+ border: 2px solid;
+}
+
+.user h4 {
+ font-size: 90%;
+ line-height: 1;
+ font-family: var(--font-mono);
+}
+
+.user a {
text-decoration: none;
}
-body > div:last-of-type {
- margin-bottom: 20rem;
+.user a:hover img {
+ opacity: 0.6;
+}
+
+.user img {
+ margin: 0.5rem;
}
footer {
position: absolute;
bottom: 0;
left: 0;
- width: 100%;
- height: 3rem;
-
+ right: 0;
+
display: flex;
-
+ flex-wrap: wrap;
+
align-items: center;
justify-content: center;
- border-top: 1px solid #ddd;
+
+ border-top: 0.5rem solid gray;
}
-.footer-item:not(:last-child)::after {
- content: '•';
- margin: 0 1rem;
+.footer-item {
+ padding: 0.5rem;
+ font-size: 90%;
}
-@media screen and (max-width: 600px) {
+.search {
+ display: flex;
+ align-items: center;
+
+ max-width: 27rem;
+ margin: 1rem auto;
+
+ border: 2px solid black;
+}
+
+#search-field {
+ width: 100%;
+ flex-grow: 1;
+
+ height: 1.75rem;
+ padding: 0 0.5rem;
+
+ border: none;
+ border-right: 2px solid black;
+}
+
+.search img {
+ display: block;
+ transform: scale(0.8);
+
+ width: 1.75rem;
+ height: 1.75rem;
+
+ cursor: pointer;
+}
+
+/* Common */
+
+a, a:visited {
+ color: black;
+}
+
+a:hover {
+ color: gray;
+}
+
+hr {
+ width: 100%;
+ height: 0.5rem;
+
+ margin: 1rem 0;
+ padding: 0;
+
+ background: gray;
+ border: none;
+}
+
+ul {
+ list-style: square;
+}
+
+li {
+ margin: 0.25rem 0;
+}
- body {
- width: 100%;
- overflow-x: hidden;
- }
+form {
+ margin: 1rem auto;
+ padding: 0.75rem;
- .news-list {
- flex-direction: column;
- }
+ max-width: 30rem;
+ border: 2px solid black;
+}
+
+form .row {
+ display: flex;
+ width: 100%;
+
+ margin-bottom: 0.5rem;
+}
+
+form p {
+ margin-bottom: 1rem;
+}
+
+form label {
+ width: 30%;
+}
+
+form input[type=text], form input[type=password] {
+ flex-grow: 1;
+}
+
+input[type=text], input[type=password] {
+ font-size: 15px;
+
+ padding: 0 0.2rem;
+ height: 1.5rem;
+
+ appearance: none;
+ outline: none;
+
+ border: 2px solid black;
+}
+
+input[type=text]:focus, input[type=password]:focus {
+ background: #e0e0e0;
+}
+
+button, input[type=submit] {
+ font-size: 17px;
+ font-family: var(--font-title);
+
+ padding: 0 2rem;
+ height: 1.5rem;
+
+ background: white;
+ border: 2px solid black;
+
+ cursor: pointer;
+}
+
+button:hover, input[type=submit]:hover {
+ background: #e0e0e0;
+}
+
+/* Utils */
+
+.icons8 {
+ width: 25px;
+ height: 25px;
+
+ display: inline-block;
+ vertical-align: middle;
+}
+
+h2 .icons8 {
+ transform: translateY(-0.125rem);
+}
+
+.hfill {
+ flex-grow: 1;
}
\ No newline at end of file
diff --git a/views/home.html b/views/home.html
index 21e178d..cd97096 100644
--- a/views/home.html
+++ b/views/home.html
@@ -3,72 +3,119 @@
{{define "title"}}PHC • phc.dm.xxxxx.xx{{end}}
{{define "body"}}
-PHC
-Servizi
+
+
+
+ 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?
+
-
- Blog & Notizie
- Blog del PHC
-
+Guide
- Nel corso del tempo abbiamo scritto alcune guide utili per utilizzare Poisson o Linux in generale.
-
+
+
- Utenti
- Lista degli utenti di Poisson e link a relativi siti.
-
+
+ Questi sono tutte le risorse e i servizi offerti dal PHC.
+
- Git
- Server Git per gli utenti di Poisson, i progetti del PHC ad un certo punto verranno tenuti qui.
-
+
+
+
+
+ Blog del PHC, qui sono racconte le ultime notizie sui nostri progetti recenti, informazioni su eventuali guasti e giorni di manuntenzione.
+
+
+
+
+
+ Nel corso del tempo abbiamo scritto alcune guide utili per utilizzare Poisson o Linux in generale.
+
+
+
+
+
+ Lista degli utenti di Poisson e link a relativi siti.
+
+
+
+
+
+ Server Git per gli utenti di Poisson, i progetti del PHC ad un certo punto verranno tenuti qui.
+
+
+
+
+
+ Server locale per chattare e fare videoconferenze con altre persone del dipartimento.
+
+
+
+
+
+ Forum per parlare di Matematica in \(\LaTeX\), Informatica e argomenti accademici in generale.
+
+
+
Forum
- Forum in stile Disocurse per parlare di Matematica, Informatica e argomenti accademici in generale.
-
-
+Macchinisti
+
+
-I macchinisti sono
+
+ Al momento i macchinisti sono:
+
-
+
+Vuoi diventare un macchinista?
+
+
+ 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.
+
+
+
+
{{end}}
\ No newline at end of file
diff --git a/views/login.html b/views/login.html
index 0621247..7962b1d 100644
--- a/views/login.html
+++ b/views/login.html
@@ -3,24 +3,28 @@
{{define "title"}}PHC • Accedi • phc.dm.xxxxx.xx{{end}}
{{define "body"}}
-Login
-Inserisci le tue credenziali di Poisson per accedere
-
- 🛈 Recupero credenziali
-
-
{{end}}
\ No newline at end of file
diff --git a/views/utenti.html b/views/utenti.html
index 3311446..2ace831 100644
--- a/views/utenti.html
+++ b/views/utenti.html
@@ -3,28 +3,262 @@
{{define "title"}}PHC • Utenti • phc.dm.xxxxx.xx{{end}}
{{define "body"}}
-Utenti
-
-
- Persona 1
- Persona 2
- Persona 3
- Persona 4
- Persona 5
- Persona 6
- Persona 7
- Persona 8
- Persona 9
- Persona 10
- Persona 11
- Persona 12
- Persona 13
- Persona 14
- Persona 15
- Persona 16
- Persona 17
- Persona 18
- Persona 19
- Persona 20
-
+
+
+
+
+
+
+
+ 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.
+
+
+
+
+
+
+
+
+
Persona 1
+ persona1
+
+
+
+
+
+
Persona 2
+ persona2
+
+
+
+
+
+
Persona 3
+ persona3
+
+
+
+
+
+
Persona 4
+ persona4
+
+
+
+
+
+
Persona 5
+ persona5
+
+
+
+
+
+
Persona 6
+ persona6
+
+
+
+
+
+
Persona 7
+ persona7
+
+
+
+
+
+
Persona 8
+ persona8
+
+
+
+
+
+
Persona 9
+ persona9
+
+
+
+
+
+
Persona 10
+ persona10
+
+
+
+
+
+
Persona 11
+ persona11
+
+
+
+
+
+
Persona 12
+ persona12
+
+
+
+
+
+
Persona 13
+ persona13
+
+
+
+
+
+
Persona 14
+ persona14
+
+
+
+
+
+
Persona 15
+ persona15
+
+
+
+
+
+
Persona 16
+ persona16
+
+
+
+
+
+
Persona 17
+ persona17
+
+
+
+
+ 
+ Servizi
+
+ Blog & Notizie
+ 
+ Guide
+ 
+ Utenti
+ 
+ Git
+ 
+ Matrix server
+ 
+ Forum
+ 
+ Macchinisti
+
+
+