parent
50c7e14d1f
commit
1c7c76c445
|
@ -0,0 +1,3 @@
|
||||||
|
plugins:
|
||||||
|
- path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
|
||||||
|
spec: "@yarnpkg/plugin-interactive-tools"
|
|
@ -9,14 +9,17 @@ export default {
|
||||||
nav: [
|
nav: [
|
||||||
{
|
{
|
||||||
text: "Dev",
|
text: "Dev",
|
||||||
items: [
|
link: "/dev/",
|
||||||
{ text: "Sommaire", link: "/dev/" },
|
activeMatch: "/dev/"
|
||||||
{ text: "B1", link: "/dev/B1/" },
|
// items: [
|
||||||
{ text: "B2", link: "/dev/B2/" },
|
// { text: "Sommaire", link: "/dev/" },
|
||||||
{ text: "B3", link: "/dev/B3/" }
|
// { text: "B1", link: "/dev/B1/" },
|
||||||
]
|
// { text: "B2", link: "/dev/B2/" },
|
||||||
|
// { text: "B3", link: "/dev/B3/" }
|
||||||
|
// ]
|
||||||
},
|
},
|
||||||
{ text: "Design", link: "/design/", activeMatch: "/design/" }
|
{ text: "Design", link: "/design/", activeMatch: "/design/" },
|
||||||
|
{ text: "À propos", link: "/a-propos", activeMatch: "/a-propos" }
|
||||||
],
|
],
|
||||||
sidebar: {
|
sidebar: {
|
||||||
// This sidebar gets displayed when user is
|
// This sidebar gets displayed when user is
|
||||||
|
@ -35,7 +38,7 @@ export default {
|
||||||
collapsible: true,
|
collapsible: true,
|
||||||
collapsed: true,
|
collapsed: true,
|
||||||
items: [
|
items: [
|
||||||
{ text: "Sommaire", link: "/dev/B1/" },
|
{ text: "Sommaire B1", link: "/dev/B1/" },
|
||||||
{ text: "Introduction", link: "/dev/B1/introduction" },
|
{ text: "Introduction", link: "/dev/B1/introduction" },
|
||||||
{ text: "HTML", link: "/dev/B1/html" }
|
{ text: "HTML", link: "/dev/B1/html" }
|
||||||
]
|
]
|
||||||
|
@ -45,7 +48,7 @@ export default {
|
||||||
collapsible: true,
|
collapsible: true,
|
||||||
collapsed: true,
|
collapsed: true,
|
||||||
items: [
|
items: [
|
||||||
{ text: "Sommaire", link: "/dev/B2/" },
|
{ text: "Sommaire B2", link: "/dev/B2/" },
|
||||||
{ text: "Introduction", link: "/dev/B2/introduction" },
|
{ text: "Introduction", link: "/dev/B2/introduction" },
|
||||||
{ text: "HTML", link: "/dev/B2/html" }
|
{ text: "HTML", link: "/dev/B2/html" }
|
||||||
]
|
]
|
||||||
|
@ -55,7 +58,7 @@ export default {
|
||||||
collapsible: true,
|
collapsible: true,
|
||||||
collapsed: true,
|
collapsed: true,
|
||||||
items: [
|
items: [
|
||||||
{ text: "Sommaire", link: "/dev/B3/" },
|
{ text: "Sommaire B3", link: "/dev/B3/" },
|
||||||
{ text: "Introduction", link: "/dev/B3/introduction" },
|
{ text: "Introduction", link: "/dev/B3/introduction" },
|
||||||
{ text: "HTML", link: "/dev/B3/html" }
|
{ text: "HTML", link: "/dev/B3/html" }
|
||||||
]
|
]
|
||||||
|
|
|
@ -0,0 +1,13 @@
|
||||||
|
<template>
|
||||||
|
<blockquote>
|
||||||
|
<slot>YELLO</slot>
|
||||||
|
</blockquote>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "CustomBlockquote"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
|
@ -13,3 +13,8 @@ a:hover {
|
||||||
.prev-next a:hover {
|
.prev-next a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.VPPage {
|
||||||
|
max-inline-size: 70ch;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
|
@ -1,4 +1,21 @@
|
||||||
import DefaultTheme from "vitepress/theme";
|
import DefaultTheme from "vitepress/theme";
|
||||||
|
import PageLayout from "./layouts/PageLayout.vue";
|
||||||
import "./custom.css";
|
import "./custom.css";
|
||||||
|
|
||||||
export default DefaultTheme;
|
const modules = import.meta.globEager("./components/**/*.vue");
|
||||||
|
const components = [];
|
||||||
|
|
||||||
|
for (const path in modules) {
|
||||||
|
components.push(modules[path].default);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
...DefaultTheme,
|
||||||
|
// Layout: PageLayout,
|
||||||
|
enhanceApp({ app }) {
|
||||||
|
// import all components globally
|
||||||
|
components.forEach(comp => {
|
||||||
|
app.component(comp.name, comp);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
|
@ -0,0 +1,18 @@
|
||||||
|
<script setup>
|
||||||
|
import DefaultTheme from "vitepress/theme";
|
||||||
|
const { Layout } = DefaultTheme;
|
||||||
|
|
||||||
|
import { useData } from "vitepress";
|
||||||
|
const { page } = useData();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Layout>
|
||||||
|
<main role="main">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
<slot name="content" />
|
||||||
|
</main>
|
||||||
|
</Layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
|
@ -0,0 +1,35 @@
|
||||||
|
---
|
||||||
|
layout: doc
|
||||||
|
---
|
||||||
|
|
||||||
|
# À propos
|
||||||
|
|
||||||
|
Ce site a pour vocation d'être un support pour mes cours de développement front-end. Il permettra aux élèves (et à moi-même) d'avoir une référence commune et à jour.
|
||||||
|
|
||||||
|
## Objectifs
|
||||||
|
|
||||||
|
Ce site existe pour faciliter la préparation et la mise à jour de mes cours. Il offre également la possibilité aux élèves de revoir globalement leurs cours ou de revenir sur un concept précis.
|
||||||
|
|
||||||
|
::: warning 👀 Je vous vois venir
|
||||||
|
Cette ressource ne remplace pas la prise de notes ni le travail en classe et chez soi.
|
||||||
|
:::
|
||||||
|
|
||||||
|
À moyen terme, j'aimerais que ce site puisse être alimenté par plusieurs enseignants.
|
||||||
|
|
||||||
|
## Contributeur
|
||||||
|
|
||||||
|
- [Nicolas](https://www.nardu.in)
|
||||||
|
|
||||||
|
## Utilisation
|
||||||
|
|
||||||
|
Les contenus présents sur ce site sont publiés sous la licence [CC BY 4.0.](https://creativecommons.org/licenses/by-sa/4.0/)
|
||||||
|
|
||||||
|
Cela signifie que vous pouvez **partager** et **modifier** les contenus tant que vous citez ce site comme étant la source et que vous les publiez sous la même licence.
|
||||||
|
|
||||||
|
## Données personnelles
|
||||||
|
|
||||||
|
Aucune donnée n'est collectée.
|
||||||
|
|
||||||
|
## Code source
|
||||||
|
|
||||||
|
Le code source sera bientôt disponible afin de permettre l'édition via <span lang="en">pull request</span>.
|
|
@ -149,7 +149,7 @@ On parle de « règle CSS ». Une règle se construit ainsi :
|
||||||
- `color` est la propriété
|
- `color` est la propriété
|
||||||
- `blue` est la valeur
|
- `blue` est la valeur
|
||||||
- `color: blue;` est la déclaration
|
- `color: blue;` est la déclaration
|
||||||
- l'ensemble forme la règle
|
- l'ensemble forme **la règle**
|
||||||
|
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
@ -209,6 +209,14 @@ Les deux éléments de la cascade que nous utiliseront le plus ici sont **la sp
|
||||||
|
|
||||||
## Accessibilité
|
## Accessibilité
|
||||||
|
|
||||||
|
D'après [Access42 :](https://access42.net/)
|
||||||
|
|
||||||
|
> L’accessibilité numérique est un droit fondamental. C’est la possibilité pour toutes et tous d’utiliser les outils informatiques, quelle que soit leur façon d’y accéder.
|
||||||
|
|
||||||
|
Selon moi, développer de manière accessible devrait être la norme. La façon normale de créer un site et non pas un correctif ou une surcouche à appliquer.
|
||||||
|
|
||||||
|
C'est pourquoi les contenus ici présents intègrent (le plus possible) les bonnes pratiques d'accessibilité numérique par défaut.
|
||||||
|
|
||||||
## Mise en ligne
|
## Mise en ligne
|
||||||
|
|
||||||
## Bonus
|
## Bonus
|
||||||
|
|
|
@ -13,6 +13,7 @@ Nous aborderons l'apprentissage du développement web par le prisme de [l’acce
|
||||||
|
|
||||||
## Niveaux
|
## Niveaux
|
||||||
|
|
||||||
- [B1 — première année](./B1/)
|
- [B1 — Découverte et bases](./B1/)
|
||||||
- [B2 — deuxième année](./B2/)
|
- [B2 — Approfondissement](./B2/)
|
||||||
- [B3 — troisième année](./B3/)
|
- [B3 — Expertise web](./B3/)
|
||||||
|
- [Code Camp — Découverte intensive](./code-camp/)
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
"serve": "vitepress serve docs"
|
"serve": "vitepress serve docs"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vitepress": "^1.0.0-alpha.4",
|
"vitepress": "^1.0.0-draft.8",
|
||||||
"vue": "^3.2.37"
|
"vue": "^3.2.37"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1824,12 +1824,12 @@ __metadata:
|
||||||
version: 0.0.0-use.local
|
version: 0.0.0-use.local
|
||||||
resolution: "vitepress-starter@workspace:."
|
resolution: "vitepress-starter@workspace:."
|
||||||
dependencies:
|
dependencies:
|
||||||
vitepress: ^1.0.0-alpha.4
|
vitepress: ^1.0.0-draft.8
|
||||||
vue: ^3.2.37
|
vue: ^3.2.37
|
||||||
languageName: unknown
|
languageName: unknown
|
||||||
linkType: soft
|
linkType: soft
|
||||||
|
|
||||||
"vitepress@npm:^1.0.0-alpha.4":
|
"vitepress@npm:^1.0.0-draft.8":
|
||||||
version: 1.0.0-draft.8
|
version: 1.0.0-draft.8
|
||||||
resolution: "vitepress@npm:1.0.0-draft.8"
|
resolution: "vitepress@npm:1.0.0-draft.8"
|
||||||
dependencies:
|
dependencies:
|
||||||
|
|
Loading…
Reference in New Issue