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> <li><strong>PLS 5618</strong></li>
</ul> </ul>
<ul> <ul>
<li> <li><a href="/">L'équipe</a></li>
<details role="list" dir="rtl"> <li><a href="/resultats">Résultats</a></li>
<summary aria-haspopup="listbox" role="link"> <li><a href="/partenaires">Partenaires</a></li>
<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> </ul>
</nav> </nav>
<slot /> <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"> <style lang="scss">
#logo { #logo {
height: 64px; height: 64px;
object-fit: contain; 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 { nav {
padding-inline: 20px; padding-inline: 20px;
} }

30
src/routes/+page.svelte
View File

@ -1,10 +1,17 @@
<div> <div>
<article> <div class="section">
<header>Nous sommes</header> <article>
Une équipe de jeunes de 12 à 18 ans, encadrés par des mentors, participant à la compétition internationale <header>Nous sommes</header>
de robotique FIRST, chapeautée par la NASA. Notre défi consiste à concevoir et construite un robot <content
en seulement 6 semaines. ><p>
</article> 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> <article>
<header>Notre mission</header> <header>Notre mission</header>
@ -33,6 +40,17 @@
</div> </div>
<style lang="scss"> <style lang="scss">
content {
display: flex;
flex-flow: row;
gap: 30px;
}
img {
width: 40%;
height: auto;
}
article { article {
margin-inline: 50px; margin-inline: 50px;
} }