diff --git a/SNT/01_WEB/1E_modifier_HTML.pdf b/SNT/01_WEB/1E_modifier_HTML.pdf new file mode 100644 index 0000000..8d5e919 Binary files /dev/null and b/SNT/01_WEB/1E_modifier_HTML.pdf differ diff --git a/SNT/01_WEB/1E_modifier_HTML.tex b/SNT/01_WEB/1E_modifier_HTML.tex new file mode 100755 index 0000000..d0e5191 --- /dev/null +++ b/SNT/01_WEB/1E_modifier_HTML.tex @@ -0,0 +1,94 @@ +\documentclass[12pt,xcolor=table]{classPres} +\usepackage{booktabs} + +\author{} +\title{WEB: Séance 1 \\ Les langages du WEB} +\date{Septembre 2020} + +\begin{document} + +\frame{\titlepage} + +\begin{frame}{Langages du WEB} + \pause + \begin{columns} + \begin{column}{0.3\textwidth} + \begin{center} + \includegraphics[scale=0.4]{./fig/CSS3_logo} + \uncover<3>{Décoration} + \end{center} + \end{column} + \begin{column}{0.3\textwidth} + \begin{center} + \includegraphics[scale=0.9]{./fig/HTML5_logo} + \uncover<3>{Contenu} + \end{center} + \end{column} + \begin{column}{0.3\textwidth} + \begin{center} + \textbf{Javascript} + \includegraphics[scale=0.3]{./fig/JavaScript_logo} + \uncover<3>{Interaction} + \end{center} + \end{column} + \end{columns} +\end{frame} + +\begin{frame}{Code source d'une page} + + \vfill + \begin{center} + \colorbox{highlightbg}{ + Développement Web > Code source de la page + } + \end{center} + \vfill + \begin{itemize} + \item Lire le code source de \colorbox{highlightbg}{\url{fr.wikipedia.org}} + \begin{itemize} + \item Nombre total de lignes? + \item Contenu de la ligne 3? + \end{itemize} + \item Lire le code source de \colorbox{highlightbg}{\url{http://verreccj.free.fr/}} + \begin{itemize} + \item Nombre total de lignes? + \item Contenu de la ligne 37? + \end{itemize} + \end{itemize} + \vfill + \pause + \begin{center} + Pas de modifictions possibles + \end{center} +\end{frame} + +\begin{frame}{Outils du développeur} + \framesubtitle{Défacer google} + + \vfill + \begin{center} + \colorbox{highlightbg}{ + Développement Web > Inspecteur + } + \end{center} + \vfill + + Modifier la page d'accueil de google. + + \vfill + \pause + \begin{center} + Pas d'enregistrement possible + \end{center} +\end{frame} + +\begin{frame}{Personnalisation de Zozor} + \begin{itemize} + \item Copier coller le répertoire \texttt{01\_WEB > Zozor} dans votre dossier personnel. + \item \textbf{Ouvrir avec} un navigateur index.html + \item \textbf{Ouvrir avec} un éditeur de texte (Notepad++) index.html + \item \textbf{Modifier} dans l'éditeur, \textbf{sauver}, \textbf{recharger} la page sur le navigateur + \end{itemize} +\end{frame} + +\end{document} diff --git a/SNT/01_WEB/Zozor.zip b/SNT/01_WEB/Zozor.zip new file mode 100644 index 0000000..4160644 Binary files /dev/null and b/SNT/01_WEB/Zozor.zip differ diff --git a/SNT/01_WEB/Zozor/images/bulle.png b/SNT/01_WEB/Zozor/images/bulle.png new file mode 100644 index 0000000..915d928 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/bulle.png differ diff --git a/SNT/01_WEB/Zozor/images/facebook.png b/SNT/01_WEB/Zozor/images/facebook.png new file mode 100644 index 0000000..5d0ae32 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/facebook.png differ diff --git a/SNT/01_WEB/Zozor/images/flecheblanchedroite.png b/SNT/01_WEB/Zozor/images/flecheblanchedroite.png new file mode 100644 index 0000000..420e75c Binary files /dev/null and b/SNT/01_WEB/Zozor/images/flecheblanchedroite.png differ diff --git a/SNT/01_WEB/Zozor/images/flickr.png b/SNT/01_WEB/Zozor/images/flickr.png new file mode 100644 index 0000000..cb621e8 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/flickr.png differ diff --git a/SNT/01_WEB/Zozor/images/fond_degraderouge.png b/SNT/01_WEB/Zozor/images/fond_degraderouge.png new file mode 100644 index 0000000..30e5304 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/fond_degraderouge.png differ diff --git a/SNT/01_WEB/Zozor/images/fond_jaune.png b/SNT/01_WEB/Zozor/images/fond_jaune.png new file mode 100644 index 0000000..c605be8 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/fond_jaune.png differ diff --git a/SNT/01_WEB/Zozor/images/ico_epingle.png b/SNT/01_WEB/Zozor/images/ico_epingle.png new file mode 100644 index 0000000..79508ae Binary files /dev/null and b/SNT/01_WEB/Zozor/images/ico_epingle.png differ diff --git a/SNT/01_WEB/Zozor/images/ico_liensexterne.png b/SNT/01_WEB/Zozor/images/ico_liensexterne.png new file mode 100644 index 0000000..e2b7c2d Binary files /dev/null and b/SNT/01_WEB/Zozor/images/ico_liensexterne.png differ diff --git a/SNT/01_WEB/Zozor/images/ico_top.png b/SNT/01_WEB/Zozor/images/ico_top.png new file mode 100644 index 0000000..9cc5377 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/ico_top.png differ diff --git a/SNT/01_WEB/Zozor/images/ombre.png b/SNT/01_WEB/Zozor/images/ombre.png new file mode 100644 index 0000000..e02a5d9 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/ombre.png differ diff --git a/SNT/01_WEB/Zozor/images/photo1.jpg b/SNT/01_WEB/Zozor/images/photo1.jpg new file mode 100644 index 0000000..8210ab7 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/photo1.jpg differ diff --git a/SNT/01_WEB/Zozor/images/photo2.jpg b/SNT/01_WEB/Zozor/images/photo2.jpg new file mode 100644 index 0000000..7876a46 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/photo2.jpg differ diff --git a/SNT/01_WEB/Zozor/images/photo3.jpg b/SNT/01_WEB/Zozor/images/photo3.jpg new file mode 100644 index 0000000..a2f4370 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/photo3.jpg differ diff --git a/SNT/01_WEB/Zozor/images/photo4.jpg b/SNT/01_WEB/Zozor/images/photo4.jpg new file mode 100644 index 0000000..55506d3 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/photo4.jpg differ diff --git a/SNT/01_WEB/Zozor/images/rss.png b/SNT/01_WEB/Zozor/images/rss.png new file mode 100644 index 0000000..bf7f13d Binary files /dev/null and b/SNT/01_WEB/Zozor/images/rss.png differ diff --git a/SNT/01_WEB/Zozor/images/sanfrancisco.jpg b/SNT/01_WEB/Zozor/images/sanfrancisco.jpg new file mode 100644 index 0000000..ad46545 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/sanfrancisco.jpg differ diff --git a/SNT/01_WEB/Zozor/images/separateur.png b/SNT/01_WEB/Zozor/images/separateur.png new file mode 100644 index 0000000..cbd99e8 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/separateur.png differ diff --git a/SNT/01_WEB/Zozor/images/twitter.png b/SNT/01_WEB/Zozor/images/twitter.png new file mode 100644 index 0000000..3a580bc Binary files /dev/null and b/SNT/01_WEB/Zozor/images/twitter.png differ diff --git a/SNT/01_WEB/Zozor/images/vimeo.png b/SNT/01_WEB/Zozor/images/vimeo.png new file mode 100644 index 0000000..9032dd0 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/vimeo.png differ diff --git a/SNT/01_WEB/Zozor/images/zozor_classe.png b/SNT/01_WEB/Zozor/images/zozor_classe.png new file mode 100644 index 0000000..be627dd Binary files /dev/null and b/SNT/01_WEB/Zozor/images/zozor_classe.png differ diff --git a/SNT/01_WEB/Zozor/images/zozor_logo.png b/SNT/01_WEB/Zozor/images/zozor_logo.png new file mode 100644 index 0000000..487a634 Binary files /dev/null and b/SNT/01_WEB/Zozor/images/zozor_logo.png differ diff --git a/SNT/01_WEB/Zozor/index.html b/SNT/01_WEB/Zozor/index.html new file mode 100644 index 0000000..3a6e087 --- /dev/null +++ b/SNT/01_WEB/Zozor/index.html @@ -0,0 +1,87 @@ + + + + + + + Zozor - Carnets de voyage + + + + + + + +
+
+
+ +

Zozor

+

Carnets de voyage

+
+ + +
+ +
+
+ Retour sur mes vacances aux États-Unis... + Voir l'article +
+
+ +
+
+

Catégorie voyage Récit de mon voyage

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.

+

Vivamus sed libero nec mauris pulvinar facilisis ut non sem. Quisque mollis ullamcorper diam vel faucibus. Vestibulum sollicitudin facilisis feugiat. Nulla euismod sodales hendrerit. Donec quis orci arcu. Vivamus fermentum magna a erat ullamcorper dignissim pretium nunc aliquam. Aenean pulvinar condimentum enim a dignissim. Vivamus sit amet lectus at ante adipiscing adipiscing eget vitae felis. In at fringilla est. Cras id velit ut magna rutrum commodo. Etiam ut scelerisque purus. Duis risus elit, venenatis vel rutrum in, imperdiet in quam. Sed vestibulum, libero ut bibendum consectetur, eros ipsum ultrices nisl, in rutrum diam augue non tortor. Fusce nec massa et risus dapibus aliquam vitae nec diam.

+

Phasellus ligula massa, congue ac vulputate non, dignissim at augue. Sed auctor fringilla quam quis porttitor. Praesent vitae dignissim magna. Pellentesque quis sem purus, vel elementum mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas consectetur euismod urna. In hac habitasse platea dictumst. Quisque tincidunt porttitor vestibulum. Ut iaculis, lacus at molestie lacinia, ipsum mi adipiscing ligula, vel mollis sem risus eu lectus. Nunc elit quam, rutrum ut dignissim sit amet, egestas at sem.

+
+ +
+ + +
+ + diff --git a/SNT/01_WEB/Zozor/polices/ballpark.eot b/SNT/01_WEB/Zozor/polices/ballpark.eot new file mode 100644 index 0000000..dd83acf Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/ballpark.eot differ diff --git a/SNT/01_WEB/Zozor/polices/ballpark.svg b/SNT/01_WEB/Zozor/polices/ballpark.svg new file mode 100644 index 0000000..506af5c --- /dev/null +++ b/SNT/01_WEB/Zozor/polices/ballpark.svg @@ -0,0 +1,113 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Loveless + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SNT/01_WEB/Zozor/polices/ballpark.ttf b/SNT/01_WEB/Zozor/polices/ballpark.ttf new file mode 100644 index 0000000..23f26ec Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/ballpark.ttf differ diff --git a/SNT/01_WEB/Zozor/polices/ballpark.woff b/SNT/01_WEB/Zozor/polices/ballpark.woff new file mode 100644 index 0000000..461eb41 Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/ballpark.woff differ diff --git a/SNT/01_WEB/Zozor/polices/dayrom.eot b/SNT/01_WEB/Zozor/polices/dayrom.eot new file mode 100644 index 0000000..0c6e592 Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/dayrom.eot differ diff --git a/SNT/01_WEB/Zozor/polices/dayrom.svg b/SNT/01_WEB/Zozor/polices/dayrom.svg new file mode 100644 index 0000000..14d6d74 --- /dev/null +++ b/SNT/01_WEB/Zozor/polices/dayrom.svg @@ -0,0 +1,233 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : 2002 Fredrick Nader All rights reserved apostropheapostrophiclabcom +Designer : Fredrick Nader +Foundry : F M Nader +Foundry URL : mailtoapostropheapostrophiclabcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SNT/01_WEB/Zozor/polices/dayrom.ttf b/SNT/01_WEB/Zozor/polices/dayrom.ttf new file mode 100644 index 0000000..77c3d73 Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/dayrom.ttf differ diff --git a/SNT/01_WEB/Zozor/polices/dayrom.woff b/SNT/01_WEB/Zozor/polices/dayrom.woff new file mode 100644 index 0000000..42bbf9c Binary files /dev/null and b/SNT/01_WEB/Zozor/polices/dayrom.woff differ diff --git a/SNT/01_WEB/Zozor/style.css b/SNT/01_WEB/Zozor/style.css new file mode 100644 index 0000000..4905a57 --- /dev/null +++ b/SNT/01_WEB/Zozor/style.css @@ -0,0 +1,311 @@ +/* Définition des polices personnalisées */ + +@font-face +{ + font-family: 'BallparkWeiner'; + src: url('polices/ballpark.eot'); + src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'), + url('polices/ballpark.woff') format('woff'), + url('polices/ballpark.ttf') format('truetype'), + url('polices/ballpark.svg#BallparkWeiner') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face +{ + font-family: 'Dayrom'; + src: url('polices/dayrom.eot'); + src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'), + url('polices/dayrom.woff') format('woff'), + url('polices/dayrom.ttf') format('truetype'), + url('polices/dayrom.svg#Dayrom') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Eléments principaux de la page */ + +body +{ + background: url('images/fond_jaune.png'); + font-family: 'Trebuchet MS', Arial, sans-serif; + color: #181818; +} + +#bloc_page +{ + width: 900px; + margin: auto; +} + +section h1, footer h1, nav a +{ + font-family: Dayrom, serif; + font-weight: normal; + text-transform: uppercase; +} + +/* Header */ + +header +{ + background: url('images/separateur.png') repeat-x bottom; +} + +#titre_principal +{ + display: inline-block; +} + +header h1 +{ + font-family: 'BallparkWeiner', serif; + font-size: 2.5em; + font-weight: normal; +} + +#logo, header h1 +{ + display: inline-block; + margin-bottom: 0px; +} + +header h2 +{ + font-family: Dayrom, serif; + font-size: 1.1em; + margin-top: 0px; + font-weight: normal; +} + +/* Navigation */ + +nav +{ + display: inline-block; + width: 740px; + text-align: right; +} + +nav ul +{ + list-style-type: none; +} + +nav li +{ + display: inline-block; + margin-right: 15px; +} + +nav a +{ + font-size: 1.3em; + color: #181818; + padding-bottom: 3px; + text-decoration: none; +} + +nav a:hover +{ + color: #760001; + border-bottom: 3px solid #760001; +} + +/* Bannière */ + +#banniere_image +{ + margin-top: 15px; + height: 200px; + border-radius: 5px; + background: url('images/sanfrancisco.jpg') no-repeat; + position: relative; + box-shadow: 0px 4px 4px #1c1a19; + margin-bottom: 25px; +} + +#banniere_description +{ + position: absolute; + bottom: 0; + border-radius: 0px 0px 5px 5px; + width: 99.5%; + height: 33px; + padding-top: 15px; + padding-left: 4px; + background-color: rgb(24,24,24); /* Pour les anciens navigateurs */ + background-color: rgba(24,24,24,0.8); + color: white; + font-size: 0.8em; + +} + +.bouton_rouge +{ + display: inline-block; + height: 25px; + position: absolute; + right: 5px; + bottom: 5px; + background: url('images/fond_degraderouge.png') repeat-x; + border: 1px solid #760001; + border-radius: 5px; + font-size: 1.2em; + text-align: center; + padding: 3px 8px 0px 8px; + color: white; + text-decoration: none; +} + +.bouton_rouge img +{ + border: 0; +} + +/* Corps */ + +article, aside +{ + display: inline-block; + vertical-align: top; + text-align: justify; +} + +article +{ + width: 625px; + margin-right: 15px; +} + +.ico_categorie +{ + vertical-align: middle; + margin-right: 8px; +} + +article p +{ + font-size: 0.8em; +} + +aside +{ + position: relative; + width: 235px; + background-color: #706b64; + box-shadow: 0px 2px 5px #1c1a19; + border-radius: 5px; + padding: 10px; + color: white; + font-size: 0.9em; +} + +#fleche_bulle +{ + position: absolute; + top: 100px; + left: -12px; +} + +#photo_zozor +{ + text-align: center; +} + +#photo_zozor img +{ + border: 1px solid #181818; +} + +aside img +{ + margin-right: 5px; +} + +/* Footer */ + +footer +{ + background: url('images/ico_top.png') no-repeat top center, url('images/separateur.png') repeat-x top, url('images/ombre.png') repeat-x top; + padding-top: 25px; +} + +footer p, footer ul +{ + font-size: 0.8em; +} + +footer h1 +{ + font-size: 1.1em; +} + +#tweet, #mes_photos, #mes_amis +{ + display: inline-block; + vertical-align: top; +} + +#tweet +{ + width: 28%; +} + +#mes_photos +{ + width: 35%; +} + +#mes_amis +{ + width: 31%; +} + +#mes_photos img +{ + border: 1px solid #181818; + margin-right: 2px; +} + +#mes_amis ul +{ + display: inline-block; + vertical-align: top; + margin-top: 0; + width: 48%; + list-style-image: url('images/ico_liensexterne.png'); + padding-left: 2px; +} + +#mes_amis a +{ + text-decoration: none; + color: #760001; +} + + +/* Correctifs pour les vieilles versions d'Internet Explorer */ + +/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */ + +.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul +{ + display: inline; + zoom: 1; +} + +/* Quelques ajustements pour les vieilles versions d'IE */ + +.old_ie section h1, .ie8 section h1 +{ + font-size: 1.1em; +} + +.old_ie footer div, .ie8 footer div +{ + margin-top: 30px; + background: url('images/separateur.png') repeat-x top; +} + diff --git a/SNT/01_WEB/fig/CSS3_logo.png b/SNT/01_WEB/fig/CSS3_logo.png new file mode 100644 index 0000000..da0d94b Binary files /dev/null and b/SNT/01_WEB/fig/CSS3_logo.png differ diff --git a/SNT/01_WEB/fig/HTML5_logo.png b/SNT/01_WEB/fig/HTML5_logo.png new file mode 100644 index 0000000..fe74f60 Binary files /dev/null and b/SNT/01_WEB/fig/HTML5_logo.png differ diff --git a/SNT/01_WEB/fig/JavaScript_logo.png b/SNT/01_WEB/fig/JavaScript_logo.png new file mode 100644 index 0000000..f7beb53 Binary files /dev/null and b/SNT/01_WEB/fig/JavaScript_logo.png differ diff --git a/SNT/01_WEB/index.rst b/SNT/01_WEB/index.rst index f9ae09e..c518169 100644 --- a/SNT/01_WEB/index.rst +++ b/SNT/01_WEB/index.rst @@ -17,6 +17,10 @@ Modification d'une page html avec l'inspecteur. Modification d'une page web à partir du code source. +.. image:: 1E_modifier_HTML.pdf + :height: 200px + :alt: Langages du web et première modifications de pages. + Cours: languages du web. Étape 2: Étudier du HTML diff --git a/SNT/01_WEB/page_balises.zip b/SNT/01_WEB/page_balises.zip new file mode 100644 index 0000000..a14eaef Binary files /dev/null and b/SNT/01_WEB/page_balises.zip differ diff --git a/SNT/01_WEB/page_balises/220px-Richard_Stallman_2005_(chrys).jpg b/SNT/01_WEB/page_balises/220px-Richard_Stallman_2005_(chrys).jpg new file mode 100644 index 0000000..763e3e8 Binary files /dev/null and b/SNT/01_WEB/page_balises/220px-Richard_Stallman_2005_(chrys).jpg differ diff --git a/SNT/01_WEB/page_balises/page_balises.html b/SNT/01_WEB/page_balises/page_balises.html new file mode 100644 index 0000000..f7d3b6f --- /dev/null +++ b/SNT/01_WEB/page_balises/page_balises.html @@ -0,0 +1,89 @@ + + + + + + + + Un exemple de page web en HTML5 + + + + + +

Un exemple de page web en HTML5 (titre en taille 1)

+

Un titre (taille 2)

+

Un titre (taille 3)

+

Un titre (taille 4)

+
Un titre (taille 5)
+
Un titre (taille 6)
+ +

Un paragraphe.

+ +

Un deuxième paragraphe. + Il n'y a pas de saut de ligne.

+ +

Un troisième paragraphe.
Avec un saut de ligne.

+ +

Un mot en gras, en italique.

+ +

Une liste :

+ + + +

Une table :

+ + + + + + + + + + + + + + + + + + + + + + + +
Courant (A)Tension (V)Puissance (W)
1,05,05,0
2,015,030,0
3,020,060,0
+ +

Un lien hypertexte vers l'article HTML5 du site web de WikiPédia

+ +

Un autre lien hypertexte ici.

+ +

Une photo de Richard Stallman (située sur le site web de Wikipédia).
+ Passez la souris sur chacune des images :

+ +

+ Richard Stallman + Richard Stallman +

+ +

Un trait horizontal :

+
+ +

Valid HTML5

+ + + + diff --git a/SNT/01_WEB/page_blanche.html b/SNT/01_WEB/page_blanche.html new file mode 100644 index 0000000..00977c5 --- /dev/null +++ b/SNT/01_WEB/page_blanche.html @@ -0,0 +1,13 @@ + + + + + + + + + + + + +