les-particules-org/src/pages/index.astro

105 lines
2.4 KiB
Text
Raw Normal View History

2023-01-30 22:49:01 +01:00
---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
---
<Layout title="Les Particules">
2023-01-30 22:49:01 +01:00
<main>
2023-01-30 23:12:40 +01:00
<h1>
2023-01-30 23:07:02 +01:00
<img alt="Logo" src="./logo_les-particules_noir.jpg" style="width:80px; vertical-align: middle" />
2023-01-30 22:49:01 +01:00
Les particules
</h1>
<p class="instructions">
La troupe d'improvisation théâtrale chatouilleuse, curieuse, créative et autogérée<br/>
📌 Albi, Occitanie
</p>
2023-02-04 23:00:56 +01:00
<div class="instructions">
Retrouvez-nous prochainement :
<ul>
<li>28 octobre 2023 à 19h30 au <a target="_blank" href="https://cartessurtable.wixsite.com/cartes-sur-table">Cartes sur Table</a> à Gaillac</li>
2023-02-04 23:00:56 +01:00
</ul>
</div>
2023-01-30 22:49:01 +01:00
<ul role="list" class="link-card-grid">
<Card
href="./inscription-newsletter"
2023-01-30 22:49:01 +01:00
title="Newsletter"
2023-09-27 16:10:38 +02:00
>
Tous nos évènements directement dans votre boite aux lettres !
</Card>
<Card
title="Les Particules Fines"
href="/docs/flyer_cours_impro_adultes_debutant.e.s.pdf"
target="_blank"
>
Cours dimpro adultes débutant·e·s<br/>
<strong>Début des cours dessai en octobre !</strong>
</Card>
2023-01-30 22:49:01 +01:00
<Card
href="mailto:contact@les-particules.org"
title="Contact"
2023-09-27 16:10:38 +02:00
>
Écrivez-nous
</Card>
2023-01-30 22:49:01 +01:00
<Card
2023-09-27 16:10:38 +02:00
href="https://www.facebook.com/LesParticules"
target="_blank"
title="Facebook"
>
Retrouvez-nous sur Facebook
</Card>
2023-01-30 22:49:01 +01:00
<Card
2023-09-27 16:10:38 +02:00
href="https://www.instagram.com/les_particules/"
target="_blank"
title="Instagram"
>
Retrouvez-nous sur Instagram
</Card>
2023-01-30 22:49:01 +01:00
</ul>
</main>
</Layout>
<style>
main {
margin: auto;
padding: 1.5rem;
max-width: 60ch;
}
h1 {
font-size: 3rem;
font-weight: 800;
margin: 0;
}
.text-gradient {
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
.instructions {
line-height: 1.6;
margin: 1rem 0;
border: 1px solid rgba(var(--accent), 25%);
background-color: white;
padding: 1rem;
border-radius: 0.4rem;
}
.instructions code {
font-size: 0.875em;
font-weight: bold;
background: rgba(var(--accent), 12%);
color: rgb(var(--accent));
border-radius: 4px;
padding: 0.3em 0.45em;
}
.instructions strong {
color: rgb(var(--accent));
}
.link-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 1rem;
padding: 0;
}
</style>