refactor [front]: images
Before Width: | Height: | Size: 673 B After Width: | Height: | Size: 673 B |
Before Width: | Height: | Size: 319 B After Width: | Height: | Size: 319 B |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 590 KiB |
1
front/assets/img/logos/club.svg
Normal file
After Width: | Height: | Size: 31 KiB |
3
front/assets/img/logos/ens.svg
Normal file
After Width: | Height: | Size: 425 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
@ -7,7 +7,7 @@
|
||||||
>
|
>
|
||||||
<div class="navbar-brand">
|
<div class="navbar-brand">
|
||||||
<nuxt-link class="navbar-item" to="/">
|
<nuxt-link class="navbar-item" to="/">
|
||||||
<img src="~/assets/img/logo.png" />
|
<LayoutClubLogo />
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
<a
|
<a
|
||||||
role="button"
|
role="button"
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
>
|
>
|
||||||
<div class="navbar-brand">
|
<div class="navbar-brand">
|
||||||
<nuxt-link class="navbar-item" to="/">
|
<nuxt-link class="navbar-item" to="/">
|
||||||
<img src="~/assets/img/logo.png" />
|
<LayoutClubLogo />
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
<a
|
<a
|
||||||
role="button"
|
role="button"
|
||||||
|
|
8
front/components/layout/clubLogo.vue
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<template>
|
||||||
|
<img class="club-logo" src="~/assets/img/logos/club.svg" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="sass">
|
||||||
|
.club-logo
|
||||||
|
margin: -5% 0
|
||||||
|
</style>
|
|
@ -41,12 +41,23 @@
|
||||||
</section>
|
</section>
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<h2 class="title">Partenaires</h2>
|
<h2 class="title">Partenaires</h2>
|
||||||
<div class="is-flex is-align-items-center">
|
<ul class="is-flex is-align-items-center partners">
|
||||||
<a class="cof mr-6" href="https://cof.ens.fr/">COF</a>
|
<li><a class="cof" href="https://cof.ens.fr/">COF</a></li>
|
||||||
<a href="https://www.psl.eu/">
|
<li>
|
||||||
<img src="~/assets/img/logoPsl.png" alt="logo de PSL" />
|
<a href="https://www.ens.psl.eu/">
|
||||||
|
<img
|
||||||
|
id="partner-ens"
|
||||||
|
src="~/assets/img/logos/ens.svg"
|
||||||
|
alt="logo de l'École Normale Supérieure"
|
||||||
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.psl.eu/">
|
||||||
|
<img src="~/assets/img/logos/psl.png" alt="logo de PSL" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
@ -56,4 +67,13 @@
|
||||||
<style scoped lang="sass">
|
<style scoped lang="sass">
|
||||||
.content ul
|
.content ul
|
||||||
list-style-type: "— "
|
list-style-type: "— "
|
||||||
|
|
||||||
|
.partners
|
||||||
|
list-style: none
|
||||||
|
> :not(:first-child)
|
||||||
|
margin-left: 1.5rem
|
||||||
|
img
|
||||||
|
max-height: 100px
|
||||||
|
img#partner-ens
|
||||||
|
max-height: 200px
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -81,9 +81,9 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import lineB from "~/assets/img/ligne-b.svg"
|
import lineB from "~/assets/icons/ligne-b.svg"
|
||||||
import line7 from "~/assets/img/ligne-7.svg"
|
import line7 from "~/assets/icons/ligne-7.svg"
|
||||||
import line10 from "~/assets/img/ligne-10.svg"
|
import line10 from "~/assets/icons/ligne-10.svg"
|
||||||
|
|
||||||
const transports = [
|
const transports = [
|
||||||
{
|
{
|
||||||
|
|