Add macchinisti page (WIP)
parent
39133d8aed
commit
f608ea4f93
Binary file not shown.
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
After Width: | Height: | Size: 49 KiB |
@ -0,0 +1,47 @@
|
||||
---
|
||||
import iconGithub from 'lucide-static/icons/github.svg'
|
||||
import iconLinkedin from 'lucide-static/icons/linkedin.svg'
|
||||
import iconGlobe from 'lucide-static/icons/globe.svg'
|
||||
import iconMail from 'lucide-static/icons/mail.svg'
|
||||
|
||||
const ICONS_MAP = {
|
||||
github: iconGithub,
|
||||
linkedin: iconLinkedin,
|
||||
website: iconGlobe,
|
||||
mail: iconMail,
|
||||
}
|
||||
|
||||
type Props = {
|
||||
image: ImageMetadata
|
||||
fullName: string
|
||||
date: string
|
||||
description: string
|
||||
social?: {
|
||||
github?: string
|
||||
linkedin?: string
|
||||
website?: string
|
||||
mail?: string
|
||||
}
|
||||
}
|
||||
|
||||
const { image, fullName, date, description, social } = Astro.props
|
||||
---
|
||||
|
||||
<div class="bubble">
|
||||
<img src={image.src} alt={fullName.toLowerCase()} />
|
||||
<div class="title">{fullName}</div>
|
||||
<div class="date">{date}</div>
|
||||
<div class="description">{description}</div>
|
||||
{
|
||||
social && (
|
||||
<div class="social">
|
||||
{Object.entries(social).map(([key, value]) => (
|
||||
<a href={value} target="_blank" rel="noopener noreferrer">
|
||||
{/* @ts-ignore */}
|
||||
<img src={ICONS_MAP[key].src} alt={key} />
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</div>
|
@ -0,0 +1,88 @@
|
||||
---
|
||||
import BaseLayout from '../layouts/BaseLayout.astro'
|
||||
|
||||
import Header from '../components/Header.astro'
|
||||
import Footer from '../components/Footer.astro'
|
||||
|
||||
import francescoMinnocci from '@/assets/macchinisti/francesco-minnocci.png'
|
||||
|
||||
import Bubble from '../components/Bubble.astro'
|
||||
---
|
||||
|
||||
<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>Le persone che hanno reso questo possibile vi dicono ciao!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bubble-array">
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Antonio De Lucreziis"
|
||||
date="2019—Presente"
|
||||
description="Fanno coose Lorem ipsum dolor sit amet."
|
||||
/>
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Illya Serdyuk"
|
||||
date="2019—Presente"
|
||||
description="Fanno coose Lorem ipsum dolor sit amet."
|
||||
/>
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Francesco Minnocci"
|
||||
date="2022—Presente"
|
||||
description="Ho una laurea(?)"
|
||||
social={{
|
||||
github: 'https://github.com/BachoSeven',
|
||||
website: 'https://bachoseven.com',
|
||||
}}
|
||||
/>
|
||||
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Francesco Baldino"
|
||||
date="2022—Presente"
|
||||
description="Fanno coose Lorem ipsum dolor sit amet."
|
||||
/>
|
||||
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Luca Lombardo"
|
||||
date="2024—Presente"
|
||||
description="quello che fa le cose serie."
|
||||
social={{ linkedin: 'https://it.linkedin.com/in/l-lombardo' }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="card large" style={{ '--card-base': '#6BD6E1' }}>
|
||||
<div class="title"><s>Deus</s> Ex Macchinisti</div>
|
||||
<div class="text">
|
||||
<p>
|
||||
Gli vogliamo molto bene, molti di loro hanno fatto cose eccoveli che ve li presentiamo
|
||||
subito ora ADESSO!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bubble-array">
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Nome Cognome"
|
||||
date="2004—2008"
|
||||
description="Fanno coose Lorem ipsum dolor sit amet."
|
||||
/>
|
||||
<Bubble
|
||||
image={francescoMinnocci}
|
||||
fullName="Nome Cognome"
|
||||
date="2004—2008"
|
||||
description="Fanno coose Lorem ipsum dolor sit amet."
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</BaseLayout>
|
Loading…
Reference in New Issue