phc
/
website
6
4
Fork 0
Code Issues 7 Pull Requests Projects 1 Releases Wiki Activity

merge: coding session with fra

Browse Source
dev
Antonio De Lucreziis 2 weeks ago
parent 7e99cfa9d7 d06e731edd
commit 69a0abc1f2
11 changed files with 983 additions and 743 deletions
Show Stats Download Patch File Download Diff File

1420
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

10
package.json
Unescape Escape View File

@ -12,9 +12,9 @@
"drizzle:migrate": "tsx src/db/migrate.ts"
},
"dependencies": {
"@astrojs/check": "^0.5.6",
"@astrojs/node": "^8.2.1",
"@astrojs/preact": "^3.1.1",
"@astrojs/check": "^0.9.4",
"@astrojs/node": "^8.3.4",
"@astrojs/preact": "^3.5.3",
"@fontsource-variable/material-symbols-outlined": "^5.0.23",
"@fontsource/iosevka": "^5.0.11",
"@fontsource/mononoki": "^5.0.11",
@ -23,7 +23,7 @@
"@fontsource/source-sans-pro": "^5.0.8",
"@fontsource/space-mono": "^5.0.20",
"@preact/signals": "^1.3.0",
"astro": "^4.4.6",
"astro": "^4.15.11",
"better-sqlite3": "^9.4.3",
"drizzle-orm": "^0.29.4",
"katex": "^0.16.9",
@ -31,7 +31,7 @@
"typescript": "^5.3.3"
},
"devDependencies": {
"@astrojs/mdx": "^3.1.3",
"@astrojs/mdx": "^3.1.7",
"@types/better-sqlite3": "^7.6.9",
"@types/katex": "^0.16.7",
"drizzle-kit": "^0.20.14",

10
src/components/Footer.astro
Unescape Escape View File

@ -1 +1,9 @@
<footer>&copy; PHC 2024</footer>
<footer>
<div class="text">
<p>
&copy; PHC 2024 &nbsp;&bull;&nbsp; <a href="mailto:macchinisti@lists.dm.unipi.it"
>macchinisti@lists.dm.unipi.it</a
>
</p>
</div>
</footer>

14
src/components/Timeline.astro
Unescape Escape View File

@ -0,0 +1,14 @@
---
const { year, title } = Astro.props
---
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">{year} &bull; {title}</div>
<div class="text">
<slot />
</div>
</div>
</div>
</div>

4
src/content/meta/whats-phc.md
Unescape Escape View File

@ -2,10 +2,10 @@
title: Cos'è il PHC?
---
Il <span title="Pisa Happy Computing">**PHC**</span> è un laboratorio informatico, gestito dagli studenti del **Dipartimento di Matematica** di Pisa e nato nel [1994](http://web.archive.org/web/19971017065805/http://poisson.dm.unipi.it/), che offre vari servizi agli studenti come [Poisson](https://poisson.phc.dm.unipi.it), che ospita le pagine degli studenti.
Il <span title="Pisa Happy Computing">**PHC**</span> è un laboratorio informatico, gestito dagli studenti del **Dipartimento di Matematica** di Pisa e nato nel 1999, che offre vari servizi agli studenti come [Poisson](https://poisson.phc.dm.unipi.it), che ospita le pagine degli studenti.
La sede del PHC è la [stanza 106](https://www.dm.unipi.it/mappa/?sel=638cd24b50cf34e03924a00c) del Dipartimento, dove si trovano i **macchinisti** per discutere e realizzare progetti [hardware](http://steffe.cs.dm.unipi.it/) e [software](https://lab.phc.dm.unipi.it/orario), e occuparsi di server autogestiti.
Le macchine del PHC girano principalmente Linux/Unix come sistemi operativi e i macchinisti sono grandi sostenitori di software [FOSS](https://it.wikipedia.org/wiki/Free_and_Open_Source_Software) (che loro stessi sviluppano sull'[istanza Gitea del PHC](https://git.phc.dm.unipi.it/phc)).
La lista dei vari macchinisti nel corso del tempo e di vari eventi notevoli si trova nella [pagina della storia](/storia) del PHC.
La lista dei vari macchinisti e di altri eventi notevoli si trova nella [pagina della storia](/storia) del PHC.

2
src/content/news/2024-07-28-nuovo-sito.md
Unescape Escape View File

@ -1,7 +1,7 @@
---
title: Il Nuovo Sito del PHC
description: Benvenuti nel nuovo sito web del PHC, realizzato con la tecnologia web Astro! In questo articolo, ne vedremo le feature principali e cosa serba il futuro.
publishDate: 2024-07-28
publishDate: 2024-10-05
---
# Il Nuovo Sito del PHC

143
src/pages/storia.astro
Unescape Escape View File

@ -3,73 +3,98 @@ import BaseLayout from '../layouts/BaseLayout.astro'
import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro'
import Timeline from '../components/Timeline.astro'
---
<BaseLayout {...Astro.props} pageTags={'storia'}>
<Header />
<main>
<h1>Storia</h1>
<div class="timeline">
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">1999</div>
<div class="text">Evento 1</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">2005</div>
<div class="text">Evento 2</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">2010</div>
<div class="text">Evento 3</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">2015</div>
<div class="text">Evento 4</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
<div class="timeline-item">
<div class="content">
<div class="card">
<div class="title">2020</div>
<div class="text">Evento 5</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<p>
Qui annoverariamo la storia del PHC in una timeline con gli eventi più salienti del progetto.
</p>
<p>
Per delle note storiche un po' più dettagliate, si legga l'ottima pagine sul <a
href="http://betti.dm.unipi.it/servizi/PHC.html">sito del dipartimento</a
>.
</p>
</div>
<div class="timeline">
<Timeline title="Tanti Francesco" year="2022">
<p>
Nel 2022, entrano a far parte del PHC <strong>Francesco Minnocci</strong>, <strong
>Francesco Manicastri</strong
> e <strong>Francesco Baldino</strong>
</p>
</Timeline>
<Timeline title="Nuovi macchinisti" year="2019">
<p>
Nel 2019, entrano a far parte del PHC <strong>Antonio De Lucreziis</strong> e <strong
>Illya Serdyuk</strong
>
</p>
</Timeline>
<Timeline title="Nuovi macchinisti" year="2018">
<p>
Nel 2018, entrano a far parte del PHC <strong>Francesco Caporali</strong> e <strong
>Letizia D'Achille</strong
>
</p>
</Timeline>
<Timeline title="Rinnovo del sito" year="2004">
<p>
Dopo un periodo di inattività del progetto, il sito del PHC viene riscritto in PHP e
trasferito sul dominio <a
href="https://web.archive.org/web/20040823112401/http://poisson.phc.unipi.it/"
>poisson.phc.unipi.it</a
>, il cui design è caratterizzato da un <a
href="https://web.archive.org/web/20060609003904im_/http://poisson.phc.unipi.it/logo_studenti.orig.png"
>logo</a
> creato da <strong>Michele Cerulli</strong>.
</p><img
class="dropdown"
src="https://web.archive.org/web/20060609003904im_/http://poisson.phc.unipi.it/logo_studenti.orig.png"
alt="Logo"
/>
</Timeline>
<Timeline title="Seminari del PHC" year="2000">
<p>
Nel primo semestre del 2000, vengono tenuti diversi <a
href="https://web.archive.org/web/20010430151939/http://www.phc.unipi.it/seminari2000/"
>seminari</a
> su temi quali: installazione di programmi e sistemi operativi (come Linux), sicurezza informatica,
esperimenti con matematica e musica e creazione di pagine web.
</p>
</Timeline>
<Timeline title="Rete del PHC e DNS" year="1999">
<p>
Nel maggio del 1999 viene attivata la rete 131.114.10.0, con tanto di nameserver sul
dominio <a href="https://web.archive.org/web/20010410215451/http://www.phc.unipi.it/"
>phc.unipi.it</a
>.
</p>
</Timeline>
<Timeline title="Fondazione del PHC" year="1999">
<p>
In seguito alla proposta del prof. <strong>Sergio Steffè</strong>, in data 26 febbraio
1999 il Dipartimento di Matematica approva una delibera per stanziare la stanza 106 ed
alcuni computer ad uso di un gruppo di studenti, così da avere un luogo in cui
"smanettare", dare supporto informatica agli studenti e gestire il sito Poisson.
</p>
</Timeline>
<Timeline title="Apertura di Poisson" year="~1994">
<p>
Nell'attuale Aula 4, allora semplice Aula studenti, nasce il sito web <strong
>poisson.dm.unipi.it</strong
>
su dei computer messi a disposizione agli studenti da Vinicio Villani. Una versione del 1996
di tale sito si trova nel <a
href="https://web.archive.org/web/19971017065805/http://poisson.dm.unipi.it/"
>Web Archive</a
>
</p>
</Timeline>
</div>
</main>
<Footer />

104
src/styles/components.scss
Unescape Escape View File

@ -13,7 +13,11 @@
place-content: center;
font-size: 24px;
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
.title {
@ -334,43 +338,12 @@
grid-template-columns: var(--timeline-track-size) 1fr;
}
max-width: 120rch;
max-width: 120ch;
& > .timeline-item {
position: relative;
display: grid;
@media screen and (min-width: $screen-desktop-min) {
&:nth-child(odd) {
grid-column: 1 / span 2;
grid-template-columns: 1fr var(--timeline-track-size);
// text-align: right;
& > .content {
grid-column: 1;
}
}
&:nth-child(even) {
grid-column: 2 / span 2;
grid-template-columns: var(--timeline-track-size) 1fr;
& > .content {
grid-column: 2;
}
}
}
@media screen and (max-width: $screen-desktop-min) {
grid-column: 1 / span 2;
grid-template-columns: var(--timeline-track-size) 1fr;
& > .content {
grid-column: 2;
}
}
& > .content {
padding: 2rem 1rem;
@ -393,8 +366,6 @@
}
}
position: relative;
// timeline vertical line
&::before {
content: '';
@ -454,6 +425,67 @@
grid-column: 1 / span 1;
}
}
.dropdown {
@include neo-brutalist-card;
max-width: 15rem;
position: absolute;
bottom: calc(-10rem - 1px);
left: 50%;
transform: translateX(calc(-50% - var(--timeline-track-size) / 2));
border-top: none;
border-radius: 0 0 0.5rem 0.5rem;
@media screen and (max-width: $screen-desktop-min) {
@include neo-brutalist-card;
position: static;
transform: none;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: $screen-desktop-min) {
&:nth-child(odd) {
grid-column: 1 / span 2;
grid-template-columns: 1fr var(--timeline-track-size);
& > .content {
grid-column: 1;
}
.dropdown {
left: auto;
right: 50%;
transform: translateX(calc(50% - var(--timeline-track-size) / 2));
}
}
&:nth-child(even) {
grid-column: 2 / span 2;
grid-template-columns: var(--timeline-track-size) 1fr;
& > .content {
grid-column: 2;
}
.dropdown {
left: 50%;
transform: translateX(calc(-50% + var(--timeline-track-size) / 2));
}
}
}
@media screen and (max-width: $screen-desktop-min) {
grid-column: 1 / span 2;
grid-template-columns: var(--timeline-track-size) 1fr;
& > .content {
grid-column: 2;
}
}
}
}

3
src/styles/main.scss
Unescape Escape View File

@ -125,6 +125,9 @@ body {
footer {
z-index: 10;
padding: 1rem 0;
--paragraph-margin: 0.5rem;
--zone-color: #aaa;
min-height: 6rem;
border-top: $border-large;

12
src/styles/pages.scss
Unescape Escape View File

@ -412,7 +412,7 @@
}
.storia {
--card-base: #70f0a9;
--card-base: #e4c5ff;
main {
justify-self: center;
@ -427,11 +427,11 @@
// background horizontal linear gradient that is black in the center
background: linear-gradient(
to right,
#70f0a933 0%,
#70f0a933 25%,
#70f0a999 50%,
#70f0a933 75%,
#70f0a933 100%
#e0ffc511 0%,
#e0ffc533 25%,
#e0ffc599 50%,
#e0ffc533 75%,
#e0ffc511 100%
);
}
}

2
src/styles/typography.scss
Unescape Escape View File

@ -84,7 +84,7 @@
p {
line-height: 1.75;
margin: 1rem auto;
margin: var(--paragraph-margin, 1rem) auto;
}
// p + p {

Write Preview
Loading…
Cancel
Save