PLS5618/website
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed hamburger + images test

Browse Source
This commit is contained in:
Olivier Demers 2023-02-18 09:56:10 -05:00
parent 7a9acdd9ce
commit a78edcacb9
2 changed files with 49 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/routes/+layout.svelte
View File

@ -11,59 +11,42 @@
<li><strong>PLS 5618</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>
<li><a href="/">L'équipe</a></li>
<li><a href="/resultats">Résultats</a></li>
<li><a href="/partenaires">Partenaires</a></li>
</ul>
</nav>
<slot />
<footer>
<nav>
<ul>
<li>
<a href="https://www.facebook.com/PLS5618" target="_blank" rel="noreferrer">
<Fa icon={faFacebook} />
</a>
</li>
<li>
<a href="https://twitter.com/pls5618" target="_blank" rel="noreferrer">
<Fa icon={faTwitter} />
</a>
</li>
<li>
<a href="https://www.instagram.com/team5618" target="_blank" rel="noreferrer">
<Fa icon={faInstagram} />
</a>
</li>
</ul>
</nav>
</footer>
<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;
}

30
src/routes/+page.svelte
View File

@ -1,10 +1,17 @@
<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>
<div class="section">
<article>
<header>Nous sommes</header>
<content
><p>
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.
</p>
<img src="https://via.placeholder.com/400" alt="" />
</content>
</article>
</div>
<article>
<header>Notre mission</header>
@ -33,6 +40,17 @@
</div>
<style lang="scss">
content {
display: flex;
flex-flow: row;
gap: 30px;
}
img {
width: 40%;
height: auto;
}
article {
margin-inline: 50px;
}