First page
This commit is contained in:
@ -7,6 +7,6 @@
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
<div style="display: contents" class="container">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
17
src/app.scss
Normal file
17
src/app.scss
Normal file
@ -0,0 +1,17 @@
|
||||
/* Light scheme (Default) */
|
||||
/* Can be forced with data-theme="light" */
|
||||
|
||||
:root {
|
||||
--primary: #189ad6;
|
||||
--primary-hover: #0288d1;
|
||||
--primary-focus: rgba(3, 155, 229, 0.125);
|
||||
--primary-inverse: #fff;
|
||||
}
|
||||
|
||||
/* Pink (Common styles) */
|
||||
:root {
|
||||
--form-element-active-border-color: var(--primary);
|
||||
--form-element-focus-color: var(--primary-focus);
|
||||
--switch-color: var(--primary-inverse);
|
||||
--switch-checked-background-color: var(--primary);
|
||||
}
|
||||
70
src/routes/+layout.svelte
Normal file
70
src/routes/+layout.svelte
Normal file
@ -0,0 +1,70 @@
|
||||
<script lang="ts">
|
||||
import '@picocss/pico/';
|
||||
import Fa from 'svelte-fa';
|
||||
import { faBars } from '@fortawesome/free-solid-svg-icons';
|
||||
import { faFacebook, faTwitter, faInstagram, faGitlab } from '@fortawesome/free-brands-svg-icons';
|
||||
</script>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><img id="logo" src="/favicon.png" alt="PLS Logo" /></li>
|
||||
<li><strong>PLS5618</strong></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<details role="list" dir="rtl">
|
||||
<summary aria-haspopup="listbox" role="link">
|
||||
<Fa icon={faBars} />
|
||||
</summary>
|
||||
<ul role="listbox">
|
||||
<li><a href="/">L'équipe</a></li>
|
||||
<li><a href="/resultats">Résultats</a></li>
|
||||
<li><a href="/partenaires">Partenaires</a></li>
|
||||
<li>
|
||||
<div id="socials">
|
||||
<a href="https://www.facebook.com/PLS5618" target="_blank" rel="noreferrer">
|
||||
<Fa icon={faFacebook} />
|
||||
</a>
|
||||
<a href="https://twitter.com/pls5618" target="_blank" rel="noreferrer">
|
||||
<Fa icon={faTwitter} />
|
||||
</a>
|
||||
<a href="https://www.instagram.com/team5618" target="_blank" rel="noreferrer">
|
||||
<Fa icon={faInstagram} />
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<slot />
|
||||
|
||||
<style lang="scss">
|
||||
#logo {
|
||||
height: 64px;
|
||||
object-fit: contain;
|
||||
}
|
||||
#socials {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
a:hover {
|
||||
background-color: transparent;
|
||||
color: var(--primary);
|
||||
}
|
||||
a:active,
|
||||
a:focus,
|
||||
a::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
* summary::after {
|
||||
display: none;
|
||||
}
|
||||
nav {
|
||||
padding-inline: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -1 +1,7 @@
|
||||
import type { LayoutLoad } from './$types';
|
||||
|
||||
export const load = (async () => {
|
||||
return {};
|
||||
}) satisfies LayoutLoad;
|
||||
|
||||
export const prerender = true;
|
||||
@ -1,2 +1,45 @@
|
||||
<h1>Welcome to SvelteKit</h1>
|
||||
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
|
||||
<div>
|
||||
<article>
|
||||
<header>Nous sommes</header>
|
||||
Une équipe de jeunes de 12 à 18 ans, encadrés par des mentors, participant à la compétition internationale
|
||||
de robotique FIRST, chapeautée par la NASA. Notre défi consiste à concevoir et construite un robot
|
||||
en seulement 6 semaines.
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<header>Notre mission</header>
|
||||
L'équipe PLS 5618 désire garantir aux élèves une expérience enrichissante et professionnelle en connaissances
|
||||
technologiques et personnelles dans un climat favorisant la confiance et l'autonomie Le projet stimule
|
||||
l'intérêt envers les sciences et technologies tout en développant un sentiment d'appartenance envers
|
||||
l'équipe, l'école et la communauté.
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<header>Nos valeurs</header>
|
||||
<ul>
|
||||
<li>Esprit d'équipe</li>
|
||||
<li>Organisation</li>
|
||||
<li>Connaissances</li>
|
||||
<li>Confiance en soi et envers les autres</li>
|
||||
<li>Plaisir</li>
|
||||
<li>Amitié</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article id="links">
|
||||
<a href="/resultats" role="button">Voir nos résultats</a>
|
||||
<a href="/partenaires" role="button">Voir nos partenaires</a>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
article {
|
||||
margin-inline: 50px;
|
||||
}
|
||||
|
||||
#links {
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
</style>
|
||||
|
||||
4
src/routes/partenaires/+page.svelte
Normal file
4
src/routes/partenaires/+page.svelte
Normal file
@ -0,0 +1,4 @@
|
||||
<script lang="ts">
|
||||
</script>
|
||||
|
||||
Partenaires
|
||||
4
src/routes/resultats/+page.svelte
Normal file
4
src/routes/resultats/+page.svelte
Normal file
@ -0,0 +1,4 @@
|
||||
<script lang="ts">
|
||||
</script>
|
||||
|
||||
resultats
|
||||
Reference in New Issue
Block a user