Compare commits
1 Commits
main
...
feat-admin
| Author | SHA1 | Date |
|---|---|---|
 Antonio De Lucreziis
|
d358825da7 | 2 months ago |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 645 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 262 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 342 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 608 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 295 KiB |
@ -1,21 +0,0 @@
|
|||||||
const icons = Object.fromEntries(
|
|
||||||
Object.entries(
|
|
||||||
import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`, {
|
|
||||||
eager: true,
|
|
||||||
})
|
|
||||||
).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module])
|
|
||||||
)
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
name: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PhosphorIcon = ({ name }: Props) => {
|
|
||||||
const icon = icons[name]
|
|
||||||
|
|
||||||
if (!icon) {
|
|
||||||
throw new Error(`Icon "${name}" not found`)
|
|
||||||
}
|
|
||||||
|
|
||||||
return <img class="phosphor-icon" src={icon.default.src} alt={name} />
|
|
||||||
}
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
---
|
|
||||||
import PhosphorIcon from './PhosphorIcon.astro'
|
|
||||||
|
|
||||||
const ICONS_MAP: Record<string, string> = {
|
|
||||||
github: 'github-logo',
|
|
||||||
linkedin: 'linkedin-logo',
|
|
||||||
website: 'globe',
|
|
||||||
mail: 'mailbox',
|
|
||||||
}
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
fullName: string
|
|
||||||
description: string
|
|
||||||
|
|
||||||
image: ImageMetadata
|
|
||||||
|
|
||||||
entranceDate: number
|
|
||||||
exitDate?: number
|
|
||||||
|
|
||||||
founder?: boolean
|
|
||||||
|
|
||||||
social?: {
|
|
||||||
github?: string
|
|
||||||
linkedin?: string
|
|
||||||
website?: string
|
|
||||||
mail?: string
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const { fullName, description, image, entranceDate, exitDate, founder, social } = Astro.props
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="bubble">
|
|
||||||
<img src={image.src} alt={fullName.toLowerCase()} />
|
|
||||||
<div class="title">{fullName}</div>
|
|
||||||
<div class="date">{entranceDate}—{exitDate ?? 'Presente'}</div>
|
|
||||||
{founder && <div class="founder">Fondatore</div>}
|
|
||||||
<div class="description">{description}</div>
|
|
||||||
{
|
|
||||||
social && (
|
|
||||||
<div class="social">
|
|
||||||
{Object.entries(social).map(([key, value]) => (
|
|
||||||
<a href={value} target="_blank" rel="noopener noreferrer">
|
|
||||||
<PhosphorIcon name={ICONS_MAP[key] ?? 'question-mark'} />
|
|
||||||
</a>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
---
|
|
||||||
import { Image } from 'astro:assets'
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
name: string
|
|
||||||
}
|
|
||||||
|
|
||||||
const { name } = Astro.props
|
|
||||||
|
|
||||||
const icons = Object.fromEntries(
|
|
||||||
Object.entries(
|
|
||||||
import.meta.glob<{ default: ImageMetadata }>(`node_modules/@phosphor-icons/core/assets/light/*.svg`)
|
|
||||||
).map(([path, module]) => [path.split('/').pop()!.split('.')[0].replace('-light', ''), module])
|
|
||||||
)
|
|
||||||
|
|
||||||
if (!icons[name]) {
|
|
||||||
throw new Error(`Icon "${name}" not found`)
|
|
||||||
}
|
|
||||||
---
|
|
||||||
|
|
||||||
<Image class="phosphor-icon" src={icons[name]()} alt={name} />
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
---
|
|
||||||
id: eliminare-sito-poisson
|
|
||||||
title: Come tolgo la mia pagina Poisson da Google?
|
|
||||||
description: Sei divenuto troppo famoso 🤩 e vuoi eliminare la tua pagina Poisson dai risultati di ricerca di Google? Ecco come farlo!
|
|
||||||
author: Antonio De Lucreziis
|
|
||||||
tags: [poisson, sito]
|
|
||||||
---
|
|
||||||
|
|
||||||
Hai un nuovo sito web e vuoi che venga indicizzato da Google prima della tua pagina Poisson? Oppure sei diventato troppo famoso, e vuoi eliminare la tua pagina Poisson dai risultati di ricerca di Google? In entrambi i casi, vediamo come fare.
|
|
||||||
|
|
||||||
Ricorda che la tua pagina Poisson è indicizzata da Google in quanto pubblicamente accessibile. Per "toglierla" dai risultati di ricerca dovremo chiedere a Google di non indicizzarla più, e quindi innanzitutto dire a Google che siamo i proprietari di quella pagina (altrimenti non ci permetterà di rimuoverla).
|
|
||||||
|
|
||||||
> **Attenzione**: in questo articolo, sostituisci sempre `USERNAME` con il tuo username Poisson (non `n.cognome`, quello è il tuo username di Ateneo).
|
|
||||||
|
|
||||||
## Cancellazione pagina Poisson
|
|
||||||
|
|
||||||
Invece di eliminare la tua pagina Poisson, puoi anche solo ridirezionarla al tuo nuovo sito web. Se fossi proprio sicuro di volerla eliminare, vediamo ora come fare.
|
|
||||||
|
|
||||||
A questo punto, se vogliamo anche eliminare tutta la pagina Poisson, possiamo farlo con il comando
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ ssh USERNAME@poisson.phc.dm.unipi.it
|
|
||||||
$ cd public_html
|
|
||||||
$ rm -rf *
|
|
||||||
```
|
|
||||||
|
|
||||||
> **Attenzione!** La cartella `public_html` nella propria home in realtà è un **link simbolico** alla cartella `public_html`, che fisicamente sta altrove. Per sostituire o cancellare il contenuto della propria pagina Poisson, dovremo eliminare tutti i file contenuti nella cartella `public_html`, _ma non la cartella stessa_.
|
|
||||||
|
|
||||||
## Google Search Console
|
|
||||||
|
|
||||||
### 1. Verifica della proprietà
|
|
||||||
|
|
||||||
Prima di tutto visita la pagina <https://search.google.com/search-console>, fai l'accesso con un account Google di tuo piacimento e clicca su "Aggiungi proprietà". Poisson utilizza la convenzione che le pagine personali sono raggiungibili all'indirizzo `https://poisson.phc.dm.unipi.it/~USERNAME`, quindi seleziona l'opzione "Prefisso URL" / "URL prefix" per poi inserire l'URL della tua pagina Poisson (es. `https://poisson.phc.dm.unipi.it/~USERNAME`).
|
|
||||||
|
|
||||||
Dopo una breve attesa, Google ci chiederà di verificare la nostra proprietà con alcuni metodi. Il metodo più semplice è quello di inserire un file di verifica nella nostra cartella pubblica. Scarica il file di verifica e copialo nella tua cartella pubblica: se ad esempio il file si chiama `google1234567890.html`, puoi caricarlo nella tua cartella pubblica con il seguente comando ([clicca QUI se non ricordi le credenziali](/guide/recupero-password)):
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Vai nella cartella in cui hai scaricato il file di verifica
|
|
||||||
$ ls
|
|
||||||
... google1234567890.html ...
|
|
||||||
|
|
||||||
# Copia il file nella public_html su Poisson
|
|
||||||
$ scp google1234567890.html USERNAME@poisson.phc.dm.unipi.it:public_html/
|
|
||||||
```
|
|
||||||
|
|
||||||
Dopo qualche minuto, torniamo su Google Search Console e clicchiamo su "Verifica". Se tutto è andato a buon fine, Google ci darà accesso ai dati di indicizzazione della nostra pagina Poisson.
|
|
||||||
|
|
||||||
### 2. Richiesta di Rimozione
|
|
||||||
|
|
||||||
Nella barra laterale di sinistra, nella sezione "Indicizzazione", clicchiamo su "Rimozioni", dopodichè in "Rimozioni Temporanee" clicchiamo su "Nuova Richiesta" e selezioniamo l'opzione "Rimuovi tutti gli URL con questo prefisso". Come prefisso, andiamo ad inserire `https://poisson.phc.dm.unipi.it/~USERNAME` per rimuovere la nostra pagina Poisson e tutte le sue sottopagine. Infine, clicchiamo su "Invia richiesta di rimozione" per confermare.
|
|
||||||
|
|
||||||
### 3. Attesa...
|
|
||||||
|
|
||||||
Considera che Google potrebbe metterci fino a qualche giorno per rimuovere le pagine indicizzate. Ben fatto! Ora la tua pagina Poisson non sarà più indicizzata da Google.
|
|
||||||
|
|
||||||
## Redirect
|
|
||||||
|
|
||||||
Se invece vuoi che la tua pagina Poisson rimandi al tuo nuovo sito web, puoi impostare un redirect. Per fare ciò, ti basterà creare un file `.htaccess` nella cartella `public_html/` della tua home con il seguente contenuto:
|
|
||||||
|
|
||||||
```apache
|
|
||||||
RedirectMatch 307 /~USERNAME/.* https://www.mio-nuovo-sito.com/
|
|
||||||
```
|
|
||||||
|
|
||||||
Qui, il codice `307` indica un redirect temporaneo; se sei sicuro di volere un redirect permanente puoi usare direttamente il codice `301` (la differenza tecnica tra i due è che il primo non salva la cache del redirect nel browser, mentre il secondo sì).
|
|
||||||
|
|
||||||
## Conclusioni
|
|
||||||
|
|
||||||
Per rimuovere la tua pagina Poisson dai risultati di ricerca di altri motori di ricerca come Bing, DuckDuckGo, ecc., bisogna seguire procedure simili. Se fosse proprio necessario scrivi pure a noi macchinisti, e ricorda sempre che la tua pagina Poisson è pubblica e accessibile a tutti, quindi non metterci cose che non vuoi che siano pubbliche.
|
|
||||||
@ -1,94 +0,0 @@
|
|||||||
# the schema of this file in "@/files.d.ts"
|
|
||||||
|
|
||||||
- fullName: Antonio De Lucreziis
|
|
||||||
entranceDate: 2019
|
|
||||||
description: |
|
|
||||||
Appassionato di geometria computazionale, parser, teoria dei linguaggi di programmazione, Smalltalk e Lisp.
|
|
||||||
social:
|
|
||||||
github: https://github.com/aziis98
|
|
||||||
website: https://poisson.phc.dm.unipi.it/~delucreziis/
|
|
||||||
|
|
||||||
- fullName: Luca Lombardo
|
|
||||||
entranceDate: 2024
|
|
||||||
description: Appassionato di algoritmi e strutture dati, Rust e di quando matematica e informatica si incontrano.
|
|
||||||
social:
|
|
||||||
github: https://github.com/lukefleed
|
|
||||||
website: https://lukefleex.xyz
|
|
||||||
linkedin: https://www.linkedin.com/in/l-lombardo/
|
|
||||||
|
|
||||||
- fullName: Francesco Minnocci
|
|
||||||
entranceDate: 2022
|
|
||||||
description: Chitarrista classico ossessionato con la geometria aritmetica, linux e il rock progressivo.
|
|
||||||
social:
|
|
||||||
github: https://github.com/BachoSeven
|
|
||||||
website: https://bachoseven.com
|
|
||||||
|
|
||||||
- fullName: Francesco Baldino
|
|
||||||
entranceDate: 2022
|
|
||||||
description: Bla bla Star Wars
|
|
||||||
social:
|
|
||||||
github: https://github.com/Fran314
|
|
||||||
website: https://poisson.phc.dm.unipi.it/~baldino
|
|
||||||
|
|
||||||
- fullName: Illya Serdyuk
|
|
||||||
entranceDate: 2020
|
|
||||||
social:
|
|
||||||
github: https://github.com/Kratacoa
|
|
||||||
|
|
||||||
# Vecchi Macchinisti
|
|
||||||
|
|
||||||
- fullName: Francesco Manicastri
|
|
||||||
entranceDate: 2020
|
|
||||||
exitDate: 2024
|
|
||||||
social:
|
|
||||||
linkedin: https://www.linkedin.com/in/gustavo-sass%C3%ACnculo-phd-92916a202/
|
|
||||||
|
|
||||||
- fullName: Cristiano Cricci
|
|
||||||
entranceDate: 2010
|
|
||||||
exitDate: 2019
|
|
||||||
social:
|
|
||||||
website: https://poisson.phc.dm.unipi.it/~cricci/
|
|
||||||
|
|
||||||
- fullName: Tommaso Biannucci
|
|
||||||
entranceDate: 2019
|
|
||||||
exitDate: 2022
|
|
||||||
social:
|
|
||||||
github: https://gitlab.com/churli
|
|
||||||
website: https://churli.gitlab.io/
|
|
||||||
|
|
||||||
- fullName: Letizia D'Achille
|
|
||||||
entranceDate: 2018
|
|
||||||
exitDate: 2022
|
|
||||||
description: Appassionata di crittografia, teoria dei codici e matematica computazionale.
|
|
||||||
social:
|
|
||||||
github: https://github.com/letizia-dachille
|
|
||||||
website: https://letizia-dachille.github.io/
|
|
||||||
linkedin: https://www.linkedin.com/in/letizia-dachille/
|
|
||||||
|
|
||||||
- fullName: Emiliano Rago
|
|
||||||
entranceDate: 2000
|
|
||||||
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.
|
|
||||||
social:
|
|
||||||
linkedin: https://www.linkedin.com/in/emiliano-rago-1a8018109/
|
|
||||||
|
|
||||||
- fullName: Francesco Caporali
|
|
||||||
entranceDate: 2018
|
|
||||||
exitDate: 2022
|
|
||||||
social:
|
|
||||||
github: https://github.com/caporali
|
|
||||||
website: https://caporali.github.io/
|
|
||||||
linkedin: https://www.linkedin.com/in/francescocaporali
|
|
||||||
|
|
||||||
- fullName: Antonio Spanu
|
|
||||||
entranceDate: 2005
|
|
||||||
exitDate: 2009
|
|
||||||
social:
|
|
||||||
linkedin: https://www.linkedin.com/in/antonio-spanu-609b3516a/
|
|
||||||
|
|
||||||
- fullName: Riccardo Murri
|
|
||||||
entranceDate: 1995
|
|
||||||
exitDate: 2000
|
|
||||||
founder: true
|
|
||||||
social:
|
|
||||||
github: https://github.com/riccardomurri
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
declare module '*.yaml' {
|
|
||||||
const value: any // Add type definitions here if desired
|
|
||||||
export default value
|
|
||||||
}
|
|
||||||
|
|
||||||
declare module '@/data/macchinisti.yaml' {
|
|
||||||
type Macchinista = {
|
|
||||||
fullName: string
|
|
||||||
description: string
|
|
||||||
|
|
||||||
entranceDate: number
|
|
||||||
exitDate?: number
|
|
||||||
|
|
||||||
social: Record<string, string>
|
|
||||||
|
|
||||||
founder?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
const value: Macchinista[]
|
|
||||||
export default value
|
|
||||||
}
|
|
||||||
@ -0,0 +1,123 @@
|
|||||||
|
---
|
||||||
|
import Header from '@/components/Header.astro'
|
||||||
|
import BaseLayout from '@/layouts/BaseLayout.astro'
|
||||||
|
---
|
||||||
|
|
||||||
|
<BaseLayout title="Admin | PHC" pageTags={'admin'}>
|
||||||
|
<Header />
|
||||||
|
<div class="layout-admin">
|
||||||
|
<div class="sidebar">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="/admin">
|
||||||
|
<span class="material-symbols-outlined">dashboard</span>
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/utenti">
|
||||||
|
<span class="material-symbols-outlined">group</span>
|
||||||
|
Utenti
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/appunti">
|
||||||
|
<span class="material-symbols-outlined">book_2</span>
|
||||||
|
Appunti
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/database">
|
||||||
|
<span class="material-symbols-outlined">database</span>
|
||||||
|
Database
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="admin-dashboard-grid max-width-content">
|
||||||
|
<div class="card">
|
||||||
|
<div class="title">
|
||||||
|
<a href="/admin/utenti">Utenti</a>
|
||||||
|
</div>
|
||||||
|
<div class="text">Statistiche degli utenti di Poisson e PHC</div>
|
||||||
|
<div class="boxes">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Utenti Poisson</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">group</div>
|
||||||
|
<div class="description">1356</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Utenti PHC</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">group</div>
|
||||||
|
<div class="description">345</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Utenti con account collegato</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">group</div>
|
||||||
|
<div class="description">56</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="title">
|
||||||
|
<a href="/admin/appunti">Appunti</a>
|
||||||
|
</div>
|
||||||
|
<div class="text">Statistiche degli Appunti</div>
|
||||||
|
<div class="boxes">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Appunti Caricati</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">book_2</div>
|
||||||
|
<div class="description">567</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Appunti Pubblicati</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">book_2</div>
|
||||||
|
<div class="description">345</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">In attesa di revisione</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">book_2</div>
|
||||||
|
<div class="description">234</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Spazio Usato (di Minio)</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">storage</div>
|
||||||
|
<div class="description">34.5 GB</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="title">
|
||||||
|
<a href="/admin/database">Database</a>
|
||||||
|
</div>
|
||||||
|
<div class="text">Statistiche del Database</div>
|
||||||
|
<div class="boxes">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Record nel database</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">database</div>
|
||||||
|
<div class="description">3456</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Record modificati</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">database</div>
|
||||||
|
<div class="description">234</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Record eliminati</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">database</div>
|
||||||
|
<div class="description">56</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">Spazio utilizzato</div>
|
||||||
|
<div class="material-symbols-outlined extra-large">storage</div>
|
||||||
|
<div class="description">39.5 MB</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</BaseLayout>
|
||||||
@ -0,0 +1,88 @@
|
|||||||
|
---
|
||||||
|
import Header from '@/components/Header.astro'
|
||||||
|
import BaseLayout from '@/layouts/BaseLayout.astro'
|
||||||
|
---
|
||||||
|
|
||||||
|
<BaseLayout title="Utenti | Admin | PHC" pageTags={'admin'}>
|
||||||
|
<Header />
|
||||||
|
<div class="layout-admin">
|
||||||
|
<div class="sidebar">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="/admin">
|
||||||
|
<span class="material-symbols-outlined">dashboard</span>
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/utenti">
|
||||||
|
<span class="material-symbols-outlined">group</span>
|
||||||
|
Utenti
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/appunti">
|
||||||
|
<span class="material-symbols-outlined">book_2</span>
|
||||||
|
Appunti
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/database">
|
||||||
|
<span class="material-symbols-outlined">database</span>
|
||||||
|
Database
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="admin-table max-width-content">
|
||||||
|
<div class="table-header">
|
||||||
|
<div class="table-title">
|
||||||
|
<span class="material-symbols-outlined">group</span>
|
||||||
|
Utenti
|
||||||
|
</div>
|
||||||
|
<div class="table-actions">
|
||||||
|
<a href="/admin/utenti/aggiungi" class="button">Aggiungi</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-filter stack-h">
|
||||||
|
<input type="text" class="fill-w shrink" placeholder="Cerca utente" />
|
||||||
|
<button class="icon">
|
||||||
|
<div class="material-symbols-outlined">search</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="table-body">
|
||||||
|
<div class="table-row header">
|
||||||
|
<div class="table-cell">Nome</div>
|
||||||
|
<div class="table-cell">Cognome</div>
|
||||||
|
<div class="table-cell">Email</div>
|
||||||
|
<div class="table-cell">Ruolo</div>
|
||||||
|
<div class="table-cell">Azioni</div>
|
||||||
|
</div>
|
||||||
|
{
|
||||||
|
Array.from({ length: 50 }).map(() => (
|
||||||
|
<Fragment>
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell">Mario</div>
|
||||||
|
<div class="table-cell">Rossi</div>
|
||||||
|
<div class="table-cell">mario@rossi.com</div>
|
||||||
|
<div class="table-cell">studente</div>
|
||||||
|
<div class="table-cell">
|
||||||
|
<a href="/admin/utenti/modifica" class="button icon">
|
||||||
|
<div class="material-symbols-outlined">edit</div>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/utenti/elimina" class="button icon">
|
||||||
|
<div class="material-symbols-outlined">delete</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Fragment>
|
||||||
|
))
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</BaseLayout>
|
||||||
@ -1,86 +0,0 @@
|
|||||||
---
|
|
||||||
import BaseLayout from '../layouts/BaseLayout.astro'
|
|
||||||
import Header from '../components/Header.astro'
|
|
||||||
import Footer from '../components/Footer.astro'
|
|
||||||
import Bubble from '../components/Bubble.astro'
|
|
||||||
|
|
||||||
import macchinisti from '@/data/macchinisti.yaml'
|
|
||||||
macchinisti.sort((a, b) => b.entranceDate - a.entranceDate)
|
|
||||||
|
|
||||||
// Import all images from assets folder
|
|
||||||
const images = Object.fromEntries(
|
|
||||||
Object.entries(
|
|
||||||
import.meta.glob<{ default: ImageMetadata }>('@/assets/macchinisti/*', {
|
|
||||||
eager: true,
|
|
||||||
})
|
|
||||||
).map(([path, module]) => [path.split('/').pop()!.split('.')[0], module])
|
|
||||||
)
|
|
||||||
|
|
||||||
const currentMacchinisti = macchinisti.filter(macchinista => !macchinista.exitDate)
|
|
||||||
const pastMacchinisti = macchinisti.filter(macchinista => macchinista.exitDate)
|
|
||||||
|
|
||||||
const getMacchinistaPicture = (fullName: string) => {
|
|
||||||
const macchinistaId = fullName.toLowerCase().replace(/\s+/g, '-')
|
|
||||||
const { default: image } = images[macchinistaId] ?? images['fallback']
|
|
||||||
return image
|
|
||||||
}
|
|
||||||
---
|
|
||||||
|
|
||||||
<BaseLayout title="Macchinisti | PHC" pageTags={'macchinisti'}>
|
|
||||||
<Header />
|
|
||||||
<main>
|
|
||||||
<div class="card large" style={{ '--card-base': '#e1766b' }}>
|
|
||||||
<div class="title">Ecco i Macchinisti!</div>
|
|
||||||
<div class="text">
|
|
||||||
<p>
|
|
||||||
<em>> Chi sono i macchinisti?</em>
|
|
||||||
<br />
|
|
||||||
Questo è l'appellativo dato agli studenti che si occupano di gestire l'infrastuttura e i servizi
|
|
||||||
del PHC (vedi la homepage per informazioni su come diventare un macchinista). Qua sotto trovi
|
|
||||||
i macchinisti attualmente attivi in PHC.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bubble-array">
|
|
||||||
{
|
|
||||||
currentMacchinisti.map(macchinista => (
|
|
||||||
<Bubble
|
|
||||||
image={getMacchinistaPicture(macchinista.fullName)}
|
|
||||||
fullName={macchinista.fullName}
|
|
||||||
entranceDate={macchinista.entranceDate}
|
|
||||||
description={macchinista.description}
|
|
||||||
social={macchinista.social}
|
|
||||||
/>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card large" style={{ '--card-base': '#6BD6E1' }}>
|
|
||||||
<div class="title"><s>Deus</s> Ex Macchinisti</div>
|
|
||||||
<div class="text">
|
|
||||||
<p>
|
|
||||||
Qui raccogliamo qualche informazione sui macchinisti del passato, che hanno contribuito a
|
|
||||||
rendere il PHC quello che è oggi.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bubble-array">
|
|
||||||
{
|
|
||||||
pastMacchinisti.map(macchinista => (
|
|
||||||
<Bubble
|
|
||||||
fullName={macchinista.fullName}
|
|
||||||
description={macchinista.description}
|
|
||||||
image={getMacchinistaPicture(macchinista.fullName)}
|
|
||||||
entranceDate={macchinista.entranceDate}
|
|
||||||
exitDate={macchinista.exitDate}
|
|
||||||
founder={macchinista.founder}
|
|
||||||
social={macchinista.social}
|
|
||||||
/>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<Footer />
|
|
||||||
</BaseLayout>
|
|
||||||
Loading…
Reference in New Issue