Merge pull request #10 from BackToBasicsEpita/lcd/landing

landing page

Author: BackToBasics-epita

content/blog/.gitkeep

@@ -0,0 +1,11 @@
+---
+weight: 999
+title: "Example"
+description: "Sujet d'exemple pour faire un sujet"
+icon: "function"
+date: "2023-08-26T20:43:23+01:00"
+lastmod: "2023-08-26T20:43:23+01:00"
+draft: false
+toc: true
+katex: false
+---

content/docs/.gitkeep

@@ -0,0 +1,73 @@
+---
+weight: 500
+title: "Ecrire un sujet"
+description: "Comment les sujets sont écrits ?"
+icon: "fluid_med"
+date: "2023-08-26T20:43:23+01:00"
+lastmod: "2023-08-26T20:43:23+01:00"
+draft: false
+toc: true
+katex: true
+---
+
+### Markdown ?
+
+Le LaTeX c'est bien beau mais si on doit faire tous nos cours comme ça, ça nous prendrait une éternité pour couvrir tous les chapitres :c.
+
+C'est pour ça que les sujets sont écrits en `Markdown`.
+Enfin, on écrit un fichier en Markdown et `Hugo` nous permet de le transformer en page `Html` automatiquement.
+
+Le `Markdown` est un langage de balisage (un peu comme le `Html`) créer avec comme objectif d'offrire une syntaxe facile à lire et à écrire. 
+
+#### Pourquoi faire du Markdown ?
+
+Si vous utilisez **Discord** alors vous avez peut-être déjà entendu parlé de `Markdown`, sinon vous allez voir que c'est vraiment très simple à prendre en main :)
+
+Voici un exemple montrant la simplicité du `Markdown` par rapport au `Html` et `LaTex`
+
+{{< tabs tabTotal="3">}}
+{{% tab title="Html" %}}
+
+**Html demo**
+
+```html
+<p>Ce<b>Mot</b> en gras et celui-là <strong>aussi</strong>.</p>
+```
+
+<p>Ce<b>Mot</b> en gras et celui-là <strong>aussi</strong>.</p>
+
+{{% /tab %}}
+{{% tab title="LaTex" %}}
+
+**LaTeX demo**
+
+```latex
+Ce \textbf{Mot} en gras et celui-là \textbf{aussi}.
+```
+
+{{< katex >}}
+$$
+Ce\ \textbf{Mot}\ en\ gras\ et\ celui-là\ \textbf{aussi}.
+$$
+{{< /katex >}}
+
+{{% /tab %}}
+{{% tab title="Markdown" %}}
+
+**MarkDown demo**
+
+```markdown
+Ce **Mot** en gras et celui-là **aussi**.
+```
+
+Ce **Mot** en gras et celui-là **aussi**.
+
+{{% /tab %}}
+{{< /tabs >}}
+
+#### Comment faire du Markdown ?
+
+|format|Markdown|Résultat|
+|--------|--------|--------|
+|    Italique    |    `*lorem*`    |    *lorem ipsum*   |
+|    C    |    D    ||

content/docs/sample-subject/_index.md

@@ -0,0 +1,29 @@
+---
+weight: 500
+title: "Aperçu"
+description: "Comment faire un sujet"
+icon: "local_library"
+date: "2023-08-26T20:43:23+01:00"
+lastmod: "2023-08-26T20:43:23+01:00"
+draft: false
+toc: true
+katex: false
+---
+
+### Hugo ? Kesako ??
+
+`Hugo` est un framework pour fabriquer des sites web.
+C'est l'un des framework les plus populaires pour créer des sites statiques ;
+c'est à dire des sites qui n'ont pas de traitement côté serveur et donc pas de base de données.
+
+Le site est donc uniquement composé de `HTML`, `CSS` et `Javascript`,
+les pages sont "fixes"et toute fonctionnalité *dynamique* est executé sur le navigateur de l'utilisateur grâce au *javascript*.
+
+De plus, `Hugo` est très simple d'utilisation et a une documentation complète et propose une large sélection de thèmes et
+vous permet également de créer votre propre thème (nous avons assemblé plusieurs thèmes pour obtenir le thème qui fait fonctionner le site).
+
+Vous pourrez retrouver le documentation et les comment installer `Hugo` sur leur [site web](https://gohugo.io/).
+
+#### Le thème Hugo
+
+Vous pourrez retrouver le thème Hugo B2B sur [github](https://github.com/BackToBasicsEpita/b2b-theme) ainsi que la documentation pour pour l'utiliser pour faire votre propre site :)