From f20dcd0600d0c34714b539b31ac1ece3adbd3a46 Mon Sep 17 00:00:00 2001 From: Bastien DUMONT <bdumont@grandlyon.com> Date: Fri, 21 Oct 2022 14:27:56 +0200 Subject: [PATCH] publish: update icon generated from commit 8a1cecf00aec9b595848c587e78495cea7837256 --- icon.svg | 2 +- offline.html | 146 ++++++++++++++++++++++++++++----------------------- 2 files changed, 81 insertions(+), 67 deletions(-) diff --git a/icon.svg b/icon.svg index 316b6143e..095c84082 100644 --- a/icon.svg +++ b/icon.svg @@ -1 +1 @@ -<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 32 32" xml:space="preserve"><style>.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#ffc600}</style><radialGradient id="SVGID_1_" cx="99.158" cy="188.865" r=".063" gradientTransform="matrix(114.9878 366.4265 383.3107 -120.2862 -83787.133 -13612.51)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2b2d37"/><stop offset="1" stop-color="#15161b"/></radialGradient><path d="M15.43 31.89c.36.14.77.14 1.13 0 14.67-5.93 14.07-14.24 13.29-26.4-.05-.78-.68-1.4-1.46-1.47-4.2-.39-8.01-1.72-11.57-3.8-.5-.29-1.13-.29-1.63 0-3.56 2.08-7.37 3.4-11.57 3.8-.79.07-1.42.69-1.47 1.47-.79 12.16-1.39 20.47 13.28 26.4z" fill="url(#SVGID_1_)"/><path class="st1" d="M27.95 5.9c.39 6.07.64 10.65-.75 14.47-1.33 3.64-4.29 6.86-11.2 9.68-6.91-2.82-9.87-6.04-11.2-9.68-1.4-3.82-1.14-8.4-.75-14.47C8.39 5.46 12.33 4.08 16 1.96c3.66 2.12 7.61 3.5 11.95 3.94zM16.56 31.89c-.36.14-.77.14-1.13 0C.82 25.98 1.36 17.71 2.14 5.63l.01-.14c.05-.78.68-1.4 1.46-1.47 4.2-.39 8.01-1.72 11.57-3.8.5-.29 1.13-.29 1.63 0 3.56 2.08 7.37 3.4 11.57 3.8.78.07 1.41.69 1.46 1.47l.01.14c.79 12.08 1.32 20.35-13.29 26.26z"/><linearGradient id="SVGID_00000003788477852902383300000014721321457796908478_" gradientUnits="userSpaceOnUse" x1="219.808" y1="28.631" x2="209.555" y2="55.845" gradientTransform="matrix(1 0 0 -1 -197.638 57.055)"><stop offset="0" stop-color="#cb6e00"/><stop offset="1" stop-color="#ffc600" stop-opacity="0"/></linearGradient><path d="M27.95 5.9c.39 6.07.64 10.65-.75 14.47-1.33 3.64-4.29 6.86-11.2 9.68-6.91-2.82-9.87-6.04-11.2-9.68-1.4-3.82-1.14-8.4-.75-14.47C8.39 5.46 12.33 4.08 16 1.96c3.66 2.12 7.61 3.5 11.95 3.94zM16.56 31.89c-.36.14-.77.14-1.13 0C.82 25.98 1.36 17.71 2.14 5.63l.01-.14c.05-.78.68-1.4 1.46-1.47 4.2-.39 8.01-1.72 11.57-3.8.5-.29 1.13-.29 1.63 0 3.56 2.08 7.37 3.4 11.57 3.8.78.07 1.41.69 1.46 1.47l.01.14c.79 12.08 1.32 20.35-13.29 26.26z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_00000003788477852902383300000014721321457796908478_)" fill-opacity=".75"/><path d="M16 32c.19 0 .39-.04.56-.11 14.61-5.91 14.08-14.18 13.29-26.26l-.01-.14c-.05-.78-.68-1.4-1.46-1.47-4.2-.39-8.01-1.72-11.57-3.8C16.57.07 16.29 0 16 0v1.96c3.67 2.12 7.61 3.49 11.96 3.94.39 6.07.64 10.65-.75 14.47-1.33 3.64-4.29 6.86-11.2 9.68V32z" fill-rule="evenodd" clip-rule="evenodd" fill="#db8300"/><linearGradient id="SVGID_00000142879441935181785280000000366384921142175879_" gradientUnits="userSpaceOnUse" x1="224.138" y1="26.499" x2="215.322" y2="55.82" gradientTransform="matrix(1 0 0 -1 -197.638 57.055)"><stop offset="0" stop-color="#793a00"/><stop offset="1" stop-color="#db8300" stop-opacity="0"/></linearGradient><path d="M16 32c.19 0 .39-.04.56-.11 14.61-5.91 14.08-14.18 13.29-26.26l-.01-.14c-.05-.78-.68-1.4-1.46-1.47-4.2-.39-8.01-1.72-11.57-3.8C16.57.07 16.29 0 16 0v1.96c3.67 2.12 7.61 3.49 11.96 3.94.39 6.07.64 10.65-.75 14.47-1.33 3.64-4.29 6.86-11.2 9.68V32z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_00000142879441935181785280000000366384921142175879_)" fill-opacity=".75"/><path class="st1" d="M9.88 10.25c0-.81.71-1.44 1.54-1.33.67.09 1.15.68 1.15 1.36v9.37c0 .21-.17.38-.38.38h-1.94c-.21 0-.37-.17-.37-.38v-9.4zm4.81 4.79c0-.81.71-1.44 1.54-1.33.67.09 1.15.68 1.15 1.36v4.58c0 .21-.17.38-.38.38h-1.94a.38.38 0 01-.38-.38v-4.61zm4.75-1.89v6.5c0 .21.17.38.38.38h1.94c.21 0 .38-.17.38-.38v-6.52c0-.81-.71-1.44-1.54-1.33-.68.09-1.16.68-1.16 1.35z"/><linearGradient id="SVGID_00000013188233952811812300000015673076491748314795_" gradientUnits="userSpaceOnUse" x1="218.692" y1="36.248" x2="207.01" y2="46.972" gradientTransform="matrix(1 0 0 -1 -197.638 57.055)"><stop offset="0" stop-color="#db8300"/><stop offset="1" stop-color="#ffc600"/></linearGradient><path d="M9.88 10.25c0-.81.71-1.44 1.54-1.33.67.09 1.15.68 1.15 1.36v9.37c0 .21-.17.38-.38.38h-1.94c-.21 0-.37-.17-.37-.38v-9.4zm4.81 4.79c0-.81.71-1.44 1.54-1.33.67.09 1.15.68 1.15 1.36v4.58c0 .21-.17.38-.38.38h-1.94a.38.38 0 01-.38-.38v-4.61zm4.75-1.89v6.5c0 .21.17.38.38.38h1.94c.21 0 .38-.17.38-.38v-6.52c0-.81-.71-1.44-1.54-1.33-.68.09-1.16.68-1.16 1.35z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_00000013188233952811812300000015673076491748314795_)"/></svg> \ No newline at end of file +<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.482 30.899c.327.135.71.135 1.036 0 13.446-5.562 12.9-13.352 12.178-24.754a1.484 1.484 0 00-1.34-1.38c-3.85-.366-7.341-1.609-10.607-3.558a1.458 1.458 0 00-1.498 0c-3.266 1.95-6.756 3.192-10.606 3.559a1.484 1.484 0 00-1.341 1.379c-.722 11.402-1.268 19.192 12.178 24.754z" fill="url(#paint0_radial_14017_3981)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.957 5.9c.391 6.068.643 10.648-.753 14.468-1.33 3.64-4.294 6.861-11.204 9.685-6.91-2.824-9.873-6.045-11.204-9.685-1.396-3.82-1.144-8.4-.753-14.468C8.39 5.457 12.335 4.078 16 1.962c3.666 2.116 7.61 3.495 11.957 3.938zM16.565 31.892a1.531 1.531 0 01-1.13 0C.823 25.982 1.358 17.715 2.141 5.629l.009-.141c.05-.782.682-1.398 1.463-1.471C7.813 3.625 11.62 2.3 15.183.22a1.622 1.622 0 011.634 0c3.563 2.08 7.37 3.404 11.57 3.796.781.073 1.413.689 1.464 1.47l.009.142c.782 12.086 1.317 20.354-13.295 26.263z" fill="#FFC600"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.957 5.9c.391 6.068.643 10.648-.753 14.468-1.33 3.64-4.294 6.861-11.204 9.685-6.91-2.824-9.873-6.045-11.204-9.685-1.396-3.82-1.144-8.4-.753-14.468C8.39 5.457 12.335 4.078 16 1.962c3.666 2.116 7.61 3.495 11.957 3.938zM16.565 31.892a1.531 1.531 0 01-1.13 0C.823 25.982 1.358 17.715 2.141 5.629l.009-.141c.05-.782.682-1.398 1.463-1.471C7.813 3.625 11.62 2.3 15.183.22a1.622 1.622 0 011.634 0c3.563 2.08 7.37 3.404 11.57 3.796.781.073 1.413.689 1.464 1.47l.009.142c.782 12.086 1.317 20.354-13.295 26.263z" fill="url(#paint1_linear_14017_3981)" fill-opacity=".75"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c.194 0 .387-.036.565-.108 14.612-5.91 14.077-14.177 13.295-26.263l-.01-.141c-.05-.782-.682-1.398-1.462-1.471-4.2-.392-8.008-1.717-11.57-3.796A1.62 1.62 0 0016 0v1.963c3.666 2.115 7.61 3.494 11.957 3.937.391 6.068.643 10.648-.753 14.468-1.33 3.64-4.294 6.86-11.204 9.685V32z" fill="#DB8300"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c.194 0 .387-.036.565-.108 14.612-5.91 14.077-14.177 13.295-26.263l-.01-.141c-.05-.782-.682-1.398-1.462-1.471-4.2-.392-8.008-1.717-11.57-3.796A1.62 1.62 0 0016 0v1.963c3.666 2.115 7.61 3.494 11.957 3.937.391 6.068.643 10.648-.753 14.468-1.33 3.64-4.294 6.86-11.204 9.685V32z" fill="url(#paint2_linear_14017_3981)" fill-opacity=".75"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 10.342a1.342 1.342 0 112.684 0v9.402a.375.375 0 01-.375.375h-1.934a.375.375 0 01-.375-.375v-9.402zm4.793 4.793a1.342 1.342 0 012.684 0v4.61a.375.375 0 01-.375.375h-1.934a.375.375 0 01-.375-.375v-4.61zm6.135-3.259c-.74 0-1.342.6-1.342 1.342v6.526c0 .208.168.375.376.375h1.933a.375.375 0 00.375-.375v-6.526c0-.741-.6-1.342-1.342-1.342z" fill="#FFC600"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 10.342a1.342 1.342 0 112.684 0v9.402a.375.375 0 01-.375.375h-1.934a.375.375 0 01-.375-.375v-9.402zm4.793 4.793a1.342 1.342 0 012.684 0v4.61a.375.375 0 01-.375.375h-1.934a.375.375 0 01-.375-.375v-4.61zm6.135-3.259c-.74 0-1.342.6-1.342 1.342v6.526c0 .208.168.375.376.375h1.933a.375.375 0 00.375-.375v-6.526c0-.741-.6-1.342-1.342-1.342z" fill="url(#paint3_linear_14017_3981)"/><defs><linearGradient id="paint1_linear_14017_3981" x1="15.425" y1="30.966" x2="5.172" y2="3.753" gradientUnits="userSpaceOnUse"><stop stop-color="#CB6E00"/><stop offset="1" stop-color="#FFC600" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_14017_3981" x1="24.816" y1="31.062" x2="16" y2="1.741" gradientUnits="userSpaceOnUse"><stop stop-color="#793A00"/><stop offset="1" stop-color="#DB8300" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_14017_3981" x1="22.27" y1="19.737" x2="10.575" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#DB8300"/><stop offset="1" stop-color="#FFC600"/></linearGradient><radialGradient id="paint0_radial_14017_3981" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(6.58783 21.47034 -22.0474 6.7649 9.412 4.608)"><stop stop-color="#2B2D37"/><stop offset="1" stop-color="#15161B"/></radialGradient></defs></svg> \ No newline at end of file diff --git a/offline.html b/offline.html index 4962d28bf..7e4c5e373 100644 --- a/offline.html +++ b/offline.html @@ -1,69 +1,83 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <meta - name="description" - content="Ecolyo est le service proposé par la Métropole de Lyon pour suivre et comprendre la consommation énergétique globale de votre foyer." - /> - <link rel="stylesheet" href="./style.css" /> - <link - href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" - rel="stylesheet" - /> - <link rel="icon" href="assets/ecolyo-icon.svg" /> - <title>Ecolyo</title> - <style type="text/css"> - * { - margin: 0; - line-height: 1; - font-family: "Lato", sans-serif; - color: white; - } - html, - body { - height: 100%; - margin: auto; - background: #121212; - - } - p { - margin-top: 1rem; - } - .container{ - height: 100%; - display: flex; - align-items: center; - text-align: center; - justify-content: center; - } - .text-16-white { - font-weight: 900; - font-size: 1rem; - color: white; - } - - </style> - </head> - <body> - <nav></nav> - <div class="container"> - <section> - <svg width="80" height="80" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> - <path d="M8.01323 15.059C14.8544 12.3888 14.3227 8.59276 13.9682 2.93081C11.7705 2.8343 9.82099 2.15873 8.01323 1.03278C6.20546 2.15873 4.25592 2.8343 2.05825 2.93081C1.70378 8.59276 1.17209 12.3888 8.01323 15.059Z" fill="#1B1C22"/> - <path d="M8.01325 0L7.54979 0.288665C5.85495 1.34429 4.05006 1.96586 2.01981 2.05502L1.23259 2.08959L1.18335 2.87604C1.16873 3.10958 1.15353 3.34193 1.13842 3.57294C0.97583 6.05878 0.823332 8.39029 1.50758 10.3994C2.29645 12.7158 4.12651 14.483 7.69452 15.8756L8.01325 16V15.059C1.44034 12.4935 1.67345 8.88869 2.01622 3.58822C2.03021 3.37192 2.04438 3.1528 2.05827 2.93081C4.25595 2.8343 6.20549 2.15873 8.01325 1.03277V0Z" fill="#FFC600"/> - <path d="M8.01323 0L8.4767 0.288665C10.1715 1.34429 11.9764 1.96586 14.0067 2.05502L14.7939 2.08959L14.8431 2.87604C14.8578 3.10958 14.873 3.34193 14.8881 3.57294C15.0507 6.05878 15.2032 8.39029 14.5189 10.3994C13.73 12.7158 11.9 14.483 8.33197 15.8756L8.01323 16V15.059C14.5862 12.4935 14.353 8.88869 14.0103 3.58822C13.9963 3.37192 13.9821 3.1528 13.9682 2.93081C11.7705 2.8343 9.821 2.15873 8.01323 1.03277V0Z" fill="#DB8300"/> - <path d="M5.85148 5.51416H6.16248C6.28668 5.51416 6.4058 5.56292 6.49363 5.64973C6.58146 5.73653 6.6308 5.85427 6.6308 5.97703V10.6758H5.38316V5.97703C5.38316 5.85427 5.4325 5.73653 5.52033 5.64973C5.60815 5.56292 5.72727 5.51416 5.85148 5.51416ZM8.01233 7.80214H8.32333C8.44754 7.80214 8.56666 7.85091 8.65448 7.93771C8.74231 8.02452 8.79165 8.14225 8.79165 8.26502V10.6758H7.54401V8.26502C7.54401 8.14225 7.59335 8.02452 7.68118 7.93771C7.76901 7.85091 7.88813 7.80214 8.01233 7.80214ZM10.302 6.91708H10.613C10.7372 6.91708 10.8563 6.96584 10.9441 7.05265C11.032 7.13945 11.0813 7.25719 11.0813 7.37995V10.6758H9.83366V7.37995C9.83366 7.25719 9.883 7.13945 9.97083 7.05265C10.0587 6.96584 10.1778 6.91708 10.302 6.91708Z" fill="#FFC600"/> - </svg> - <p class="text-16-white"> - Hors ligne - </p> - <p class="text-16-white"> - Vérifiez votre connexion pour lancer Ecolyo. - </p> - </section> - </div> - <footer></footer> - </body> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta + name="description" + content="Ecolyo est le service proposé par la Métropole de Lyon pour suivre et comprendre la consommation énergétique globale de votre foyer." + /> + <link rel="stylesheet" href="./style.css" /> + <link + href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" + rel="stylesheet" + /> + <link rel="icon" href="assets/icon.svg" /> + <title>Ecolyo</title> + <style type="text/css"> + * { + margin: 0; + line-height: 1; + font-family: 'Lato', sans-serif; + color: white; + } + html, + body { + height: 100%; + margin: auto; + background: #121212; + } + p { + margin-top: 1rem; + } + .container { + height: 100%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + } + .text-16-white { + font-weight: 900; + font-size: 1rem; + color: white; + } + </style> + </head> + <body> + <nav></nav> + <div class="container"> + <section> + <svg + width="80" + height="80" + viewBox="0 0 16 16" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M8.01323 15.059C14.8544 12.3888 14.3227 8.59276 13.9682 2.93081C11.7705 2.8343 9.82099 2.15873 8.01323 1.03278C6.20546 2.15873 4.25592 2.8343 2.05825 2.93081C1.70378 8.59276 1.17209 12.3888 8.01323 15.059Z" + fill="#1B1C22" + /> + <path + d="M8.01325 0L7.54979 0.288665C5.85495 1.34429 4.05006 1.96586 2.01981 2.05502L1.23259 2.08959L1.18335 2.87604C1.16873 3.10958 1.15353 3.34193 1.13842 3.57294C0.97583 6.05878 0.823332 8.39029 1.50758 10.3994C2.29645 12.7158 4.12651 14.483 7.69452 15.8756L8.01325 16V15.059C1.44034 12.4935 1.67345 8.88869 2.01622 3.58822C2.03021 3.37192 2.04438 3.1528 2.05827 2.93081C4.25595 2.8343 6.20549 2.15873 8.01325 1.03277V0Z" + fill="#FFC600" + /> + <path + d="M8.01323 0L8.4767 0.288665C10.1715 1.34429 11.9764 1.96586 14.0067 2.05502L14.7939 2.08959L14.8431 2.87604C14.8578 3.10958 14.873 3.34193 14.8881 3.57294C15.0507 6.05878 15.2032 8.39029 14.5189 10.3994C13.73 12.7158 11.9 14.483 8.33197 15.8756L8.01323 16V15.059C14.5862 12.4935 14.353 8.88869 14.0103 3.58822C13.9963 3.37192 13.9821 3.1528 13.9682 2.93081C11.7705 2.8343 9.821 2.15873 8.01323 1.03277V0Z" + fill="#DB8300" + /> + <path + d="M5.85148 5.51416H6.16248C6.28668 5.51416 6.4058 5.56292 6.49363 5.64973C6.58146 5.73653 6.6308 5.85427 6.6308 5.97703V10.6758H5.38316V5.97703C5.38316 5.85427 5.4325 5.73653 5.52033 5.64973C5.60815 5.56292 5.72727 5.51416 5.85148 5.51416ZM8.01233 7.80214H8.32333C8.44754 7.80214 8.56666 7.85091 8.65448 7.93771C8.74231 8.02452 8.79165 8.14225 8.79165 8.26502V10.6758H7.54401V8.26502C7.54401 8.14225 7.59335 8.02452 7.68118 7.93771C7.76901 7.85091 7.88813 7.80214 8.01233 7.80214ZM10.302 6.91708H10.613C10.7372 6.91708 10.8563 6.96584 10.9441 7.05265C11.032 7.13945 11.0813 7.25719 11.0813 7.37995V10.6758H9.83366V7.37995C9.83366 7.25719 9.883 7.13945 9.97083 7.05265C10.0587 6.96584 10.1778 6.91708 10.302 6.91708Z" + fill="#FFC600" + /> + </svg> + <p class="text-16-white">Hors ligne</p> + <p class="text-16-white"> + Vérifiez votre connexion pour lancer Ecolyo. + </p> + </section> + </div> + <footer></footer> + </body> </html> -- GitLab