ajustements pour jeudi
This commit is contained in:
François Pelletier
parent
625180d767
commit
71b29ba84f
7 changed files with 3224 additions and 16 deletions
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -1,3 +1,4 @@
|
|||
.Rproj.user
|
||||
*.Rproj
|
||||
|
||||
document2_0.html
|
||||
document2_0_slidy.html
|
||||
|
|
|
|||
30
MathJax.js
Normal file
30
MathJax.js
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,11 +1,9 @@
|
|||
---
|
||||
%title Le document 2.0
|
||||
%author François Pelletier
|
||||
%date 7 décembre 2017
|
||||
title: "Le document 2.0"
|
||||
author: "François Pelletier"
|
||||
date: "7 décembre 2017"
|
||||
---
|
||||
|
||||
# Le document 2.0
|
||||
|
||||
## Accueil
|
||||
|
||||
__Bienvenue !!!__
|
||||
|
|
@ -16,6 +14,8 @@ Objectifs de cet atelier:
|
|||
1. Présenter une méthodologie de travail axée sur le minimalisme
|
||||
1. Présenter les avantages de travailler avec des formats ouverts et des outils libres
|
||||
|
||||
---
|
||||
|
||||
## Ordre du jour
|
||||
|
||||
1. La syntaxe Markdown
|
||||
|
|
@ -30,6 +30,8 @@ Objectifs de cet atelier:
|
|||
- Elle est inspirée de plusieurs notations utilisées dans les courriels avant l'utilisation massive du HTML.
|
||||
- La documentation complète de Markdown tient dans une seule page: [cheat sheet](https://warpedvisions.org/projects/markdown-cheat-sheet/)
|
||||
|
||||
---
|
||||
|
||||
## Conversion du Markdown
|
||||
|
||||
Markdown est concu pour être converti en d'autres formats facilement:
|
||||
|
|
@ -41,6 +43,8 @@ Markdown est concu pour être converti en d'autres formats facilement:
|
|||
- [Office Open XML](https://en.wikipedia.org/wiki/Office_Open_XML) (fichiers .docx): Format commun de bureautique (très mauvaise compatibilité)
|
||||
- MediaWiki: Syntaxe de documentation collaborative, utilisée par Wikipédia et autres
|
||||
|
||||
---
|
||||
|
||||
## Les _saveurs_ de Markdown
|
||||
|
||||
Attention: Il n'existe pas de standard de Markdown
|
||||
|
|
@ -53,6 +57,7 @@ Quelques _saveurs_:
|
|||
- [R Markdown](http://rmarkdown.rstudio.com/): Utilisé pour créer des rapports statistiques très élégants (C'est ce qu'on utilise dans mon équipe)
|
||||
- [Pandoc Markdown](http://rmarkdown.rstudio.com/authoring_pandoc_markdown.html): Utile pour créer des documents riches dans plusieurs formats de façon automatisée.
|
||||
|
||||
---
|
||||
|
||||
## La syntaxe
|
||||
|
||||
|
|
@ -61,6 +66,7 @@ La documentation de la syntaxe Markdown peut facilement être trouvée en ligne.
|
|||
- [Traduction de la documentation en français](https://michelf.ca/projets/php-markdown/syntaxe/)
|
||||
- [Un guide pour bien commencer avec markdown](https://blog.wax-o.com/2014/04/tutoriel-un-guide-pour-bien-commencer-avec-markdown/)
|
||||
|
||||
---
|
||||
|
||||
## Quel éditeur utiliser?
|
||||
|
||||
|
|
@ -71,12 +77,16 @@ La documentation de la syntaxe Markdown peut facilement être trouvée en ligne.
|
|||
- Remarkable
|
||||
- RStudio
|
||||
|
||||
---
|
||||
|
||||
## Atom
|
||||
|
||||
[Atom](https://atom.io/): Éditeur de texte pour le 21e siècle!
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
## Visual Studio
|
||||
|
||||
[Visual Studio Code](https://code.visualstudio.com) est un éditeur libre, moderne et tres performant développé par la communauté et Microsoft.
|
||||
|
|
@ -85,6 +95,8 @@ La documentation de la syntaxe Markdown peut facilement être trouvée en ligne.
|
|||
|
||||
Je recommande Visual Studio Code. Il est disponible sur tous les environnements de bureau et existe aussi en version portable afin de contourner les restrictions d'entreprise.
|
||||
|
||||
---
|
||||
|
||||
## Remarkable
|
||||
|
||||
Remarkable est un éditeur simple et convivial pour la syntaxe Markdown
|
||||
|
|
@ -93,6 +105,8 @@ Remarkable est un éditeur simple et convivial pour la syntaxe Markdown
|
|||
|
||||
|
||||
|
||||
---
|
||||
|
||||
## RStudio
|
||||
|
||||
RStudio est d'abord un environnement de développement intégré (IDE) pour le langage statistique R, mais il est aussi un excellent éditeur markdown. Il supporte aussi sa propre syntaxe RMarkdown pour la production de rapports statistiques et de documents interactifs.
|
||||
|
|
@ -105,6 +119,8 @@ RStudio est d'abord un environnement de développement intégré (IDE) pour le l
|
|||
|
||||
Bootstrap est un module qui permet d'utiliser des consignes de formatages faciles à interpréter par le navigateur. Il utilise le CSS (Cascading Style Sheet) pour créer des thèmes personnalisés et interchangeables. Créer un thème bootstrap requiert une connaissance du HTML et du CSS, mais les utiliser est plutôt simple.
|
||||
|
||||
---
|
||||
|
||||
## Bootswatch
|
||||
|
||||
[Bootswatch](https://bootswatch.com/) est un ite web qui propose des thèmes gratuits pour Bootstrap.
|
||||
|
|
@ -119,8 +135,9 @@ Il y a aussi une librairie très utilisée par plusieurs autres logiciels. Si vo
|
|||
|
||||
Pandoc est multi-plateformes, mais certaines fonctionnalités peuvent être limitées. Par exemple, il faut avoir Microsoft Word ou LibreOffice pour produire des DOCX.
|
||||
|
||||
---
|
||||
|
||||
Installation
|
||||
## Installation
|
||||
|
||||
```bash
|
||||
sudo apt-get install pandoc
|
||||
|
|
@ -131,7 +148,6 @@ Installation avec Cabal, pour avoir la version la plus récente:
|
|||
```bash
|
||||
cabal install pandoc
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Pandoc: Formats d'entrée
|
||||
|
|
@ -146,7 +162,6 @@ Les formats d'entrée incluent:
|
|||
- ...
|
||||
|
||||
---
|
||||
|
||||
## Pandoc: Formats de sortie
|
||||
|
||||
Les formats de sortie incliuent:
|
||||
|
|
@ -161,6 +176,7 @@ Les formats de sortie incliuent:
|
|||
- MediaWiki
|
||||
- DokuWiki
|
||||
|
||||
|
||||
---
|
||||
|
||||
## Pandoc Markdown
|
||||
|
|
@ -179,6 +195,7 @@ Les **blocs** de lignes permettent de séparer le texte manuellement. Par exempl
|
|||
|
||||
```markdown
|
||||
| Centre de loisirs St-Louis-de-France
|
||||
|
|
||||
| 1560 Route De L’Église
|
||||
| Québec, G1W 3P5
|
||||
```
|
||||
|
|
@ -186,9 +203,11 @@ Les **blocs** de lignes permettent de séparer le texte manuellement. Par exempl
|
|||
**Résultat:**
|
||||
|
||||
| Centre de loisirs St-Louis-de-France
|
||||
|
|
||||
| 1560 Route De L’Église
|
||||
| Québec, G1W 3P5
|
||||
|
||||
|
||||
---
|
||||
|
||||
## Pandoc Markdown: Tables simples
|
||||
|
|
@ -199,7 +218,7 @@ Il faut spécifier l'extension `+simple_tables`
|
|||
|
||||
```markdown
|
||||
Droite Gauche Centre Defaut
|
||||
------- ------ ---------- ------
|
||||
----- ----- ---- ------
|
||||
12 12 12 12
|
||||
123 123 123 123
|
||||
|
||||
|
|
@ -209,7 +228,7 @@ Table: Demonstration de la syntaxe des tables simples.
|
|||
**Résultat:**
|
||||
|
||||
Droite Gauche Centre Defaut
|
||||
------- ------ ---------- ------
|
||||
----- ----- ---- ------
|
||||
12 12 12 12
|
||||
123 123 123 123
|
||||
|
||||
|
|
@ -223,9 +242,11 @@ Les métadonnées permettent d'identifier le titre, l'auteur et la date dans l'e
|
|||
|
||||
**Code:**
|
||||
```markdown
|
||||
% Les formats de documents ouverts
|
||||
% François Pelletier
|
||||
% 25 novembre 2017
|
||||
---
|
||||
title: "Le document 2.0"
|
||||
author: "François Pelletier"
|
||||
date: "7 décembre 2017"
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
|
@ -271,9 +292,12 @@ Un exemple: cette présentation a été écrite avec le langage Markdown et expo
|
|||
```bash
|
||||
#!/bin/bash
|
||||
pandoc -f markdown+simple_tables+pandoc_title_block \
|
||||
-t beamer -s presentation.md -o presentation.pdf
|
||||
-t html document2_0.md -o document2_0.html --template template.html \
|
||||
--css template.css --mathjax --toc --toc-depth 2
|
||||
|
||||
pandoc -f markdown+simple_tables+pandoc_title_block \
|
||||
-t slidy -s presentation.md -o presentation.html
|
||||
-t slidy document2_0.md -o document2_0_slidy.html \
|
||||
--css template.css --mathjax --toc --toc-depth 3
|
||||
```
|
||||
|
||||
---
|
||||
|
|
|
|||
16
f20-logo-desjardins-vert.svg
Normal file
16
f20-logo-desjardins-vert.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="logo_x5F_desjardins_x5F_vert" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="450px" height="140px" viewBox="0 0 450 140" enable-background="new 0 0 450 140" xml:space="preserve">
|
||||
<rect x="28.5" y="29.4" fill="#008C53" width="81.2" height="81.2"/>
|
||||
<path fill="#FFFFFF" d="M98.1,53.3v33.5l-29,16.7l-29-16.7V53.3l29-16.7L98.1,53.3 M69.1,39.5L42.7,54.7v30.5l26.4,15.3l26.4-15.3 V54.7L69.1,39.5 M65.5,54.2l-4.1,2.4v4.8l4.1,2.4l2.6-1.5l-1.6-0.9v-4.8l1.6-0.9L65.5,54.2 M71.7,55.3v6l10.4,6v7.2l-6.7,3.9 l-3.6-2.1v7.8l-6.2,3.6h5.2l6.2-3.6v-5.4H80l7.3-4.2v-7.2l-10.4-6v-6l-6.2-3.6h-5.2L71.7,55.3 M66.5,65.5v5.4l8.8,5.1l2.6-1.5 l-6.2-3.6v-5.4l1.6-0.9l-2.6-1.5L66.5,65.5 M50.9,68.5v5.4l4.1,2.4l2.6-1.5l-1.6-0.9v-5.4l6.7-3.9l-2.6-1.5L50.9,68.5 M61.3,75.1 v2.4l6.2-3.6l-2.1-1.2L61.3,75.1 M61.3,79.9v3l8.3-4.8v-3L61.3,79.9 M63.4,84.1l2.1,1.2l4.1-2.4v-2.4L63.4,84.1 M59.2,76.3l-4.1,2.4 h4.1L59.2,76.3z"/>
|
||||
<path fill="#008C53" d="M142,88.4c-0.1-5.6-0.1-11.1-0.1-16.3c0-7.3,0.1-14.2,0.3-20.6c2-0.1,3.5-0.1,4.4-0.1 c12,0,17.2,5.1,17.2,18.2c0,12.8-5.8,19.2-17.3,19.2C145.1,88.8,143.6,88.6,142,88.4 M131.4,92.4c1.4-0.1,3-0.1,4.7-0.1 c3,0,6.7,0.2,11.2,0.2c17.9,0,27-7.9,27-23.5c0-7.5-2.7-13.6-7.3-17.2c-4.3-3.4-9.7-4.1-17-4.1c-4.7,0-9.1,0.3-13.4,0.3 c-1.6,0-3.3-0.1-5.1-0.2c0.7,5.7,0.7,12,0.7,18.8c0,1.2,0,2.4,0,3.5c0,2,0,3.9,0,5.8C132.2,81.9,132.1,87.5,131.4,92.4z"/>
|
||||
<path fill="#008C53" d="M187.3,73.7c0-0.2,0-0.4,0-0.6c0-6.6,2.3-10,6-10c3.3,0,5.1,3,5.1,9c0,0.4-0.1,0.9-0.1,1.6H187.3 M187.3,76.9h20c0.1-0.7,0.1-1.4,0.1-2.1c0-9.4-5-14.5-14-14.5c-9.7,0-15.7,6.7-15.7,16c0,10.5,6.1,16.9,16.3,16.9 c4.5,0,8.2-1.1,10.8-3l1.4-3.7l-0.7-0.5c-2.6,2.1-5.4,3.1-8.4,3.1C191.3,89.1,187.3,84.5,187.3,76.9z"/>
|
||||
<path fill="#008C53" d="M213.4,83.4c1.4,4.3,4.6,6.7,8.5,6.7c3.1,0,4.9-1.6,4.9-4.4c0-2.9-2.8-3.8-7.6-5.8c-5.3-2.2-7.9-4.4-7.9-9 c0-6.3,4.6-10.6,12-10.6c3.4,0,6.5,0.9,9.4,2.7c-0.9,1.9-1.5,3.9-1.9,6.2H230c-1.9-4-4.5-6-7.7-6c-2.8,0-4.7,1.8-4.7,4.1 c0,2.6,1.9,3.4,5.6,4.8c6.9,2.7,10.7,4.2,10.7,10c0,6.6-4.9,11.1-12.5,11.1c-3.9,0-7-0.7-9.8-2.6c0.2-1.3,0.5-3.7,0.9-7.3H213.4z"/>
|
||||
<path fill="#008C53" d="M244,61.4c1.6,0,3.1-0.1,4.7-0.3c-0.2,3.3-0.3,6-0.3,8.4c0,16,0.3,22.5,0.3,24c0,9.7-4.5,14.1-15.1,14.4 l-0.7-2c6.8-0.4,7.2-5.2,7.2-16.9c0-16.2-0.3-24-0.7-27.9C241,61.3,242.5,61.4,244,61.4 M244.4,47c2.9,0,5.3,2.4,5.3,5.4 c0,3-2.4,5.3-5.3,5.3c-2.9,0-5.4-2.4-5.4-5.3C239,49.4,241.4,47,244.4,47z"/>
|
||||
<path fill="#008C53" d="M271.3,75.2v7.6c0,4.1-1.7,6.1-4.5,6.1c-2.7,0-4.1-1.9-4.1-5.6C262.7,78.6,265.3,76.3,271.3,75.2 M271.6,88.3c0.7,3.2,2.8,4.7,5.9,4.7c2,0,4.5-0.5,6.9-1.4v-1.6c-0.1,0-0.1,0-0.2,0c-3.9,0-4.3-1.6-4.3-6.3c0-0.4,0-0.8,0-1.2 L280,71c0-0.1,0-0.2,0-0.3c0-6.7-4.3-10.5-12.2-10.5c-4.1,0-7.9,1.6-11.7,5c0.6,1.5,1.1,2.9,1.4,4.2c2-3.4,4.4-5,7.4-5 c3.7,0,6.2,2.5,6.2,6.5c0,0.3,0,0.7-0.1,1.1c-2.6,1.8-6.3,2.5-10.4,3.9c-4.7,1.6-6.9,4.1-6.9,8.3c0,5.6,3.3,9.1,8.9,9.1 C266.6,93.2,269.7,91.4,271.6,88.3z"/>
|
||||
<path fill="#008C53" d="M287.9,76.7c0-6.1-0.1-11.3-0.5-15.7c1.5,0.2,3,0.3,4.6,0.3c1.5,0,3-0.1,4.5-0.3c-0.2,3.4-0.3,6.2-0.3,8.4 h0.3c1.6-6,5.1-9.2,10.1-9.2c0.1,0,0.2,0,0.3,0c-0.3,1.6-0.4,3.1-0.4,4.7c0,1.6,0.1,3.3,0.4,4.9c-1.6-0.6-3-1-4.3-1 c-4.5,0-6.2,3-6.2,9.3c0,5.8,0.3,10.5,0.6,14.2c-1.6-0.2-3.2-0.3-4.8-0.3c-1.6,0-3.2,0.1-4.8,0.3C287.8,87.8,287.9,82.5,287.9,76.7z "/>
|
||||
<path fill="#008C53" d="M325.2,64.4c4.1,0,6.1,4.2,6.1,12.7c0,8-2.3,12.1-6.4,12.1c-4.5,0-6.3-3.8-6.3-11.7 C318.6,68.6,320.5,64.4,325.2,64.4 M331.3,92.4c1.6-0.3,3.1-0.4,4.7-0.4c1.5,0,3.1,0.1,4.6,0.4c-0.4-6.1-0.6-14.2-0.6-24.3 c0-9.3,0.1-13.6,0.6-21c-1.6,0.2-3.3,0.3-4.9,0.3c-1.6,0-3.2-0.1-4.9-0.3c0.3,4.4,0.3,4.8,0.3,9.2v8.1c-2.2-2.9-5.1-4.2-8.7-4.2 c-8.2,0-13.4,6.1-13.4,16.8c0,10.8,4.4,16.2,13,16.2c4.4,0,7.4-1.6,9.4-5.3C331.5,89.5,331.5,91,331.3,92.4z"/>
|
||||
<path fill="#008C53" d="M347.9,76.8c0-5.6-0.2-10.8-0.5-15.7c1.6,0.2,3.3,0.3,4.9,0.3c1.7,0,3.3-0.1,4.9-0.3 c-0.3,4.9-0.5,10.1-0.5,15.7c0,5.1,0.2,10.3,0.5,15.6c-1.6-0.2-3.2-0.3-4.9-0.3c-1.6,0-3.3,0.1-4.9,0.3 C347.7,87.1,347.9,81.9,347.9,76.8 M352.5,46.8c2.8,0,4.9,2.2,4.9,5c0,2.8-2.2,4.9-5,4.9c-2.8,0-4.9-2.2-4.9-4.9 C347.5,49.1,349.7,46.8,352.5,46.8z"/>
|
||||
<path fill="#008C53" d="M364.6,76.8c0-5.6-0.2-10.8-0.5-15.7c1.5,0.2,3,0.3,4.5,0.3c1.5,0,3-0.1,4.4-0.3v4.6c2.7-3.5,6-5.3,10.1-5.3 c3.3,0,6,1.2,7.8,3.2c2,2.3,2,5.4,2,9.6c0,1.8-0.1,4.5-0.1,8.2c0,3.8,0.1,7.4,0.5,11.1c-1.6-0.2-3.3-0.3-4.9-0.3 c-1.6,0-3.2,0.1-4.9,0.3c0.3-3.5,0.5-8.6,0.5-15.2c0-7.7-0.5-11.2-5.3-11.2c-4.3,0-5.6,3.5-5.6,10.8c0,3.7,0.1,8.9,0.5,15.7 c-1.6-0.2-3.2-0.3-4.8-0.3c-1.6,0-3.2,0.1-4.8,0.3C364.4,87.1,364.6,81.9,364.6,76.8z"/>
|
||||
<path fill="#009757" d="M401.1,83.4c1.4,4.3,4.6,6.7,8.5,6.7c3.1,0,4.9-1.6,4.9-4.4c0-2.9-2.8-3.8-7.7-5.8c-5.3-2.2-7.9-4.4-7.9-9 c0-6.3,4.6-10.6,12-10.6c3.4,0,6.5,0.9,9.4,2.7c-0.9,1.9-1.5,3.9-1.9,6.2h-0.7c-1.9-4-4.5-6-7.7-6c-2.8,0-4.7,1.8-4.7,4.1 c0,2.6,1.9,3.4,5.6,4.8c6.9,2.7,10.7,4.2,10.7,10c0,6.6-4.9,11.1-12.5,11.1c-3.9,0-7-0.7-9.8-2.6c0.2-1.3,0.5-3.7,0.8-7.3H401.1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5 KiB |
2
pandoc.sh
Normal file
2
pandoc.sh
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
pandoc -f markdown+simple_tables+pandoc_title_block -t html document2_0.md -o document2_0.html --template template.html --css template.css --mathjax --toc --toc-depth 2
|
||||
pandoc -f markdown+simple_tables+pandoc_title_block -t slidy document2_0.md -o document2_0_slidy.html --css template.css --mathjax --toc --toc-depth 3
|
||||
3057
template.css
Normal file
3057
template.css
Normal file
File diff suppressed because it is too large
Load diff
78
template.html
Normal file
78
template.html
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
$for(author-meta)$
|
||||
<meta name="author" content="$author-meta$" />
|
||||
$endfor$
|
||||
$if(date-meta)$
|
||||
<meta name="date" content="$date-meta$" />
|
||||
$endif$
|
||||
<title>$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$</title>
|
||||
<style type="text/css">code{white-space: pre;}</style>
|
||||
$if(quotes)$
|
||||
<style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
|
||||
$endif$
|
||||
$if(highlighting-css)$
|
||||
<style type="text/css">
|
||||
$highlighting-css$
|
||||
</style>
|
||||
$endif$
|
||||
$for(css)$
|
||||
<link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
|
||||
$endfor$
|
||||
$if(math)$
|
||||
$math$
|
||||
$endif$
|
||||
$for(header-includes)$
|
||||
$header-includes$
|
||||
$endfor$
|
||||
</head>
|
||||
<body>
|
||||
$if(title)$
|
||||
<div class="navbar navbar-static-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<span class="navbar-brand brand-name">
|
||||
<img src="f20-logo-desjardins-vert.svg"/>
|
||||
</span>
|
||||
<span class="doc-title"><!-- $title$ --></span>
|
||||
<ul class="nav pull-right doc-info">
|
||||
$for(author)$
|
||||
<li><p class="navbar-text">$author$</p></li>
|
||||
$endfor$
|
||||
$if(date)$
|
||||
<li><p class="navbar-text">$date$</p></li>
|
||||
$endif$
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
$endif$
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
$if(toc)$
|
||||
<div id="$idprefix$TOC" class="span3">
|
||||
<div class="well toc">
|
||||
<ul>
|
||||
<li class="nav-header">Table des matières</li>
|
||||
</ul>
|
||||
$toc$
|
||||
</div>
|
||||
</div>
|
||||
$endif$
|
||||
<div class="span$if(toc)$9$else$12$endif$">
|
||||
$for(include-before)$
|
||||
$include-before$
|
||||
$endfor$
|
||||
$body$
|
||||
$for(include-after)$
|
||||
$include-after$
|
||||
$endfor$
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue