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

cmd: updated prettier config and reformatted content
continuous-integration/drone/push Build is passing Details

Browse Source
pull/17/head
Antonio De Lucreziis 1 year ago
parent f85991c409
commit 419b0c6ab5
20 changed files with 228 additions and 292 deletions
Show Stats Download Patch File Download Diff File

42
.drone.yml
Unescape Escape View File

@ -1,6 +1,6 @@
# This file defines a Drone pipeline that builds a static website with "npm run build". This # This file defines a Drone pipeline that builds a static website with "npm run build". This
# pipeline must be marked as "Trusted" in the Drone project settings. # pipeline must be marked as "Trusted" in the Drone project settings.
# #
# We mount the target directory of the project at "/var/www/{project}" to the container # We mount the target directory of the project at "/var/www/{project}" to the container
# "dist/" directory and the run the build. A caveat is that the container builds files # "dist/" directory and the run the build. A caveat is that the container builds files
# with "root" permissions, so we need to fix those after each build with a second pipeline. # with "root" permissions, so we need to fix those after each build with a second pipeline.
@ -9,26 +9,26 @@ kind: pipeline
name: default name: default
steps: steps:
- name: deploy - name: deploy
image: node:latest image: node:latest
volumes: volumes:
- name: host-website-dist - name: host-website-dist
path: /mnt/website path: /mnt/website
commands: commands:
- npm install - npm install
- npm run build - npm run build
- cp -rT ./dist /mnt/website - cp -rT ./dist /mnt/website
volumes: volumes:
- name: host-website-dist - name: host-website-dist
host: # this volume is mounted on the host machine host: # this volume is mounted on the host machine
path: /var/www/website path: /var/www/website
trigger: trigger:
branch: branch:
- main - main
event: event:
- push - push
--- ---
kind: pipeline kind: pipeline
@ -36,15 +36,15 @@ type: exec # this job is executed on the host machine
name: caddy-permissions name: caddy-permissions
depends_on: depends_on:
- default - default
steps: steps:
- name: chown - name: chown
commands: commands:
- chown -R caddy:caddy /var/www/website - chown -R caddy:caddy /var/www/website
trigger: trigger:
branch: branch:
- main - main
event: event:
- push - push

1
.prettierrc.mjs
Unescape Escape View File

@ -18,6 +18,7 @@ export default {
}, },
{ {
files: '*.{yml,yaml,json}', files: '*.{yml,yaml,json}',
excludeFiles: 'package-lock.json',
options: { options: {
tabWidth: 2, tabWidth: 2,
}, },

98
package.json
Unescape Escape View File

@ -1,51 +1,51 @@
{ {
"name": "website", "name": "website",
"type": "module", "type": "module",
"version": "0.0.1", "version": "0.0.1",
"scripts": { "scripts": {
"dev": "run-s astro:sync astro:dev", "dev": "run-s astro:sync astro:dev",
"build": "run-s astro:build", "build": "run-s astro:build",
"astro:sync": "astro sync", "astro:sync": "astro sync",
"astro:dev": "astro dev", "astro:dev": "astro dev",
"astro:build": "astro check && astro build" "astro:build": "astro check && astro build"
}, },
"dependencies": { "dependencies": {
"@astrojs/check": "^0.9.4", "@astrojs/check": "^0.9.4",
"@astrojs/node": "9.0.0", "@astrojs/node": "9.0.0",
"@astrojs/preact": "4.0.0", "@astrojs/preact": "4.0.0",
"@fontsource-variable/material-symbols-outlined": "^5.1.1", "@fontsource-variable/material-symbols-outlined": "^5.1.1",
"@fontsource/iosevka": "^5.0.11", "@fontsource/iosevka": "^5.0.11",
"@fontsource/mononoki": "^5.0.11", "@fontsource/mononoki": "^5.0.11",
"@fontsource/open-sans": "^5.0.24", "@fontsource/open-sans": "^5.0.24",
"@fontsource/source-code-pro": "^5.0.16", "@fontsource/source-code-pro": "^5.0.16",
"@fontsource/source-sans-pro": "^5.0.8", "@fontsource/source-sans-pro": "^5.0.8",
"@fontsource/space-mono": "^5.0.20", "@fontsource/space-mono": "^5.0.20",
"@phosphor-icons/core": "^2.1.1", "@phosphor-icons/core": "^2.1.1",
"@phosphor-icons/react": "^2.1.7", "@phosphor-icons/react": "^2.1.7",
"@preact/signals": "^1.3.0", "@preact/signals": "^1.3.0",
"@types/jsdom": "^21.1.7", "@types/jsdom": "^21.1.7",
"astro": "5.1.0", "astro": "5.1.0",
"fuse.js": "^7.0.0", "fuse.js": "^7.0.0",
"katex": "^0.16.9", "katex": "^0.16.9",
"lucide-static": "^0.468.0", "lucide-static": "^0.468.0",
"marked": "^15.0.6", "marked": "^15.0.6",
"preact": "^10.19.6", "preact": "^10.19.6",
"typescript": "^5.3.3" "typescript": "^5.3.3"
}, },
"devDependencies": { "devDependencies": {
"@astrojs/mdx": "4.0.2", "@astrojs/mdx": "4.0.2",
"@rollup/plugin-yaml": "^4.1.2", "@rollup/plugin-yaml": "^4.1.2",
"@types/katex": "^0.16.7", "@types/katex": "^0.16.7",
"jsdom": "^24.1.1", "jsdom": "^24.1.1",
"linkedom": "^0.18.4", "linkedom": "^0.18.4",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"prettier": "^3.5.0", "prettier": "^3.5.0",
"prettier-plugin-astro": "^0.14.1", "prettier-plugin-astro": "^0.14.1",
"rehype-autolink-headings": "^7.1.0", "rehype-autolink-headings": "^7.1.0",
"rehype-slug": "^6.0.0", "rehype-slug": "^6.0.0",
"remark-math": "^6.0.0", "remark-math": "^6.0.0",
"remark-toc": "^9.0.0", "remark-toc": "^9.0.0",
"sass": "^1.71.1", "sass": "^1.71.1",
"tsx": "^4.7.1" "tsx": "^4.7.1"
} }
} }

11
src/client/ComboBox.tsx
Unescape Escape View File

@ -34,21 +34,14 @@ export const ComboBox = ({
}, []) }, [])
return ( return (
<div <div class="combobox" ref={comboRef} style={{ width: isMobile() ? undefined : itemWidth + 48 + 'px' }}>
class="combobox"
ref={comboRef}
style={{ width: isMobile() ? undefined : itemWidth + 48 + 'px' }}
>
<div class="selected" onClick={() => setOpen(!open)}> <div class="selected" onClick={() => setOpen(!open)}>
<div class="content">{children[value]}</div> <div class="content">{children[value]}</div>
{/* <span class="material-symbols-outlined">expand_more</span> */} {/* <span class="material-symbols-outlined">expand_more</span> */}
<PhosphorIcon name="caret-down" /> <PhosphorIcon name="caret-down" />
</div> </div>
{open && ( {open && (
<div <div class={clsx('dropdown', cloak && 'invisible')} ref={el => el && setItemWidth(el.offsetWidth)}>
class={clsx('dropdown', cloak && 'invisible')}
ref={el => el && setItemWidth(el.offsetWidth)}
>
{Object.keys(children).map(key => ( {Object.keys(children).map(key => (
<div <div
class="option" class="option"

4
src/client/Icon.tsx
Unescape Escape View File

@ -2,8 +2,8 @@ const icons = Object.fromEntries(
Object.entries( Object.entries(
import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`, { import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`, {
eager: true, eager: true,
}) }),
).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module]) ).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module]),
) )
type Props = { type Props = {

21
src/client/UtentiPage.tsx
Unescape Escape View File

@ -68,22 +68,22 @@ export const UtentiPage = () => {
$filter.value === 'macchinisti' $filter.value === 'macchinisti'
? $utentiData.value.filter(user => MACCHINISTI.includes(user.uid)) ? $utentiData.value.filter(user => MACCHINISTI.includes(user.uid))
: $filter.value === 'rappstud' : $filter.value === 'rappstud'
? $utentiData.value.filter(user => RAPPSTUD.includes(user.uid)) ? $utentiData.value.filter(user => RAPPSTUD.includes(user.uid))
: $utentiData.value : $utentiData.value,
) )
const $fuse = useComputed( const $fuse = useComputed(
() => () =>
new Fuse($filteredData.value, { new Fuse($filteredData.value, {
keys: ['gecos', 'uid'], keys: ['gecos', 'uid'],
}) }),
) )
const $searchText = useSignal('') const $searchText = useSignal('')
const $searchResults = useComputed(() => const $searchResults = useComputed(() =>
$searchText.value.trim().length > 0 $searchText.value.trim().length > 0
? $fuse.value?.search($searchText.value).map(result => result.item) ?? [] ? ($fuse.value?.search($searchText.value).map(result => result.item) ?? [])
: $filteredData.value : $filteredData.value,
) )
useEffect(() => { useEffect(() => {
@ -110,7 +110,7 @@ export const UtentiPage = () => {
<PhosphorIcon name={v.icon} /> <PhosphorIcon name={v.icon} />
{v.label} {v.label}
</>, </>,
]) ]),
)} )}
</ComboBox> </ComboBox>
<div class="search"> <div class="search">
@ -142,17 +142,14 @@ export const UtentiPage = () => {
RAPPSTUD.includes(poissonUser.uid) RAPPSTUD.includes(poissonUser.uid)
? 'bank' ? 'bank'
: MACCHINISTI.includes(poissonUser.uid) : MACCHINISTI.includes(poissonUser.uid)
? 'wrench' ? 'wrench'
: 'user' : 'user'
} }
/> />
</div> </div>
<div class="text">{poissonUser.gecos}</div> <div class="text">{poissonUser.gecos}</div>
<div class="right"> <div class="right">
<a <a href={`https://poisson.phc.dm.unipi.it/~${poissonUser.uid}`} target="_blank">
href={`https://poisson.phc.dm.unipi.it/~${poissonUser.uid}`}
target="_blank"
>
{/* <span class="material-symbols-outlined">open_in_new</span> */} {/* <span class="material-symbols-outlined">open_in_new</span> */}
<PhosphorIcon name="arrow-square-out" /> <PhosphorIcon name="arrow-square-out" />
</a> </a>

2
src/client/lib/util.ts
Unescape Escape View File

@ -3,7 +3,7 @@ import { useEffect, useState } from 'preact/hooks'
export const trottleDebounce = <T extends any[], R>( export const trottleDebounce = <T extends any[], R>(
fn: (...args: T) => R, fn: (...args: T) => R,
delay: number, delay: number,
options: { leading?: boolean; trailing?: boolean } = {} options: { leading?: boolean; trailing?: boolean } = {},
): ((...args: T) => R | undefined) => { ): ((...args: T) => R | undefined) => {
let lastCall = 0 let lastCall = 0
let lastResult: R | undefined let lastResult: R | undefined

4
src/components/PhosphorIcon.astro
Unescape Escape View File

@ -9,8 +9,8 @@ const { name } = Astro.props
const icons = Object.fromEntries( const icons = Object.fromEntries(
Object.entries( Object.entries(
import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`) import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`),
).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module]) ).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module]),
) )
if (!icons[name]) { if (!icons[name]) {

46
src/content/guides/2024-02-29-git-101.md
Unescape Escape View File

@ -14,21 +14,21 @@ Git è un sistema di controllo di versione distribuito creato per gestire proget
### **Cos'è Git?** ### **Cos'è Git?**
- **Sistema di controllo di versione**: Gestisce le modifiche al codice sorgente nel tempo. - **Sistema di controllo di versione**: Gestisce le modifiche al codice sorgente nel tempo.
- **Distribuito**: Ogni sviluppatore ha una copia del repository. - **Distribuito**: Ogni sviluppatore ha una copia del repository.
- **Veloce e leggero**: Ottimizzato per la velocità e le prestazioni. - **Veloce e leggero**: Ottimizzato per la velocità e le prestazioni.
### **Perché usare Git?** ### **Perché usare Git?**
- **Tracciabilità**: Ogni modifica è tracciata e reversibile. - **Tracciabilità**: Ogni modifica è tracciata e reversibile.
- **Collaborazione**: Più persone possono lavorare sullo stesso progetto. - **Collaborazione**: Più persone possono lavorare sullo stesso progetto.
- **Backup**: Repository remoto per il backup del codice. - **Backup**: Repository remoto per il backup del codice.
- **Branching**: Lavoriamo su nuove funzionalità senza influenzare il codice principale. - **Branching**: Lavoriamo su nuove funzionalità senza influenzare il codice principale.
--- ---
@ -96,9 +96,9 @@ git config --list
### **Repository** ### **Repository**
- **Repository locale**: Una cartella sul nostro computer che contiene il nostro progetto. - **Repository locale**: Una cartella sul nostro computer che contiene il nostro progetto.
- **Repository remoto**: Una versione del progetto ospitata su un server (es. GitHub, GitLab). - **Repository remoto**: Una versione del progetto ospitata su un server (es. GitHub, GitLab).
### **Branch** ### **Branch**
@ -174,9 +174,9 @@ Il comando **`git commit`** è utilizzato per registrare le modifiche nel reposi
#### Cosa succede dietro le quinte: #### Cosa succede dietro le quinte:
- Git salva lo stato dei file nell'area di staging in un commit, che viene aggiunto alla cronologia del repository locale. - Git salva lo stato dei file nell'area di staging in un commit, che viene aggiunto alla cronologia del repository locale.
- Ogni commit ha un identificatore unico (hash) che consente di risalire facilmente alle modifiche in qualsiasi momento. - Ogni commit ha un identificatore unico (hash) che consente di risalire facilmente alle modifiche in qualsiasi momento.
--- ---
@ -198,13 +198,13 @@ Il comando **`git commit`** è utilizzato per registrare le modifiche nel reposi
#### Cosa succede dietro le quinte: #### Cosa succede dietro le quinte:
- Git confronta il nostro branch locale con il branch remoto. Se ci sono nuovi commit nel branch remoto che non sono ancora nel nostro branch locale, ci verrà richiesto di fare un **pull** per aggiornare prima di fare il push. - Git confronta il nostro branch locale con il branch remoto. Se ci sono nuovi commit nel branch remoto che non sono ancora nel nostro branch locale, ci verrà richiesto di fare un **pull** per aggiornare prima di fare il push.
- Il nostro repository locale viene sincronizzato con il remoto, rendendo le modifiche visibili a tutti gli altri che hanno accesso al repository remoto. - Il nostro repository locale viene sincronizzato con il remoto, rendendo le modifiche visibili a tutti gli altri che hanno accesso al repository remoto.
#### Errori comuni: #### Errori comuni:
- Se il repository remoto è stato aggiornato nel frattempo da qualcun altro (ad esempio, con un altro push), riceveremo un errore che ci avvisa che dobbiamo fare prima un `git pull` per sincronizzare il nostro lavoro. - Se il repository remoto è stato aggiornato nel frattempo da qualcun altro (ad esempio, con un altro push), riceveremo un errore che ci avvisa che dobbiamo fare prima un `git pull` per sincronizzare il nostro lavoro.
--- ---
@ -226,13 +226,13 @@ Il comando **`git commit`** è utilizzato per registrare le modifiche nel reposi
#### Cosa succede dietro le quinte: #### Cosa succede dietro le quinte:
- **`git fetch`** scarica tutte le modifiche dal repository remoto, ma non le integra ancora nel nostro codice. - **`git fetch`** scarica tutte le modifiche dal repository remoto, ma non le integra ancora nel nostro codice.
- **`git merge`** unisce le modifiche scaricate al nostro branch attuale, risolvendo eventuali conflitti, se necessario. - **`git merge`** unisce le modifiche scaricate al nostro branch attuale, risolvendo eventuali conflitti, se necessario.
#### Errori comuni: #### Errori comuni:
- Se ci sono conflitti tra il nostro lavoro e quello degli altri, Git ci avviserà che dovremo risolverli manualmente. Dopo aver risolto i conflitti, dovremo aggiungere i file risolti (`git add`) e completare il merge con un commit. - Se ci sono conflitti tra il nostro lavoro e quello degli altri, Git ci avviserà che dovremo risolverli manualmente. Dopo aver risolto i conflitti, dovremo aggiungere i file risolti (`git add`) e completare il merge con un commit.
## **7. Lavorare con branch** ## **7. Lavorare con branch**
@ -336,18 +336,18 @@ git branch -d <nome-branch>
## **10. Best practices** ## **10. Best practices**
- Scriviamo messaggi di commit chiari e descrittivi. - Scriviamo messaggi di commit chiari e descrittivi.
- Creiamo branch per nuove funzionalità o bugfix. - Creiamo branch per nuove funzionalità o bugfix.
- Sincronizziamo frequentemente il nostro repository locale con quello remoto. - Sincronizziamo frequentemente il nostro repository locale con quello remoto.
--- ---
## **11. Risorse aggiuntive** ## **11. Risorse aggiuntive**
- [Documentazione ufficiale di Git](https://git-scm.com/doc) - [Documentazione ufficiale di Git](https://git-scm.com/doc)
- [Guida interattiva Learn Git Branching](https://learngitbranching.js.org/) - [Guida interattiva Learn Git Branching](https://learngitbranching.js.org/)
- [GitHub Docs](https://docs.github.com/) - [GitHub Docs](https://docs.github.com/)

8
src/content/guides/2024-11-03-deploy-with-github-actions.md
Unescape Escape View File

@ -64,13 +64,13 @@ jobs:
Il comando `rsync` ha le seguenti opzioni: Il comando `rsync` ha le seguenti opzioni:
- `-c` per controllare i file tramite checksum invece che per data e dimensione (che sono sempre diverse visto che stiamo ricosruendo il sito ogni volta con le GitHub Actions) - `-c` per controllare i file tramite checksum invece che per data e dimensione (che sono sempre diverse visto che stiamo ricosruendo il sito ogni volta con le GitHub Actions)
- `-a` per copiare ricorsivamente i file e mantenere i permessi - `-a` per copiare ricorsivamente i file e mantenere i permessi
- `-v` per mostrare i file copiati - `-v` per mostrare i file copiati
- `-z` per comprimere i file durante il trasferimento - `-z` per comprimere i file durante il trasferimento
## SSH Segreti ## SSH Segreti

11
src/content/guides/2024-11-17-attivazione-poisson.md
Unescape Escape View File

@ -12,11 +12,11 @@ Poisson è un server autogestito dalla comunità studentesca di matematica, da s
Se non si è mai creato un account Poisson, è necessario inviare una richiesta via email a **macchinisti@lists.dm.unipi.it** includendo: Se non si è mai creato un account Poisson, è necessario inviare una richiesta via email a **macchinisti@lists.dm.unipi.it** includendo:
- Nome - Nome
- Cognome - Cognome
- Username di ateneo (quello associato alla propria email istituzionale) - Username di ateneo (quello associato alla propria email istituzionale)
Nella mail è sufficiente specificare che si desidera attivare un account Poisson. I "macchinisti" si occuperanno di attivare l'account il prima possibile. Nella mail è sufficiente specificare che si desidera attivare un account Poisson. I "macchinisti" si occuperanno di attivare l'account il prima possibile.
@ -66,7 +66,10 @@ Vediamo un piccolo esempio di file `index.html` che possiamo creare:
style="max-width: 300px; border-radius: 10px;" style="max-width: 300px; border-radius: 10px;"
/> />
<p>Ciao! Sono Sergio Steffè.</p> <p>Ciao! Sono Sergio Steffè.</p>
<p>Email: <a href="mailto:sergio.steffe@example.com">sergio.steffe@example.com</a></p> <p>
Email:
<a href="mailto:sergio.steffe@example.com">sergio.steffe@example.com</a>
</p>
</body> </body>
</html> </html>
``` ```

44
src/content/meta/design.mdx
Unescape Escape View File

@ -35,10 +35,7 @@ Una card semplice ha un titolo ed una descrizione.
```astro ```astro
<div class="card" style="--card-base: var(--guide-base); max-width: 25rem;"> <div class="card" style="--card-base: var(--guide-base); max-width: 25rem;">
<div class="title">Titolo</div> <div class="title">Titolo</div>
<div class="text"> <div class="text">Descrizione lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, labore?</div>
Descrizione lorem ipsum dolor sit amet consectetur
adipisicing elit. Aspernatur, labore?
</div>
</div> </div>
``` ```
@ -51,10 +48,7 @@ Le card possono essere di dimensioni diverse. Questa è una card grande.
```astro ```astro
<div class="card large" style="--card-base: lightgreen; max-width: 25rem;"> <div class="card large" style="--card-base: lightgreen; max-width: 25rem;">
<div class="title">Titolo</div> <div class="title">Titolo</div>
<div class="text"> <div class="text">Descrizione lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, labore?</div>
Descrizione lorem ipsum dolor sit amet consectetur
adipisicing elit. Aspernatur, labore?
</div>
</div> </div>
``` ```
@ -100,10 +94,7 @@ Se c'è poco testo, può essere inserito direttamente nella card.
```astro ```astro
<div class="card"> <div class="card">
<div class="text"> <div class="text">Descrizione lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, labore?</div>
Descrizione lorem ipsum dolor sit amet consectetur
adipisicing elit. Aspernatur, labore?
</div>
</div> </div>
``` ```
@ -113,16 +104,15 @@ Altrimenti può essere inserito in un tag `<p>`.
<div class="card"> <div class="card">
<div class="text"> <div class="text">
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio, vel! Veritatis est sit beatae eveniet.
Distinctio, vel! Veritatis est sit beatae eveniet.
</p> </p>
<p> <p>
Error, minus, asperiores quaerat nulla cumque, nisi ipsam Error, minus, asperiores quaerat nulla cumque, nisi ipsam assumenda consectetur accusamus tempore
assumenda consectetur accusamus tempore consequatur quae. Fugit? consequatur quae. Fugit?
</p> </p>
<p> <p>
Quos sapiente amet numquam quis, libero odit eum, eius Quos sapiente amet numquam quis, libero odit eum, eius perspiciatis repellat nesciunt cupiditate asperiores
perspiciatis repellat nesciunt cupiditate asperiores maiores? maiores?
</p> </p>
</div> </div>
</div> </div>
@ -132,19 +122,10 @@ C'è anche il modificatore `small` e `dimmed` per ridurre la grandezza del testo
```astro ```astro
<div class="card" style="max-width: 25rem;"> <div class="card" style="max-width: 25rem;">
<div class="text"> <div class="text">Some normal text, this is a very long text that should wrap on the next line</div>
Some normal text, this is a very long <div class="text small">This is some small text</div>
text that should wrap on the next line <div class="text dimmed">This is some dimmed text</div>
</div> <div class="text small dimmed">This is some small dimmed text</div>
<div class="text small">
This is some small text
</div>
<div class="text dimmed">
This is some dimmed text
</div>
<div class="text small dimmed">
This is some small dimmed text
</div>
</div> </div>
``` ```
@ -197,7 +178,6 @@ import { ComboBox } from '@/lib/components/ComboBox'
const [value, setValue] = useState('option-1') const [value, setValue] = useState('option-1')
``` ```
```jsx ```jsx
<ComboBox value={value} setValue={setValue}> <ComboBox value={value} setValue={setValue}>
{{ {{

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

@ -16,7 +16,7 @@ A differenza di altri framework, di base Astro non richiede JavaScript per funzi
## Caratteristiche del Nuovo Sito ## Caratteristiche del Nuovo Sito
Il nuovo sito unifica varie funzionalità che prima erano sparse in diversi siti web. I contenuti del sito dei Seminarietti verranno integrati nella sezione guide che ospiterà anche molte altre risorse utili. Il nuovo sito unifica varie funzionalità che prima erano sparse in diversi siti web. I contenuti del sito dei Seminarietti verranno integrati nella sezione guide che ospiterà anche molte altre risorse utili.
- **Lista Utenti**: La lista degli utenti di Poisson precedentemente presente sul sito era ordinata per nome e non era facile cercare un utente specifico. Ora la lista è ordinata in base alla data di creaizone dell'account e c'è una barra di ricerca fuzzy per cercare un utente e la sua pagina Poisson. - **Lista Utenti**: La lista degli utenti di Poisson precedentemente presente sul sito era ordinata per nome e non era facile cercare un utente specifico. Ora la lista è ordinata in base alla data di creaizone dell'account e c'è una barra di ricerca fuzzy per cercare un utente e la sua pagina Poisson.
@ -24,7 +24,7 @@ Il nuovo sito unifica varie funzionalità che prima erano sparse in diversi siti
- **News**: La sezione news ospiterà gli novità e annunci importanti riguardanti il PHC. - **News**: La sezione news ospiterà gli novità e annunci importanti riguardanti il PHC.
- **Storia**: Questa sezione raccoglie la storia del PHC fin dalla creazione di Poisson nel lontano 1994, includendo tutti i vari macchinisti nel corso della tempo. - **Storia**: Questa sezione raccoglie la storia del PHC fin dalla creazione di Poisson nel lontano 1994, includendo tutti i vari macchinisti nel corso della tempo.
## Cooming Soon ## Cooming Soon
@ -35,4 +35,3 @@ Il nuovo sito unifica varie funzionalità che prima erano sparse in diversi siti
## Conclusioni ## Conclusioni
Speriamo che il nuovo sito vi piaccia e vi sia utile. Se avete suggerimenti o richieste, non esitate a contattarci. Buona navigazione, magari iniziando dalla [pagina sulla storia del PHC](/storia)! Speriamo che il nuovo sito vi piaccia e vi sia utile. Se avete suggerimenti o richieste, non esitate a contattarci. Buona navigazione, magari iniziando dalla [pagina sulla storia del PHC](/storia)!

48
src/data/macchinisti.yaml
Unescape Escape View File

@ -3,37 +3,37 @@
- fullName: Antonio De Lucreziis - fullName: Antonio De Lucreziis
entranceDate: 2019 entranceDate: 2019
description: | description: |
Appassionato di geometria computazionale, parser, teoria dei linguaggi di programmazione, Smalltalk e Lisp. Appassionato di geometria computazionale, parser, teoria dei linguaggi di programmazione, Smalltalk e Lisp.
social: social:
github: https://github.com/aziis98 github: https://github.com/aziis98
website: https://poisson.phc.dm.unipi.it/~delucreziis/ website: https://poisson.phc.dm.unipi.it/~delucreziis/
- fullName: Luca Lombardo - fullName: Luca Lombardo
entranceDate: 2024 entranceDate: 2024
description: Appassionato di algoritmi e strutture dati, Rust e di quando matematica e informatica si incontrano. description: Appassionato di algoritmi e strutture dati, Rust e di quando matematica e informatica si incontrano.
social: social:
github: https://github.com/lukefleed github: https://github.com/lukefleed
website: https://lukefleex.xyz website: https://lukefleex.xyz
linkedin: https://www.linkedin.com/in/l-lombardo/ linkedin: https://www.linkedin.com/in/l-lombardo/
- fullName: Francesco Minnocci - fullName: Francesco Minnocci
entranceDate: 2022 entranceDate: 2022
description: Chitarrista classico ossessionato con la geometria aritmetica, linux e il rock progressivo. description: Chitarrista classico ossessionato con la geometria aritmetica, linux e il rock progressivo.
social: social:
github: https://github.com/BachoSeven github: https://github.com/BachoSeven
website: https://bachoseven.com website: https://bachoseven.com
- fullName: Francesco Baldino - fullName: Francesco Baldino
entranceDate: 2022 entranceDate: 2022
description: Bla bla Star Wars description: Bla bla Star Wars
social: social:
github: https://github.com/Fran314 github: https://github.com/Fran314
website: https://poisson.phc.dm.unipi.it/~baldino website: https://poisson.phc.dm.unipi.it/~baldino
- fullName: Illya Serdyuk - fullName: Illya Serdyuk
entranceDate: 2020 entranceDate: 2020
social: social:
github: https://github.com/Kratacoa github: https://github.com/Kratacoa
# Vecchi Macchinisti # Vecchi Macchinisti
@ -41,54 +41,54 @@
entranceDate: 2020 entranceDate: 2020
exitDate: 2024 exitDate: 2024
social: social:
linkedin: https://www.linkedin.com/in/gustavo-sass%C3%ACnculo-phd-92916a202/ linkedin: https://www.linkedin.com/in/gustavo-sass%C3%ACnculo-phd-92916a202/
- fullName: Cristiano Cricci - fullName: Cristiano Cricci
entranceDate: 2010 entranceDate: 2010
exitDate: 2019 exitDate: 2019
social: social:
website: https://poisson.phc.dm.unipi.it/~cricci/ website: https://poisson.phc.dm.unipi.it/~cricci/
- fullName: Tommaso Biannucci - fullName: Tommaso Biannucci
entranceDate: 2019 entranceDate: 2019
exitDate: 2022 exitDate: 2022
social: social:
github: https://gitlab.com/churli github: https://gitlab.com/churli
website: https://churli.gitlab.io/ website: https://churli.gitlab.io/
- fullName: Letizia D'Achille - fullName: Letizia D'Achille
entranceDate: 2018 entranceDate: 2018
exitDate: 2022 exitDate: 2022
description: Appassionata di crittografia, teoria dei codici e matematica computazionale. description: Appassionata di crittografia, teoria dei codici e matematica computazionale.
social: social:
github: https://github.com/letizia-dachille github: https://github.com/letizia-dachille
website: https://letizia-dachille.github.io/ website: https://letizia-dachille.github.io/
linkedin: https://www.linkedin.com/in/letizia-dachille/ linkedin: https://www.linkedin.com/in/letizia-dachille/
- fullName: Emiliano Rago - fullName: Emiliano Rago
entranceDate: 2000 entranceDate: 2000
exitDate: 2006 exitDate: 2006
description: Traviato da Linux in età troppo giovane ha difficoltà ad usare il mouse ma ama gli shortcuts con una decina di tasti. description: Traviato da Linux in età troppo giovane ha difficoltà ad usare il mouse ma ama gli shortcuts con una decina di tasti.
social: social:
linkedin: https://www.linkedin.com/in/emiliano-rago-1a8018109/ linkedin: https://www.linkedin.com/in/emiliano-rago-1a8018109/
- fullName: Francesco Caporali - fullName: Francesco Caporali
entranceDate: 2018 entranceDate: 2018
exitDate: 2022 exitDate: 2022
social: social:
github: https://github.com/caporali github: https://github.com/caporali
website: https://caporali.github.io/ website: https://caporali.github.io/
linkedin: https://www.linkedin.com/in/francescocaporali linkedin: https://www.linkedin.com/in/francescocaporali
- fullName: Antonio Spanu - fullName: Antonio Spanu
entranceDate: 2005 entranceDate: 2005
exitDate: 2009 exitDate: 2009
social: social:
linkedin: https://www.linkedin.com/in/antonio-spanu-609b3516a/ linkedin: https://www.linkedin.com/in/antonio-spanu-609b3516a/
- fullName: Riccardo Murri - fullName: Riccardo Murri
entranceDate: 1995 entranceDate: 1995
exitDate: 2000 exitDate: 2000
founder: true founder: true
social: social:
github: https://github.com/riccardomurri github: https://github.com/riccardomurri

2
src/pages/domande-esami/api/[course].json.ts
Unescape Escape View File

@ -19,6 +19,6 @@ export const GET: APIRoute = ({ params: { course } }) => {
headers: { headers: {
'content-type': 'application/json', 'content-type': 'application/json',
}, },
} },
) )
} }

47
src/pages/index.astro
Unescape Escape View File

@ -80,8 +80,7 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
> >
<p>Gitea è un servizio di hosting per progetti software, come GitHub ma autogestito.</p> <p>Gitea è un servizio di hosting per progetti software, come GitHub ma autogestito.</p>
<p> <p>
Qui puoi trovare i progetti del PHC, e accedendo con un account di Ateneo potrai crearne Qui puoi trovare i progetti del PHC, e accedendo con un account di Ateneo potrai crearne di nuovi.
di nuovi.
</p> </p>
</ProjectCard> </ProjectCard>
<!-- <ProjectCard <!-- <ProjectCard
@ -98,8 +97,8 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
imgSrc="https://lab.phc.dm.unipi.it/orario/icon.png" imgSrc="https://lab.phc.dm.unipi.it/orario/icon.png"
> >
<p> <p>
Questo sito permette di visualizzare il proprio orario delle lezioni, con informazioni sui Questo sito permette di visualizzare il proprio orario delle lezioni, con informazioni sui docenti e
docenti e le aule. le aule.
</p> </p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
@ -118,8 +117,8 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
imgSrc="https://steffe.lb.cs.dm.unipi.it/assets/img/logo.png" imgSrc="https://steffe.lb.cs.dm.unipi.it/assets/img/logo.png"
> >
<p> <p>
Cluster progettato ed assemblato durante il progetto speciale per la didattica "Calcolo Cluster progettato ed assemblato durante il progetto speciale per la didattica "Calcolo Parallelo
Parallelo dall'Infrastruttura alla Matematica". dall'Infrastruttura alla Matematica".
</p> </p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
@ -128,10 +127,7 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
style="--card-bg: #bd9fec; --masonry-height: 2;" style="--card-bg: #bd9fec; --masonry-height: 2;"
imgSrc="https://seminarietti.phc.dm.unipi.it/favicon.png" imgSrc="https://seminarietti.phc.dm.unipi.it/favicon.png"
> >
<p> <p>Storico degli incontri organizzati dal PHC su argomenti di informatica, matematica e tecnologia.</p>
Storico degli incontri organizzati dal PHC su argomenti di informatica, matematica e
tecnologia.
</p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
title="Tutorato" title="Tutorato"
@ -140,8 +136,8 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
imgSrc="https://tutorato.phc.dm.unipi.it/favicon.svg" imgSrc="https://tutorato.phc.dm.unipi.it/favicon.svg"
> >
<p> <p>
Un sito con tutte le informazioni sui tutorati di Matematica, con tanto di archivio degli Un sito con tutte le informazioni sui tutorati di Matematica, con tanto di archivio degli anni
anni passati. passati.
</p> </p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
@ -151,8 +147,8 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
imgSrc="https://ggwp.phc.dm.unipi.it/ggwp-icon.png" imgSrc="https://ggwp.phc.dm.unipi.it/ggwp-icon.png"
> >
<p> <p>
Sito per il tabellone del GGWP, utilizzato durante la gara di Novembre 2024 dagli Sito per il tabellone del GGWP, utilizzato durante la gara di Novembre 2024 dagli organizzatori per
organizzatori per inserire le risposte alla gara in tempo reale. inserire le risposte alla gara in tempo reale.
</p> </p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
@ -161,9 +157,7 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
style="--card-bg: #383838; --card-fg: #ddd; --masonry-height: 1;" style="--card-bg: #383838; --card-fg: #ddd; --masonry-height: 1;"
imgSrc="https://chat.phc.dm.unipi.it/favicon.png" imgSrc="https://chat.phc.dm.unipi.it/favicon.png"
> >
<p> <p>Istanza di Open-WebUI, una chat stile ChatGPT con alcuni LLM self-hostati dal PHC.</p>
Istanza di Open-WebUI, una chat stile ChatGPT con alcuni LLM self-hostati dal PHC.
</p>
</ProjectCard> </ProjectCard>
</div> </div>
</section> </section>
@ -182,22 +176,18 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
supporto tecnico per installare ed usare <strong>Linux</strong> sul proprio portatile supporto tecnico per installare ed usare <strong>Linux</strong> sul proprio portatile
</li> </li>
<li> <li>
<strong>costruiamo</strong>, <strong>smontiamo</strong> ed <strong>aggiustiamo</strong <strong>costruiamo</strong>, <strong>smontiamo</strong> ed <strong>aggiustiamo</strong>
>
computer (antichi e moderni) computer (antichi e moderni)
</li> </li>
<li> <li>
<strong>sviluppo software</strong> di backend e frontend per siti web (ma non solo) <strong>sviluppo software</strong> di backend e frontend per siti web (ma non solo)
</li> </li>
<li> <li>
organizzazione di <strong>seminari</strong> di divulgazione (vedi <a href="#projects" organizzazione di <strong>seminari</strong> di divulgazione (vedi <a href="#projects">sopra</a>)
>sopra</a
>)
</li> </li>
</ul> </ul>
<p> <p>
Infine, il PHC è prima di tutto un luogo dove <strong>imparare</strong>, <strong Infine, il PHC è prima di tutto un luogo dove <strong>imparare</strong>, <strong>trasmettere</strong
>trasmettere</strong
> le proprie conoscenze e <strong>condividere</strong> la passione per la tecnologia. > le proprie conoscenze e <strong>condividere</strong> la passione per la tecnologia.
</p> </p>
</div> </div>
@ -229,13 +219,12 @@ const galleryCollage = await Astro.glob('@/assets/gallery/*.jpg')
<div class="title">Vuoi diventare macchinista?</div> <div class="title">Vuoi diventare macchinista?</div>
<div class="text"> <div class="text">
<p> <p>
<strong>Macchinista non si nasce, si diventa:</strong> se sei uno studente di Matematica e <strong>Macchinista non si nasce, si diventa:</strong> se sei uno studente di Matematica e vuoi diventare
vuoi diventare un macchinista, vienici a trovare! un macchinista, vienici a trovare!
</p> </p>
<p> <p>
L'unico prerequisito è la voglia di imparare! Di solito, c'è un periodo di "apprendistato" L'unico prerequisito è la voglia di imparare! Di solito, c'è un periodo di "apprendistato" nel quale
nel quale si apprendono le basi; una volta superato potrai diventare un macchinista a si apprendono le basi; una volta superato potrai diventare un macchinista a tutti gli effetti.
tutti gli effetti.
</p> </p>
</div> </div>
</Card> </Card>

14
src/pages/macchinisti.astro
Unescape Escape View File

@ -12,8 +12,8 @@ const images = Object.fromEntries(
Object.entries( Object.entries(
import.meta.glob<{ default: ImageMetadata }>('@/assets/macchinisti/*', { import.meta.glob<{ default: ImageMetadata }>('@/assets/macchinisti/*', {
eager: true, eager: true,
}) }),
).map(([path, module]) => [path.split('/').pop()!.split('.')[0], module]) ).map(([path, module]) => [path.split('/').pop()!.split('.')[0], module]),
) )
const currentMacchinisti = macchinisti.filter(macchinista => !macchinista.exitDate) const currentMacchinisti = macchinisti.filter(macchinista => !macchinista.exitDate)
@ -35,9 +35,9 @@ const getMacchinistaPicture = (fullName: string) => {
<p> <p>
<em>> Chi sono i macchinisti?</em> <em>> Chi sono i macchinisti?</em>
<br /> <br />
Questo è l'appellativo dato agli studenti che si occupano di gestire l'infrastuttura e i servizi Questo è l'appellativo dato agli studenti che si occupano di gestire l'infrastuttura e i servizi del
del PHC (vedi la homepage per informazioni su come diventare un macchinista). Qua sotto trovi PHC (vedi la homepage per informazioni su come diventare un macchinista). Qua sotto trovi i macchinisti
i macchinisti attualmente attivi in PHC. attualmente attivi in PHC.
</p> </p>
</div> </div>
</div> </div>
@ -60,8 +60,8 @@ const getMacchinistaPicture = (fullName: string) => {
<div class="title"><s>Deus</s> Ex Macchinisti</div> <div class="title"><s>Deus</s> Ex Macchinisti</div>
<div class="text"> <div class="text">
<p> <p>
Qui raccogliamo qualche informazione sui macchinisti del passato, che hanno contribuito a Qui raccogliamo qualche informazione sui macchinisti del passato, che hanno contribuito a rendere il
rendere il PHC quello che è oggi. PHC quello che è oggi.
</p> </p>
</div> </div>
</div> </div>

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

@ -17,9 +17,8 @@ import WebSite from '@/assets/gallery/005-website-development@3x4.jpg'
<div class="title">Storia</div> <div class="title">Storia</div>
<div class="text"> <div class="text">
<p> <p>
Il PHC nasce quasi venti anni fa, nel lontano 1999 ed ha perciò una ricca storia. Qui Il PHC nasce quasi venti anni fa, nel lontano 1999 ed ha perciò una ricca storia. Qui proveremo ad
proveremo ad annoverare la storia del PHC, in una timeline con gli eventi più salienti del annoverare la storia del PHC, in una timeline con gli eventi più salienti del progetto.
progetto.
</p> </p>
<img <img
class="small flat" class="small flat"
@ -36,26 +35,25 @@ import WebSite from '@/assets/gallery/005-website-development@3x4.jpg'
<div class="timeline"> <div class="timeline">
<Timeline title="Un nuovo look" year="Nov 2024"> <Timeline title="Un nuovo look" year="Nov 2024">
<p> <p>
Dopo <s>mesi</s> anni di lavoro e di progettazione, il sito del PHC viene riscritto da zero Dopo <s>mesi</s> anni di lavoro e di progettazione, il sito del PHC viene riscritto da zero in Astro.
in Astro. Il progetto è stato voluto principalmente da <strong Il progetto è stato voluto principalmente da <strong>Antonio De Lucreziis</strong> (in foto, in fase
>Antonio De Lucreziis</strong di sviluppo), con il supporto di <strong>Francesco Minnocci</strong>.
> (in foto, in fase di sviluppo), con il supporto di <strong>Francesco Minnocci</strong>.
</p> </p>
<img class="fill" src={WebSite.src} alt="Sviluppo del sito" /> <img class="fill" src={WebSite.src} alt="Sviluppo del sito" />
</Timeline> </Timeline>
<Timeline title="Luca e le grandi pulizie" year="Apr 2024"> <Timeline title="Luca e le grandi pulizie" year="Apr 2024">
<p> <p>
Nel 2024, <strong>Luca Lombardo</strong> entra a far parte del PHC. Questo stesso anno vengono Nel 2024, <strong>Luca Lombardo</strong> entra a far parte del PHC. Questo stesso anno vengono effettuate
effettuate delle grandi pulizie nella stanza del PHC, come non si faceva dal lontano 2006. delle grandi pulizie nella stanza del PHC, come non si faceva dal lontano 2006.
</p> </p>
<img class="fill" src={imgPulizie.src} alt="pulizie phc" /> <img class="fill" src={imgPulizie.src} alt="pulizie phc" />
</Timeline> </Timeline>
<Timeline title="Il cluster di Raspberry Pi" year="2023"> <Timeline title="Il cluster di Raspberry Pi" year="2023">
<p> <p>
Il dipartimento acquista in due fasi diverse 34 (cloni) di Raspberry Pi 4, che vengono Il dipartimento acquista in due fasi diverse 34 (cloni) di Raspberry Pi 4, che vengono assemblati in
assemblati in un cluster per il progetto "High Performance Mathematics". Il cluster è un cluster per il progetto "High Performance Mathematics". Il cluster è stato assemblato,
stato assemblato, configurato e messo in funzione con la forte collaborazione macchinisti configurato e messo in funzione con la forte collaborazione macchinisti del PHC, che ancora oggi ne
del PHC, che ancora oggi ne curano la manutenzione. curano la manutenzione.
</p> </p>
<img class="fill" src={imgCluster.src} alt="cluster di raspberry pi" /> <img class="fill" src={imgCluster.src} alt="cluster di raspberry pi" />
</Timeline> </Timeline>
@ -82,9 +80,8 @@ import WebSite from '@/assets/gallery/005-website-development@3x4.jpg'
</Timeline> </Timeline>
<Timeline title="Rinnovo del sito" year="2004"> <Timeline title="Rinnovo del sito" year="2004">
<p> <p>
Dopo un periodo di inattività del progetto, il sito del PHC viene riscritto in PHP e Dopo un periodo di inattività del progetto, il sito del PHC viene riscritto in PHP e trasferito sul
trasferito sul dominio <a dominio <a href="https://web.archive.org/web/20040823112401/http://poisson.phc.unipi.it/"
href="https://web.archive.org/web/20040823112401/http://poisson.phc.unipi.it/"
>poisson.phc.unipi.it</a >poisson.phc.unipi.it</a
>, il cui design è caratterizzato da un <a >, il cui design è caratterizzato da un <a
href="https://web.archive.org/web/20060609003904im_/http://poisson.phc.unipi.it/logo_studenti.orig.png" href="https://web.archive.org/web/20060609003904im_/http://poisson.phc.unipi.it/logo_studenti.orig.png"
@ -108,33 +105,28 @@ import WebSite from '@/assets/gallery/005-website-development@3x4.jpg'
</Timeline> </Timeline>
<Timeline title="Rete del PHC e DNS" year="1999"> <Timeline title="Rete del PHC e DNS" year="1999">
<p> <p>
Nel maggio del 1999 viene attivata la rete 131.114.10.0, con tanto di nameserver sul Nel maggio del 1999 viene attivata la rete 131.114.10.0, con tanto di nameserver sul dominio <a
dominio <a href="https://web.archive.org/web/20010410215451/http://www.phc.unipi.it/" href="https://web.archive.org/web/20010410215451/http://www.phc.unipi.it/">phc.unipi.it</a
>phc.unipi.it</a
>. >.
</p> </p>
</Timeline> </Timeline>
<Timeline title="Fondazione del PHC" year="1999"> <Timeline title="Fondazione del PHC" year="1999">
<p> <p>
In seguito alla proposta del prof. <strong>Sergio Steffè</strong>, in data 26 febbraio In seguito alla proposta del prof. <strong>Sergio Steffè</strong>, in data 26 febbraio 1999 il
1999 il Dipartimento di Matematica approva una delibera per stanziare la stanza 106, una sottorete, il dominio DNS phc.dm.unipi.it ed Dipartimento di Matematica approva una delibera per stanziare la stanza 106, una sottorete, il
alcuni computer ad uso di un gruppo di studenti (Riccardo Murri e Massimiliano Sala), così da avere un luogo in cui dominio DNS phc.dm.unipi.it ed alcuni computer ad uso di un gruppo di studenti (Riccardo Murri e
"smanettare", offrire spazio a progetti interessanti, dare supporto informatico agli studenti e gestire il sito Poisson Massimiliano Sala), così da avere un luogo in cui "smanettare", offrire spazio a progetti
interessanti, dare supporto informatico agli studenti e gestire il sito Poisson
</p> </p>
<img <img class="fill" src="https://poisson.phc.dm.unipi.it/~steffe/sergio.jpg" alt="Sergio Steffè" />
class="fill"
src="https://poisson.phc.dm.unipi.it/~steffe/sergio.jpg"
alt="Sergio Steffè"
/>
</Timeline> </Timeline>
<Timeline title="Apertura di Poisson" year="~1995"> <Timeline title="Apertura di Poisson" year="~1995">
<p> <p>
Nell'attuale Aula 4, allora semplice Aula studenti, nasce il sito web <strong Nell'attuale Aula 4, allora semplice Aula studenti, nasce il sito web <strong
>poisson.dm.unipi.it</strong >poisson.dm.unipi.it</strong
> >
su dei computer messi a disposizione agli studenti da Vinicio Villani. Una versione del 1996 su dei computer messi a disposizione agli studenti da Vinicio Villani. Una versione del 1996 di tale
di tale sito si trova nel <a sito si trova nel <a href="https://web.archive.org/web/19971017065805/http://poisson.dm.unipi.it/"
href="https://web.archive.org/web/19971017065805/http://poisson.dm.unipi.it/"
>Web Archive</a >Web Archive</a
> >
</p> </p>

30
src/scripts/circuits-art.ts
Unescape Escape View File

@ -75,12 +75,7 @@ function setup() {
const handle = window.setInterval(() => { const handle = window.setInterval(() => {
const time = new Date().getTime() - startTime.getTime() const time = new Date().getTime() - startTime.getTime()
update( update(state, g.canvas.width / window.devicePixelRatio, g.canvas.height / window.devicePixelRatio, time)
state,
g.canvas.width / window.devicePixelRatio,
g.canvas.height / window.devicePixelRatio,
time
)
render(g, state, time) render(g, state, time)
}, 1000 / RENDERER_FPS) }, 1000 / RENDERER_FPS)
@ -266,25 +261,16 @@ const DIR_AVAILABLE_PREDICATE: Record<WireDirection, (pos: Point2, grid: Grid<Wi
implies(grid.has([x - 1, y]), () => grid.get([x - 1, y]) !== 'down-right') && implies(grid.has([x - 1, y]), () => grid.get([x - 1, y]) !== 'down-right') &&
implies(grid.has([x + 1, y]), () => grid.get([x + 1, y]) !== 'down-left'), implies(grid.has([x + 1, y]), () => grid.get([x + 1, y]) !== 'down-left'),
['down-left']: ([x, y], grid) => ['down-left']: ([x, y], grid) =>
!grid.has([x - 1, y + 1]) && !grid.has([x - 1, y + 1]) && implies(grid.has([x - 1, y]), () => grid.get([x - 1, y]) === 'down-left'),
implies(grid.has([x - 1, y]), () => grid.get([x - 1, y]) === 'down-left'),
['down-right']: ([x, y], grid) => ['down-right']: ([x, y], grid) =>
!grid.has([x + 1, y + 1]) && !grid.has([x + 1, y + 1]) && implies(grid.has([x + 1, y]), () => grid.get([x + 1, y]) === 'down-right'),
implies(grid.has([x + 1, y]), () => grid.get([x + 1, y]) === 'down-right'),
} }
function pruneDirections( function pruneDirections(grid: Grid<WireCell>, position: Point2, directions: WireDirection[]): WireDirection[] {
grid: Grid<WireCell>,
position: Point2,
directions: WireDirection[]
): WireDirection[] {
return directions.filter(dir => DIR_AVAILABLE_PREDICATE[dir](position, grid)) return directions.filter(dir => DIR_AVAILABLE_PREDICATE[dir](position, grid))
} }
function generateWire( function generateWire(grid: Grid<WireCell>, startingPoint: Point2): { position: Point2; direction: WireCell }[] {
grid: Grid<WireCell>,
startingPoint: Point2
): { position: Point2; direction: WireCell }[] {
const segmentLength = Math.floor(1 - Math.random() ** 2) * 10 + 30 const segmentLength = Math.floor(1 - Math.random() ** 2) * 10 + 30
let currentPosition = startingPoint let currentPosition = startingPoint
let currentDirection: WireDirection = randomChoice(['down', 'down', 'down', 'down-left', 'down-right']) let currentDirection: WireDirection = randomChoice(['down', 'down', 'down', 'down-left', 'down-right'])
@ -292,11 +278,7 @@ function generateWire(
const steps: { position: Point2; direction: WireCell }[] = [] const steps: { position: Point2; direction: WireCell }[] = []
for (let i = 0; i < segmentLength; i++) { for (let i = 0; i < segmentLength; i++) {
const availableDirections = pruneDirections(grid, currentPosition, [ const availableDirections = pruneDirections(grid, currentPosition, ['down', 'down-left', 'down-right'])
'down',
'down-left',
'down-right',
])
if (availableDirections.length === 0) { if (availableDirections.length === 0) {
break break
} else { } else {

28
tsconfig.json
Unescape Escape View File

@ -1,17 +1,17 @@
{ {
"extends": "astro/tsconfigs/strict", "extends": "astro/tsconfigs/strict",
"compilerOptions": { "compilerOptions": {
"strict": true, "strict": true,
"jsx": "react-jsx", "jsx": "react-jsx",
"jsxImportSource": "preact", "jsxImportSource": "preact",
"strictNullChecks": true, "strictNullChecks": true,
"allowJs": true, "allowJs": true,
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"@/*": ["src/*"], "@/*": ["src/*"],
"@layouts/*": ["src/layouts/*"], "@layouts/*": ["src/layouts/*"],
"@client/*": ["src/client/*"], "@client/*": ["src/client/*"],
"@components/*": ["src/components/*"] "@components/*": ["src/components/*"]
}
} }
}
} }

Write Preview
Loading…
Cancel
Save