From 8885f40c43420fb3ae92aae2ab104ac550387752 Mon Sep 17 00:00:00 2001 From: aziis98 Date: Fri, 21 Aug 2020 03:41:13 +0200 Subject: [PATCH] {home, login, utenti}.html, style.css: Nuovo stile sito --- assets/icons/icons8-electronics-100.png | Bin 1606 -> 790 bytes assets/style.css | 330 +++++++++++++++++++----- views/home.html | 155 +++++++---- views/login.html | 18 +- views/utenti.html | 282 ++++++++++++++++++-- 5 files changed, 634 insertions(+), 151 deletions(-) diff --git a/assets/icons/icons8-electronics-100.png b/assets/icons/icons8-electronics-100.png index 0ff2511af47062eb7553183f54c35cbc8ece9c2e..2594df4e7a03d691b178f161279182185b2d9802 100644 GIT binary patch delta 749 zcmX@cGmUM6X+6_vPZ!6KiaBrR2IgIM5OL-2NaMet*U`W-+aW7(x78`J2Ck@S0pXlA z2h?BI|0r;hy}U*8e8n@XeeP93%D!nf~`6?-A7xwo*%A7xWc7cuy54Yf9rz0B#lFxX|U`Ve&z*=xR_M^$Q9jyBp zmao2(@|5+%-pBfOZ9ACem7mK~5Y|bazJrC&>X}8yW~SNFS$p2kc&wlo)m^t>Uu*AN z=Ld7n-l;ja@x!96FB1D)*$)ZM-uYA5%5nO+r$z^5e*1*f#jNa3R7{HKkPuU9Ywfrw z@`-E3jkqT>EVez}%CzizZDRem1Jh?Y>AXrTI~#5M&-U!2=xGMQ52WH1H@3tnUO#a9 zt3vpzmxW9B`NNC=nl?q`)2v+zT7T28m7Td6WVw3MD!!Tbji-B^QTjG@joB* zfjInJFf6o z$R2(oP;~jnPN{?(6 BXn_C# delta 1572 zcmV+<2HW|T2F47KHGc*BNklPi$0G6vn^v-n8RD8L(O-hSoGnEG;1hwk!k| zO&A+mYP(>A8%1{_2_|eD7rMXz?hx2$OfaE1ZJ{(Ffk0xwL{k%yLXAdZ{|JPbz!cj~ zJM)f<4n%72edD~_zB`@s+codrb8qH*eec|R&p8he1VIo4L4ObgL0DWUj6wMr4uesv zY(O|gd(frqe*$Ze!x8NuF80z}7}d<71B_1197bpl-q((?07MphKmY)v89<}*x`#nP zEeIGZ0leWeMiNj90uN0fjSa>Pt^EbU31d(}jR;~HB8X*(AeJG5ScV8<84Kq2CX-2L zVB^3#|`i-k3-=bf~T$n7&uLee#xe{Qg*db0SrvbgfTL z3^mrxq?P?MjvG&;Ha#&1hxj4f-0<0!vo}Cs?F5R%_`)#Jmw1}8k^RK9n}OA)?OVd1 z0KSX>2YcFj?wd4hRFIZb+h!*I2EcPB?OM!T$8*}xw120rm@;Tgkh~Zd07OmMED4CG z7}$2MwfCwKb0&7Yq{xhD0_|DXHWy6Ket_ML)8S%2R#2=ts#Q*@N=VOuV zeiNnw3zAGG9b(#TVlt%+6Tb-#{=^9^$PXKSYFxtJ)c@gyma{GD9qa-LEQmv_KG!HS za@k1W-+v;oAafUe%Md{;^ zIpoHH%B|5@cGmv>9*Dojh^`GK-1#y7 zf)GySV{PYUxFX&NKpBvrBl{PSz68K4rng~ojPxa-`We8jF3!YoMZ61BV`|sdQU8vQ z2z)yvQf(bXe5#nf55Hwh`c83iiLED8Z7!}aGj*QZ*{u!|FMv>A>e;{tp61EkU*wnA z9Dl;~vTS%%%_ZbHiQ8)#B8X*(AeJG5ScdO9gil~iKBsS94ou&x{Wa8o z_8mu)vH{_NE)f+dWMMd)?W#?$K zVi_WcWr!e_A%a+j|2o9Q-h3gKdFhYUH-7_K-@9z+kJaznJTrD)*?{1C;NUArer2g# zT_#dBjSG|^Tyk8itQn!V{Z9pT$Ro=#L=ejmK`cWAv5as9vGH~Yc}}4YA6Xf0P}+P% zR#_e>$H&kCPkrcea$>0Q>*cQ$HF&HEn7oP5BRwAD08a%-Y~D37)X{fTb3o-_P=8l# z6(}rWr&CwGQ&-~154ReKZvoPm3CM-JmLV6Y+CqpF8MO!ibu;M>ZRjE6G<4NgVL@zf zbSdYeW#s z5J4jcDcYT@0`r5i{gBIxz z{tlU)z*m9olsN2oUzqq}f{~Yc1ULxbt_fSE2m!Y<)0Ll^uw_J$p0=L*j(_L01IU=L zS5gp9F;lyVy6=ENxA#nY>IxHY1@RqIHf@K1+wh#NeLK6qGiB50I^=OX4)GtoJ9=-H%qNcu zfj`F}be~>jd_?c6BkuV)n&9EOb`S^ab%D=(6iE<1)L6Jd?`R@O76{oou?!K!GDHx| z5J4 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

+
+
+ +
+

+ PHC +

+

Poisson

+
+
+
+ +

+ 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. -
+

+ + Servizi +

-
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 & Notizie +

+

+ Blog del PHC, qui sono racconte le ultime notizie sui nostri progetti recenti, informazioni su eventuali guasti e giorni di manuntenzione. +

+
+
+

+ + 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. +

+
+
+

+ + Git +

+

+ Server Git per gli utenti di Poisson, i progetti del PHC ad un certo punto verranno tenuti qui. +

+
+
+

+ + Matrix server +

+

+ Server locale per chattare e fare videoconferenze con altre persone del dipartimento. +

+
+
+

+ + Forum +

+

+ 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

+

+ + 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

+ +

+ + Accedi +

+ +

+ Inserisci le tue credenziali di Poisson per accedere, per il recupero credenziali vieni direttamente al PHC per parlarne con calma o inviaci una mail. +

+
- +
-

- 🛈 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
    • -
+ +  + +

+ + Utenti +

+ +

+ 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

+
+
+ + + + + + +
+
+
+ {{end}} \ No newline at end of file