From 87798e5554eb0330cd2de255e5034f0472d410a4 Mon Sep 17 00:00:00 2001 From: polo Date: Tue, 20 Apr 2021 21:46:33 +0200 Subject: mot de passe --- public/accueil.css | 454 ++++++++++++++++++++++++++++++++++ public/accueil/bienvenue.png | Bin 0 -> 563995 bytes public/accueil/bienvenue_mini.png | Bin 0 -> 188642 bytes public/accueil/bienvenue_petit.png | Bin 0 -> 394448 bytes public/courriel.png | Bin 0 -> 12979 bytes public/donnees_hors_editeur.css | 38 +++ public/fonts/you_are_loved.eot | Bin 0 -> 51939 bytes public/fonts/you_are_loved.ttf | Bin 0 -> 101100 bytes public/fonts/you_are_loved.woff | Bin 0 -> 57840 bytes public/fonts/you_are_loved.woff2 | Bin 0 -> 47048 bytes public/main.js | 55 ++++ public/melaine.css | 161 ++++++++++++ public/melaine/photo.png | Bin 0 -> 233561 bytes public/melaine/photo_mini.png | Bin 0 -> 66245 bytes public/melaine/photo_petit.png | Bin 0 -> 136131 bytes public/menu.css | 339 +++++++++++++++++++++++++ public/menu/.jpg | Bin 0 -> 9339 bytes public/menu/blonde.jpg | Bin 0 -> 39839 bytes public/menu/blonde_mini.jpg | Bin 0 -> 22167 bytes public/menu/blonde_petit.jpg | Bin 0 -> 29931 bytes public/menu/canoe.png | Bin 0 -> 58206 bytes public/menu/canoe_mini.png | Bin 0 -> 23013 bytes public/menu/canoe_petit.png | Bin 0 -> 37555 bytes public/menu/cavalier.jpg | Bin 0 -> 32299 bytes public/menu/cavalier_mini.jpg | Bin 0 -> 17202 bytes public/menu/cavalier_petit.jpg | Bin 0 -> 24059 bytes public/menu/fille_qui_tombe.jpg | Bin 0 -> 22520 bytes public/menu/fille_qui_tombe_mini.jpg | Bin 0 -> 14105 bytes public/menu/fille_qui_tombe_petit.jpg | Bin 0 -> 17566 bytes public/menu/mouette_ocean.jpg | Bin 0 -> 22830 bytes public/menu/mouette_ocean_mini.jpg | Bin 0 -> 13174 bytes public/menu/mouette_ocean_petit.jpg | Bin 0 -> 17474 bytes public/menu/pochette.png | Bin 0 -> 181497 bytes public/menu/pochette_mini.png | Bin 0 -> 63605 bytes public/menu/pochette_petit.png | Bin 0 -> 112208 bytes public/menu/pommes.jpg | Bin 0 -> 14565 bytes public/menu/pommes_mini.jpg | Bin 0 -> 11024 bytes public/menu/pommes_petit.jpg | Bin 0 -> 12177 bytes public/menu/redimensionnement.sh | 25 ++ public/menu/sirene.jpg | Bin 0 -> 27544 bytes public/menu/sirene_mini.jpg | Bin 0 -> 14850 bytes public/menu/sirene_petit.jpg | Bin 0 -> 20385 bytes public/mouette-logo.png | Bin 0 -> 5801 bytes public/mouette.png | Bin 0 -> 58803 bytes public/mouette_mini.png | Bin 0 -> 27649 bytes public/mouette_petit.png | Bin 0 -> 44334 bytes public/normalize.css | 349 ++++++++++++++++++++++++++ public/timbre.png | Bin 0 -> 20779 bytes 48 files changed, 1421 insertions(+) create mode 100644 public/accueil.css create mode 100644 public/accueil/bienvenue.png create mode 100644 public/accueil/bienvenue_mini.png create mode 100644 public/accueil/bienvenue_petit.png create mode 100644 public/courriel.png create mode 100644 public/donnees_hors_editeur.css create mode 100644 public/fonts/you_are_loved.eot create mode 100644 public/fonts/you_are_loved.ttf create mode 100644 public/fonts/you_are_loved.woff create mode 100644 public/fonts/you_are_loved.woff2 create mode 100644 public/main.js create mode 100644 public/melaine.css create mode 100644 public/melaine/photo.png create mode 100644 public/melaine/photo_mini.png create mode 100644 public/melaine/photo_petit.png create mode 100644 public/menu.css create mode 100644 public/menu/.jpg create mode 100644 public/menu/blonde.jpg create mode 100644 public/menu/blonde_mini.jpg create mode 100644 public/menu/blonde_petit.jpg create mode 100644 public/menu/canoe.png create mode 100644 public/menu/canoe_mini.png create mode 100644 public/menu/canoe_petit.png create mode 100644 public/menu/cavalier.jpg create mode 100644 public/menu/cavalier_mini.jpg create mode 100644 public/menu/cavalier_petit.jpg create mode 100644 public/menu/fille_qui_tombe.jpg create mode 100644 public/menu/fille_qui_tombe_mini.jpg create mode 100644 public/menu/fille_qui_tombe_petit.jpg create mode 100644 public/menu/mouette_ocean.jpg create mode 100644 public/menu/mouette_ocean_mini.jpg create mode 100644 public/menu/mouette_ocean_petit.jpg create mode 100644 public/menu/pochette.png create mode 100644 public/menu/pochette_mini.png create mode 100644 public/menu/pochette_petit.png create mode 100644 public/menu/pommes.jpg create mode 100644 public/menu/pommes_mini.jpg create mode 100644 public/menu/pommes_petit.jpg create mode 100755 public/menu/redimensionnement.sh create mode 100644 public/menu/sirene.jpg create mode 100644 public/menu/sirene_mini.jpg create mode 100644 public/menu/sirene_petit.jpg create mode 100644 public/mouette-logo.png create mode 100644 public/mouette.png create mode 100644 public/mouette_mini.png create mode 100644 public/mouette_petit.png create mode 100644 public/normalize.css create mode 100644 public/timbre.png (limited to 'public') diff --git a/public/accueil.css b/public/accueil.css new file mode 100644 index 0000000..aba7196 --- /dev/null +++ b/public/accueil.css @@ -0,0 +1,454 @@ +/* public/accueil.css */ + +@font-face /* pour .police_titre */ +{ + font-family: "you_are_loved"; + src: url('fonts/you_are_loved.ttf') format('truetype'), + url('fonts/you_are_loved.eot'), + url('fonts/you_are_loved.eot?#iefix') format('embedded-opentype'), + url('fonts/you_are_loved.woff2') format('woff2'), + url('fonts/you_are_loved.woff') format('woff'); +} + +.no_underline +{ + text-decoration: none; +} + +body +{ + margin: 0px; + background-color: #326892; +} + +#bloc_page +{ + max-width: 700px; + margin: auto; + background-color: #FFFFFF; + font-family: Sans-serif; + font-size: 100%; +} + +nav +{ + position: fixed; + z-index: 2; + background-color: white; +} + +ul +{ + margin: 0px; + padding: 5px; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +li +{ + list-style-type: none; + white-space: nowrap; +} + +li a +{ + text-decoration: none; + color: #666; +} + +a:hover:not(.police_titre) /* :not() = sauf */ +{ + color: #000000; +} + +#actuelle +{ + color: #463c3c; + font-weight: bold; +} + +img +{ + vertical-align: bottom; +} + +.boutonSubmitEditeur +{ + margin-top: 5px; +} + +#courriel +{ + padding-top: 30px; + font-size: 85%; +} + +#courriel * +{ + max-width: 220px; + color: black; + text-decoration: none; +} + +#courriel a:hover +{ + /*border: 1px blue solid;*/ + padding: 5px; +} + +#courrielJS +{ + display: inline; + margin: 2px; +} + +.zoneVideAdmin +{ + padding-top: 30px; +} + +#modeAdmin +{ + background-color: orange; + position: fixed; + bottom: 0px; + width: 700px; + z-index: 2; + padding-top: 10px; + text-align: center; +} + +#modeAdmin p +{ + text-align: center; + margin-top: 0px; + padding: 2px; +} + +#modeAdmin>p a +{ + padding: 2px; +} + +#modeAdmin div +{ + display: flex; + justify-content: space-around; + border: 1px black solid; + margin: 10px; + font-size: 85%; +} + +#lienModeAdmin +{ + margin: 0px 20px; + padding-bottom: 20px; +} + +#lienModeAdmin p +{ + text-align: right; +} + +#lienModeAdmin p a +{ + color: #666; + font-weight: bold; + padding: 2px; +} + +#lienModeAdmin p a:hover +{ + color: black; +} + +.connexionTitre +{ + margin-top: 0px; + text-align: center; +} + +.connexionFormulaire +{ + margin: 30px; +} + +.connexionFooter +{ + text-align: right; + padding: 5px; +} + +.connexionFooter a +{ + color: #666; +} + + +/* PC, y compris vieux écrans 800x600 */ +@media screen and (min-width: 700px) +{ + .police_titre + { + + font-family: you_are_loved, Arial, sans; + font-size: 250%; + color: #ddc97a; + position: relative; + top: 30px; + left: 40px; + } + + /* compensation des cibles de liens # superposées au "nav" hors flux */ + :target + { + padding-top: 70px; + margin-top: -70px; + } + + nav + { + border-bottom: 1px black solid; + margin: 0px 35px; + max-width: 630px; + } + + li + { + margin: 6px 15px; + } + + header + { + margin: 0px 35px; + padding-top: 92px; + } + + #bienvenue + { + background-image: url("accueil/bienvenue.png"); + width: 630px; + height: 596px; + } + + #contenu, footer + { + width: 630px; + margin: auto; + } + + #courriel + { + margin: 0px 35px; + } + + .zoneVideAdmin, #modeAdmin + { + height: 100px; + } +} + +/* "tablettes" et vieux écrans 640x480 */ +@media screen and (max-width: 699px) +{ + #bloc_page + { + max-width: 540px; + font-size: 90%; + } + + .police_titre + { + + font-family: you_are_loved, Arial, sans; + font-size: 200%; + color: #ddc97a; + + position: relative; + top: 20px; + left: 30px; + } + + #bienvenue .police_titre + { + font-size: 250%; + top: 0px; + left: 65px; + } + + :target + { + padding-top: 59px; + margin-top: -59px; + } + + nav + { + margin: 0px 30px; + max-width: 480px; + } + + li + { + margin: 4px 10px; + } + + header + { + padding-top: 61px; + } + + #bienvenue + { + background-image: url("accueil/bienvenue_petit.png"); + width: 480px; + height: 463px; + margin: auto; + } + + #contenu, footer + { + width: 480px; + margin: auto; + } + + #courriel + { + margin: 0px 30px; + } + + .zoneVideAdmin, #modeAdmin + { + height: 90px; + } + + #modeAdmin + { + max-width: 540px; + } +} + + /* on grignote les colonnes autour du texte */ +@media screen and (max-width: 539px) +{ + #modeAdmin div + { + max-width: 480px; + margin: 0px; + border: none; + } +} + +@media screen and (max-width: 479px) +{ + #bloc_page + { + max-width: 380px; + font-size: 85%; + } + + .police_titre + { + + font-family: you_are_loved, Arial, sans; + font-size: 150%; + color: #ddc97a; + + position: relative; + top: 13px; + left: 18px; + } + + #bienvenue .police_titre + { + font-size: 200%; + top: 0px; + left: 25px; + } + + :target + { + padding-top: 56px; + margin-top: -56px; + } + + nav + { + margin: 0px 30px; + max-width: 320px; + } + + li + { + margin: 0px 10px; + } + + header + { + padding-top: 60px; + } + + #bienvenue + { + background-image: url("accueil/bienvenue_mini.png"); + width: 320px; + height: 316px; + } + + #contenu, footer + { + width: 320px; + margin: auto; + } + + #courriel + { + margin: 0px 20px; + } + + #courriel * + { + max-width: 180px; + } + + .zoneVideAdmin, #modeAdmin + { + height: 80px; + } + + #modeAdmin + { + max-width: 380px; + } + + #modeAdmin div + { + margin: 5px; + } +} + +/* spécialement pour les petits smartphones*/ +@media screen and (max-width: 379px) +{ + .zoneVideAdmin, #modeAdmin + { + height: 100px; + } + + #modeAdmin + { + font-size: 95%; + } + + #modeAdmin>p a + { + display: block; + } + + #modeAdmin div + { + max-width: 320px; + } +} diff --git a/public/accueil/bienvenue.png b/public/accueil/bienvenue.png new file mode 100644 index 0000000..c86745c Binary files /dev/null and b/public/accueil/bienvenue.png differ diff --git a/public/accueil/bienvenue_mini.png b/public/accueil/bienvenue_mini.png new file mode 100644 index 0000000..fe6bffa Binary files /dev/null and b/public/accueil/bienvenue_mini.png differ diff --git a/public/accueil/bienvenue_petit.png b/public/accueil/bienvenue_petit.png new file mode 100644 index 0000000..401dfa9 Binary files /dev/null and b/public/accueil/bienvenue_petit.png differ diff --git a/public/courriel.png b/public/courriel.png new file mode 100644 index 0000000..4deb7fe Binary files /dev/null and b/public/courriel.png differ diff --git a/public/donnees_hors_editeur.css b/public/donnees_hors_editeur.css new file mode 100644 index 0000000..8619938 --- /dev/null +++ b/public/donnees_hors_editeur.css @@ -0,0 +1,38 @@ +img{vertical-align: bottom;} +@media screen and (max-width: 1000px) +{img{max-width: 900px;}} + +.text-tiny{font-size: x-small;} +.text-small{font-size: small;} +.text-big{font-size: large;} +.text-huge{font-size: x-large;} + +blockquote{border-left: 5px #cccccc solid; margin: 14px 0px; padding: 2px 25px; font-style: italic;} + +.marker-yellow{background-color: #fdfd77;} +.marker-green{background-color: #62f962;} +.marker-pink{background-color: #fc7899;} +.marker-blue{background-color: #72ccfd;} +.pen-red{background-color: white; color: red;} +.pen-green{background-color: white; color: green;} + +ul{padding-left: 10px;} +.todo-list>li{list-style-type : none;} +input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; + height: 16px; width: 16px; border: 1px solid black; border-radius: 2px; position: relative; top: 5px; margin-right: 10px;} +input[type="checkbox"]:checked{border: none; background: #26ab33;} + +.table>table{border-collapse: collapse;} +.table td{border: 1px grey solid; padding: 7px; min-width: 30px;} +td p{margin: 0px;} + +.image{margin: 0px 0px 0px 5px; text-align: center; display: inline-block;} +.image img{max-width: 630px;} +.image-style-side{float: right;} +.image-style-side img{max-width: 315px;} +.image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;} + +.boutonArticle{clear: both;} +article:after{content: ""; display: block; clear: both;} + +iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} \ No newline at end of file diff --git a/public/fonts/you_are_loved.eot b/public/fonts/you_are_loved.eot new file mode 100644 index 0000000..9a8b344 Binary files /dev/null and b/public/fonts/you_are_loved.eot differ diff --git a/public/fonts/you_are_loved.ttf b/public/fonts/you_are_loved.ttf new file mode 100644 index 0000000..398c0c6 Binary files /dev/null and b/public/fonts/you_are_loved.ttf differ diff --git a/public/fonts/you_are_loved.woff b/public/fonts/you_are_loved.woff new file mode 100644 index 0000000..dcd5fb7 Binary files /dev/null and b/public/fonts/you_are_loved.woff differ diff --git a/public/fonts/you_are_loved.woff2 b/public/fonts/you_are_loved.woff2 new file mode 100644 index 0000000..074a9cb Binary files /dev/null and b/public/fonts/you_are_loved.woff2 differ diff --git a/public/main.js b/public/main.js new file mode 100644 index 0000000..d4fb43a --- /dev/null +++ b/public/main.js @@ -0,0 +1,55 @@ +// public/main.js + +function accueil_vers_menu() +{ + // ergonomique + window.setTimeout("location=('index.php?page=menu');", 10000); +} + +function deconnexionAutomatique() +{ + // minuterie réinitialisée après une action de l'utilisateur + // et sauvegarde avec le plugin "autosave" de l'éditeur + + // 600000 ms = 10 min + //window.setTimeout("location=('index.php?action=deconnexion');", 600000); +} + +// bouton "mailto", le visiteur ne quitte pas la page +function clientCourriel() +{ + var adresse = "melaine.favennec@wanadoo.fr"; + var objet = "?subject=visite%20du%20site"; + var link = "mailto:" + adresse + objet; + document.location.href = link; +} + +// bouton pour "copier" dans le presse-papier +function copierAdresse() +{ + var adresse = "melaine.favennec@wanadoo.fr"; + + // une balise avec des attributs + var element = document.createElement("input"); + element.setAttribute("id", "copyMe"); + element.setAttribute("value", adresse); + + // placement dans la page (= le "document") + document.body.appendChild(element); + var cible = document.getElementById('copyMe'); + + // selection comme-ci on utilisait la souris + cible.select(); + // copie (= Ctrl + C) + document.execCommand("copy"); + + // nettoyage + element.parentNode.removeChild(element); +} + +// cacher le lien #nouvelArticle quand le ckeditor est appelé +// function cacherLienArticle() +// { +// var cible = document.getElementById('nouvelArticle'); +// cible.setAttribute("style", "display: none;"); +// } diff --git a/public/melaine.css b/public/melaine.css new file mode 100644 index 0000000..97872da --- /dev/null +++ b/public/melaine.css @@ -0,0 +1,161 @@ +/* public/melaine.css */ + +.police_titre +{ + color: #e9d4be; +} + +td +{ + vertical-align: top; +} + +pre +{ + font-family: 'Arial', 'sans'; + white-space: pre-wrap; +} + +figure +{ + margin: 5px; +} +.boutonArticle +{ + padding-bottom: 20px; + border-bottom: 1px black solid; +} +.boutonArticle a +{ + padding: 2px; + border: 4px black groove; +} + +@media screen and (min-width: 700px) +{ + #titre + { + width: 630px; + height: 171px; + background-image: url("mouette.png"); + } + + #photo + { + width: 630px; + height: 230px; + background-image: url("melaine/photo.png"); + position: relative; + bottom: 30px; + } + + img + { + max-width: 630px; + } +} + +@media screen and (max-width: 699px) +{ + #titre + { + width: 480px; + height: 131px; + background-image: url("mouette_petit.png"); + margin: auto; + } + + #photo + { + width: 480px; + height: 191px; + background-image: url("melaine/photo_petit.png"); + margin: auto; + position: relative; + bottom: 24px; + } + + img + { + max-width: 480px; + } +} + +@media screen and (max-width: 479px) +{ + #titre + { + width: 320px; + height: 88px; + background-image: url("mouette_mini.png"); + margin: auto; + } + + #photo + { + width: 320px; + height: 127px; + background-image: url("melaine/photo_mini.png"); + margin: auto; + position: relative; + bottom: 17px; + } + + img + { + max-width: 320px; + } +} + + +/* CONTENU */ + +/*.article1_elem1 +{ + color: #2e5487; + font-size: 150%; +} + +.article1_elem2 +{ + color: #006ffd; + font-size: 90%; + font-weight: bold; +} + +.article7_elem1 +{ + color: #141aff; +} + +.article8_elem1 +{ + color: #141aff; +} + +.article9_elem1 +{ + color: #2a5971; +} + +.article10_elem1 +{ + color: #ad8b15; +} + +.article10_elem2 +{ + color: #ad240a; +} + +.article11_elem1 +{ + color: #ad8b15; +} + +.article12_elem1 +{ + color: #2878aa; + font-size: 125%; + font-weight: normal; +}*/ \ No newline at end of file diff --git a/public/melaine/photo.png b/public/melaine/photo.png new file mode 100644 index 0000000..f50aea5 Binary files /dev/null and b/public/melaine/photo.png differ diff --git a/public/melaine/photo_mini.png b/public/melaine/photo_mini.png new file mode 100644 index 0000000..7676a3d Binary files /dev/null and b/public/melaine/photo_mini.png differ diff --git a/public/melaine/photo_petit.png b/public/melaine/photo_petit.png new file mode 100644 index 0000000..9b3ab18 Binary files /dev/null and b/public/melaine/photo_petit.png differ diff --git a/public/menu.css b/public/menu.css new file mode 100644 index 0000000..5ae1b5c --- /dev/null +++ b/public/menu.css @@ -0,0 +1,339 @@ +/* public/menu.css */ + +.police_titre +{ + color: #e8c5c0; +} + +#contenu +{ + display: flex; + justify-content: space-between; +} + +#colonne1 +{ + display: flex; + flex-wrap: wrap; + flex-direction: column-reverse; +} + +#colonne2 +{ + display: flex; + flex-wrap: wrap; + align-items: flex-end; + flex-direction: column; +} + +#pommes +{ + position: relative; + left: 3px; +} + +#mon_blog +{ + margin: 0px 35px; +} + + +@media screen and (min-width: 700px) +{ + #titre + { + width: 630px; + height: 171px; + background-image: url("mouette.png"); + } + + #contenu + { + position: relative; + bottom: 15px; + } + + #colonne1, #colonne2 + { + height: 588px; + } + + /* pour IE, + indique la bonne taille du bloc pour que la colonne 2 se place correctement */ + #colonne1 + { + min-width: 310px; + } + + #pochette + { + background-image: url("menu/pochette.png"); + width: 308px; + height: 271px; + } + + #fille_qui_tombe + { + background-image: url("menu/fille_qui_tombe.jpg"); + width: 208px; + height: 163px; + margin: 5px 0px; + } + + #canoe + { + background-image: url("menu/canoe.png"); + width: 207px; + height: 144px; + } + + #cavalier + { + background-image: url("menu/cavalier.jpg"); + width: 159px; + height: 312px; + position: relative; + right: 97px; + } + + #pommes + { + background-image: url("menu/pommes.jpg"); + width: 59px; + height: 97px; + position: relative; + bottom: 3px; + } + + #sirene + { + background-image: url("menu/sirene.jpg"); + width: 320px; + height: 174px; + } + + #mouette_ocean + { + background-image: url("menu/mouette_ocean.jpg"); + width: 257px; + height: 171px; + margin: 5px 0px; + } + + #blonde + { + background-image: url("menu/blonde.jpg"); + width: 257px; + height: 233px; + } + + #hey_ho + { + width: 69px; + height: 154px; + position: relative; + right: 401px; + top: 107px; + } +} + +@media screen and (max-width: 699px) +{ + #titre + { + width: 480px; + height: 131px; + background-image: url("mouette_petit.png"); + margin: auto; + } + + #contenu + { + position: relative; + bottom: 12px; + } + + #colonne1, #colonne2 + { + height: 447px; + } + + /* pour IE, + indique la bonne taille du bloc pour que la colonne 2 se place correctement */ + #colonne1 + { + min-width: 237px; + } + + #pochette + { + background-image: url("menu/pochette_petit.png"); + width: 234px; + height: 206px; + } + + #fille_qui_tombe + { + background-image: url("menu/fille_qui_tombe_petit.jpg"); + width: 158px; + height: 124px; + margin: 4px 0px; + } + + #canoe + { + background-image: url("menu/canoe_petit.png"); + width: 157px; + height: 109px; + } + + #cavalier + { + background-image: url("menu/cavalier_petit.jpg"); + width: 121px; + height: 237px; + position: relative; + right: 73px; + } + + #pommes + { + background-image: url("menu/pommes_petit.jpg"); + width: 45px; + height: 74px; + position: relative; + bottom: 2px; + } + + #sirene + { + background-image: url("menu/sirene_petit.jpg"); + width: 243px; + height: 132px; + } + + #mouette_ocean + { + background-image: url("menu/mouette_ocean_petit.jpg"); + width: 195px; + height: 130px; + margin: 4px 0px; + } + + #blonde + { + background-image: url("menu/blonde_petit.jpg"); + width: 195px; + height: 177px; + } + + #hey_ho + { + width: 53px; + height: 117px; + position: relative; + right: 306px; + top: 82px; + } +} + +@media screen and (max-width: 479px) +{ + #titre + { + width: 320px; + height: 88px; + background-image: url("mouette_mini.png"); + margin: auto; + } + + #contenu + { + position: relative; + bottom: 8px; + } + + #colonne1, #colonne2 + { + height: 298px; + } + + /* pour IE, + indique la bonne taille du bloc pour que la colonne 2 se place correctement */ + #colonne1 + { + min-width: 158px; + } + + #pochette + { + background-image: url("menu/pochette_mini.png"); + width: 156px; + height: 137px; + } + + #fille_qui_tombe + { + background-image: url("menu/fille_qui_tombe_mini.jpg"); + width: 105px; + height: 82px; + margin: 3px 0px; + } + + #canoe + { + background-image: url("menu/canoe_mini.png"); + width: 105px; + height: 73px; + } + + #cavalier + { + background-image: url("menu/cavalier_mini.jpg"); + width: 80px; + height: 158px; + position: relative; + right: 48px; + } + + #pommes + { + background-image: url("menu/pommes_mini.jpg"); + width: 30px; + height: 49px; + position: relative; + bottom: 2px; + left: 2px; + } + + #sirene + { + background-image: url("menu/sirene_mini.jpg"); + width: 162px; + height: 88px; + } + + #mouette_ocean + { + background-image: url("menu/mouette_ocean_mini.jpg"); + width: 130px; + height: 86px; + margin: 3px 0px; + } + + #blonde + { + background-image: url("menu/blonde_mini.jpg"); + width: 130px; + height: 118px; + } + + #hey_ho + { + width: 36px; + height: 77px; + position: relative; + right: 204px; + top: 56px; + } +} diff --git a/public/menu/.jpg b/public/menu/.jpg new file mode 100644 index 0000000..d5259d0 Binary files /dev/null and b/public/menu/.jpg differ diff --git a/public/menu/blonde.jpg b/public/menu/blonde.jpg new file mode 100644 index 0000000..35d9fe2 Binary files /dev/null and b/public/menu/blonde.jpg differ diff --git a/public/menu/blonde_mini.jpg b/public/menu/blonde_mini.jpg new file mode 100644 index 0000000..87f5961 Binary files /dev/null and b/public/menu/blonde_mini.jpg differ diff --git a/public/menu/blonde_petit.jpg b/public/menu/blonde_petit.jpg new file mode 100644 index 0000000..657966f Binary files /dev/null and b/public/menu/blonde_petit.jpg differ diff --git a/public/menu/canoe.png b/public/menu/canoe.png new file mode 100644 index 0000000..9c449a6 Binary files /dev/null and b/public/menu/canoe.png differ diff --git a/public/menu/canoe_mini.png b/public/menu/canoe_mini.png new file mode 100644 index 0000000..048dd37 Binary files /dev/null and b/public/menu/canoe_mini.png differ diff --git a/public/menu/canoe_petit.png b/public/menu/canoe_petit.png new file mode 100644 index 0000000..1d82002 Binary files /dev/null and b/public/menu/canoe_petit.png differ diff --git a/public/menu/cavalier.jpg b/public/menu/cavalier.jpg new file mode 100644 index 0000000..fcf92fe Binary files /dev/null and b/public/menu/cavalier.jpg differ diff --git a/public/menu/cavalier_mini.jpg b/public/menu/cavalier_mini.jpg new file mode 100644 index 0000000..6050c67 Binary files /dev/null and b/public/menu/cavalier_mini.jpg differ diff --git a/public/menu/cavalier_petit.jpg b/public/menu/cavalier_petit.jpg new file mode 100644 index 0000000..7dcf283 Binary files /dev/null and b/public/menu/cavalier_petit.jpg differ diff --git a/public/menu/fille_qui_tombe.jpg b/public/menu/fille_qui_tombe.jpg new file mode 100644 index 0000000..e572287 Binary files /dev/null and b/public/menu/fille_qui_tombe.jpg differ diff --git a/public/menu/fille_qui_tombe_mini.jpg b/public/menu/fille_qui_tombe_mini.jpg new file mode 100644 index 0000000..c8be5ee Binary files /dev/null and b/public/menu/fille_qui_tombe_mini.jpg differ diff --git a/public/menu/fille_qui_tombe_petit.jpg b/public/menu/fille_qui_tombe_petit.jpg new file mode 100644 index 0000000..29b22f3 Binary files /dev/null and b/public/menu/fille_qui_tombe_petit.jpg differ diff --git a/public/menu/mouette_ocean.jpg b/public/menu/mouette_ocean.jpg new file mode 100644 index 0000000..089a9bd Binary files /dev/null and b/public/menu/mouette_ocean.jpg differ diff --git a/public/menu/mouette_ocean_mini.jpg b/public/menu/mouette_ocean_mini.jpg new file mode 100644 index 0000000..42ac620 Binary files /dev/null and b/public/menu/mouette_ocean_mini.jpg differ diff --git a/public/menu/mouette_ocean_petit.jpg b/public/menu/mouette_ocean_petit.jpg new file mode 100644 index 0000000..bf56f20 Binary files /dev/null and b/public/menu/mouette_ocean_petit.jpg differ diff --git a/public/menu/pochette.png b/public/menu/pochette.png new file mode 100644 index 0000000..112cec1 Binary files /dev/null and b/public/menu/pochette.png differ diff --git a/public/menu/pochette_mini.png b/public/menu/pochette_mini.png new file mode 100644 index 0000000..04ddc05 Binary files /dev/null and b/public/menu/pochette_mini.png differ diff --git a/public/menu/pochette_petit.png b/public/menu/pochette_petit.png new file mode 100644 index 0000000..7c003be Binary files /dev/null and b/public/menu/pochette_petit.png differ diff --git a/public/menu/pommes.jpg b/public/menu/pommes.jpg new file mode 100644 index 0000000..8d58cc8 Binary files /dev/null and b/public/menu/pommes.jpg differ diff --git a/public/menu/pommes_mini.jpg b/public/menu/pommes_mini.jpg new file mode 100644 index 0000000..3f2540a Binary files /dev/null and b/public/menu/pommes_mini.jpg differ diff --git a/public/menu/pommes_petit.jpg b/public/menu/pommes_petit.jpg new file mode 100644 index 0000000..2145d70 Binary files /dev/null and b/public/menu/pommes_petit.jpg differ diff --git a/public/menu/redimensionnement.sh b/public/menu/redimensionnement.sh new file mode 100755 index 0000000..fb78510 --- /dev/null +++ b/public/menu/redimensionnement.sh @@ -0,0 +1,25 @@ +#!/bin/bash + +a=0 + +b=".jpg" +for a in `ls | grep $b` +do + # retire l'extention + a=`echo $a | cut -f1 -d'.'` + + # les guillemets permettent la concaténation + magick $a$b -scale 76% "$a"_petit"$b" + magick $a$b -scale 50.5% "$a"_mini"$b" +done + +b=".png" +for a in `ls | grep $b` +do + # retire l'extention + a=`echo $a | cut -f1 -d'.'` + + # les guillemets permettent la concaténation + magick $a$b -scale 76% "$a"_petit"$b" + magick $a$b -scale 50.5% "$a"_mini"$b" +done diff --git a/public/menu/sirene.jpg b/public/menu/sirene.jpg new file mode 100644 index 0000000..aaa1226 Binary files /dev/null and b/public/menu/sirene.jpg differ diff --git a/public/menu/sirene_mini.jpg b/public/menu/sirene_mini.jpg new file mode 100644 index 0000000..028d22c Binary files /dev/null and b/public/menu/sirene_mini.jpg differ diff --git a/public/menu/sirene_petit.jpg b/public/menu/sirene_petit.jpg new file mode 100644 index 0000000..6655514 Binary files /dev/null and b/public/menu/sirene_petit.jpg differ diff --git a/public/mouette-logo.png b/public/mouette-logo.png new file mode 100644 index 0000000..db473ae Binary files /dev/null and b/public/mouette-logo.png differ diff --git a/public/mouette.png b/public/mouette.png new file mode 100644 index 0000000..0ee142d Binary files /dev/null and b/public/mouette.png differ diff --git a/public/mouette_mini.png b/public/mouette_mini.png new file mode 100644 index 0000000..851ea46 Binary files /dev/null and b/public/mouette_mini.png differ diff --git a/public/mouette_petit.png b/public/mouette_petit.png new file mode 100644 index 0000000..92d627e Binary files /dev/null and b/public/mouette_petit.png differ diff --git a/public/normalize.css b/public/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/public/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/public/timbre.png b/public/timbre.png new file mode 100644 index 0000000..24b3d99 Binary files /dev/null and b/public/timbre.png differ -- cgit v1.2.3