Revert "replace ppp with canva integration"
This reverts commit e2f85663b4.
This commit is contained in:
BIN
src/lib/files/PPP.pdf
Normal file
BIN
src/lib/files/PPP.pdf
Normal file
Binary file not shown.
@@ -1,7 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
export let title;
|
export let title;
|
||||||
export let date;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h1>{title}</h1>
|
<h1>{title}</h1>
|
||||||
|
|
||||||
<slot ></slot>
|
<slot ></slot>
|
||||||
@@ -7,15 +7,3 @@ tags:
|
|||||||
- js
|
- js
|
||||||
- tailwind
|
- tailwind
|
||||||
---
|
---
|
||||||
|
|
||||||
Il y a quelques semaines, j'ai eu le plaisir de mettre à jour le site de l'association net7, qui était très vieillissant et avait besoin d'une refonte complète. J'ai donc décidé de me lancer dans cette aventure, en utilisant le framework css tailwind pour donner un coup de jeune à ce site.
|
|
||||||
|
|
||||||
Pour ceux qui ne connaissent pas tailwind, c'est un framework css qui permet de créer des designs épurés et minimalistes en utilisant une série de classes prédéfinies. Cela permet de ne pas avoir à écrire de code css à chaque fois que l'on veut changer un élément de la page, ce qui est particulièrement pratique lorsque l'on travaille sur un projet de grande envergure.
|
|
||||||
|
|
||||||
J'ai donc commencé par repenser l'interface du site, en utilisant les classes de tailwind pour donner une nouvelle allure à l'ensemble. J'ai également pris soin de rendre le site responsive, pour qu'il puisse être consulté sur tous les appareils.
|
|
||||||
|
|
||||||
Ensuite, j'ai travaillé sur le contenu du site, en y ajoutant de nouvelles pages et en mettant à jour les anciennes. J'ai également ajouté de nouvelles fonctionnalités, comme un formulaire de contact ou encore un système de newsletter.
|
|
||||||
|
|
||||||
Enfin, j'ai veillé à optimiser le site pour le référencement, en y ajoutant des balises meta et en travaillant sur les titres et les descriptions de chaque page.
|
|
||||||
|
|
||||||
Au final, le site de l'association net7 est maintenant plus moderne et plus facile à utiliser. Grâce à l'utilisation de tailwind, j'ai pu le mettre à jour rapidement et efficacement, ce qui a permis à l'association de disposer d'un outil de communication performant.
|
|
||||||
@@ -5,13 +5,11 @@ description: PPP
|
|||||||
tags:
|
tags:
|
||||||
---
|
---
|
||||||
|
|
||||||
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
|
<script>
|
||||||
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
|
import ppp from '$lib/files/PPP.pdf';
|
||||||
border-radius: 8px; will-change: transform;">
|
</script>
|
||||||
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
|
|
||||||
src="https://www.canva.com/design/DAFWbtr0nNU/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
|
<iframe src={ppp} class="ppp" title="Projet Personnel Professionnel"></iframe>
|
||||||
</iframe>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.ppp {
|
.ppp {
|
||||||
|
|||||||
Reference in New Issue
Block a user