Ent Lycée 91 | ent.iledefrance.fr - 2gna

Ce message répond à la question posée par : Beyaz Marie-Christine

French school, Ent Lycée 91, is a revolutionary school that is changing the way students learn. With innovative teaching methods and an approach that encourages creativity and critical thinking, this school is quickly making a name for itself in the French education system. If you’re looking for a new educational experience, take a look at Ent Lycée 91!

Je vous propose de découvrir les blogs consacrés à l’enseignement secondaire, sur le site ent.iledefrance.fr. Vous y trouverez des informations sur les différents établissements scolaires, leurs activités et les objectifs de leur enseignement. N’hésitez pas à commenter et à partager vos avis avec nos lecteurs !

Table des matières

0.1 L’introduction à la Ketogenic Diet
0.2 Les avantages et inconvénients de la diete keto
0.3 Conclusion
0.4 ENT ile de france
0.5 Mon lycée.net
0.6 Accès à l’ENT – CAPE 91 Orsay, Lycée Blaise Pascal

1 cape91-orsay.fr is blocked
2 Lycée Polyvalent Henri Vogt
- 2.1 Actualité
  - 2.1.1 Inscription en classe de Seconde – rentrée 2022
  - 2.1.2 Inscription en classe de Seconde – rentrée 2022
- 2.2 Lycée Marguerite Yourcenar | Lycée Général Et …
3 Lycée Marguerite Yourcenar

En savoir plus sur Ebox Connexion

L’introduction à la Ketogenic Diet

Le keto est une méthode alimentaire qui consiste en une restriction majeure de glucides et de protéines, notamment lorsque l’on consomme des produits issus de l’alimentation animale. Selon les partisans du keto, ce régime pourrait améliorer la santé physique et mentale, en particulier si on le suit avec une activité physique quotidienne.

Le keto est un régime alimentaire sur lequel on privilégie les lipides et qui est considéré comme une forme d’alimentation saine. Il est possible de suivre différents types de diètes keto, selon son envie et son budget.

Les avantages et inconvénients de la diete keto

La diete keto est une forme de nutrition basée sur la consommation limitée de glucides et de protéines. Elle est particulièrement recommandée pour les personnes qui souhaitent perdre du poids ou améliorer leur santé. Les avantages de cette mode de vie nutritionnelle dépendent largement des personnes qui la suivent. Pour les plus sceptiques, voici quelques inconvénients à connaître avant de se lancer dans la diete keto.

Si vous êtes à la recherche de saveurs plus originales et diversifiées, les réserves alimentaires keto sont faites pour vous ! Ces recettes ont été créées avec des ingrédients simples et variés, afin de satisfaire tous les palates.

Conclusion

Ent Lycée 91 est l’un des meilleurs établissements d’enseignement secondaire du département de la Seine-Saint-Denis en matière de culture, de langues et de communication. Les programmes proposés offrent une large palette d’options pour les étudiants qui souhaitent se spécialiser ou explorer plusieurs domaines. Notre établissement propose également une multitude d’activités extra-scolaires à ses étudiants pour qu’ils puissent enrichir leur jeunesse et développer leurs talents.

En savoir plus sur Excel Propriétés De Connexion Paramètres

Cherchez-vous Ent Lycée 91?, Son site officiel est ent.iledefrance.fr. Pour en savoir plus sur Ent Lycée 91, lire le guide ci-dessous.

ENT ile de france

https://ent.iledefrance.fr/

Log in. Username. Password. Remember me. Username forgotten Password forgotten. Log in.

Mon lycée.net

https://monlycee.net/

Accueil · Projet · Présentation · Partenaires · OPEN ENT NG · Solution · Usagers · Proviseurs · Professeurs · Lycéens · Parents · Autres personnels …

Accès à l’ENT – CAPE 91 Orsay, Lycée Blaise Pascal

Accès à l’ENT

<br /> <br /> <head><br /> <meta charset="utf-8"><br /> <meta name="color-scheme" content="light dark"><br /> <meta name="theme-color" content="#fff"><br /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><br /> <title>cape91-orsay.fr</title></p> <style>/* Copyright 2017 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */</p> <p>a { color: var(--link-color); }</p> <p>body { --background-color: #fff; --error-code-color: var(--google-gray-700); --google-blue-100: rgb(210, 227, 252); --google-blue-300: rgb(138, 180, 248); --google-blue-600: rgb(26, 115, 232); --google-blue-700: rgb(25, 103, 210); --google-gray-100: rgb(241, 243, 244); --google-gray-300: rgb(218, 220, 224); --google-gray-500: rgb(154, 160, 166); --google-gray-50: rgb(248, 249, 250); --google-gray-600: rgb(128, 134, 139); --google-gray-700: rgb(95, 99, 104); --google-gray-800: rgb(60, 64, 67); --google-gray-900: rgb(32, 33, 36); --heading-color: var(--google-gray-900); --link-color: rgb(88, 88, 88); --popup-container-background-color: rgba(0,0,0,.65); --primary-button-fill-color-active: var(--google-blue-700); --primary-button-fill-color: var(--google-blue-600); --primary-button-text-color: #fff; --quiet-background-color: rgb(247, 247, 247); --secondary-button-border-color: var(--google-gray-500); --secondary-button-fill-color: #fff; --secondary-button-hover-border-color: var(--google-gray-600); --secondary-button-hover-fill-color: var(--google-gray-50); --secondary-button-text-color: var(--google-gray-700); --small-link-color: var(--google-gray-700); --text-color: var(--google-gray-700); background: var(--background-color); color: var(--text-color); word-wrap: break-word; }</p> <p>.nav-wrapper .secondary-button { background: var(--secondary-button-fill-color); border: 1px solid var(--secondary-button-border-color); color: var(--secondary-button-text-color); float: none; margin: 0; padding: 8px 16px; }</p> <p>.hidden { display: none; }</p> <p>html { -webkit-text-size-adjust: 100%; font-size: 125%; }</p> <p>.icon { background-repeat: no-repeat; background-size: 100%; }</p> <p>@media (prefers-color-scheme: dark) { body { --background-color: var(--google-gray-900); --error-code-color: var(--google-gray-500); --heading-color: var(--google-gray-500); --link-color: var(--google-blue-300); --primary-button-fill-color-active: rgb(129, 162, 208); --primary-button-fill-color: var(--google-blue-300); --primary-button-text-color: var(--google-gray-900); --quiet-background-color: var(--background-color); --secondary-button-border-color: var(--google-gray-700); --secondary-button-fill-color: var(--google-gray-900); --secondary-button-hover-fill-color: rgb(48, 51, 57); --secondary-button-text-color: var(--google-blue-300); --small-link-color: var(--google-blue-300); --text-color: var(--google-gray-500); } } </style> <style>/* Copyright 2014 The Chromium Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file. */</p> <p>button { border: 0; border-radius: 4px; box-sizing: border-box; color: var(--primary-button-text-color); cursor: pointer; float: right; font-size: .875em; margin: 0; padding: 8px 16px; transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1); user-select: none; }</p> <p>[dir='rtl'] button { float: left; }</p> <p>.bad-clock button, .captive-portal button, .https-only button, .insecure-form button, .lookalike-url button, .main-frame-blocked button, .neterror button, .pdf button, .ssl button, .safe-browsing-billing button { background: var(--primary-button-fill-color); }</p> <p>button:active { background: var(--primary-button-fill-color-active); outline: 0; }</p> <p>#debugging { display: inline; overflow: auto; }</p> <p>.debugging-content { line-height: 1em; margin-bottom: 0; margin-top: 1em; }</p> <p>.debugging-content-fixed-width { display: block; font-family: monospace; font-size: 1.2em; margin-top: 0.5em; }</p> <p>.debugging-title { font-weight: bold; }</p> <p>#details { margin: 0 0 50px; }</p> <p>#details p:not(:first-of-type) { margin-top: 20px; }</p> <p>.secondary-button:active { border-color: white; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15); }</p> <p>.secondary-button:hover { background: var(--secondary-button-hover-fill-color); border-color: var(--secondary-button-hover-border-color); text-decoration: none; }</p> <p>.error-code { color: var(--error-code-color); font-size: .8em; text-transform: uppercase; margin-top: 12px; }</p> <p>#error-debugging-info { font-size: 0.8em; }</p> <p>h1 { color: var(--heading-color); font-size: 1.6em; font-weight: normal; line-height: 1.25em; margin-bottom: 16px; }</p> <p>h2 { font-size: 1.2em; font-weight: normal; }</p> <p>.icon { height: 72px; margin: 0 0 40px; width: 72px; }</p> <p>input[type=checkbox] { opacity: 0; }</p> <p>input[type=checkbox]:focus ~ .checkbox:after { outline: -webkit-focus-ring-color auto 5px; }</p> <p>.interstitial-wrapper { box-sizing: border-box; font-size: 1em; line-height: 1.6em; margin: 14vh auto 0; max-width: 600px; width: 100%; }</p> <p>#main-message > p { display: inline; }</p> <p>#extended-reporting-opt-in { font-size: .875em; margin-top: 32px; }</p> <p>#extended-reporting-opt-in label { display: grid; grid-template-columns: 1.8em 1fr; position: relative; }</p> <p>#enhanced-protection-message { border-radius: 4px; font-size: 1em; margin-top: 32px; padding: 10px 5px; }</p> <p>#enhanced-protection-message label { display: grid; grid-template-columns: 2.5em 1fr; position: relative; }</p> <p>#enhanced-protection-message div { margin: 0.5em; }</p> <p>#enhanced-protection-message .icon { height: 1.5em; vertical-align: middle; width: 1.5em; }</p> <p>.nav-wrapper { margin-top: 51px; }</p> <p>.nav-wrapper::after { clear: both; content: ''; display: table; width: 100%; }</p> <p>.small-link { color: var(--small-link-color); font-size: .875em; }</p> <p>.checkboxes { flex: 0 0 24px; }</p> <p>.checkbox { --padding: .9em; background: transparent; display: block; height: 1em; left: -1em; padding-inline-start: var(--padding); position: absolute; right: 0; top: -.5em; width: 1em; }</p> <p>.checkbox::after { border: 1px solid white; border-radius: 2px; content: ''; height: 1em; position: absolute; top: var(--padding); left: var(--padding); width: 1em; }</p> <p>.checkbox::before { background: transparent; border: 2px solid white; border-right-width: 0; border-top-width: 0; content: ''; height: .2em; left: calc(.3em + var(--padding)); opacity: 0; position: absolute; top: calc(.3em + var(--padding)); transform: rotate(-45deg); width: .5em; }</p> <p>input[type=checkbox]:checked ~ .checkbox::before { opacity: 1; }</p> <p>#recurrent-error-message { background: #ededed; border-radius: 4px; padding: 12px 16px; margin-top: 12px; margin-bottom: 16px; }</p> <p>.showing-recurrent-error-message #extended-reporting-opt-in { margin-top: 16px; }</p> <p>.showing-recurrent-error-message #enhanced-protection-message { margin-top: 16px; }</p> <p>@media (max-width: 700px) { .interstitial-wrapper { padding: 0 10%; }</p> <p> #error-debugging-info { overflow: auto; } }</p> <p>@media (max-width: 420px) { button, [dir='rtl'] button, .small-link { float: none; font-size: .825em; font-weight: 500; margin: 0; width: 100%; }</p> <p> button { padding: 16px 24px; }</p> <p> #details { margin: 20px 0 20px 0; }</p> <p> #details p:not(:first-of-type) { margin-top: 10px; }</p> <p> .secondary-button:not(.hidden) { display: block; margin-top: 20px; text-align: center; width: 100%; }</p> <p> .interstitial-wrapper { padding: 0 5%; }</p> <p> #extended-reporting-opt-in { margin-top: 24px; }</p> <p> #enhanced-protection-message { margin-top: 24px; }</p> <p> .nav-wrapper { margin-top: 30px; } }</p> <p>/** * Mobile specific styling. * Navigation buttons are anchored to the bottom of the screen. * Details message replaces the top content in its own scrollable area. */</p> <p>@media (max-width: 420px) { .nav-wrapper .secondary-button { border: 0; margin: 16px 0 0; margin-inline-end: 0; padding-bottom: 16px; padding-top: 16px; } }</p> <p>/* Fixed nav. */ @media (min-width: 240px) and (max-width: 420px) and (min-height: 401px), (min-width: 421px) and (min-height: 240px) and (max-height: 560px) { body .nav-wrapper { background: var(--background-color); bottom: 0; box-shadow: 0 -12px 24px var(--background-color); left: 0; margin: 0 auto; max-width: 736px; padding-left: 24px; padding-right: 24px; position: fixed; right: 0; width: 100%; z-index: 2; }</p> <p> .interstitial-wrapper { max-width: 736px; }</p> <p> #details, #main-content { padding-bottom: 40px; }</p> <p> #details { padding-top: 5.5vh; }</p> <p> button.small-link { color: var(--google-blue-600); } }</p> <p>@media (max-width: 420px) and (orientation: portrait), (max-height: 560px) { body { margin: 0 auto; }</p> <p> button, [dir='rtl'] button, button.small-link, .nav-wrapper .secondary-button { font-family: Roboto-Regular,Helvetica; font-size: .933em; margin: 6px 0; transform: translatez(0); }</p> <p> .nav-wrapper { box-sizing: border-box; padding-bottom: 8px; width: 100%; }</p> <p> #details { box-sizing: border-box; height: auto; margin: 0; opacity: 1; transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1); }</p> <p> #details.hidden, #main-content.hidden { height: 0; opacity: 0; overflow: hidden; padding-bottom: 0; transition: none; }</p> <p> h1 { font-size: 1.5em; margin-bottom: 8px; }</p> <p> .icon { margin-bottom: 5.69vh; }</p> <p> .interstitial-wrapper { box-sizing: border-box; margin: 7vh auto 12px; padding: 0 24px; position: relative; }</p> <p> .interstitial-wrapper p { font-size: .95em; line-height: 1.61em; margin-top: 8px; }</p> <p> #main-content { margin: 0; transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1); }</p> <p> .small-link { border: 0; }</p> <p> .suggested-left > #control-buttons, .suggested-right > #control-buttons { float: none; margin: 0; } }</p> <p>@media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) { .interstitial-wrapper { margin-top: 10vh; } }</p> <p>@media (min-height: 400px) and (orientation:portrait) { .interstitial-wrapper { margin-bottom: 145px; } }</p> <p>@media (min-height: 299px) { .nav-wrapper { padding-bottom: 16px; } }</p> <p>@media (max-height: 560px) and (min-height: 240px) and (orientation:landscape) { .extended-reporting-has-checkbox #details { padding-bottom: 80px; } }</p> <p>@media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and (orientation: portrait) { .interstitial-wrapper { margin-top: 7vh; } }</p> <p>@media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) { .interstitial-wrapper { margin-top: 10vh; } }</p> <p>/* Small mobile screens. No fixed nav. */ @media (max-height: 400px) and (orientation: portrait), (max-height: 239px) and (orientation: landscape), (max-width: 419px) and (max-height: 399px) { .interstitial-wrapper { display: flex; flex-direction: column; margin-bottom: 0; }</p> <p> #details { flex: 1 1 auto; order: 0; }</p> <p> #main-content { flex: 1 1 auto; order: 0; }</p> <p> .nav-wrapper { flex: 0 1 auto; margin-top: 8px; order: 1; padding-left: 0; padding-right: 0; position: relative; width: 100%; }</p> <p> button, .nav-wrapper .secondary-button { padding: 16px 24px; }</p> <p> button.small-link { color: var(--google-blue-600); } }</p> <p>@media (max-width: 239px) and (orientation: portrait) { .nav-wrapper { padding-left: 0; padding-right: 0; } } </style> <style>/* Copyright 2013 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */</p> <p>/* Don't use the main frame div when the error is in a subframe. */ html[subframe] #main-frame-error { display: none; }</p> <p>/* Don't use the subframe error div when the error is in a main frame. */ html:not([subframe]) #sub-frame-error { display: none; }</p> <p>h1 { margin-top: 0; word-wrap: break-word; }</p> <p>h1 span { font-weight: 500; }</p> <p>a { text-decoration: none; }</p> <p>.icon { -webkit-user-select: none; display: inline-block; }</p> <p>.icon-generic { /* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted * renderer process, so embed the resource manually. */ content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=) 2x); }</p> <p>.icon-offline { content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=) 2x); position: relative; }</p> <p>.icon-disabled { content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=) 2x); width: 112px; }</p> <p>.hidden { display: none; }</p> <p>#suggestions-list a { color: var(--google-blue-600); }</p> <p>#suggestions-list p { margin-block-end: 0; }</p> <p>#suggestions-list ul { margin-top: 0; }</p> <p>.single-suggestion { list-style-type: none; padding-inline-start: 0; }</p> <p>#error-information-button { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+); height: 24px; vertical-align: -.15em; width: 24px; }</p> <p>.use-popup-container#error-information-popup-container #error-information-popup { align-items: center; background-color: var(--popup-container-background-color); display: flex; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }</p> <p>.use-popup-container#error-information-popup-container #error-information-popup-content > p { margin-bottom: 11px; margin-inline-start: 20px; }</p> <p>.use-popup-container#error-information-popup-container #suggestions-list ul { margin-inline-start: 15px; }</p> <p>.use-popup-container#error-information-popup-container #error-information-popup-box { background-color: var(--background-color); left: 5%; padding-bottom: 15px; padding-top: 15px; position: fixed; width: 90%; z-index: 101; }</p> <p>.use-popup-container#error-information-popup-container div.error-code { margin-inline-start: 20px; }</p> <p>.use-popup-container#error-information-popup-container #suggestions-list p { margin-inline-start: 20px; }</p> <p>:not(.use-popup-container)#error-information-popup-container #error-information-popup-close { display: none; }</p> <p>#error-information-popup-close { margin-bottom: 0; margin-inline-end: 35px; margin-top: 15px; text-align: end; }</p> <p>.link-button { color: rgb(66, 133, 244); display: inline-block; font-weight: bold; text-transform: uppercase; }</p> <p>#sub-frame-error-details {</p> <p> color: #8F8F8F;</p> <p> /* Not done on mobile for performance reasons. */ text-shadow: 0 1px 0 rgba(255,255,255,0.3);</p> <p>}</p> <p>[jscontent=hostName], [jscontent=failedUrl] { overflow-wrap: break-word; }</p> <p>.secondary-button { background: #d9d9d9; color: #696969; margin-inline-end: 16px; }</p> <p>.snackbar { background: #323232; border-radius: 2px; bottom: 24px; box-sizing: border-box; color: #fff; font-size: .87em; left: 24px; max-width: 568px; min-width: 288px; opacity: 0; padding: 16px 24px 12px; position: fixed; transform: translateY(90px); will-change: opacity, transform; z-index: 999; }</p> <p>.snackbar-show { -webkit-animation: show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards, hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s; }</p> <p>@-webkit-keyframes show-snackbar { 100% { opacity: 1; transform: translateY(0); } }</p> <p>@-webkit-keyframes hide-snackbar { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(90px); } }</p> <p>.suggestions { margin-top: 18px; }</p> <p>.suggestion-header { font-weight: bold; margin-bottom: 4px; }</p> <p>.suggestion-body { color: #777; }</p> <p>/* Decrease padding at low sizes. */ @media (max-width: 640px), (max-height: 640px) { h1 { margin: 0 0 15px; } .suggestions { margin-top: 10px; } .suggestion-header { margin-bottom: 0; } }</p> <p>#download-link, #download-link-clicked { margin-bottom: 30px; margin-top: 30px; }</p> <p>#download-link-clicked { color: #BBB; }</p> <p>#download-link::before, #download-link-clicked::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==); display: inline-block; margin-inline-end: 4px; vertical-align: -webkit-baseline-middle; }</p> <p>#download-link-clicked::before { opacity: 0; width: 0; }</p> <p>#offline-content-list-visibility-card { border: 1px solid white; border-radius: 8px; display: flex; font-size: .8em; justify-content: space-between; line-height: 1; }</p> <p>#offline-content-list.list-hidden #offline-content-list-visibility-card { border-color: rgb(218, 220, 224); }</p> <p>#offline-content-list-visibility-card > div { padding: 1em; }</p> <p>#offline-content-list-title { color: var(--google-gray-700); }</p> <p>#offline-content-list-show-text, #offline-content-list-hide-text { color: rgb(66, 133, 244); }</p> <p>/* Hides the "hide" text div when the offline content list is collapsed/hidden * and, alternatively, hides the "show" text div when the offline content list * is expanded/shown. */ #offline-content-list.list-hidden #offline-content-list-hide-text, #offline-content-list:not(.list-hidden) #offline-content-list-show-text { display: none; }</p> <p>/* Controls the animation of the offline content list when it is expanded/shown. */ #offline-content-suggestions { /* Max-height has to be set for the height animation to work. The chosen value * is a little greater than the maximum height the list will have, when all * suggestions have images, so that it is never clamped. This makes so that * when the actual height is smaller then the animation is not as smooth. */ max-height: 27em; transition: max-height 200ms ease-in, visibility 0s 200ms, opacity 200ms 200ms linear; }</p> <p>/* Controls the animation of the offline content list when it is * collapsed/hidden. */ #offline-content-list.list-hidden #offline-content-suggestions { max-height: 0; opacity: 0; transition: opacity 200ms linear, visibility 0s 200ms, max-height 200ms 200ms ease-out; visibility: hidden; }</p> <p>#offline-content-list { margin-inline-start: -5%; width: 110%; }</p> <p>/* The selectors below adjust the "overflow" of the suggestion cards contents * based on the same screen size based strategy used for the main frame, which * is applied by the `interstitial-wrapper` class. */ @media (max-width: 420px) { #offline-content-list { margin-inline-start: -2.5%; width: 105%; } } @media (max-width: 420px) and (orientation: portrait), (max-height: 560px) { #offline-content-list { margin-inline-start: -12px; width: calc(100% + 24px); } }</p> <p>.suggestion-with-image .offline-content-suggestion-thumbnail { flex-basis: 8.2em; flex-shrink: 0; }</p> <p>.suggestion-with-image .offline-content-suggestion-thumbnail > img { height: 100%; width: 100%; }</p> <p>.suggestion-with-image #offline-content-list:not(.is-rtl) .offline-content-suggestion-thumbnail > img { border-bottom-right-radius: 7px; border-top-right-radius: 7px; }</p> <p>.suggestion-with-image #offline-content-list.is-rtl .offline-content-suggestion-thumbnail > img { border-bottom-left-radius: 7px; border-top-left-radius: 7px; }</p> <p>.suggestion-with-icon .offline-content-suggestion-thumbnail { align-items: center; display: flex; justify-content: center; min-height: 4.2em; min-width: 4.2em; }</p> <p>.suggestion-with-icon .offline-content-suggestion-thumbnail > div { align-items: center; background-color: rgb(241, 243, 244); border-radius: 50%; display: flex; height: 2.3em; justify-content: center; width: 2.3em; }</p> <p>.suggestion-with-icon .offline-content-suggestion-thumbnail > div > img { height: 1.45em; width: 1.45em; }</p> <p>.offline-content-suggestion-favicon { height: 1em; margin-inline-end: 0.4em; width: 1.4em; }</p> <p>.offline-content-suggestion-favicon > img { height: 1.4em; width: 1.4em; }</p> <p>.no-favicon .offline-content-suggestion-favicon { display: none; }</p> <p>.image-video { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcgMTAuNVY3YTEgMSAwIDAgMC0xLTFINGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiIGZpbGw9IiMzQzQwNDMiLz48L3N2Zz4=); }</p> <p>.image-music-note { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgM3Y5LjI2Yy0uNS0uMTctMS0uMjYtMS41LS4yNkM4IDEyIDYgMTQgNiAxNi41UzggMjEgMTAuNSAyMXM0LjUtMiA0LjUtNC41VjZoNFYzaC03eiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==); }</p> <p>.image-earth { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMmM1LjUyIDAgMTAgNC40OCAxMCAxMHMtNC40OCAxMC0xMCAxMFMyIDE3LjUyIDIgMTIgNi40OCAyIDEyIDJ6TTQgMTJoNC40YzMuNDA3LjAyMiA0LjkyMiAxLjczIDQuNTQzIDUuMTI3SDkuNDg4djIuNDdhOC4wMDQgOC4wMDQgMCAwIDAgMTAuNDk4LTguMDgzQzE5LjMyNyAxMi41MDQgMTguMzMyIDEzIDE3IDEzYy0yLjEzNyAwLTMuMjA2LS45MTYtMy4yMDYtMi43NWgtMy43NDhjLS4yNzQtMi43MjguNjgzLTQuMDkyIDIuODctNC4wOTIgMC0uOTc1LjMyNy0xLjU5Ny44MTEtMS45N0E4LjAwNCA4LjAwNCAwIDAgMCA0IDEyeiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==); }</p> <p>.image-file { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgOVYzLjVMMTguNSA5TTYgMmMtMS4xMSAwLTIgLjg5LTIgMnYxNmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWOGwtNi02SDZ6IiBmaWxsPSIjM0M0MDQzIi8+PC9zdmc+); }</p> <p>.offline-content-suggestion-texts { display: flex; flex-direction: column; justify-content: space-between; line-height: 1.3; padding: .9em; width: 100%; }</p> <p>.offline-content-suggestion-title { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: rgb(32, 33, 36); display: -webkit-box; font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; }</p> <p>div.offline-content-suggestion { align-items: stretch; border: 1px solid rgb(218, 220, 224); border-radius: 8px; display: flex; justify-content: space-between; margin-bottom: .8em; }</p> <p>.suggestion-with-image { flex-direction: row; height: 8.2em; max-height: 8.2em; }</p> <p>.suggestion-with-icon { flex-direction: row-reverse; height: 4.2em; max-height: 4.2em; }</p> <p>.suggestion-with-icon .offline-content-suggestion-title { -webkit-line-clamp: 1; word-break: break-all; }</p> <p>.suggestion-with-icon .offline-content-suggestion-texts { padding-inline-start: 0; }</p> <p>.offline-content-suggestion-attribution-freshness { color: rgb(95, 99, 104); display: flex; font-size: .8em; line-height: 1.7em; }</p> <p>.offline-content-suggestion-attribution { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; flex-shrink: 1; margin-inline-end: 0.3em; overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }</p> <p>.no-attribution .offline-content-suggestion-attribution { display: none; }</p> <p>.offline-content-suggestion-freshness::before { content: '-'; display: inline-block; flex-shrink: 0; margin-inline-end: .1em; margin-inline-start: .1em; }</p> <p>.no-attribution .offline-content-suggestion-freshness::before { display: none; }</p> <p>.offline-content-suggestion-freshness { flex-shrink: 0; }</p> <p>.suggestion-with-image .offline-content-suggestion-pin-spacer { flex-grow: 100; flex-shrink: 1; }</p> <p>.suggestion-with-image .offline-content-suggestion-pin { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9zdmc+); flex-shrink: 0; height: 1.4em; margin-inline-start: .4em; width: 1.4em; }</p> <p>/* Controls the animation (and a bit more) of the launch-downloads-home action * button when the offline content list is expanded/shown. */ #offline-content-list-action { text-align: center; transition: visibility 0s 200ms, opacity 200ms 200ms linear; }</p> <p>/* Controls the animation of the launch-downloads-home action button when the * offline content list is collapsed/hidden. */ #offline-content-list.list-hidden #offline-content-list-action { opacity: 0; transition: opacity 200ms linear, visibility 0s 200ms; visibility: hidden; }</p> <p>#cancel-save-page-button { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+); background-position: right 27px center; background-repeat: no-repeat; border: 1px solid var(--google-gray-300); border-radius: 5px; color: var(--google-gray-700); margin-bottom: 26px; padding-bottom: 16px; padding-inline-end: 88px; padding-inline-start: 16px; padding-top: 16px; text-align: start; }</p> <p>html[dir='rtl'] #cancel-save-page-button { background-position: left 27px center; }</p> <p>#save-page-for-later-button { display: flex; justify-content: start; }</p> <p>#save-page-for-later-button a::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==); display: inline-block; margin-inline-end: 4px; vertical-align: -webkit-baseline-middle; }</p> <p>.hidden#save-page-for-later-button { display: none; }</p> <p>/* Don't allow overflow when in a subframe. */ html[subframe] body { overflow: hidden; }</p> <p>#sub-frame-error { -webkit-align-items: center; -webkit-flex-flow: column; -webkit-justify-content: center; background-color: #DDD; display: -webkit-flex; height: 100%; left: 0; position: absolute; text-align: center; top: 0; transition: background-color 200ms ease-in-out; width: 100%; }</p> <p>#sub-frame-error:hover { background-color: #EEE; }</p> <p>#sub-frame-error .icon-generic { margin: 0 0 16px; }</p> <p>#sub-frame-error-details { margin: 0 10px; text-align: center; visibility: hidden; }</p> <p>/* Show details only when hovering. */ #sub-frame-error:hover #sub-frame-error-details { visibility: visible; }</p> <p>/* If the iframe is too small, always hide the error code. */ /* TODO(mmenke): See if overflow: no-display works better, once supported. */ @media (max-width: 200px), (max-height: 95px) { #sub-frame-error-details { display: none; } }</p> <p>/* Adjust icon for small embedded frames in apps. */ @media (max-height: 100px) { #sub-frame-error .icon-generic { height: auto; margin: 0; padding-top: 0; width: 25px; } }</p> <p>/* details-button is special; it's a <button> element that looks like a link. */ #details-button { box-shadow: none; min-width: 0; }</p> <p>/* Styles for platform dependent separation of controls and details button. */ .suggested-left > #control-buttons, .suggested-right > #details-button { float: left; }</p> <p>.suggested-right > #control-buttons, .suggested-left > #details-button { float: right; }</p> <p>.suggested-left .secondary-button { margin-inline-end: 0; margin-inline-start: 16px; }</p> <p>#details-button.singular { float: none; }</p> <p>/* download-button shows both icon and text. */ #download-button { padding-bottom: 4px; padding-top: 4px; position: relative; }</p> <p>#download-button::before { background: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAO0lEQVQ4y2NgGArgPxIY1YChsOE/LtBAmpYG0mxpIOSDBpKUo2lpIDZxNJCkHKqlYZAla3RAHQ1DFgAARRroHyLNTwwAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAZElEQVRYw+3Ruw3AMAwDUY3OzZUmRRD4E9iim9wNwAdbEURHyk4AAAAATiCVK8lLyPsKeT9K3lsownnunfkPxO78hKiYHxBV8x2icr5BVM+/CMf8g3DN34Rzns6ViwHUAUQ/6wIAd5Km7l6c8AAAAABJRU5ErkJggg==) 2x) no-repeat; content: ''; display: inline-block; height: 24px; margin-inline-end: 4px; margin-inline-start: -4px; vertical-align: middle; width: 24px; }</p> <p>#download-button:disabled { background: rgb(180, 206, 249); color: rgb(255, 255, 255); }</p> <p>#buttons::after { clear: both; content: ''; display: block; width: 100%; }</p> <p>/* Offline page */ html[dir='rtl'] .runner-container, html[dir='rtl'].offline .icon-offline { transform: scaleX(-1); }</p> <p>.offline { transition: filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);</p> <p> will-change: filter, background-color;</p> <p>}</p> <p>.offline body { transition: background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); }</p> <p>.offline #main-message > p { display: none; }</p> <p>.offline.inverted { background-color: #fff; filter: invert(1); }</p> <p>.offline.inverted body { background-color: #fff; }</p> <p>.offline .interstitial-wrapper { color: var(--text-color); font-size: 1em; line-height: 1.55; margin: 0 auto; max-width: 600px; padding-top: 100px; position: relative; width: 100%; }</p> <p>.offline .runner-container { direction: ltr; height: 150px; max-width: 600px; overflow: hidden; position: absolute; top: 35px; width: 44px; }</p> <p>.offline .runner-container:focus { outline: none; }</p> <p>.offline .runner-container:focus-visible { outline: 3px solid var(--google-blue-300); }</p> <p>.offline .runner-canvas { height: 150px; max-width: 600px; opacity: 1; overflow: hidden; position: absolute; top: 0; z-index: 10; }</p> <p>.offline .controller { height: 100vh; left: 0; position: absolute; top: 0; width: 100vw; z-index: 9; }</p> <p>#offline-resources { display: none; }</p> <p>#offline-instruction { image-rendering: pixelated; left: 0; margin: auto; position: absolute; right: 0; top: 60px; width: fit-content; }</p> <p>.offline-runner-live-region { bottom: 0; clip-path: polygon(0 0, 0 0, 0 0); color: var(--background-color); display: block; font-size: xx-small; overflow: hidden; position: absolute; text-align: center; transition: color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); user-select: none; }</p> <p>/* Custom toggle */ .slow-speed-toggle { align-items: center; background: var(--google-gray-50); border-radius: 24px/50%; bottom: 0; color: var(--error-code-color); display: inline-flex; font-size: 1em; left: 0; line-height: 1.1em; margin: 5px auto; padding: 2px 12px 3px 20px; position: absolute; right: 0; width: max-content; z-index: 999; }</p> <p>.slow-speed-toggle.hidden { display: none; }</p> <p>.slow-speed-toggle [type=checkbox] { opacity: 0; pointer-events: none; position: absolute; }</p> <p>.slow-speed-toggle .slow-speed-toggle { cursor: pointer; margin-inline-start: 8px; padding: 8px 4px; position: relative; }</p> <p>.slow-speed-toggle [type=checkbox] { opacity: 0; pointer-events: none; position: absolute; }</p> <p>.slow-speed-toggle .slow-speed-toggle::before, .slow-speed-toggle .slow-speed-toggle::after { content: ''; display: block; margin: 0 3px; transition: all 100ms cubic-bezier(0.4, 0, 1, 1); }</p> <p>.slow-speed-toggle .slow-speed-toggle::before { background: rgb(189,193,198); border-radius: 0.65em; height: 0.9em; width: 2em; }</p> <p>.slow-speed-toggle .slow-speed-toggle::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%); height: 1.2em; position: absolute; top: 51%; transform: translate(-20%, -50%); width: 1.1em; }</p> <p>.slow-speed-toggle [type=checkbox]:focus + .slow-speed-toggle { box-shadow: 0 0 8px rgb(94, 158, 214); outline: 1px solid rgb(93, 157, 213); }</p> <p>.slow-speed-toggle [type=checkbox]:checked + .slow-speed-toggle::before { background: var(--google-blue-600); opacity: 0.5; }</p> <p>.slow-speed-toggle [type=checkbox]:checked + .slow-speed-toggle::after { background: var(--google-blue-600); transform: translate(calc(2em - 90%), -50%); }</p> <p>@media (max-width: 420px) { #download-button { padding-bottom: 12px; padding-top: 12px; }</p> <p> .suggested-left > #control-buttons, .suggested-right > #control-buttons { float: none; }</p> <p> .snackbar { border-radius: 0; bottom: 0; left: 0; width: 100%; } }</p> <p>@media (max-height: 350px) { h1 { margin: 0 0 15px; }</p> <p> .icon-offline { margin: 0 0 10px; }</p> <p> .interstitial-wrapper { margin-top: 5%; }</p> <p> .nav-wrapper { margin-top: 30px; } }</p> <p>@media (min-width: 420px) and (max-width: 736px) and (min-height: 240px) and (max-height: 420px) and (orientation:landscape) { .interstitial-wrapper { margin-bottom: 100px; } }</p> <p>@media (max-width: 360px) and (max-height: 480px) { .offline .interstitial-wrapper { padding-top: 60px; }</p> <p> .offline .runner-container { top: 8px; } }</p> <p>@media (min-height: 240px) and (orientation: landscape) { .offline .interstitial-wrapper { margin-bottom: 90px; }</p> <p> .icon-offline { margin-bottom: 20px; } }</p> <p>@media (max-height: 320px) and (orientation: landscape) { .icon-offline { margin-bottom: 0; }</p> <p> .offline .runner-container { top: 10px; } }</p> <p>@media (max-width: 240px) { button { padding-inline-end: 12px; padding-inline-start: 12px; }</p> <p> .interstitial-wrapper { overflow: inherit; padding: 0 8px; } }</p> <p>@media (max-width: 120px) { button { width: auto; } }</p> <p>.arcade-mode, .arcade-mode .runner-container, .arcade-mode .runner-canvas { image-rendering: pixelated; max-width: 100%; overflow: hidden; }</p> <p>.arcade-mode #buttons, .arcade-mode #main-content { opacity: 0; overflow: hidden; }</p> <p>.arcade-mode .interstitial-wrapper { height: 100vh; max-width: 100%; overflow: hidden; }</p> <p>.arcade-mode .runner-container { left: 0; margin: auto; right: 0; transform-origin: top center; transition: transform 250ms cubic-bezier(0.4, 0, 1, 1) 400ms; z-index: 2; }</p> <p>@media (prefers-color-scheme: dark) { .icon { filter: invert(1); }</p> <p> .offline .runner-canvas { filter: invert(1); }</p> <p> .offline.inverted { background-color: var(--background-color); filter: invert(0); }</p> <p> .offline.inverted body { background-color: #fff; }</p> <p> .offline.inverted .offline-runner-live-region { color: #fff; }</p> <p> #suggestions-list a { color: var(--link-color); }</p> <p> #error-information-button { filter: invert(0.6); }</p> <p> .slow-speed-toggle { background: var(--google-gray-800); color: var(--google-gray-100); }</p> <p> .slow-speed-toggle .slow-speed-toggle::before { background: rgb(189,193,198); }</p> <p> .slow-speed-toggle [type=checkbox]:checked + .slow-speed-toggle::after, .slow-speed-toggle [type=checkbox]:checked + .slow-speed-toggle::before { background: var(--google-blue-300); } } </style> <p> <script>// Copyright 2013 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file.</p> <p>/** * @typedef {{ * downloadButtonClick: function(), * reloadButtonClick: function(), * detailsButtonClick: function(), * diagnoseErrorsButtonClick: function(), * trackEasterEgg: function(), * updateEasterEggHighScore: function(number), * resetEasterEggHighScore: function(), * launchOfflineItem: function(string, string), * savePageForLater: function(), * cancelSavePage: function(), * listVisibilityChange: function(boolean), * }} */ // eslint-disable-next-line no-var var errorPageController;</p> <p>const HIDDEN_CLASS = 'hidden';</p> <p>// Decodes a UTF16 string that is encoded as base64. function decodeUTF16Base64ToString(encoded_text) { const data = atob(encoded_text); let result = ''; for (let i = 0; i < data.length; i += 2) { result += String.fromCharCode(data.charCodeAt(i) * 256 + data.charCodeAt(i + 1)); } return result; } function toggleHelpBox() { const helpBoxOuter = document.getElementById('details'); helpBoxOuter.classList.toggle(HIDDEN_CLASS); const detailsButton = document.getElementById('details-button'); if (helpBoxOuter.classList.contains(HIDDEN_CLASS)) { /** @suppress {missingProperties} */ detailsButton.innerText = detailsButton.detailsText; } else { /** @suppress {missingProperties} */ detailsButton.innerText = detailsButton.hideDetailsText; } // Details appears over the main content on small screens. if (mobileNav) { document.getElementById('main-content').classList.toggle(HIDDEN_CLASS); const runnerContainer = document.querySelector('.runner-container'); if (runnerContainer) { runnerContainer.classList.toggle(HIDDEN_CLASS); } } } function diagnoseErrors() { if (window.errorPageController) { errorPageController.diagnoseErrorsButtonClick(); } } // Subframes use a different layout but the same html file. This is to make it // easier to support platforms that load the error page via different // mechanisms (Currently just iOS). We also use the subframe style for portals // as they are embedded like subframes and can't be interacted with by the user. let isSubFrame = false; if (window.top.location !== window.location || window.portalHost) { document.documentElement.setAttribute('subframe', ''); isSubFrame = true; } // Re-renders the error page using |strings| as the dictionary of values. // Used by NetErrorTabHelper to update DNS error pages with probe results. function updateForDnsProbe(strings) { const context = new JsEvalContext(strings); jstProcess(context, document.getElementById('t')); onDocumentLoadOrUpdate(); } // Adds an icon class to the list and removes classes previously set. function updateIconClass(newClass) { const frameSelector = isSubFrame ? '#sub-frame-error' : '#main-frame-error'; const iconEl = document.querySelector(frameSelector + ' .icon'); if (iconEl.classList.contains(newClass)) { return; } iconEl.className = 'icon ' + newClass; } // Implements button clicks. This function is needed during the transition // between implementing these in trunk chromium and implementing them in iOS. function reloadButtonClick(url) { if (window.errorPageController) { errorPageController.reloadButtonClick(); } else { window.location = url; } } function downloadButtonClick() { if (window.errorPageController) { errorPageController.downloadButtonClick(); const downloadButton = document.getElementById('download-button'); downloadButton.disabled = true; /** @suppress {missingProperties} */ downloadButton.textContent = downloadButton.disabledText; document.getElementById('download-link-wrapper') .classList.add(HIDDEN_CLASS); document.getElementById('download-link-clicked-wrapper') .classList.remove(HIDDEN_CLASS); } } function detailsButtonClick() { if (window.errorPageController) { errorPageController.detailsButtonClick(); } } let primaryControlOnLeft = true; // function setAutoFetchState(scheduled, can_schedule) { document.getElementById('cancel-save-page-button') .classList.toggle(HIDDEN_CLASS, !scheduled); document.getElementById('save-page-for-later-button') .classList.toggle(HIDDEN_CLASS, scheduled || !can_schedule); } function savePageLaterClick() { errorPageController.savePageForLater(); // savePageForLater will eventually trigger a call to setAutoFetchState() when // it completes. } function cancelSavePageClick() { errorPageController.cancelSavePage(); // setAutoFetchState is not called in response to cancelSavePage(), so do it // now. setAutoFetchState(false, true); } function toggleErrorInformationPopup() { document.getElementById('error-information-popup-container') .classList.toggle(HIDDEN_CLASS); } function launchOfflineItem(itemID, name_space) { errorPageController.launchOfflineItem(itemID, name_space); } function launchDownloadsPage() { errorPageController.launchDownloadsPage(); } function getIconForSuggestedItem(item) { // Note: |item.content_type| contains the enum values from // chrome::mojom::AvailableContentType. switch (item.content_type) { case 1: // kVideo return 'image-video'; case 2: // kAudio return 'image-music-note'; case 0: // kPrefetchedPage case 3: // kOtherPage return 'image-earth'; } return 'image-file'; } function getSuggestedContentDiv(item, index) { // Note: See AvailableContentToValue in available_offline_content_helper.cc // for the data contained in an |item|. // TODO(carlosk): Present |snippet_base64| when that content becomes // available. let thumbnail = ''; const extraContainerClasses = []; // html_inline.py will try to replace src attributes with data URIs using a // simple regex. The following is obfuscated slightly to avoid that. const source = 'src'; if (item.thumbnail_data_uri) { extraContainerClasses.push('suggestion-with-image'); thumbnail = `<img ${source}="${item.thumbnail_data_uri}">`; } else { extraContainerClasses.push('suggestion-with-icon'); const iconClass = getIconForSuggestedItem(item); thumbnail = `</p> <div><img class="${iconClass}"></div> <p>`; }</p> <p> let favicon = ''; if (item.favicon_data_uri) { favicon = `<img ${source}="${item.favicon_data_uri}">`; } else { extraContainerClasses.push('no-favicon'); }</p> <p> if (!item.attribution_base64) { extraContainerClasses.push('no-attribution'); }</p> <p> return `</p> <div class="offline-content-suggestion ${extraContainerClasses.join(' ')}" onclick="launchOfflineItem('${item.ID}', '${item.name_space}')"></p> <div class="offline-content-suggestion-texts"> <div id="offline-content-suggestion-title-${index}" class="offline-content-suggestion-title"> </div> <div class="offline-content-suggestion-attribution-freshness"> <div id="offline-content-suggestion-favicon-${index}" class="offline-content-suggestion-favicon"> ${favicon} </div> <div id="offline-content-suggestion-attribution-${index}" class="offline-content-suggestion-attribution"> </div> <div class="offline-content-suggestion-freshness"> ${item.date_modified} </div> <div class="offline-content-suggestion-pin-spacer"></div> <div class="offline-content-suggestion-pin"></div> </p></div> </p></div> <div class="offline-content-suggestion-thumbnail"> ${thumbnail} </div> </p></div> <p>`; }</p> <p>/** * @typedef {{ * ID: string, * name_space: string, * title_base64: string, * snippet_base64: string, * date_modified: string, * attribution_base64: string, * thumbnail_data_uri: string, * favicon_data_uri: string, * content_type: number, * }} */ let AvailableOfflineContent;</p> <p>// Populates a list of suggested offline content. // Note: For security reasons all content downloaded from the web is considered // unsafe and must be securely handled to be presented on the dino page. Images // have already been safely re-encoded but textual content -- like title and // attribution -- must be properly handled here. // @param {boolean} isShown // @param {Array<AvailableOfflineContent>} suggestions function offlineContentAvailable(isShown, suggestions) { if (!suggestions || !loadTimeData.valueExists('offlineContentList')) { return; }</p> <p> const suggestionsHTML = []; for (let index = 0; index < suggestions.length; index++) { suggestionsHTML.push(getSuggestedContentDiv(suggestions[index], index)); } document.getElementById('offline-content-suggestions').innerHTML = suggestionsHTML.join('\n'); // Sets textual web content using |textContent| to make sure it's handled as // plain text. for (let index = 0; index < suggestions.length; index++) { document.getElementById(`offline-content-suggestion-title-${index}`) .textContent = decodeUTF16Base64ToString(suggestions[index].title_base64); document.getElementById(`offline-content-suggestion-attribution-${index}`) .textContent = decodeUTF16Base64ToString(suggestions[index].attribution_base64); } const contentListElement = document.getElementById('offline-content-list'); if (document.dir === 'rtl') { contentListElement.classList.add('is-rtl'); } contentListElement.hidden = false; // The list is configured as hidden by default. Show it if needed. if (isShown) { toggleOfflineContentListVisibility(false); } } function toggleOfflineContentListVisibility(updatePref) { if (!loadTimeData.valueExists('offlineContentList')) { return; } const contentListElement = document.getElementById('offline-content-list'); const isVisible = !contentListElement.classList.toggle('list-hidden'); if (updatePref && window.errorPageController) { errorPageController.listVisibilityChanged(isVisible); } } // Called on document load, and from updateForDnsProbe(). function onDocumentLoadOrUpdate() { const downloadButtonVisible = loadTimeData.valueExists('downloadButton') && loadTimeData.getValue('downloadButton').msg; const detailsButton = document.getElementById('details-button'); // If offline content suggestions will be visible, the usual buttons will not // be presented. const offlineContentVisible = loadTimeData.valueExists('suggestedOfflineContentPresentation'); if (offlineContentVisible) { document.querySelector('.nav-wrapper').classList.add(HIDDEN_CLASS); detailsButton.classList.add(HIDDEN_CLASS); document.getElementById('download-link').hidden = !downloadButtonVisible; document.getElementById('download-links-wrapper') .classList.remove(HIDDEN_CLASS); document.getElementById('error-information-popup-container') .classList.add('use-popup-container', HIDDEN_CLASS); document.getElementById('error-information-button') .classList.remove(HIDDEN_CLASS); } const attemptAutoFetch = loadTimeData.valueExists('attemptAutoFetch') && loadTimeData.getValue('attemptAutoFetch'); const reloadButtonVisible = loadTimeData.valueExists('reloadButton') && loadTimeData.getValue('reloadButton').msg; const reloadButton = document.getElementById('reload-button'); const downloadButton = document.getElementById('download-button'); if (reloadButton.style.display === 'none' && downloadButton.style.display === 'none') { detailsButton.classList.add('singular'); } // Show or hide control buttons. const controlButtonDiv = document.getElementById('control-buttons'); controlButtonDiv.hidden = offlineContentVisible || !(reloadButtonVisible || downloadButtonVisible); const iconClass = loadTimeData.valueExists('iconClass') && loadTimeData.getValue('iconClass'); updateIconClass(iconClass); if (!isSubFrame && iconClass === 'icon-offline') { document.documentElement.classList.add('offline'); new Runner('.interstitial-wrapper'); } } function onDocumentLoad() { // Sets up the proper button layout for the current platform. const buttonsDiv = document.getElementById('buttons'); if (primaryControlOnLeft) { buttonsDiv.classList.add('suggested-left'); } else { buttonsDiv.classList.add('suggested-right'); } onDocumentLoadOrUpdate(); } document.addEventListener('DOMContentLoaded', onDocumentLoad); </script><br /> <script>// Copyright 2015 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file.</p> <p>let mobileNav = false;</p> <p>/** * For small screen mobile the navigation buttons are moved * below the advanced text. */ function onResize() { const helpOuterBox = document.querySelector('#details'); const mainContent = document.querySelector('#main-content'); const mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' + '(min-height: 401px), ' + '(max-height: 560px) and (min-height: 240px) and ' + '(min-width: 421px)';</p> <p> const detailsHidden = helpOuterBox.classList.contains(HIDDEN_CLASS); const runnerContainer = document.querySelector('.runner-container');</p> <p> // Check for change in nav status. if (mobileNav !== window.matchMedia(mediaQuery).matches) { mobileNav = !mobileNav;</p> <p> // Handle showing the top content / details sections according to state. if (mobileNav) { mainContent.classList.toggle(HIDDEN_CLASS, !detailsHidden); helpOuterBox.classList.toggle(HIDDEN_CLASS, detailsHidden); if (runnerContainer) { runnerContainer.classList.toggle(HIDDEN_CLASS, !detailsHidden); } } else if (!detailsHidden) { // Non mobile nav with visible details. mainContent.classList.remove(HIDDEN_CLASS); helpOuterBox.classList.remove(HIDDEN_CLASS); if (runnerContainer) { runnerContainer.classList.remove(HIDDEN_CLASS); } } } }</p> <p>function setupMobileNav() { window.addEventListener('resize', onResize); onResize(); }</p> <p>document.addEventListener('DOMContentLoaded', setupMobileNav); </script><br /> <script>// Copyright (c) 2014 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file.</p> <p>/** * T-Rex runner. * @param {string} outerContainerId Outer containing element id. * @param {!Object=} opt_config * @constructor * @implements {EventListener} * @export */ function Runner(outerContainerId, opt_config) { // Singleton if (Runner.instance_) { return Runner.instance_; } Runner.instance_ = this;</p> <p> this.outerContainerEl = document.querySelector(outerContainerId); this.containerEl = null; this.snackbarEl = null; // A div to intercept touch events. Only set while (playing && useTouch). this.touchController = null;</p> <p> this.config = opt_config || Object.assign(Runner.config, Runner.normalConfig); // Logical dimensions of the container. this.dimensions = Runner.defaultDimensions;</p> <p> this.gameType = null; Runner.spriteDefinition = Runner.spriteDefinitionByType['original'];</p> <p> this.altGameImageSprite = null; this.altGameModeActive = false; this.altGameModeFlashTimer = null; this.fadeInTimer = 0;</p> <p> this.canvas = null; this.canvasCtx = null;</p> <p> this.tRex = null;</p> <p> this.distanceMeter = null; this.distanceRan = 0;</p> <p> this.highestScore = 0; this.syncHighestScore = false;</p> <p> this.time = 0; this.runningTime = 0; this.msPerFrame = 1000 / FPS; this.currentSpeed = this.config.SPEED; Runner.slowDown = false;</p> <p> this.obstacles = [];</p> <p> this.activated = false; // Whether the easter egg has been activated. this.playing = false; // Whether the game is currently in play state. this.crashed = false; this.paused = false; this.inverted = false; this.invertTimer = 0; this.resizeTimerId_ = null;</p> <p> this.playCount = 0;</p> <p> // Sound FX. this.audioBuffer = null;</p> <p> /** @type {Object} */ this.soundFx = {}; this.generatedSoundFx = null;</p> <p> // Global web audio context for playing sounds. this.audioContext = null;</p> <p> // Images. this.images = {}; this.imagesLoaded = 0;</p> <p> // Gamepad state. this.pollingGamepads = false; this.gamepadIndex = undefined; this.previousGamepad = null;</p> <p> if (this.isDisabled()) { this.setupDisabledRunner(); } else { if (Runner.isAltGameModeEnabled()) { this.initAltGameType(); Runner.gameType = this.gameType; } this.loadImages();</p> <p> window['initializeEasterEggHighScore'] = this.initializeHighScore.bind(this); } }</p> <p>/** * Default game width. * @const */ const DEFAULT_WIDTH = 600;</p> <p>/** * Frames per second. * @const */ const FPS = 60;</p> <p>/** @const */ const IS_HIDPI = window.devicePixelRatio > 1;</p> <p>/** @const */ const IS_IOS = /CriOS/.test(window.navigator.userAgent);</p> <p>/** @const */ const IS_MOBILE = /Android/.test(window.navigator.userAgent) || IS_IOS;</p> <p>/** @const */ const IS_RTL = document.querySelector('html').dir == 'rtl';</p> <p>/** @const */ const ARCADE_MODE_URL = 'chrome://dino/';</p> <p>/** @const */ const RESOURCE_POSTFIX = 'offline-resources-';</p> <p>/** @const */ const A11Y_STRINGS = { ariaLabel: 'dinoGameA11yAriaLabel', description: 'dinoGameA11yDescription', gameOver: 'dinoGameA11yGameOver', highScore: 'dinoGameA11yHighScore', jump: 'dinoGameA11yJump', started: 'dinoGameA11yStartGame', speedLabel: 'dinoGameA11ySpeedToggle' };</p> <p>/** * Default game configuration. * Shared config for all versions of the game. Additional parameters are * defined in Runner.normalConfig and Runner.slowConfig. */ Runner.config = { AUDIOCUE_PROXIMITY_THRESHOLD: 190, AUDIOCUE_PROXIMITY_THRESHOLD_MOBILE_A11Y: 250, BG_CLOUD_SPEED: 0.2, BOTTOM_PAD: 10, // Scroll Y threshold at which the game can be activated. CANVAS_IN_VIEW_OFFSET: -10, CLEAR_TIME: 3000, CLOUD_FREQUENCY: 0.5, FADE_DURATION: 1, FLASH_DURATION: 1000, GAMEOVER_CLEAR_TIME: 1200, INITIAL_JUMP_VELOCITY: 12, INVERT_FADE_DURATION: 12000, MAX_BLINK_COUNT: 3, MAX_CLOUDS: 6, MAX_OBSTACLE_LENGTH: 3, MAX_OBSTACLE_DUPLICATION: 2, RESOURCE_TEMPLATE_ID: 'audio-resources', SPEED: 6, SPEED_DROP_COEFFICIENT: 3, ARCADE_MODE_INITIAL_TOP_POSITION: 35, ARCADE_MODE_TOP_POSITION_PERCENT: 0.1 };</p> <p>Runner.normalConfig = { ACCELERATION: 0.001, AUDIOCUE_PROXIMITY_THRESHOLD: 190, AUDIOCUE_PROXIMITY_THRESHOLD_MOBILE_A11Y: 250, GAP_COEFFICIENT: 0.6, INVERT_DISTANCE: 700, MAX_SPEED: 13, MOBILE_SPEED_COEFFICIENT: 1.2, SPEED: 6 };</p> <p>Runner.slowConfig = { ACCELERATION: 0.0005, AUDIOCUE_PROXIMITY_THRESHOLD: 170, AUDIOCUE_PROXIMITY_THRESHOLD_MOBILE_A11Y: 220, GAP_COEFFICIENT: 0.3, INVERT_DISTANCE: 350, MAX_SPEED: 9, MOBILE_SPEED_COEFFICIENT: 1.5, SPEED: 4.2 };</p> <p>/** * Default dimensions. */ Runner.defaultDimensions = { WIDTH: DEFAULT_WIDTH, HEIGHT: 150 };</p> <p>/** * CSS class names. * @enum {string} */ Runner.classes = { ARCADE_MODE: 'arcade-mode', CANVAS: 'runner-canvas', CONTAINER: 'runner-container', CRASHED: 'crashed', ICON: 'icon-offline', INVERTED: 'inverted', SNACKBAR: 'snackbar', SNACKBAR_SHOW: 'snackbar-show', TOUCH_CONTROLLER: 'controller' };</p> <p>/** * Sound FX. Reference to the ID of the audio tag on interstitial page. * @enum {string} */ Runner.sounds = { BUTTON_PRESS: 'offline-sound-press', HIT: 'offline-sound-hit', SCORE: 'offline-sound-reached' };</p> <p>/** * Key code mapping. * @enum {Object} */ Runner.keycodes = { JUMP: {'38': 1, '32': 1}, // Up, spacebar DUCK: {'40': 1}, // Down RESTART: {'13': 1} // Enter };</p> <p>/** * Runner event names. * @enum {string} */ Runner.events = { ANIM_END: 'webkitAnimationEnd', CLICK: 'click', KEYDOWN: 'keydown', KEYUP: 'keyup', POINTERDOWN: 'pointerdown', POINTERUP: 'pointerup', RESIZE: 'resize', TOUCHEND: 'touchend', TOUCHSTART: 'touchstart', VISIBILITY: 'visibilitychange', BLUR: 'blur', FOCUS: 'focus', LOAD: 'load', GAMEPADCONNECTED: 'gamepadconnected', };</p> <p>Runner.prototype = { /** * Assign a random game type. */ initAltGameType() { this.gameType = loadTimeData && loadTimeData.valueExists('altGameType') ? GAME_TYPE[parseInt(loadTimeData.getValue('altGameType'), 10) - 1] : ''; },</p> <p> /** * Whether the easter egg has been disabled. CrOS enterprise enrolled devices. * @return {boolean} */ isDisabled() { return loadTimeData && loadTimeData.valueExists('disabledEasterEgg'); },</p> <p> /** * For disabled instances, set up a snackbar with the disabled message. */ setupDisabledRunner() { this.containerEl = document.createElement('div'); this.containerEl.className = Runner.classes.SNACKBAR; this.containerEl.textContent = loadTimeData.getValue('disabledEasterEgg'); this.outerContainerEl.appendChild(this.containerEl);</p> <p> // Show notification when the activation key is pressed. document.addEventListener(Runner.events.KEYDOWN, function(e) { if (Runner.keycodes.JUMP[e.keyCode]) { this.containerEl.classList.add(Runner.classes.SNACKBAR_SHOW); document.querySelector('.icon').classList.add('icon-disabled'); } }.bind(this)); },</p> <p> /** * Setting individual settings for debugging. * @param {string} setting * @param {number|string} value */ updateConfigSetting(setting, value) { if (setting in this.config && value !== undefined) { this.config[setting] = value;</p> <p> switch (setting) { case 'GRAVITY': case 'MIN_JUMP_HEIGHT': case 'SPEED_DROP_COEFFICIENT': this.tRex.config[setting] = value; break; case 'INITIAL_JUMP_VELOCITY': this.tRex.setJumpVelocity(value); break; case 'SPEED': this.setSpeed(/** @type {number} */ (value)); break; } } },</p> <p> /** * Creates an on page image element from the base 64 encoded string source. * @param {string} resourceName Name in data object, * @return {HTMLImageElement} The created element. */ createImageElement(resourceName) { const imgSrc = loadTimeData && loadTimeData.valueExists(resourceName) ? loadTimeData.getString(resourceName) : null;</p> <p> if (imgSrc) { const el = /** @type {HTMLImageElement} */ (document.createElement('img')); el.id = resourceName; el.src = imgSrc; document.getElementById('offline-resources').appendChild(el); return el; } return null; },</p> <p> /** * Cache the appropriate image sprite from the page and get the sprite sheet * definition. */ loadImages() { let scale = '1x'; this.spriteDef = Runner.spriteDefinition.LDPI; if (IS_HIDPI) { scale = '2x'; this.spriteDef = Runner.spriteDefinition.HDPI; }</p> <p> Runner.imageSprite = /** @type {HTMLImageElement} */ (document.getElementById(RESOURCE_POSTFIX + scale));</p> <p> if (this.gameType) { Runner.altGameImageSprite = /** @type {HTMLImageElement} */ (this.createImageElement('altGameSpecificImage' + scale)); Runner.altCommonImageSprite = /** @type {HTMLImageElement} */ (this.createImageElement('altGameCommonImage' + scale)); } Runner.origImageSprite = Runner.imageSprite;</p> <p> // Disable the alt game mode if the sprites can't be loaded. if (!Runner.altGameImageSprite || !Runner.altCommonImageSprite) { Runner.isAltGameModeEnabled = () => false; this.altGameModeActive = false; }</p> <p> if (Runner.imageSprite.complete) { this.init(); } else { // If the images are not yet loaded, add a listener. Runner.imageSprite.addEventListener(Runner.events.LOAD, this.init.bind(this)); } },</p> <p> /** * Load and decode base 64 encoded sounds. */ loadSounds() { if (!IS_IOS) { this.audioContext = new AudioContext();</p> <p> const resourceTemplate = document.getElementById(this.config.RESOURCE_TEMPLATE_ID).content;</p> <p> for (const sound in Runner.sounds) { let soundSrc = resourceTemplate.getElementById(Runner.sounds[sound]).src; soundSrc = soundSrc.substr(soundSrc.indexOf(',') + 1); const buffer = decodeBase64ToArrayBuffer(soundSrc);</p> <p> // Async, so no guarantee of order in array. this.audioContext.decodeAudioData(buffer, function(index, audioData) { this.soundFx[index] = audioData; }.bind(this, sound)); } } },</p> <p> /** * Sets the game speed. Adjust the speed accordingly if on a smaller screen. * @param {number=} opt_speed */ setSpeed(opt_speed) { const speed = opt_speed || this.currentSpeed;</p> <p> // Reduce the speed on smaller mobile screens. if (this.dimensions.WIDTH < DEFAULT_WIDTH) { const mobileSpeed = Runner.slowDown ? speed : speed * this.dimensions.WIDTH / DEFAULT_WIDTH * this.config.MOBILE_SPEED_COEFFICIENT; this.currentSpeed = mobileSpeed > speed ? speed : mobileSpeed; } else if (opt_speed) { this.currentSpeed = opt_speed; } },</p> <p> /** * Game initialiser. */ init() { // Hide the static icon. document.querySelector('.' + Runner.classes.ICON).style.visibility = 'hidden';</p> <p> this.adjustDimensions(); this.setSpeed();</p> <p> const ariaLabel = getA11yString(A11Y_STRINGS.ariaLabel); this.containerEl = document.createElement('div'); this.containerEl.setAttribute('role', IS_MOBILE ? 'button' : 'application'); this.containerEl.setAttribute('tabindex', '0'); this.containerEl.setAttribute('title', ariaLabel);</p> <p> this.containerEl.className = Runner.classes.CONTAINER;</p> <p> // Player canvas container. this.canvas = createCanvas(this.containerEl, this.dimensions.WIDTH, this.dimensions.HEIGHT);</p> <p> // Live region for game status updates. this.a11yStatusEl = document.createElement('span'); this.a11yStatusEl.className = 'offline-runner-live-region'; this.a11yStatusEl.setAttribute('aria-live', 'assertive'); this.a11yStatusEl.textContent = ''; Runner.a11yStatusEl = this.a11yStatusEl;</p> <p> // Add checkbox to slow down the game. this.slowSpeedCheckboxLabel = document.createElement('label'); this.slowSpeedCheckboxLabel.className = 'slow-speed-toggle hidden'; this.slowSpeedCheckboxLabel.textContent = getA11yString(A11Y_STRINGS.speedLabel);</p> <p> this.slowSpeedCheckbox = document.createElement('input'); this.slowSpeedCheckbox.setAttribute('type', 'checkbox'); this.slowSpeedCheckbox.setAttribute( 'title', getA11yString(A11Y_STRINGS.speedLabel)); this.slowSpeedCheckbox.setAttribute('tabindex', '0'); this.slowSpeedCheckbox.setAttribute('checked', 'checked');</p> <p> this.slowSpeedToggleEl = document.createElement('span'); this.slowSpeedToggleEl.className = 'slow-speed-toggle';</p> <p> this.slowSpeedCheckboxLabel.appendChild(this.slowSpeedCheckbox); this.slowSpeedCheckboxLabel.appendChild(this.slowSpeedToggleEl);</p> <p> if (IS_IOS) { this.outerContainerEl.appendChild(this.a11yStatusEl); } else { this.containerEl.appendChild(this.a11yStatusEl); }</p> <p> announcePhrase(getA11yString(A11Y_STRINGS.description));</p> <p> this.generatedSoundFx = new GeneratedSoundFx();</p> <p> this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (this.canvas.getContext('2d')); this.canvasCtx.fillStyle = '#f7f7f7'; this.canvasCtx.fill(); Runner.updateCanvasScaling(this.canvas);</p> <p> // Horizon contains clouds, obstacles and the ground. this.horizon = new Horizon(this.canvas, this.spriteDef, this.dimensions, this.config.GAP_COEFFICIENT);</p> <p> // Distance meter this.distanceMeter = new DistanceMeter(this.canvas, this.spriteDef.TEXT_SPRITE, this.dimensions.WIDTH);</p> <p> // Draw t-rex this.tRex = new Trex(this.canvas, this.spriteDef.TREX);</p> <p> this.outerContainerEl.appendChild(this.containerEl); this.outerContainerEl.appendChild(this.slowSpeedCheckboxLabel);</p> <p> this.startListening(); this.update();</p> <p> window.addEventListener(Runner.events.RESIZE, this.debounceResize.bind(this));</p> <p> // Handle dark mode const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); this.isDarkMode = darkModeMediaQuery && darkModeMediaQuery.matches; darkModeMediaQuery.addListener((e) => { this.isDarkMode = e.matches; }); },</p> <p> /** * Create the touch controller. A div that covers whole screen. */ createTouchController() { this.touchController = document.createElement('div'); this.touchController.className = Runner.classes.TOUCH_CONTROLLER; this.touchController.addEventListener(Runner.events.TOUCHSTART, this); this.touchController.addEventListener(Runner.events.TOUCHEND, this); this.outerContainerEl.appendChild(this.touchController); },</p> <p> /** * Debounce the resize event. */ debounceResize() { if (!this.resizeTimerId_) { this.resizeTimerId_ = setInterval(this.adjustDimensions.bind(this), 250); } },</p> <p> /** * Adjust game space dimensions on resize. */ adjustDimensions() { clearInterval(this.resizeTimerId_); this.resizeTimerId_ = null;</p> <p> const boxStyles = window.getComputedStyle(this.outerContainerEl); const padding = Number(boxStyles.paddingLeft.substr(0, boxStyles.paddingLeft.length - 2));</p> <p> this.dimensions.WIDTH = this.outerContainerEl.offsetWidth - padding * 2; if (this.isArcadeMode()) { this.dimensions.WIDTH = Math.min(DEFAULT_WIDTH, this.dimensions.WIDTH); if (this.activated) { this.setArcadeModeContainerScale(); } }</p> <p> // Redraw the elements back onto the canvas. if (this.canvas) { this.canvas.width = this.dimensions.WIDTH; this.canvas.height = this.dimensions.HEIGHT;</p> <p> Runner.updateCanvasScaling(this.canvas);</p> <p> this.distanceMeter.calcXPos(this.dimensions.WIDTH); this.clearCanvas(); this.horizon.update(0, 0, true); this.tRex.update(0);</p> <p> // Outer container and distance meter. if (this.playing || this.crashed || this.paused) { this.containerEl.style.width = this.dimensions.WIDTH + 'px'; this.containerEl.style.height = this.dimensions.HEIGHT + 'px'; this.distanceMeter.update(0, Math.ceil(this.distanceRan)); this.stop(); } else { this.tRex.draw(0, 0); }</p> <p> // Game over panel. if (this.crashed && this.gameOverPanel) { this.gameOverPanel.updateDimensions(this.dimensions.WIDTH); this.gameOverPanel.draw(this.altGameModeActive, this.tRex); } } },</p> <p> /** * Play the game intro. * Canvas container width expands out to the full width. */ playIntro() { if (!this.activated && !this.crashed) { this.playingIntro = true; this.tRex.playingIntro = true;</p> <p> // CSS animation definition. const keyframes = '@-webkit-keyframes intro { ' + 'from { width:' + Trex.config.WIDTH + 'px }' + 'to { width: ' + this.dimensions.WIDTH + 'px }' + '}'; document.styleSheets[0].insertRule(keyframes, 0);</p> <p> this.containerEl.addEventListener(Runner.events.ANIM_END, this.startGame.bind(this));</p> <p> this.containerEl.style.webkitAnimation = 'intro .4s ease-out 1 both'; this.containerEl.style.width = this.dimensions.WIDTH + 'px';</p> <p> this.setPlayStatus(true); this.activated = true; } else if (this.crashed) { this.restart(); } },</p> <p> /** * Update the game status to started. */ startGame() { if (this.isArcadeMode()) { this.setArcadeMode(); } this.toggleSpeed(); this.runningTime = 0; this.playingIntro = false; this.tRex.playingIntro = false; this.containerEl.style.webkitAnimation = ''; this.playCount++; this.generatedSoundFx.background(); announcePhrase(getA11yString(A11Y_STRINGS.started));</p> <p> if (Runner.audioCues) { this.containerEl.setAttribute('title', getA11yString(A11Y_STRINGS.jump)); }</p> <p> // Handle tabbing off the page. Pause the current game. document.addEventListener(Runner.events.VISIBILITY, this.onVisibilityChange.bind(this));</p> <p> window.addEventListener(Runner.events.BLUR, this.onVisibilityChange.bind(this));</p> <p> window.addEventListener(Runner.events.FOCUS, this.onVisibilityChange.bind(this)); },</p> <p> clearCanvas() { this.canvasCtx.clearRect(0, 0, this.dimensions.WIDTH, this.dimensions.HEIGHT); },</p> <p> /** * Checks whether the canvas area is in the viewport of the browser * through the current scroll position. * @return boolean. */ isCanvasInView() { return this.containerEl.getBoundingClientRect().top > Runner.config.CANVAS_IN_VIEW_OFFSET; },</p> <p> /** * Enable the alt game mode. Switching out the sprites. */ enableAltGameMode() { Runner.imageSprite = Runner.altGameImageSprite; Runner.spriteDefinition = Runner.spriteDefinitionByType[Runner.gameType];</p> <p> if (IS_HIDPI) { this.spriteDef = Runner.spriteDefinition.HDPI; } else { this.spriteDef = Runner.spriteDefinition.LDPI; }</p> <p> this.altGameModeActive = true; this.tRex.enableAltGameMode(this.spriteDef.TREX); this.horizon.enableAltGameMode(this.spriteDef); this.generatedSoundFx.background(); },</p> <p> /** * Update the game frame and schedules the next one. */ update() { this.updatePending = false;</p> <p> const now = getTimeStamp(); let deltaTime = now - (this.time || now);</p> <p> // Flashing when switching game modes. if (this.altGameModeFlashTimer < 0 || this.altGameModeFlashTimer === 0) { this.altGameModeFlashTimer = null; this.tRex.setFlashing(false); this.enableAltGameMode(); } else if (this.altGameModeFlashTimer > 0) { this.altGameModeFlashTimer -= deltaTime; this.tRex.update(deltaTime); deltaTime = 0; }</p> <p> this.time = now;</p> <p> if (this.playing) { this.clearCanvas();</p> <p> // Additional fade in - Prevents jump when switching sprites if (this.altGameModeActive && this.fadeInTimer <= this.config.FADE_DURATION) { this.fadeInTimer += deltaTime / 1000; this.canvasCtx.globalAlpha = this.fadeInTimer; } else { this.canvasCtx.globalAlpha = 1; } if (this.tRex.jumping) { this.tRex.updateJump(deltaTime); } this.runningTime += deltaTime; const hasObstacles = this.runningTime > this.config.CLEAR_TIME;</p> <p> // First jump triggers the intro. if (this.tRex.jumpCount === 1 && !this.playingIntro) { this.playIntro(); }</p> <p> // The horizon doesn't move until the intro is over. if (this.playingIntro) { this.horizon.update(0, this.currentSpeed, hasObstacles); } else if (!this.crashed) { const showNightMode = this.isDarkMode ^ this.inverted; deltaTime = !this.activated ? 0 : deltaTime; this.horizon.update( deltaTime, this.currentSpeed, hasObstacles, showNightMode); }</p> <p> // Check for collisions. let collision = hasObstacles && checkForCollision(this.horizon.obstacles[0], this.tRex);</p> <p> // For a11y, audio cues. if (Runner.audioCues && hasObstacles) { const jumpObstacle = this.horizon.obstacles[0].typeConfig.type != 'COLLECTABLE';</p> <p> if (!this.horizon.obstacles[0].jumpAlerted) { const threshold = Runner.isMobileMouseInput ? Runner.config.AUDIOCUE_PROXIMITY_THRESHOLD_MOBILE_A11Y : Runner.config.AUDIOCUE_PROXIMITY_THRESHOLD; const adjProximityThreshold = threshold + (threshold * Math.log10(this.currentSpeed / Runner.config.SPEED));</p> <p> if (this.horizon.obstacles[0].xPos < adjProximityThreshold) { if (jumpObstacle) { this.generatedSoundFx.jump(); } this.horizon.obstacles[0].jumpAlerted = true; } } } // Activated alt game mode. if (Runner.isAltGameModeEnabled() && collision && this.horizon.obstacles[0].typeConfig.type == 'COLLECTABLE') { this.horizon.removeFirstObstacle(); this.tRex.setFlashing(true); collision = false; this.altGameModeFlashTimer = this.config.FLASH_DURATION; this.runningTime = 0; this.generatedSoundFx.collect(); } if (!collision) { this.distanceRan += this.currentSpeed * deltaTime / this.msPerFrame; if (this.currentSpeed < this.config.MAX_SPEED) { this.currentSpeed += this.config.ACCELERATION; } } else { this.gameOver(); } const playAchievementSound = this.distanceMeter.update(deltaTime, Math.ceil(this.distanceRan)); if (!Runner.audioCues && playAchievementSound) { this.playSound(this.soundFx.SCORE); } // Night mode. if (!Runner.isAltGameModeEnabled()) { if (this.invertTimer > this.config.INVERT_FADE_DURATION) { this.invertTimer = 0; this.invertTrigger = false; this.invert(false); } else if (this.invertTimer) { this.invertTimer += deltaTime; } else { const actualDistance = this.distanceMeter.getActualDistance(Math.ceil(this.distanceRan));</p> <p> if (actualDistance > 0) { this.invertTrigger = !(actualDistance % this.config.INVERT_DISTANCE);</p> <p> if (this.invertTrigger && this.invertTimer === 0) { this.invertTimer += deltaTime; this.invert(false); } } } } }</p> <p> if (this.playing || (!this.activated && this.tRex.blinkCount < Runner.config.MAX_BLINK_COUNT)) { this.tRex.update(deltaTime); this.scheduleNextUpdate(); } }, /** * Event handler. * @param {Event} e */ handleEvent(e) { return (function(evtType, events) { switch (evtType) { case events.KEYDOWN: case events.TOUCHSTART: case events.POINTERDOWN: this.onKeyDown(e); break; case events.KEYUP: case events.TOUCHEND: case events.POINTERUP: this.onKeyUp(e); break; case events.GAMEPADCONNECTED: this.onGamepadConnected(e); break; } }.bind(this))(e.type, Runner.events); }, /** * Initialize audio cues if activated by focus on the canvas element. * @param {Event} e */ handleCanvasKeyPress(e) { if (!this.activated) { this.toggleSpeed(); Runner.audioCues = true; this.generatedSoundFx.init(); Runner.generatedSoundFx = this.generatedSoundFx; Runner.config.CLEAR_TIME *= 1.2; } else if (e.keyCode && Runner.keycodes.JUMP[e.keyCode]) { this.onKeyDown(e); } }, /** * Prevent space key press from scrolling. * @param {Event} e */ preventScrolling(e) { if (e.keyCode === 32) { e.preventDefault(); } }, /** * Toggle speed setting if toggle is shown. */ toggleSpeed() { if (Runner.audioCues) { const speedChange = Runner.slowDown != this.slowSpeedCheckbox.checked; if (speedChange) { Runner.slowDown = this.slowSpeedCheckbox.checked; const updatedConfig = Runner.slowDown ? Runner.slowConfig : Runner.normalConfig; Runner.config = Object.assign(Runner.config, updatedConfig); this.currentSpeed = updatedConfig.SPEED; this.tRex.enableSlowConfig(); this.horizon.adjustObstacleSpeed(); } this.disableSpeedToggle(true); } }, /** * Show the speed toggle. * From focus event or when audio cues are activated. * @param {Event=} e */ showSpeedToggle(e) { const isFocusEvent = e && e.type == 'focus'; if (Runner.audioCues || isFocusEvent) { this.slowSpeedCheckboxLabel.classList.toggle( HIDDEN_CLASS, isFocusEvent ? false : !this.crashed); } }, /** * Disable the speed toggle. * @param {boolean} disable */ disableSpeedToggle(disable) { if (disable) { this.slowSpeedCheckbox.setAttribute('disabled', 'disabled'); } else { this.slowSpeedCheckbox.removeAttribute('disabled'); } }, /** * Bind relevant key / mouse / touch listeners. */ startListening() { // A11y keyboard / screen reader activation. this.containerEl.addEventListener( Runner.events.KEYDOWN, this.handleCanvasKeyPress.bind(this)); if (!IS_MOBILE) { this.containerEl.addEventListener( Runner.events.FOCUS, this.showSpeedToggle.bind(this)); } this.canvas.addEventListener( Runner.events.KEYDOWN, this.preventScrolling.bind(this)); this.canvas.addEventListener( Runner.events.KEYUP, this.preventScrolling.bind(this)); // Keys. document.addEventListener(Runner.events.KEYDOWN, this); document.addEventListener(Runner.events.KEYUP, this); // Touch / pointer. this.containerEl.addEventListener(Runner.events.TOUCHSTART, this); document.addEventListener(Runner.events.POINTERDOWN, this); document.addEventListener(Runner.events.POINTERUP, this); if (this.isArcadeMode()) { // Gamepad window.addEventListener(Runner.events.GAMEPADCONNECTED, this); } }, /** * Remove all listeners. */ stopListening() { document.removeEventListener(Runner.events.KEYDOWN, this); document.removeEventListener(Runner.events.KEYUP, this); if (this.touchController) { this.touchController.removeEventListener(Runner.events.TOUCHSTART, this); this.touchController.removeEventListener(Runner.events.TOUCHEND, this); } this.containerEl.removeEventListener(Runner.events.TOUCHSTART, this); document.removeEventListener(Runner.events.POINTERDOWN, this); document.removeEventListener(Runner.events.POINTERUP, this); if (this.isArcadeMode()) { window.removeEventListener(Runner.events.GAMEPADCONNECTED, this); } }, /** * Process keydown. * @param {Event} e */ onKeyDown(e) { // Prevent native page scrolling whilst tapping on mobile. if (IS_MOBILE && this.playing) { e.preventDefault(); } if (this.isCanvasInView()) { // Allow toggling of speed toggle. if (Runner.keycodes.JUMP[e.keyCode] && e.target == this.slowSpeedCheckbox) { return; } if (!this.crashed && !this.paused) { // For a11y, screen reader activation. const isMobileMouseInput = IS_MOBILE && e.type === Runner.events.POINTERDOWN && e.pointerType == 'mouse' && e.target == this.containerEl || (IS_IOS && e.pointerType == 'touch' && document.activeElement == this.containerEl); if (Runner.keycodes.JUMP[e.keyCode] || e.type === Runner.events.TOUCHSTART || isMobileMouseInput || (Runner.keycodes.DUCK[e.keyCode] && this.altGameModeActive)) { e.preventDefault(); // Starting the game for the first time. if (!this.playing) { // Started by touch so create a touch controller. if (!this.touchController && e.type === Runner.events.TOUCHSTART) { this.createTouchController(); } if (isMobileMouseInput) { this.handleCanvasKeyPress(e); } this.loadSounds(); this.setPlayStatus(true); this.update(); if (window.errorPageController) { errorPageController.trackEasterEgg(); } } // Start jump. if (!this.tRex.jumping && !this.tRex.ducking) { if (Runner.audioCues) { this.generatedSoundFx.cancelFootSteps(); } else { this.playSound(this.soundFx.BUTTON_PRESS); } this.tRex.startJump(this.currentSpeed); } // Ducking is disabled on alt game modes. } else if ( !this.altGameModeActive && this.playing && Runner.keycodes.DUCK[e.keyCode]) { e.preventDefault(); if (this.tRex.jumping) { // Speed drop, activated only when jump key is not pressed. this.tRex.setSpeedDrop(); } else if (!this.tRex.jumping && !this.tRex.ducking) { // Duck. this.tRex.setDuck(true); } } } } }, /** * Process key up. * @param {Event} e */ onKeyUp(e) { const keyCode = String(e.keyCode); const isjumpKey = Runner.keycodes.JUMP[keyCode] || e.type === Runner.events.TOUCHEND || e.type === Runner.events.POINTERUP; if (this.isRunning() && isjumpKey) { this.tRex.endJump(); } else if (Runner.keycodes.DUCK[keyCode]) { this.tRex.speedDrop = false; this.tRex.setDuck(false); } else if (this.crashed) { // Check that enough time has elapsed before allowing jump key to restart. const deltaTime = getTimeStamp() - this.time; if (this.isCanvasInView() && (Runner.keycodes.RESTART[keyCode] || this.isLeftClickOnCanvas(e) || (deltaTime >= this.config.GAMEOVER_CLEAR_TIME && Runner.keycodes.JUMP[keyCode]))) { this.handleGameOverClicks(e); } } else if (this.paused && isjumpKey) { // Reset the jump state this.tRex.reset(); this.play(); } },</p> <p> /** * Process gamepad connected event. * @param {Event} e */ onGamepadConnected(e) { if (!this.pollingGamepads) { this.pollGamepadState(); } },</p> <p> /** * rAF loop for gamepad polling. */ pollGamepadState() { const gamepads = navigator.getGamepads(); this.pollActiveGamepad(gamepads);</p> <p> this.pollingGamepads = true; requestAnimationFrame(this.pollGamepadState.bind(this)); },</p> <p> /** * Polls for a gamepad with the jump button pressed. If one is found this * becomes the "active" gamepad and all others are ignored. * @param {!Array<Gamepad>} gamepads */ pollForActiveGamepad(gamepads) { for (let i = 0; i < gamepads.length; ++i) { if (gamepads[i] && gamepads[i].buttons.length > 0 && gamepads[i].buttons[0].pressed) { this.gamepadIndex = i; this.pollActiveGamepad(gamepads); return; } } },</p> <p> /** * Polls the chosen gamepad for button presses and generates KeyboardEvents * to integrate with the rest of the game logic. * @param {!Array<Gamepad>} gamepads */ pollActiveGamepad(gamepads) { if (this.gamepadIndex === undefined) { this.pollForActiveGamepad(gamepads); return; }</p> <p> const gamepad = gamepads[this.gamepadIndex]; if (!gamepad) { this.gamepadIndex = undefined; this.pollForActiveGamepad(gamepads); return; }</p> <p> // The gamepad specification defines the typical mapping of physical buttons // to button indicies: https://w3c.github.io/gamepad/#remapping this.pollGamepadButton(gamepad, 0, 38); // Jump if (gamepad.buttons.length >= 2) { this.pollGamepadButton(gamepad, 1, 40); // Duck } if (gamepad.buttons.length >= 10) { this.pollGamepadButton(gamepad, 9, 13); // Restart }</p> <p> this.previousGamepad = gamepad; },</p> <p> /** * Generates a key event based on a gamepad button. * @param {!Gamepad} gamepad * @param {number} buttonIndex * @param {number} keyCode */ pollGamepadButton(gamepad, buttonIndex, keyCode) { const state = gamepad.buttons[buttonIndex].pressed; let previousState = false; if (this.previousGamepad) { previousState = this.previousGamepad.buttons[buttonIndex].pressed; } // Generate key events on the rising and falling edge of a button press. if (state !== previousState) { const e = new KeyboardEvent(state ? Runner.events.KEYDOWN : Runner.events.KEYUP, { keyCode: keyCode }); document.dispatchEvent(e); } },</p> <p> /** * Handle interactions on the game over screen state. * A user is able to tap the high score twice to reset it. * @param {Event} e */ handleGameOverClicks(e) { if (e.target != this.slowSpeedCheckbox) { e.preventDefault(); if (this.distanceMeter.hasClickedOnHighScore(e) && this.highestScore) { if (this.distanceMeter.isHighScoreFlashing()) { // Subsequent click, reset the high score. this.saveHighScore(0, true); this.distanceMeter.resetHighScore(); } else { // First click, flash the high score. this.distanceMeter.startHighScoreFlashing(); } } else { this.distanceMeter.cancelHighScoreFlashing(); this.restart(); } } },</p> <p> /** * Returns whether the event was a left click on canvas. * On Windows right click is registered as a click. * @param {Event} e * @return {boolean} */ isLeftClickOnCanvas(e) { return e.button != null && e.button < 2 && e.type === Runner.events.POINTERUP && (e.target === this.canvas || (IS_MOBILE && Runner.audioCues && e.target === this.containerEl)); }, /** * RequestAnimationFrame wrapper. */ scheduleNextUpdate() { if (!this.updatePending) { this.updatePending = true; this.raqId = requestAnimationFrame(this.update.bind(this)); } }, /** * Whether the game is running. * @return {boolean} */ isRunning() { return !!this.raqId; }, /** * Set the initial high score as stored in the user's profile. * @param {number} highScore */ initializeHighScore(highScore) { this.syncHighestScore = true; highScore = Math.ceil(highScore); if (highScore < this.highestScore) { if (window.errorPageController) { errorPageController.updateEasterEggHighScore(this.highestScore); } return; } this.highestScore = highScore; this.distanceMeter.setHighScore(this.highestScore); }, /** * Sets the current high score and saves to the profile if available. * @param {number} distanceRan Total distance ran. * @param {boolean=} opt_resetScore Whether to reset the score. */ saveHighScore(distanceRan, opt_resetScore) { this.highestScore = Math.ceil(distanceRan); this.distanceMeter.setHighScore(this.highestScore); // Store the new high score in the profile. if (this.syncHighestScore && window.errorPageController) { if (opt_resetScore) { errorPageController.resetEasterEggHighScore(); } else { errorPageController.updateEasterEggHighScore(this.highestScore); } } }, /** * Game over state. */ gameOver() { this.playSound(this.soundFx.HIT); vibrate(200); this.stop(); this.crashed = true; this.distanceMeter.achievement = false; this.tRex.update(100, Trex.status.CRASHED); // Game over panel. if (!this.gameOverPanel) { const origSpriteDef = IS_HIDPI ? Runner.spriteDefinitionByType.original.HDPI : Runner.spriteDefinitionByType.original.LDPI; if (this.canvas) { if (Runner.isAltGameModeEnabled) { this.gameOverPanel = new GameOverPanel( this.canvas, origSpriteDef.TEXT_SPRITE, origSpriteDef.RESTART, this.dimensions, origSpriteDef.ALT_GAME_END, this.altGameModeActive); } else { this.gameOverPanel = new GameOverPanel( this.canvas, origSpriteDef.TEXT_SPRITE, origSpriteDef.RESTART, this.dimensions); } } } this.gameOverPanel.draw(this.altGameModeActive, this.tRex); // Update the high score. if (this.distanceRan > this.highestScore) { this.saveHighScore(this.distanceRan); }</p> <p> // Reset the time clock. this.time = getTimeStamp();</p> <p> if (Runner.audioCues) { this.generatedSoundFx.stopAll(); announcePhrase( getA11yString(A11Y_STRINGS.gameOver) .replace( '$1', this.distanceMeter.getActualDistance(this.distanceRan) .toString()) + ' ' + getA11yString(A11Y_STRINGS.highScore) .replace( '$1',</p> <p> this.distanceMeter.getActualDistance(this.highestScore) .toString())); this.containerEl.setAttribute( 'title', getA11yString(A11Y_STRINGS.ariaLabel)); } this.showSpeedToggle(); this.disableSpeedToggle(false); },</p> <p> stop() { this.setPlayStatus(false); this.paused = true; cancelAnimationFrame(this.raqId); this.raqId = 0; this.generatedSoundFx.stopAll(); },</p> <p> play() { if (!this.crashed) { this.setPlayStatus(true); this.paused = false; this.tRex.update(0, Trex.status.RUNNING); this.time = getTimeStamp(); this.update(); this.generatedSoundFx.background(); } },</p> <p> restart() { if (!this.raqId) { this.playCount++; this.runningTime = 0; this.setPlayStatus(true); this.toggleSpeed(); this.paused = false; this.crashed = false; this.distanceRan = 0; this.setSpeed(this.config.SPEED); this.time = getTimeStamp(); this.containerEl.classList.remove(Runner.classes.CRASHED); this.clearCanvas(); this.distanceMeter.reset(); this.horizon.reset(); this.tRex.reset(); this.playSound(this.soundFx.BUTTON_PRESS); this.invert(true); this.flashTimer = null; this.update(); this.gameOverPanel.reset(); this.generatedSoundFx.background(); this.containerEl.setAttribute('title', getA11yString(A11Y_STRINGS.jump)); announcePhrase(getA11yString(A11Y_STRINGS.started)); } },</p> <p> setPlayStatus(isPlaying) { if (this.touchController) { this.touchController.classList.toggle(HIDDEN_CLASS, !isPlaying); } this.playing = isPlaying; },</p> <p> /** * Whether the game should go into arcade mode. * @return {boolean} */ isArcadeMode() { // In RTL languages the title is wrapped with the left to right mark // control characters ‪ and &#x202C but are invisible. return IS_RTL ? document.title.indexOf(ARCADE_MODE_URL) == 1 : document.title === ARCADE_MODE_URL; },</p> <p> /** * Hides offline messaging for a fullscreen game only experience. */ setArcadeMode() { document.body.classList.add(Runner.classes.ARCADE_MODE); this.setArcadeModeContainerScale(); },</p> <p> /** * Sets the scaling for arcade mode. */ setArcadeModeContainerScale() { const windowHeight = window.innerHeight; const scaleHeight = windowHeight / this.dimensions.HEIGHT; const scaleWidth = window.innerWidth / this.dimensions.WIDTH; const scale = Math.max(1, Math.min(scaleHeight, scaleWidth)); const scaledCanvasHeight = this.dimensions.HEIGHT * scale; // Positions the game container at 10% of the available vertical window // height minus the game container height. const translateY = Math.ceil(Math.max(0, (windowHeight - scaledCanvasHeight - Runner.config.ARCADE_MODE_INITIAL_TOP_POSITION) * Runner.config.ARCADE_MODE_TOP_POSITION_PERCENT)) * window.devicePixelRatio;</p> <p> const cssScale = IS_RTL ? -scale + ',' + scale : scale; this.containerEl.style.transform = 'scale(' + cssScale + ') translateY(' + translateY + 'px)'; },</p> <p> /** * Pause the game if the tab is not in focus. */ onVisibilityChange(e) { if (document.hidden || document.webkitHidden || e.type === 'blur' || document.visibilityState !== 'visible') { this.stop(); } else if (!this.crashed) { this.tRex.reset(); this.play(); } },</p> <p> /** * Play a sound. * @param {AudioBuffer} soundBuffer */ playSound(soundBuffer) { if (soundBuffer) { const sourceNode = this.audioContext.createBufferSource(); sourceNode.buffer = soundBuffer; sourceNode.connect(this.audioContext.destination); sourceNode.start(0); } },</p> <p> /** * Inverts the current page / canvas colors. * @param {boolean} reset Whether to reset colors. */ invert(reset) { const htmlEl = document.firstElementChild;</p> <p> if (reset) { htmlEl.classList.toggle(Runner.classes.INVERTED, false); this.invertTimer = 0; this.inverted = false; } else { this.inverted = htmlEl.classList.toggle( Runner.classes.INVERTED, this.invertTrigger); } } };</p> <p>/** * Updates the canvas size taking into * account the backing store pixel ratio and * the device pixel ratio. * * See article by Paul Lewis: * http://www.html5rocks.com/en/tutorials/canvas/hidpi/ * * @param {HTMLCanvasElement} canvas * @param {number=} opt_width * @param {number=} opt_height * @return {boolean} Whether the canvas was scaled. */ Runner.updateCanvasScaling = function(canvas, opt_width, opt_height) { const context = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d'));</p> <p> // Query the various pixel ratios const devicePixelRatio = Math.floor(window.devicePixelRatio) || 1; /** @suppress {missingProperties} */ const backingStoreRatio = Math.floor(context.webkitBackingStorePixelRatio) || 1; const ratio = devicePixelRatio / backingStoreRatio;</p> <p> // Upscale the canvas if the two ratios don't match if (devicePixelRatio !== backingStoreRatio) { const oldWidth = opt_width || canvas.width; const oldHeight = opt_height || canvas.height;</p> <p> canvas.width = oldWidth * ratio; canvas.height = oldHeight * ratio;</p> <p> canvas.style.width = oldWidth + 'px'; canvas.style.height = oldHeight + 'px';</p> <p> // Scale the context to counter the fact that we've manually scaled // our canvas element. context.scale(ratio, ratio); return true; } else if (devicePixelRatio === 1) { // Reset the canvas width / height. Fixes scaling bug when the page is // zoomed and the devicePixelRatio changes accordingly. canvas.style.width = canvas.width + 'px'; canvas.style.height = canvas.height + 'px'; } return false; };</p> <p>/** * Whether events are enabled. * @return {boolean} */ Runner.isAltGameModeEnabled = function() { return loadTimeData && loadTimeData.valueExists('enableAltGameMode'); };</p> <p>/** * Generated sound FX class for audio cues. * @constructor */ function GeneratedSoundFx() { this.audioCues = false; this.context = null; this.panner = null; }</p> <p>GeneratedSoundFx.prototype = { init() { this.audioCues = true; if (!this.context) { // iOS only supports the webkit version. this.context = window.webkitAudioContext ? new webkitAudioContext() : new AudioContext(); if (IS_IOS) { this.context.onstatechange = (function() { if (this.context.state != 'running') { this.context.resume(); } }).bind(this); this.context.resume(); } this.panner = this.context.createStereoPanner ? this.context.createStereoPanner() : null; } },</p> <p> stopAll() { this.cancelFootSteps(); },</p> <p> /** * Play oscillators at certain frequency and for a certain time. * @param {number} frequency * @param {number} startTime * @param {number} duration * @param {?number=} opt_vol * @param {number=} opt_pan */ playNote(frequency, startTime, duration, opt_vol, opt_pan) { const osc1 = this.context.createOscillator(); const osc2 = this.context.createOscillator(); const volume = this.context.createGain();</p> <p> // Set oscillator wave type osc1.type = 'triangle'; osc2.type = 'triangle'; volume.gain.value = 0.1;</p> <p> // Set up node routing if (this.panner) { this.panner.pan.value = opt_pan || 0; osc1.connect(volume).connect(this.panner); osc2.connect(volume).connect(this.panner); this.panner.connect(this.context.destination); } else { osc1.connect(volume); osc2.connect(volume); volume.connect(this.context.destination); }</p> <p> // Detune oscillators for chorus effect osc1.frequency.value = frequency + 1; osc2.frequency.value = frequency - 2;</p> <p> // Fade out volume.gain.setValueAtTime(opt_vol || 0.01, startTime + duration - 0.05); volume.gain.linearRampToValueAtTime(0.00001, startTime + duration);</p> <p> // Start oscillators osc1.start(startTime); osc2.start(startTime); // Stop oscillators osc1.stop(startTime + duration); osc2.stop(startTime + duration); },</p> <p> background() { if (this.audioCues) { const now = this.context.currentTime; this.playNote(493.883, now, 0.116); this.playNote(659.255, now + 0.116, 0.232); this.loopFootSteps(); } },</p> <p> loopFootSteps() { if (this.audioCues && !this.bgSoundIntervalId) { this.bgSoundIntervalId = setInterval(function() { this.playNote(73.42, this.context.currentTime, 0.05, 0.16); this.playNote(69.30, this.context.currentTime + 0.116, 0.116, 0.16); }.bind(this), 280); } },</p> <p> cancelFootSteps() { if (this.audioCues && this.bgSoundIntervalId) { clearInterval(this.bgSoundIntervalId); this.bgSoundIntervalId = null; this.playNote(103.83, this.context.currentTime, 0.232, 0.02); this.playNote(116.54, this.context.currentTime + 0.116, 0.232, 0.02); } },</p> <p> collect() { if (this.audioCues) { this.cancelFootSteps(); const now = this.context.currentTime; this.playNote(830.61, now, 0.116); this.playNote(1318.51, now + 0.116, 0.232); } },</p> <p> jump() { if (this.audioCues) { const now = this.context.currentTime; this.playNote(659.25, now, 0.116, 0.3, -0.6); this.playNote(880, now + 0.116, 0.232, 0.3, -0.6); } }, };</p> <p>/** * Speak a phrase using Speech Synthesis API for a11y. * @param {string} phrase Sentence to speak. */ function speakPhrase(phrase) { if ('speechSynthesis' in window) { const msg = new SpeechSynthesisUtterance(phrase); const voices = window.speechSynthesis.getVoices(); msg.text = phrase; speechSynthesis.speak(msg); } }</p> <p>/** * For screen readers make an announcement to the live region. * @param {string} phrase Sentence to speak. */ function announcePhrase(phrase) { if (Runner.a11yStatusEl) { Runner.a11yStatusEl.textContent = ''; Runner.a11yStatusEl.textContent = phrase; } }</p> <p>/** * Returns a string from loadTimeData data object. * @param {string} stringName * @return {string} */ function getA11yString(stringName) { return loadTimeData && loadTimeData.valueExists(stringName) ? loadTimeData.getString(stringName) : ''; }</p> <p>/** * Get random number. * @param {number} min * @param {number} max */ function getRandomNum(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }</p> <p>/** * Vibrate on mobile devices. * @param {number} duration Duration of the vibration in milliseconds. */ function vibrate(duration) { if (IS_MOBILE && window.navigator.vibrate) { window.navigator.vibrate(duration); } }</p> <p>/** * Create canvas element. * @param {Element} container Element to append canvas to. * @param {number} width * @param {number} height * @param {string=} opt_classname * @return {HTMLCanvasElement} */ function createCanvas(container, width, height, opt_classname) { const canvas = /** @type {!HTMLCanvasElement} */ (document.createElement('canvas')); canvas.className = opt_classname ? Runner.classes.CANVAS + ' ' + opt_classname : Runner.classes.CANVAS; canvas.width = width; canvas.height = height; container.appendChild(canvas);</p> <p> return canvas; }</p> <p>/** * Decodes the base 64 audio to ArrayBuffer used by Web Audio. * @param {string} base64String */ function decodeBase64ToArrayBuffer(base64String) { const len = (base64String.length / 4) * 3; const str = atob(base64String); const arrayBuffer = new ArrayBuffer(len); const bytes = new Uint8Array(arrayBuffer);</p> <p> for (let i = 0; i < len; i++) { bytes[i] = str.charCodeAt(i); } return bytes.buffer; } /** * Return the current timestamp. * @return {number} */ function getTimeStamp() { return IS_IOS ? new Date().getTime() : performance.now(); } //****************************************************************************** /** * Game over panel. * @param {!HTMLCanvasElement} canvas * @param {Object} textImgPos * @param {Object} restartImgPos * @param {!Object} dimensions Canvas dimensions. * @param {Object=} opt_altGameEndImgPos * @param {boolean=} opt_altGameActive * @constructor */ function GameOverPanel( canvas, textImgPos, restartImgPos, dimensions, opt_altGameEndImgPos, opt_altGameActive) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d')); this.canvasDimensions = dimensions; this.textImgPos = textImgPos; this.restartImgPos = restartImgPos; this.altGameEndImgPos = opt_altGameEndImgPos; this.altGameModeActive = opt_altGameActive; // Retry animation. this.frameTimeStamp = 0; this.animTimer = 0; this.currentFrame = 0; this.gameOverRafId = null; this.flashTimer = 0; this.flashCounter = 0; this.originalText = true; } GameOverPanel.RESTART_ANIM_DURATION = 875; GameOverPanel.LOGO_PAUSE_DURATION = 875; GameOverPanel.FLASH_ITERATIONS = 5; /** * Animation frames spec. */ GameOverPanel.animConfig = { frames: [0, 36, 72, 108, 144, 180, 216, 252], msPerFrame: GameOverPanel.RESTART_ANIM_DURATION / 8 }; /** * Dimensions used in the panel. * @enum {number} */ GameOverPanel.dimensions = { TEXT_X: 0, TEXT_Y: 13, TEXT_WIDTH: 191, TEXT_HEIGHT: 11, RESTART_WIDTH: 36, RESTART_HEIGHT: 32 }; GameOverPanel.prototype = { /** * Update the panel dimensions. * @param {number} width New canvas width. * @param {number} opt_height Optional new canvas height. */ updateDimensions(width, opt_height) { this.canvasDimensions.WIDTH = width; if (opt_height) { this.canvasDimensions.HEIGHT = opt_height; } this.currentFrame = GameOverPanel.animConfig.frames.length - 1; }, drawGameOverText(dimensions, opt_useAltText) { const centerX = this.canvasDimensions.WIDTH / 2; let textSourceX = dimensions.TEXT_X; let textSourceY = dimensions.TEXT_Y; let textSourceWidth = dimensions.TEXT_WIDTH; let textSourceHeight = dimensions.TEXT_HEIGHT; const textTargetX = Math.round(centerX - (dimensions.TEXT_WIDTH / 2)); const textTargetY = Math.round((this.canvasDimensions.HEIGHT - 25) / 3); const textTargetWidth = dimensions.TEXT_WIDTH; const textTargetHeight = dimensions.TEXT_HEIGHT; if (IS_HIDPI) { textSourceY *= 2; textSourceX *= 2; textSourceWidth *= 2; textSourceHeight *= 2; } if (!opt_useAltText) { textSourceX += this.textImgPos.x; textSourceY += this.textImgPos.y; } const spriteSource = opt_useAltText ? Runner.altCommonImageSprite : Runner.origImageSprite; this.canvasCtx.save(); if (IS_RTL) { this.canvasCtx.translate(this.canvasDimensions.WIDTH, 0); this.canvasCtx.scale(-1, 1); } // Game over text from sprite. this.canvasCtx.drawImage( spriteSource, textSourceX, textSourceY, textSourceWidth, textSourceHeight, textTargetX, textTargetY, textTargetWidth, textTargetHeight); this.canvasCtx.restore(); }, /** * Draw additional adornments for alternative game types. */ drawAltGameElements(tRex) { // Additional adornments. if (this.altGameModeActive) { const altGameEndConfig = Runner.spriteDefinition.ALT_GAME_END_CONFIG; let altGameEndSourceWidth = altGameEndConfig.WIDTH; let altGameEndSourceHeight = altGameEndConfig.HEIGHT; const altGameEndTargetX = tRex.xPos + altGameEndConfig.X_OFFSET; const altGameEndTargetY = tRex.yPos + altGameEndConfig.Y_OFFSET; if (IS_HIDPI) { altGameEndSourceWidth *= 2; altGameEndSourceHeight *= 2; } this.canvasCtx.drawImage( Runner.altCommonImageSprite, this.altGameEndImgPos.x, this.altGameEndImgPos.y, altGameEndSourceWidth, altGameEndSourceHeight, altGameEndTargetX, altGameEndTargetY, altGameEndConfig.WIDTH, altGameEndConfig.HEIGHT); } }, /** * Draw restart button. */ drawRestartButton() { const dimensions = GameOverPanel.dimensions; let framePosX = GameOverPanel.animConfig.frames[this.currentFrame]; let restartSourceWidth = dimensions.RESTART_WIDTH; let restartSourceHeight = dimensions.RESTART_HEIGHT; const restartTargetX = (this.canvasDimensions.WIDTH / 2) - (dimensions.RESTART_WIDTH / 2); const restartTargetY = this.canvasDimensions.HEIGHT / 2; if (IS_HIDPI) { restartSourceWidth *= 2; restartSourceHeight *= 2; framePosX *= 2; } this.canvasCtx.save(); if (IS_RTL) { this.canvasCtx.translate(this.canvasDimensions.WIDTH, 0); this.canvasCtx.scale(-1, 1); } this.canvasCtx.drawImage( Runner.origImageSprite, this.restartImgPos.x + framePosX, this.restartImgPos.y, restartSourceWidth, restartSourceHeight, restartTargetX, restartTargetY, dimensions.RESTART_WIDTH, dimensions.RESTART_HEIGHT); this.canvasCtx.restore(); }, /** * Draw the panel. * @param {boolean} opt_altGameModeActive * @param {!Trex} opt_tRex */ draw(opt_altGameModeActive, opt_tRex) { if (opt_altGameModeActive) { this.altGameModeActive = opt_altGameModeActive; } this.drawGameOverText(GameOverPanel.dimensions, false); this.drawRestartButton(); this.drawAltGameElements(opt_tRex); this.update(); }, /** * Update animation frames. */ update() { const now = getTimeStamp(); const deltaTime = now - (this.frameTimeStamp || now); const altTextConfig = Runner.spriteDefinitionByType.original.ALT_GAME_OVER_TEXT_CONFIG; this.frameTimeStamp = now; this.animTimer += deltaTime; this.flashTimer += deltaTime; // Restart Button if (this.currentFrame == 0 && this.animTimer > GameOverPanel.LOGO_PAUSE_DURATION) { this.animTimer = 0; this.currentFrame++; this.drawRestartButton(); } else if ( this.currentFrame > 0 && this.currentFrame < GameOverPanel.animConfig.frames.length) { if (this.animTimer >= GameOverPanel.animConfig.msPerFrame) { this.currentFrame++; this.drawRestartButton(); } } else if ( !this.altGameModeActive && this.currentFrame == GameOverPanel.animConfig.frames.length) { this.reset(); return; }</p> <p> // Game over text if (this.altGameModeActive) { if (this.flashCounter < GameOverPanel.FLASH_ITERATIONS && this.flashTimer > altTextConfig.FLASH_DURATION) { this.flashTimer = 0; this.originalText = !this.originalText;</p> <p> this.clearGameOverTextBounds(); if (this.originalText) { this.drawGameOverText(GameOverPanel.dimensions, false); this.flashCounter++; } else { this.drawGameOverText(altTextConfig, true); } } else if (this.flashCounter >= GameOverPanel.FLASH_ITERATIONS) { this.reset(); return; } }</p> <p> this.gameOverRafId = requestAnimationFrame(this.update.bind(this)); },</p> <p> /** * Clear game over text. */ clearGameOverTextBounds() { this.canvasCtx.save();</p> <p> this.canvasCtx.clearRect( Math.round( this.canvasDimensions.WIDTH / 2 - (GameOverPanel.dimensions.TEXT_WIDTH / 2)), Math.round((this.canvasDimensions.HEIGHT - 25) / 3), GameOverPanel.dimensions.TEXT_WIDTH, GameOverPanel.dimensions.TEXT_HEIGHT + 4); this.canvasCtx.restore(); },</p> <p> reset() { if (this.gameOverRafId) { cancelAnimationFrame(this.gameOverRafId); this.gameOverRafId = null; } this.animTimer = 0; this.frameTimeStamp = 0; this.currentFrame = 0; this.flashTimer = 0; this.flashCounter = 0; this.originalText = true; } };</p> <p>//******************************************************************************</p> <p>/** * Check for a collision. * @param {!Obstacle} obstacle * @param {!Trex} tRex T-rex object. * @param {CanvasRenderingContext2D=} opt_canvasCtx Optional canvas context for * drawing collision boxes. * @return {Array<CollisionBox>|undefined} */ function checkForCollision(obstacle, tRex, opt_canvasCtx) { const obstacleBoxXPos = Runner.defaultDimensions.WIDTH + obstacle.xPos;</p> <p> // Adjustments are made to the bounding box as there is a 1 pixel white // border around the t-rex and obstacles. const tRexBox = new CollisionBox( tRex.xPos + 1, tRex.yPos + 1, tRex.config.WIDTH - 2, tRex.config.HEIGHT - 2);</p> <p> const obstacleBox = new CollisionBox( obstacle.xPos + 1, obstacle.yPos + 1, obstacle.typeConfig.width * obstacle.size - 2, obstacle.typeConfig.height - 2);</p> <p> // Debug outer box if (opt_canvasCtx) { drawCollisionBoxes(opt_canvasCtx, tRexBox, obstacleBox); }</p> <p> // Simple outer bounds check. if (boxCompare(tRexBox, obstacleBox)) { const collisionBoxes = obstacle.collisionBoxes; let tRexCollisionBoxes = [];</p> <p> if (Runner.isAltGameModeEnabled()) { tRexCollisionBoxes = Runner.spriteDefinition.TREX.COLLISION_BOXES; } else { tRexCollisionBoxes = tRex.ducking ? Trex.collisionBoxes.DUCKING : Trex.collisionBoxes.RUNNING; }</p> <p> // Detailed axis aligned box check. for (let t = 0; t < tRexCollisionBoxes.length; t++) { for (let i = 0; i < collisionBoxes.length; i++) { // Adjust the box to actual positions. const adjTrexBox = createAdjustedCollisionBox(tRexCollisionBoxes[t], tRexBox); const adjObstacleBox = createAdjustedCollisionBox(collisionBoxes[i], obstacleBox); const crashed = boxCompare(adjTrexBox, adjObstacleBox); // Draw boxes for debug. if (opt_canvasCtx) { drawCollisionBoxes(opt_canvasCtx, adjTrexBox, adjObstacleBox); } if (crashed) { return [adjTrexBox, adjObstacleBox]; } } } } } /** * Adjust the collision box. * @param {!CollisionBox} box The original box. * @param {!CollisionBox} adjustment Adjustment box. * @return {CollisionBox} The adjusted collision box object. */ function createAdjustedCollisionBox(box, adjustment) { return new CollisionBox( box.x + adjustment.x, box.y + adjustment.y, box.width, box.height); } /** * Draw the collision boxes for debug. */ function drawCollisionBoxes(canvasCtx, tRexBox, obstacleBox) { canvasCtx.save(); canvasCtx.strokeStyle = '#f00'; canvasCtx.strokeRect(tRexBox.x, tRexBox.y, tRexBox.width, tRexBox.height); canvasCtx.strokeStyle = '#0f0'; canvasCtx.strokeRect(obstacleBox.x, obstacleBox.y, obstacleBox.width, obstacleBox.height); canvasCtx.restore(); } /** * Compare two collision boxes for a collision. * @param {CollisionBox} tRexBox * @param {CollisionBox} obstacleBox * @return {boolean} Whether the boxes intersected. */ function boxCompare(tRexBox, obstacleBox) { let crashed = false; const tRexBoxX = tRexBox.x; const tRexBoxY = tRexBox.y; const obstacleBoxX = obstacleBox.x; const obstacleBoxY = obstacleBox.y; // Axis-Aligned Bounding Box method. if (tRexBox.x < obstacleBoxX + obstacleBox.width && tRexBox.x + tRexBox.width > obstacleBoxX && tRexBox.y < obstacleBox.y + obstacleBox.height && tRexBox.height + tRexBox.y > obstacleBox.y) { crashed = true; }</p> <p> return crashed; }</p> <p>//******************************************************************************</p> <p>/** * Collision box object. * @param {number} x X position. * @param {number} y Y Position. * @param {number} w Width. * @param {number} h Height. * @constructor */ function CollisionBox(x, y, w, h) { this.x = x; this.y = y; this.width = w; this.height = h; }</p> <p>//******************************************************************************</p> <p>/** * Obstacle. * @param {CanvasRenderingContext2D} canvasCtx * @param {ObstacleType} type * @param {Object} spriteImgPos Obstacle position in sprite. * @param {Object} dimensions * @param {number} gapCoefficient Mutipler in determining the gap. * @param {number} speed * @param {number=} opt_xOffset * @param {boolean=} opt_isAltGameMode * @constructor */ function Obstacle( canvasCtx, type, spriteImgPos, dimensions, gapCoefficient, speed, opt_xOffset, opt_isAltGameMode) { this.canvasCtx = canvasCtx; this.spritePos = spriteImgPos; this.typeConfig = type; this.gapCoefficient = Runner.slowDown ? gapCoefficient * 2 : gapCoefficient; this.size = getRandomNum(1, Obstacle.MAX_OBSTACLE_LENGTH); this.dimensions = dimensions; this.remove = false; this.xPos = dimensions.WIDTH + (opt_xOffset || 0); this.yPos = 0; this.width = 0; this.collisionBoxes = []; this.gap = 0; this.speedOffset = 0; this.altGameModeActive = opt_isAltGameMode; this.imageSprite = this.typeConfig.type == 'COLLECTABLE' ? Runner.altCommonImageSprite : this.altGameModeActive ? Runner.altGameImageSprite : Runner.imageSprite;</p> <p> // For animated obstacles. this.currentFrame = 0; this.timer = 0;</p> <p> this.init(speed); }</p> <p>/** * Coefficient for calculating the maximum gap. */ Obstacle.MAX_GAP_COEFFICIENT = 1.5;</p> <p>/** * Maximum obstacle grouping count. */ Obstacle.MAX_OBSTACLE_LENGTH = 3;</p> <p>Obstacle.prototype = { /** * Initialise the DOM for the obstacle. * @param {number} speed */ init(speed) { this.cloneCollisionBoxes();</p> <p> // Only allow sizing if we're at the right speed. if (this.size > 1 && this.typeConfig.multipleSpeed > speed) { this.size = 1; }</p> <p> this.width = this.typeConfig.width * this.size;</p> <p> // Check if obstacle can be positioned at various heights. if (Array.isArray(this.typeConfig.yPos)) { const yPosConfig = IS_MOBILE ? this.typeConfig.yPosMobile : this.typeConfig.yPos; this.yPos = yPosConfig[getRandomNum(0, yPosConfig.length - 1)]; } else { this.yPos = this.typeConfig.yPos; }</p> <p> this.draw();</p> <p> // Make collision box adjustments, // Central box is adjusted to the size as one box. // ____ ______ ________ // _| |-| _| |-| _| |-| // | |<->| | | |<--->| | | |<----->| | // | | 1 | | | | 2 | | | | 3 | | // |_|___|_| |_|_____|_| |_|_______|_| // if (this.size > 1) { this.collisionBoxes[1].width = this.width - this.collisionBoxes[0].width - this.collisionBoxes[2].width; this.collisionBoxes[2].x = this.width - this.collisionBoxes[2].width; }</p> <p> // For obstacles that go at a different speed from the horizon. if (this.typeConfig.speedOffset) { this.speedOffset = Math.random() > 0.5 ? this.typeConfig.speedOffset : -this.typeConfig.speedOffset; }</p> <p> this.gap = this.getGap(this.gapCoefficient, speed);</p> <p> // Increase gap for audio cues enabled. if (Runner.audioCues) { this.gap *= 2; } },</p> <p> /** * Draw and crop based on size. */ draw() { let sourceWidth = this.typeConfig.width; let sourceHeight = this.typeConfig.height;</p> <p> if (IS_HIDPI) { sourceWidth = sourceWidth * 2; sourceHeight = sourceHeight * 2; }</p> <p> // X position in sprite. let sourceX = (sourceWidth * this.size) * (0.5 * (this.size - 1)) + this.spritePos.x;</p> <p> // Animation frames. if (this.currentFrame > 0) { sourceX += sourceWidth * this.currentFrame; }</p> <p> this.canvasCtx.drawImage( this.imageSprite, sourceX, this.spritePos.y, sourceWidth * this.size, sourceHeight, this.xPos, this.yPos, this.typeConfig.width * this.size, this.typeConfig.height); },</p> <p> /** * Obstacle frame update. * @param {number} deltaTime * @param {number} speed */ update(deltaTime, speed) { if (!this.remove) { if (this.typeConfig.speedOffset) { speed += this.speedOffset; } this.xPos -= Math.floor((speed * FPS / 1000) * deltaTime);</p> <p> // Update frame if (this.typeConfig.numFrames) { this.timer += deltaTime; if (this.timer >= this.typeConfig.frameRate) { this.currentFrame = this.currentFrame === this.typeConfig.numFrames - 1 ? 0 : this.currentFrame + 1; this.timer = 0; } } this.draw();</p> <p> if (!this.isVisible()) { this.remove = true; } } },</p> <p> /** * Calculate a random gap size. * - Minimum gap gets wider as speed increses * @param {number} gapCoefficient * @param {number} speed * @return {number} The gap size. */ getGap(gapCoefficient, speed) { const minGap = Math.round( this.width * speed + this.typeConfig.minGap * gapCoefficient); const maxGap = Math.round(minGap * Obstacle.MAX_GAP_COEFFICIENT); return getRandomNum(minGap, maxGap); },</p> <p> /** * Check if obstacle is visible. * @return {boolean} Whether the obstacle is in the game area. */ isVisible() { return this.xPos + this.width > 0; },</p> <p> /** * Make a copy of the collision boxes, since these will change based on * obstacle type and size. */ cloneCollisionBoxes() { const collisionBoxes = this.typeConfig.collisionBoxes;</p> <p> for (let i = collisionBoxes.length - 1; i >= 0; i--) { this.collisionBoxes[i] = new CollisionBox( collisionBoxes[i].x, collisionBoxes[i].y, collisionBoxes[i].width, collisionBoxes[i].height); } } };</p> <p>//****************************************************************************** /** * T-rex game character. * @param {HTMLCanvasElement} canvas * @param {Object} spritePos Positioning within image sprite. * @constructor */ function Trex(canvas, spritePos) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d')); this.spritePos = spritePos; this.xPos = 0; this.yPos = 0; this.xInitialPos = 0; // Position when on the ground. this.groundYPos = 0; this.currentFrame = 0; this.currentAnimFrames = []; this.blinkDelay = 0; this.blinkCount = 0; this.animStartTime = 0; this.timer = 0; this.msPerFrame = 1000 / FPS; this.config = Object.assign(Trex.config, Trex.normalJumpConfig); // Current status. this.status = Trex.status.WAITING; this.jumping = false; this.ducking = false; this.jumpVelocity = 0; this.reachedMinHeight = false; this.speedDrop = false; this.jumpCount = 0; this.jumpspotX = 0; this.altGameModeEnabled = false; this.flashing = false;</p> <p> this.init(); }</p> <p>/** * T-rex player config. */ Trex.config = { DROP_VELOCITY: -5, FLASH_OFF: 175, FLASH_ON: 100, HEIGHT: 47, HEIGHT_DUCK: 25, INTRO_DURATION: 1500, SPEED_DROP_COEFFICIENT: 3, SPRITE_WIDTH: 262, START_X_POS: 50, WIDTH: 44, WIDTH_DUCK: 59 };</p> <p>Trex.slowJumpConfig = { GRAVITY: 0.25, MAX_JUMP_HEIGHT: 50, MIN_JUMP_HEIGHT: 45, INITIAL_JUMP_VELOCITY: -20, };</p> <p>Trex.normalJumpConfig = { GRAVITY: 0.6, MAX_JUMP_HEIGHT: 30, MIN_JUMP_HEIGHT: 30, INITIAL_JUMP_VELOCITY: -10, };</p> <p>/** * Used in collision detection. * @enum {Array<CollisionBox>} */ Trex.collisionBoxes = { DUCKING: [new CollisionBox(1, 18, 55, 25)], RUNNING: [ new CollisionBox(22, 0, 17, 16), new CollisionBox(1, 18, 30, 9), new CollisionBox(10, 35, 14, 8), new CollisionBox(1, 24, 29, 5), new CollisionBox(5, 30, 21, 4), new CollisionBox(9, 34, 15, 4) ] };</p> <p>/** * Animation states. * @enum {string} */ Trex.status = { CRASHED: 'CRASHED', DUCKING: 'DUCKING', JUMPING: 'JUMPING', RUNNING: 'RUNNING', WAITING: 'WAITING' };</p> <p>/** * Blinking coefficient. * @const */ Trex.BLINK_TIMING = 7000;</p> <p>/** * Animation config for different states. * @enum {Object} */ Trex.animFrames = { WAITING: { frames: [44, 0], msPerFrame: 1000 / 3 }, RUNNING: { frames: [88, 132], msPerFrame: 1000 / 12 }, CRASHED: { frames: [220], msPerFrame: 1000 / 60 }, JUMPING: { frames: [0], msPerFrame: 1000 / 60 }, DUCKING: { frames: [264, 323], msPerFrame: 1000 / 8 } };</p> <p>Trex.prototype = { /** * T-rex player initaliser. * Sets the t-rex to blink at random intervals. */ init() { this.groundYPos = Runner.defaultDimensions.HEIGHT - this.config.HEIGHT - Runner.config.BOTTOM_PAD; this.yPos = this.groundYPos; this.minJumpHeight = this.groundYPos - this.config.MIN_JUMP_HEIGHT;</p> <p> this.draw(0, 0); this.update(0, Trex.status.WAITING); },</p> <p> /** * Assign the appropriate jump parameters based on the game speed. */ enableSlowConfig: function() { const jumpConfig = Runner.slowDown ? Trex.slowJumpConfig : Trex.normalJumpConfig; Trex.config = Object.assign(Trex.config, jumpConfig);</p> <p> this.adjustAltGameConfigForSlowSpeed(); },</p> <p> /** * Enables the alternative game. Redefines the dino config. * @param {Object} spritePos New positioning within image sprite. */ enableAltGameMode: function(spritePos) { this.altGameModeEnabled = true; this.spritePos = spritePos; const spriteDefinition = Runner.spriteDefinition['TREX'];</p> <p> // Update animation frames. Trex.animFrames.RUNNING.frames = [spriteDefinition.RUNNING_1.x, spriteDefinition.RUNNING_2.x]; Trex.animFrames.CRASHED.frames = [spriteDefinition.CRASHED.x];</p> <p> if (typeof spriteDefinition.JUMPING.x == 'object') { Trex.animFrames.JUMPING.frames = spriteDefinition.JUMPING.x; } else { Trex.animFrames.JUMPING.frames = [spriteDefinition.JUMPING.x]; }</p> <p> Trex.animFrames.DUCKING.frames = [spriteDefinition.RUNNING_1.x, spriteDefinition.RUNNING_2.x];</p> <p> // Update Trex config Trex.config.GRAVITY = spriteDefinition.GRAVITY || Trex.config.GRAVITY; Trex.config.HEIGHT = spriteDefinition.RUNNING_1.h, Trex.config.INITIAL_JUMP_VELOCITY = spriteDefinition.INITIAL_JUMP_VELOCITY; Trex.config.MAX_JUMP_HEIGHT = spriteDefinition.MAX_JUMP_HEIGHT; Trex.config.MIN_JUMP_HEIGHT = spriteDefinition.MIN_JUMP_HEIGHT; Trex.config.WIDTH = spriteDefinition.RUNNING_1.w; Trex.config.WIDTH_JUMP = spriteDefinition.JUMPING.w; Trex.config.INVERT_JUMP = spriteDefinition.INVERT_JUMP;</p> <p> this.adjustAltGameConfigForSlowSpeed(spriteDefinition.GRAVITY); this.config = Trex.config;</p> <p> // Adjust bottom horizon placement. this.groundYPos = Runner.defaultDimensions.HEIGHT - this.config.HEIGHT - Runner.spriteDefinition['BOTTOM_PAD']; this.yPos = this.groundYPos; this.reset(); },</p> <p> /** * Slow speeds adjustments for the alt game modes. * @param {number=} opt_gravityValue */ adjustAltGameConfigForSlowSpeed: function(opt_gravityValue) { if (Runner.slowDown) { if (opt_gravityValue) { Trex.config.GRAVITY = opt_gravityValue / 1.5; } Trex.config.MIN_JUMP_HEIGHT *= 1.5; Trex.config.MAX_JUMP_HEIGHT *= 1.5; Trex.config.INITIAL_JUMP_VELOCITY = Trex.config.INITIAL_JUMP_VELOCITY * 1.5; } },</p> <p> /** * Setter whether dino is flashing. * @param {boolean} status */ setFlashing: function(status) { this.flashing = status; },</p> <p> /** * Setter for the jump velocity. * The approriate drop velocity is also set. * @param {number} setting */ setJumpVelocity(setting) { this.config.INIITAL_JUMP_VELOCITY = -setting; this.config.DROP_VELOCITY = -setting / 2; },</p> <p> /** * Set the animation status. * @param {!number} deltaTime * @param {Trex.status=} opt_status Optional status to switch to. */ update(deltaTime, opt_status) { this.timer += deltaTime;</p> <p> // Update the status. if (opt_status) { this.status = opt_status; this.currentFrame = 0; this.msPerFrame = Trex.animFrames[opt_status].msPerFrame; this.currentAnimFrames = Trex.animFrames[opt_status].frames;</p> <p> if (opt_status === Trex.status.WAITING) { this.animStartTime = getTimeStamp(); this.setBlinkDelay(); } } // Game intro animation, T-rex moves in from the left. if (this.playingIntro && this.xPos < this.config.START_X_POS) { this.xPos += Math.round((this.config.START_X_POS / this.config.INTRO_DURATION) * deltaTime); this.xInitialPos = this.xPos; } if (this.status === Trex.status.WAITING) { this.blink(getTimeStamp()); } else { this.draw(this.currentAnimFrames[this.currentFrame], 0); } // Update the frame position. if (!this.flashing && this.timer >= this.msPerFrame) { this.currentFrame = this.currentFrame == this.currentAnimFrames.length - 1 ? 0 : this.currentFrame + 1; this.timer = 0; }</p> <p> if (!this.altGameModeEnabled) { // Speed drop becomes duck if the down key is still being pressed. if (this.speedDrop && this.yPos === this.groundYPos) { this.speedDrop = false; this.setDuck(true); } } },</p> <p> /** * Draw the t-rex to a particular position. * @param {number} x * @param {number} y */ draw(x, y) { let sourceX = x; let sourceY = y; let sourceWidth = this.ducking && this.status !== Trex.status.CRASHED ? this.config.WIDTH_DUCK : this.config.WIDTH; let sourceHeight = this.config.HEIGHT; const outputHeight = sourceHeight;</p> <p> let jumpOffset = Runner.spriteDefinition.TREX.JUMPING.xOffset;</p> <p> // Width of sprite changes on jump. if (this.altGameModeEnabled && this.jumping && this.status !== Trex.status.CRASHED) { sourceWidth = this.config.WIDTH_JUMP; }</p> <p> if (IS_HIDPI) { sourceX *= 2; sourceY *= 2; sourceWidth *= 2; sourceHeight *= 2; jumpOffset *= 2; }</p> <p> // Adjustments for sprite sheet position. sourceX += this.spritePos.x; sourceY += this.spritePos.y;</p> <p> // Flashing. if (this.flashing) { if (this.timer < this.config.FLASH_ON) { this.canvasCtx.globalAlpha = 0.5; } else if (this.timer > this.config.FLASH_OFF) { this.timer = 0; } }</p> <p> // Ducking. if (!this.altGameModeEnabled && this.ducking && this.status !== Trex.status.CRASHED) { this.canvasCtx.drawImage(Runner.imageSprite, sourceX, sourceY, sourceWidth, sourceHeight, this.xPos, this.yPos, this.config.WIDTH_DUCK, outputHeight); } else if ( this.altGameModeEnabled && this.jumping && this.status !== Trex.status.CRASHED) { // Jumping with adjustments. this.canvasCtx.drawImage( Runner.imageSprite, sourceX, sourceY, sourceWidth, sourceHeight, this.xPos - jumpOffset, this.yPos, this.config.WIDTH_JUMP, outputHeight); } else { // Crashed whilst ducking. Trex is standing up so needs adjustment. if (this.ducking && this.status === Trex.status.CRASHED) { this.xPos++; } // Standing / running this.canvasCtx.drawImage(Runner.imageSprite, sourceX, sourceY, sourceWidth, sourceHeight, this.xPos, this.yPos, this.config.WIDTH, outputHeight); } this.canvasCtx.globalAlpha = 1; },</p> <p> /** * Sets a random time for the blink to happen. */ setBlinkDelay() { this.blinkDelay = Math.ceil(Math.random() * Trex.BLINK_TIMING); },</p> <p> /** * Make t-rex blink at random intervals. * @param {number} time Current time in milliseconds. */ blink(time) { const deltaTime = time - this.animStartTime;</p> <p> if (deltaTime >= this.blinkDelay) { this.draw(this.currentAnimFrames[this.currentFrame], 0);</p> <p> if (this.currentFrame === 1) { // Set new random delay to blink. this.setBlinkDelay(); this.animStartTime = time; this.blinkCount++; } } },</p> <p> /** * Initialise a jump. * @param {number} speed */ startJump(speed) { if (!this.jumping) { this.update(0, Trex.status.JUMPING); // Tweak the jump velocity based on the speed. this.jumpVelocity = this.config.INITIAL_JUMP_VELOCITY - (speed / 10); this.jumping = true; this.reachedMinHeight = false; this.speedDrop = false;</p> <p> if (this.config.INVERT_JUMP) { this.minJumpHeight = this.groundYPos + this.config.MIN_JUMP_HEIGHT; } } },</p> <p> /** * Jump is complete, falling down. */ endJump() { if (this.reachedMinHeight && this.jumpVelocity < this.config.DROP_VELOCITY) { this.jumpVelocity = this.config.DROP_VELOCITY; } }, /** * Update frame for a jump. * @param {number} deltaTime */ updateJump(deltaTime) { const msPerFrame = Trex.animFrames[this.status].msPerFrame; const framesElapsed = deltaTime / msPerFrame; // Speed drop makes Trex fall faster. if (this.speedDrop) { this.yPos += Math.round(this.jumpVelocity * this.config.SPEED_DROP_COEFFICIENT * framesElapsed); } else if (this.config.INVERT_JUMP) { this.yPos -= Math.round(this.jumpVelocity * framesElapsed); } else { this.yPos += Math.round(this.jumpVelocity * framesElapsed); } this.jumpVelocity += this.config.GRAVITY * framesElapsed; // Minimum height has been reached. if (this.config.INVERT_JUMP && (this.yPos > this.minJumpHeight) || !this.config.INVERT_JUMP && (this.yPos < this.minJumpHeight) || this.speedDrop) { this.reachedMinHeight = true; } // Reached max height. if (this.config.INVERT_JUMP && (this.yPos > -this.config.MAX_JUMP_HEIGHT) || !this.config.INVERT_JUMP && (this.yPos < this.config.MAX_JUMP_HEIGHT) || this.speedDrop) { this.endJump(); } // Back down at ground level. Jump completed. if ((this.config.INVERT_JUMP && this.yPos) < this.groundYPos || (!this.config.INVERT_JUMP && this.yPos) > this.groundYPos) { this.reset(); this.jumpCount++;</p> <p> if (Runner.audioCues) { Runner.generatedSoundFx.loopFootSteps(); } } },</p> <p> /** * Set the speed drop. Immediately cancels the current jump. */ setSpeedDrop() { this.speedDrop = true; this.jumpVelocity = 1; },</p> <p> /** * @param {boolean} isDucking */ setDuck(isDucking) { if (isDucking && this.status !== Trex.status.DUCKING) { this.update(0, Trex.status.DUCKING); this.ducking = true; } else if (this.status === Trex.status.DUCKING) { this.update(0, Trex.status.RUNNING); this.ducking = false; } },</p> <p> /** * Reset the t-rex to running at start of game. */ reset() { this.xPos = this.xInitialPos; this.yPos = this.groundYPos; this.jumpVelocity = 0; this.jumping = false; this.ducking = false; this.update(0, Trex.status.RUNNING); this.midair = false; this.speedDrop = false; this.jumpCount = 0; } };</p> <p>//******************************************************************************</p> <p>/** * Handles displaying the distance meter. * @param {!HTMLCanvasElement} canvas * @param {Object} spritePos Image position in sprite. * @param {number} canvasWidth * @constructor */ function DistanceMeter(canvas, spritePos, canvasWidth) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d')); this.image = Runner.imageSprite; this.spritePos = spritePos; this.x = 0; this.y = 5;</p> <p> this.currentDistance = 0; this.maxScore = 0; this.highScore = '0'; this.container = null;</p> <p> this.digits = []; this.achievement = false; this.defaultString = ''; this.flashTimer = 0; this.flashIterations = 0; this.invertTrigger = false; this.flashingRafId = null; this.highScoreBounds = {}; this.highScoreFlashing = false;</p> <p> this.config = DistanceMeter.config; this.maxScoreUnits = this.config.MAX_DISTANCE_UNITS; this.canvasWidth = canvasWidth; this.init(canvasWidth); }</p> <p>/** * @enum {number} */ DistanceMeter.dimensions = { WIDTH: 10, HEIGHT: 13, DEST_WIDTH: 11 };</p> <p>/** * Y positioning of the digits in the sprite sheet. * X position is always 0. * @type {Array<number>} */ DistanceMeter.yPos = [0, 13, 27, 40, 53, 67, 80, 93, 107, 120];</p> <p>/** * Distance meter config. * @enum {number} */ DistanceMeter.config = { // Number of digits. MAX_DISTANCE_UNITS: 5,</p> <p> // Distance that causes achievement animation. ACHIEVEMENT_DISTANCE: 100,</p> <p> // Used for conversion from pixel distance to a scaled unit. COEFFICIENT: 0.025,</p> <p> // Flash duration in milliseconds. FLASH_DURATION: 1000 / 4,</p> <p> // Flash iterations for achievement animation. FLASH_ITERATIONS: 3,</p> <p> // Padding around the high score hit area. HIGH_SCORE_HIT_AREA_PADDING: 4 };</p> <p>DistanceMeter.prototype = { /** * Initialise the distance meter to '00000'. * @param {number} width Canvas width in px. */ init(width) { let maxDistanceStr = '';</p> <p> this.calcXPos(width); this.maxScore = this.maxScoreUnits; for (let i = 0; i < this.maxScoreUnits; i++) { this.draw(i, 0); this.defaultString += '0'; maxDistanceStr += '9'; } this.maxScore = parseInt(maxDistanceStr, 10); }, /** * Calculate the xPos in the canvas. * @param {number} canvasWidth */ calcXPos(canvasWidth) { this.x = canvasWidth - (DistanceMeter.dimensions.DEST_WIDTH * (this.maxScoreUnits + 1)); }, /** * Draw a digit to canvas. * @param {number} digitPos Position of the digit. * @param {number} value Digit value 0-9. * @param {boolean=} opt_highScore Whether drawing the high score. */ draw(digitPos, value, opt_highScore) { let sourceWidth = DistanceMeter.dimensions.WIDTH; let sourceHeight = DistanceMeter.dimensions.HEIGHT; let sourceX = DistanceMeter.dimensions.WIDTH * value; let sourceY = 0; const targetX = digitPos * DistanceMeter.dimensions.DEST_WIDTH; const targetY = this.y; const targetWidth = DistanceMeter.dimensions.WIDTH; const targetHeight = DistanceMeter.dimensions.HEIGHT; // For high DPI we 2x source values. if (IS_HIDPI) { sourceWidth *= 2; sourceHeight *= 2; sourceX *= 2; } sourceX += this.spritePos.x; sourceY += this.spritePos.y; this.canvasCtx.save(); if (IS_RTL) { if (opt_highScore) { this.canvasCtx.translate( this.canvasWidth - (DistanceMeter.dimensions.WIDTH * (this.maxScoreUnits + 3)), this.y); } else { this.canvasCtx.translate( this.canvasWidth - DistanceMeter.dimensions.WIDTH, this.y); } this.canvasCtx.scale(-1, 1); } else { const highScoreX = this.x - (this.maxScoreUnits * 2) * DistanceMeter.dimensions.WIDTH; if (opt_highScore) { this.canvasCtx.translate(highScoreX, this.y); } else { this.canvasCtx.translate(this.x, this.y); } } this.canvasCtx.drawImage(this.image, sourceX, sourceY, sourceWidth, sourceHeight, targetX, targetY, targetWidth, targetHeight ); this.canvasCtx.restore(); }, /** * Covert pixel distance to a 'real' distance. * @param {number} distance Pixel distance ran. * @return {number} The 'real' distance ran. */ getActualDistance(distance) { return distance ? Math.round(distance * this.config.COEFFICIENT) : 0; }, /** * Update the distance meter. * @param {number} distance * @param {number} deltaTime * @return {boolean} Whether the acheivement sound fx should be played. */ update(deltaTime, distance) { let paint = true; let playSound = false; if (!this.achievement) { distance = this.getActualDistance(distance); // Score has gone beyond the initial digit count. if (distance > this.maxScore && this.maxScoreUnits == this.config.MAX_DISTANCE_UNITS) { this.maxScoreUnits++; this.maxScore = parseInt(this.maxScore + '9', 10); } else { this.distance = 0; }</p> <p> if (distance > 0) { // Achievement unlocked. if (distance % this.config.ACHIEVEMENT_DISTANCE === 0) { // Flash score and play sound. this.achievement = true; this.flashTimer = 0; playSound = true; }</p> <p> // Create a string representation of the distance with leading 0. const distanceStr = (this.defaultString + distance).substr(-this.maxScoreUnits); this.digits = distanceStr.split(''); } else { this.digits = this.defaultString.split(''); } } else { // Control flashing of the score on reaching acheivement. if (this.flashIterations <= this.config.FLASH_ITERATIONS) { this.flashTimer += deltaTime; if (this.flashTimer < this.config.FLASH_DURATION) { paint = false; } else if (this.flashTimer > this.config.FLASH_DURATION * 2) { this.flashTimer = 0; this.flashIterations++; } } else { this.achievement = false; this.flashIterations = 0; this.flashTimer = 0; } }</p> <p> // Draw the digits if not flashing. if (paint) { for (let i = this.digits.length - 1; i >= 0; i--) { this.draw(i, parseInt(this.digits[i], 10)); } }</p> <p> this.drawHighScore(); return playSound; },</p> <p> /** * Draw the high score. */ drawHighScore() { if (parseInt(this.highScore, 10) > 0) { this.canvasCtx.save(); this.canvasCtx.globalAlpha = .8; for (let i = this.highScore.length - 1; i >= 0; i--) { this.draw(i, parseInt(this.highScore[i], 10), true); } this.canvasCtx.restore(); } },</p> <p> /** * Set the highscore as a array string. * Position of char in the sprite: H - 10, I - 11. * @param {number} distance Distance ran in pixels. */ setHighScore(distance) { distance = this.getActualDistance(distance); const highScoreStr = (this.defaultString + distance).substr(-this.maxScoreUnits);</p> <p> this.highScore = ['10', '11', ''].concat(highScoreStr.split('')); },</p> <p> /** * Whether a clicked is in the high score area. * @param {Event} e Event object. * @return {boolean} Whether the click was in the high score bounds. */ hasClickedOnHighScore(e) { let x = 0; let y = 0;</p> <p> if (e.touches) { // Bounds for touch differ from pointer. const canvasBounds = this.canvas.getBoundingClientRect(); x = e.touches[0].clientX - canvasBounds.left; y = e.touches[0].clientY - canvasBounds.top; } else { x = e.offsetX; y = e.offsetY; }</p> <p> this.highScoreBounds = this.getHighScoreBounds(); return x >= this.highScoreBounds.x && x <= this.highScoreBounds.x + this.highScoreBounds.width && y >= this.highScoreBounds.y && y <= this.highScoreBounds.y + this.highScoreBounds.height; }, /** * Get the bounding box for the high score. * @return {Object} Object with x, y, width and height properties. */ getHighScoreBounds() { return { x: (this.x - (this.maxScoreUnits * 2) * DistanceMeter.dimensions.WIDTH) - DistanceMeter.config.HIGH_SCORE_HIT_AREA_PADDING, y: this.y, width: DistanceMeter.dimensions.WIDTH * (this.highScore.length + 1) + DistanceMeter.config.HIGH_SCORE_HIT_AREA_PADDING, height: DistanceMeter.dimensions.HEIGHT + (DistanceMeter.config.HIGH_SCORE_HIT_AREA_PADDING * 2) }; }, /** * Animate flashing the high score to indicate ready for resetting. * The flashing stops following this.config.FLASH_ITERATIONS x 2 flashes. */ flashHighScore() { const now = getTimeStamp(); const deltaTime = now - (this.frameTimeStamp || now); let paint = true; this.frameTimeStamp = now; // Reached the max number of flashes. if (this.flashIterations > this.config.FLASH_ITERATIONS * 2) { this.cancelHighScoreFlashing(); return; }</p> <p> this.flashTimer += deltaTime;</p> <p> if (this.flashTimer < this.config.FLASH_DURATION) { paint = false; } else if (this.flashTimer > this.config.FLASH_DURATION * 2) { this.flashTimer = 0; this.flashIterations++; }</p> <p> if (paint) { this.drawHighScore(); } else { this.clearHighScoreBounds(); } // Frame update. this.flashingRafId = requestAnimationFrame(this.flashHighScore.bind(this)); },</p> <p> /** * Draw empty rectangle over high score. */ clearHighScoreBounds() { this.canvasCtx.save(); this.canvasCtx.fillStyle = '#fff'; this.canvasCtx.rect(this.highScoreBounds.x, this.highScoreBounds.y, this.highScoreBounds.width, this.highScoreBounds.height); this.canvasCtx.fill(); this.canvasCtx.restore(); },</p> <p> /** * Starts the flashing of the high score. */ startHighScoreFlashing() { this.highScoreFlashing = true; this.flashHighScore(); },</p> <p> /** * Whether high score is flashing. * @return {boolean} */ isHighScoreFlashing() { return this.highScoreFlashing; },</p> <p> /** * Stop flashing the high score. */ cancelHighScoreFlashing() { if (this.flashingRafId) { cancelAnimationFrame(this.flashingRafId); } this.flashIterations = 0; this.flashTimer = 0; this.highScoreFlashing = false; this.clearHighScoreBounds(); this.drawHighScore(); },</p> <p> /** * Clear the high score. */ resetHighScore() { this.setHighScore(0); this.cancelHighScoreFlashing(); },</p> <p> /** * Reset the distance meter back to '00000'. */ reset() { this.update(0, 0); this.achievement = false; } };</p> <p>//******************************************************************************</p> <p>/** * Cloud background item. * Similar to an obstacle object but without collision boxes. * @param {HTMLCanvasElement} canvas Canvas element. * @param {Object} spritePos Position of image in sprite. * @param {number} containerWidth * @constructor */ function Cloud(canvas, spritePos, containerWidth) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (this.canvas.getContext('2d')); this.spritePos = spritePos; this.containerWidth = containerWidth; this.xPos = containerWidth; this.yPos = 0; this.remove = false; this.gap = getRandomNum(Cloud.config.MIN_CLOUD_GAP, Cloud.config.MAX_CLOUD_GAP);</p> <p> this.init(); }</p> <p>/** * Cloud object config. * @enum {number} */ Cloud.config = { HEIGHT: 14, MAX_CLOUD_GAP: 400, MAX_SKY_LEVEL: 30, MIN_CLOUD_GAP: 100, MIN_SKY_LEVEL: 71, WIDTH: 46 };</p> <p>Cloud.prototype = { /** * Initialise the cloud. Sets the Cloud height. */ init() { this.yPos = getRandomNum(Cloud.config.MAX_SKY_LEVEL, Cloud.config.MIN_SKY_LEVEL); this.draw(); },</p> <p> /** * Draw the cloud. */ draw() { this.canvasCtx.save(); let sourceWidth = Cloud.config.WIDTH; let sourceHeight = Cloud.config.HEIGHT; const outputWidth = sourceWidth; const outputHeight = sourceHeight; if (IS_HIDPI) { sourceWidth = sourceWidth * 2; sourceHeight = sourceHeight * 2; }</p> <p> this.canvasCtx.drawImage(Runner.imageSprite, this.spritePos.x, this.spritePos.y, sourceWidth, sourceHeight, this.xPos, this.yPos, outputWidth, outputHeight);</p> <p> this.canvasCtx.restore(); },</p> <p> /** * Update the cloud position. * @param {number} speed */ update(speed) { if (!this.remove) { this.xPos -= Math.ceil(speed); this.draw();</p> <p> // Mark as removeable if no longer in the canvas. if (!this.isVisible()) { this.remove = true; } } },</p> <p> /** * Check if the cloud is visible on the stage. * @return {boolean} */ isVisible() { return this.xPos + Cloud.config.WIDTH > 0; } };</p> <p>/** * Background item. * Similar to cloud, without random y position. * @param {HTMLCanvasElement} canvas Canvas element. * @param {Object} spritePos Position of image in sprite. * @param {number} containerWidth * @param {string} type Element type. * @constructor */ function BackgroundEl(canvas, spritePos, containerWidth, type) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (this.canvas.getContext('2d')); this.spritePos = spritePos; this.containerWidth = containerWidth; this.xPos = containerWidth; this.yPos = 0; this.remove = false; this.type = type; this.gap = getRandomNum(BackgroundEl.config.MIN_GAP, BackgroundEl.config.MAX_GAP); this.animTimer = 0; this.switchFrames = false;</p> <p> this.spriteConfig = {}; this.init(); }</p> <p>/** * Background element object config. * Real values assigned when game type changes. * @enum {number} */ BackgroundEl.config = { MAX_BG_ELS: 0, MAX_GAP: 0, MIN_GAP: 0, POS: 0, SPEED: 0, Y_POS: 0, MS_PER_FRAME: 0 // only needed when BACKGROUND_EL.FIXED is true };</p> <p>BackgroundEl.prototype = { /** * Initialise the element setting the y position. */ init() { this.spriteConfig = Runner.spriteDefinition.BACKGROUND_EL[this.type]; if (this.spriteConfig.FIXED) { this.xPos = this.spriteConfig.FIXED_X_POS; } this.yPos = BackgroundEl.config.Y_POS - this.spriteConfig.HEIGHT + this.spriteConfig.OFFSET; this.draw(); },</p> <p> /** * Draw the element. */ draw() { this.canvasCtx.save(); let sourceWidth = this.spriteConfig.WIDTH; let sourceHeight = this.spriteConfig.HEIGHT; let sourceX = this.spriteConfig.X_POS; const outputWidth = sourceWidth; const outputHeight = sourceHeight;</p> <p> if (IS_HIDPI) { sourceWidth *= 2; sourceHeight *= 2; sourceX *= 2; }</p> <p> this.canvasCtx.drawImage( Runner.imageSprite, sourceX, this.spritePos.y, sourceWidth, sourceHeight, this.xPos, this.yPos, outputWidth, outputHeight);</p> <p> this.canvasCtx.restore(); },</p> <p> /** * Update the background element position. * @param {number} speed */ update(speed) { if (!this.remove) { if (!this.spriteConfig.FIXED) { // Fixed speed, regardless of actual game speed. this.xPos -= BackgroundEl.config.SPEED; } else { this.animTimer += speed; if (this.animTimer > BackgroundEl.config.MS_PER_FRAME) { this.animTimer = 0; this.switchFrames = !this.switchFrames; }</p> <p> this.yPos = this.switchFrames ? this.spriteConfig.FIXED_Y_POS_1 : this.spriteConfig.FIXED_Y_POS_2; } this.draw();</p> <p> // Mark as removable if no longer in the canvas. if (!this.isVisible()) { this.remove = true; } } },</p> <p> /** * Check if the element is visible on the stage. * @return {boolean} */ isVisible() { return this.xPos + this.spriteConfig.WIDTH > 0; } };</p> <p>//******************************************************************************</p> <p>/** * Nightmode shows a moon and stars on the horizon. * @param {HTMLCanvasElement} canvas * @param {number} spritePos * @param {number} containerWidth * @constructor */ function NightMode(canvas, spritePos, containerWidth) { this.spritePos = spritePos; this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d')); this.xPos = containerWidth - 50; this.yPos = 30; this.currentPhase = 0; this.opacity = 0; this.containerWidth = containerWidth; this.stars = []; this.drawStars = false; this.placeStars(); }</p> <p>/** * @enum {number} */ NightMode.config = { FADE_SPEED: 0.035, HEIGHT: 40, MOON_SPEED: 0.25, NUM_STARS: 2, STAR_SIZE: 9, STAR_SPEED: 0.3, STAR_MAX_Y: 70, WIDTH: 20 };</p> <p>NightMode.phases = [140, 120, 100, 60, 40, 20, 0];</p> <p>NightMode.prototype = { /** * Update moving moon, changing phases. * @param {boolean} activated Whether night mode is activated. */ update(activated) { // Moon phase. if (activated && this.opacity === 0) { this.currentPhase++;</p> <p> if (this.currentPhase >= NightMode.phases.length) { this.currentPhase = 0; } }</p> <p> // Fade in / out. if (activated && (this.opacity < 1 || this.opacity === 0)) { this.opacity += NightMode.config.FADE_SPEED; } else if (this.opacity > 0) { this.opacity -= NightMode.config.FADE_SPEED; }</p> <p> // Set moon positioning. if (this.opacity > 0) { this.xPos = this.updateXPos(this.xPos, NightMode.config.MOON_SPEED);</p> <p> // Update stars. if (this.drawStars) { for (let i = 0; i < NightMode.config.NUM_STARS; i++) { this.stars[i].x = this.updateXPos(this.stars[i].x, NightMode.config.STAR_SPEED); } } this.draw(); } else { this.opacity = 0; this.placeStars(); } this.drawStars = true; }, updateXPos(currentPos, speed) { if (currentPos < -NightMode.config.WIDTH) { currentPos = this.containerWidth; } else { currentPos -= speed; } return currentPos; }, draw() { let moonSourceWidth = this.currentPhase === 3 ? NightMode.config.WIDTH * 2 : NightMode.config.WIDTH; let moonSourceHeight = NightMode.config.HEIGHT; let moonSourceX = this.spritePos.x + NightMode.phases[this.currentPhase]; const moonOutputWidth = moonSourceWidth; let starSize = NightMode.config.STAR_SIZE; let starSourceX = Runner.spriteDefinitionByType.original.LDPI.STAR.x; if (IS_HIDPI) { moonSourceWidth *= 2; moonSourceHeight *= 2; moonSourceX = this.spritePos.x + (NightMode.phases[this.currentPhase] * 2); starSize *= 2; starSourceX = Runner.spriteDefinitionByType.original.HDPI.STAR.x; } this.canvasCtx.save(); this.canvasCtx.globalAlpha = this.opacity; // Stars. if (this.drawStars) { for (let i = 0; i < NightMode.config.NUM_STARS; i++) { this.canvasCtx.drawImage( Runner.origImageSprite, starSourceX, this.stars[i].sourceY, starSize, starSize, Math.round(this.stars[i].x), this.stars[i].y, NightMode.config.STAR_SIZE, NightMode.config.STAR_SIZE); } } // Moon. this.canvasCtx.drawImage( Runner.origImageSprite, moonSourceX, this.spritePos.y, moonSourceWidth, moonSourceHeight, Math.round(this.xPos), this.yPos, moonOutputWidth, NightMode.config.HEIGHT); this.canvasCtx.globalAlpha = 1; this.canvasCtx.restore(); }, // Do star placement. placeStars() { const segmentSize = Math.round(this.containerWidth / NightMode.config.NUM_STARS); for (let i = 0; i < NightMode.config.NUM_STARS; i++) { this.stars[i] = {}; this.stars[i].x = getRandomNum(segmentSize * i, segmentSize * (i + 1)); this.stars[i].y = getRandomNum(0, NightMode.config.STAR_MAX_Y); if (IS_HIDPI) { this.stars[i].sourceY = Runner.spriteDefinitionByType.original.HDPI.STAR.y + NightMode.config.STAR_SIZE * 2 * i; } else { this.stars[i].sourceY = Runner.spriteDefinitionByType.original.LDPI.STAR.y + NightMode.config.STAR_SIZE * i; } } }, reset() { this.currentPhase = 0; this.opacity = 0; this.update(false); } }; //****************************************************************************** /** * Horizon Line. * Consists of two connecting lines. Randomly assigns a flat / bumpy horizon. * @param {HTMLCanvasElement} canvas * @param {Object} lineConfig Configuration object. * @constructor */ function HorizonLine(canvas, lineConfig) { let sourceX = lineConfig.SOURCE_X; let sourceY = lineConfig.SOURCE_Y; if (IS_HIDPI) { sourceX *= 2; sourceY *= 2; } this.spritePos = {x: sourceX, y: sourceY}; this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (canvas.getContext('2d')); this.sourceDimensions = {}; this.dimensions = lineConfig; this.sourceXPos = [this.spritePos.x, this.spritePos.x + this.dimensions.WIDTH]; this.xPos = []; this.yPos = 0; this.bumpThreshold = 0.5; this.setSourceDimensions(lineConfig); this.draw(); } /** * Horizon line dimensions. * @enum {number} */ HorizonLine.dimensions = { WIDTH: 600, HEIGHT: 12, YPOS: 127 }; HorizonLine.prototype = { /** * Set the source dimensions of the horizon line. */ setSourceDimensions(newDimensions) { for (const dimension in newDimensions) { if (dimension !== 'SOURCE_X' && dimension !== 'SOURCE_Y') { if (IS_HIDPI) { if (dimension !== 'YPOS') { this.sourceDimensions[dimension] = newDimensions[dimension] * 2; } } else { this.sourceDimensions[dimension] = newDimensions[dimension]; } this.dimensions[dimension] = newDimensions[dimension]; } } this.xPos = [0, newDimensions.WIDTH]; this.yPos = newDimensions.YPOS; }, /** * Return the crop x position of a type. */ getRandomType() { return Math.random() > this.bumpThreshold ? this.dimensions.WIDTH : 0; },</p> <p> /** * Draw the horizon line. */ draw() { this.canvasCtx.drawImage(Runner.imageSprite, this.sourceXPos[0], this.spritePos.y, this.sourceDimensions.WIDTH, this.sourceDimensions.HEIGHT, this.xPos[0], this.yPos, this.dimensions.WIDTH, this.dimensions.HEIGHT);</p> <p> this.canvasCtx.drawImage(Runner.imageSprite, this.sourceXPos[1], this.spritePos.y, this.sourceDimensions.WIDTH, this.sourceDimensions.HEIGHT, this.xPos[1], this.yPos, this.dimensions.WIDTH, this.dimensions.HEIGHT); },</p> <p> /** * Update the x position of an indivdual piece of the line. * @param {number} pos Line position. * @param {number} increment */ updateXPos(pos, increment) { const line1 = pos; const line2 = pos === 0 ? 1 : 0;</p> <p> this.xPos[line1] -= increment; this.xPos[line2] = this.xPos[line1] + this.dimensions.WIDTH;</p> <p> if (this.xPos[line1] <= -this.dimensions.WIDTH) { this.xPos[line1] += this.dimensions.WIDTH * 2; this.xPos[line2] = this.xPos[line1] - this.dimensions.WIDTH; this.sourceXPos[line1] = this.getRandomType() + this.spritePos.x; } }, /** * Update the horizon line. * @param {number} deltaTime * @param {number} speed */ update(deltaTime, speed) { const increment = Math.floor(speed * (FPS / 1000) * deltaTime); if (this.xPos[0] <= 0) { this.updateXPos(0, increment); } else { this.updateXPos(1, increment); } this.draw(); }, /** * Reset horizon to the starting position. */ reset() { this.xPos[0] = 0; this.xPos[1] = this.dimensions.WIDTH; } }; //****************************************************************************** /** * Horizon background class. * @param {HTMLCanvasElement} canvas * @param {Object} spritePos Sprite positioning. * @param {Object} dimensions Canvas dimensions. * @param {number} gapCoefficient * @constructor */ function Horizon(canvas, spritePos, dimensions, gapCoefficient) { this.canvas = canvas; this.canvasCtx = /** @type {CanvasRenderingContext2D} */ (this.canvas.getContext('2d')); this.config = Horizon.config; this.dimensions = dimensions; this.gapCoefficient = gapCoefficient; this.obstacles = []; this.obstacleHistory = []; this.horizonOffsets = [0, 0]; this.cloudFrequency = this.config.CLOUD_FREQUENCY; this.spritePos = spritePos; this.nightMode = null; this.altGameModeActive = false; // Cloud this.clouds = []; this.cloudSpeed = this.config.BG_CLOUD_SPEED; // Background elements this.backgroundEls = []; this.lastEl = null; this.backgroundSpeed = this.config.BG_CLOUD_SPEED; // Horizon this.horizonLine = null; this.horizonLines = []; this.init(); } /** * Horizon config. * @enum {number} */ Horizon.config = { BG_CLOUD_SPEED: 0.2, BUMPY_THRESHOLD: .3, CLOUD_FREQUENCY: .5, HORIZON_HEIGHT: 16, MAX_CLOUDS: 6 }; Horizon.prototype = { /** * Initialise the horizon. Just add the line and a cloud. No obstacles. */ init() { Obstacle.types = Runner.spriteDefinitionByType.original.OBSTACLES; this.addCloud(); // Multiple Horizon lines for (let i = 0; i < Runner.spriteDefinition.LINES.length; i++) { this.horizonLines.push( new HorizonLine(this.canvas, Runner.spriteDefinition.LINES[i])); } this.nightMode = new NightMode(this.canvas, this.spritePos.MOON, this.dimensions.WIDTH); }, /** * Update obstacle definitions based on the speed of the game. */ adjustObstacleSpeed: function() { for (let i = 0; i < Obstacle.types.length; i++) { if (Runner.slowDown) { Obstacle.types[i].multipleSpeed = Obstacle.types[i].multipleSpeed / 2; Obstacle.types[i].minGap *= 1.5; Obstacle.types[i].minSpeed = Obstacle.types[i].minSpeed / 2; // Convert variable y position obstacles to fixed. if (typeof (Obstacle.types[i].yPos) == 'object') { Obstacle.types[i].yPos = Obstacle.types[i].yPos[0]; Obstacle.types[i].yPosMobile = Obstacle.types[i].yPos[0]; } } } }, /** * Update sprites to correspond to change in sprite sheet. * @param {number} spritePos */ enableAltGameMode: function(spritePos) { // Clear existing horizon objects. this.clouds = []; this.backgroundEls = []; this.altGameModeActive = true; this.spritePos = spritePos; Obstacle.types = Runner.spriteDefinition.OBSTACLES; this.adjustObstacleSpeed(); Obstacle.MAX_GAP_COEFFICIENT = Runner.spriteDefinition.MAX_GAP_COEFFICIENT; Obstacle.MAX_OBSTACLE_LENGTH = Runner.spriteDefinition.MAX_OBSTACLE_LENGTH; BackgroundEl.config = Runner.spriteDefinition.BACKGROUND_EL_CONFIG; this.horizonLines = []; for (let i = 0; i < Runner.spriteDefinition.LINES.length; i++) { this.horizonLines.push( new HorizonLine(this.canvas, Runner.spriteDefinition.LINES[i])); } this.reset(); }, /** * @param {number} deltaTime * @param {number} currentSpeed * @param {boolean} updateObstacles Used as an override to prevent * the obstacles from being updated / added. This happens in the * ease in section. * @param {boolean} showNightMode Night mode activated. */ update(deltaTime, currentSpeed, updateObstacles, showNightMode) { this.runningTime += deltaTime; if (this.altGameModeActive) { this.updateBackgroundEls(deltaTime, currentSpeed); } for (let i = 0; i < this.horizonLines.length; i++) { this.horizonLines[i].update(deltaTime, currentSpeed); } if (!this.altGameModeActive || Runner.spriteDefinition.HAS_CLOUDS) { this.nightMode.update(showNightMode); this.updateClouds(deltaTime, currentSpeed); } if (updateObstacles) { this.updateObstacles(deltaTime, currentSpeed); } }, /** * Update background element positions. Also handles creating new elements. * @param {number} elSpeed * @param {Array<Object>} bgElArray * @param {number} maxBgEl * @param {Function} bgElAddFunction * @param {number} frequency */ updateBackgroundEl(elSpeed, bgElArray, maxBgEl, bgElAddFunction, frequency) { const numElements = bgElArray.length;</p> <p> if (numElements) { for (let i = numElements - 1; i >= 0; i--) { bgElArray[i].update(elSpeed); }</p> <p> const lastEl = bgElArray[numElements - 1];</p> <p> // Check for adding a new element. if (numElements < maxBgEl && (this.dimensions.WIDTH - lastEl.xPos) > lastEl.gap && frequency > Math.random()) { bgElAddFunction(); } } else { bgElAddFunction(); } },</p> <p> /** * Update the cloud positions. * @param {number} deltaTime * @param {number} speed */ updateClouds(deltaTime, speed) { const elSpeed = this.cloudSpeed / 1000 * deltaTime * speed; this.updateBackgroundEl( elSpeed, this.clouds, this.config.MAX_CLOUDS, this.addCloud.bind(this), this.cloudFrequency);</p> <p> // Remove expired elements. this.clouds = this.clouds.filter((obj) => !obj.remove); },</p> <p> /** * Update the background element positions. * @param {number} deltaTime * @param {number} speed */ updateBackgroundEls(deltaTime, speed) { this.updateBackgroundEl( deltaTime, this.backgroundEls, BackgroundEl.config.MAX_BG_ELS, this.addBackgroundEl.bind(this), this.cloudFrequency);</p> <p> // Remove expired elements. this.backgroundEls = this.backgroundEls.filter((obj) => !obj.remove); },</p> <p> /** * Update the obstacle positions. * @param {number} deltaTime * @param {number} currentSpeed */ updateObstacles(deltaTime, currentSpeed) { const updatedObstacles = this.obstacles.slice(0);</p> <p> for (let i = 0; i < this.obstacles.length; i++) { const obstacle = this.obstacles[i]; obstacle.update(deltaTime, currentSpeed); // Clean up existing obstacles. if (obstacle.remove) { updatedObstacles.shift(); } } this.obstacles = updatedObstacles; if (this.obstacles.length > 0) { const lastObstacle = this.obstacles[this.obstacles.length - 1];</p> <p> if (lastObstacle && !lastObstacle.followingObstacleCreated && lastObstacle.isVisible() && (lastObstacle.xPos + lastObstacle.width + lastObstacle.gap) < this.dimensions.WIDTH) { this.addNewObstacle(currentSpeed); lastObstacle.followingObstacleCreated = true; } } else { // Create new obstacles. this.addNewObstacle(currentSpeed); } }, removeFirstObstacle() { this.obstacles.shift(); }, /** * Add a new obstacle. * @param {number} currentSpeed */ addNewObstacle(currentSpeed) { const obstacleCount = Runner.isAltGameModeEnabled() && !this.altGameModeActive || this.altGameModeActive ? Obstacle.types.length - 1 : Obstacle.types.length - 2; const obstacleTypeIndex = obstacleCount > 0 ? getRandomNum(0, obstacleCount) : 0; const obstacleType = Obstacle.types[obstacleTypeIndex];</p> <p> // Check for multiples of the same type of obstacle. // Also check obstacle is available at current speed. if ((obstacleCount > 0 && this.duplicateObstacleCheck(obstacleType.type)) || currentSpeed < obstacleType.minSpeed) { this.addNewObstacle(currentSpeed); } else { const obstacleSpritePos = this.spritePos[obstacleType.type]; this.obstacles.push(new Obstacle( this.canvasCtx, obstacleType, obstacleSpritePos, this.dimensions, this.gapCoefficient, currentSpeed, obstacleType.width, this.altGameModeActive)); this.obstacleHistory.unshift(obstacleType.type); if (this.obstacleHistory.length > 1) { this.obstacleHistory.splice(Runner.config.MAX_OBSTACLE_DUPLICATION); } } },</p> <p> /** * Returns whether the previous two obstacles are the same as the next one. * Maximum duplication is set in config value MAX_OBSTACLE_DUPLICATION. * @return {boolean} */ duplicateObstacleCheck(nextObstacleType) { let duplicateCount = 0;</p> <p> for (let i = 0; i < this.obstacleHistory.length; i++) { duplicateCount = this.obstacleHistory[i] === nextObstacleType ? duplicateCount + 1 : 0; } return duplicateCount >= Runner.config.MAX_OBSTACLE_DUPLICATION; },</p> <p> /** * Reset the horizon layer. * Remove existing obstacles and reposition the horizon line. */ reset() { this.obstacles = []; for (let l = 0; l < this.horizonLines.length; l++) { this.horizonLines[l].reset(); } this.nightMode.reset(); }, /** * Update the canvas width and scaling. * @param {number} width Canvas width. * @param {number} height Canvas height. */ resize(width, height) { this.canvas.width = width; this.canvas.height = height; }, /** * Add a new cloud to the horizon. */ addCloud() { this.clouds.push(new Cloud(this.canvas, this.spritePos.CLOUD, this.dimensions.WIDTH)); }, /** * Add a random background element to the horizon. */ addBackgroundEl() { const backgroundElTypes = Object.keys(Runner.spriteDefinition.BACKGROUND_EL); if (backgroundElTypes.length > 0) { let index = getRandomNum(0, backgroundElTypes.length - 1); let type = backgroundElTypes[index];</p> <p> // Add variation if available. while (type == this.lastEl && backgroundElTypes.length > 1) { index = getRandomNum(0, backgroundElTypes.length - 1); type = backgroundElTypes[index]; }</p> <p> this.lastEl = type; this.backgroundEls.push(new BackgroundEl( this.canvas, this.spritePos.BACKGROUND_EL, this.dimensions.WIDTH, type)); } } }; </script><br /> <script>// Copyright (c) 2021 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file.</p> <p>/* @const */ const GAME_TYPE = ['type_1', 'type_2', 'type_3', 'type_4', 'type_5'];</p> <p>/** * Obstacle definitions. * minGap: minimum pixel space between obstacles. * multipleSpeed: Speed at which multiples are allowed. * speedOffset: speed faster / slower than the horizon. * minSpeed: Minimum speed which the obstacle can make an appearance. * * @typedef {{ * type: string, * width: number, * height: number, * yPos: number, * multipleSpeed: number, * minGap: number, * minSpeed: number, * collisionBoxes: Array<CollisionBox>, * }} */ let ObstacleType;</p> <p>/** * T-Rex runner sprite definitions. */ Runner.spriteDefinitionByType = { original: { LDPI: { BACKGROUND_EL: {x: 86, y: 2}, CACTUS_LARGE: {x: 332, y: 2}, CACTUS_SMALL: {x: 228, y: 2}, OBSTACLE_2: {x: 332, y: 2}, OBSTACLE: {x: 228, y: 2}, CLOUD: {x: 86, y: 2}, HORIZON: {x: 2, y: 54}, MOON: {x: 484, y: 2}, PTERODACTYL: {x: 134, y: 2}, RESTART: {x: 2, y: 68}, TEXT_SPRITE: {x: 655, y: 2}, TREX: {x: 848, y: 2}, STAR: {x: 645, y: 2}, COLLECTABLE: {x: 2, y: 2}, ALT_GAME_END: {x: 121, y: 2} }, HDPI: { BACKGROUND_EL: {x: 166, y: 2}, CACTUS_LARGE: {x: 652, y: 2}, CACTUS_SMALL: {x: 446, y: 2}, OBSTACLE_2: {x: 652, y: 2}, OBSTACLE: {x: 446, y: 2}, CLOUD: {x: 166, y: 2}, HORIZON: {x: 2, y: 104}, MOON: {x: 954, y: 2}, PTERODACTYL: {x: 260, y: 2}, RESTART: {x: 2, y: 130}, TEXT_SPRITE: {x: 1294, y: 2}, TREX: {x: 1678, y: 2}, STAR: {x: 1276, y: 2}, COLLECTABLE: {x: 4, y: 4}, ALT_GAME_END: {x: 242, y: 4} }, MAX_GAP_COEFFICIENT: 1.5, MAX_OBSTACLE_LENGTH: 3, HAS_CLOUDS: 1, BOTTOM_PAD: 10, TREX: { WAITING_1: {x: 44, w: 44, h: 47, xOffset: 0}, WAITING_2: {x: 0, w: 44, h: 47, xOffset: 0}, RUNNING_1: {x: 88, w: 44, h: 47, xOffset: 0}, RUNNING_2: {x: 132, w: 44, h: 47, xOffset: 0}, JUMPING: {x: 0, w: 44, h: 47, xOffset: 0}, CRASHED: {x: 220, w: 44, h: 47, xOffset: 0}, COLLISION_BOXES: [ new CollisionBox(22, 0, 17, 16), new CollisionBox(1, 18, 30, 9), new CollisionBox(10, 35, 14, 8), new CollisionBox(1, 24, 29, 5), new CollisionBox(5, 30, 21, 4), new CollisionBox(9, 34, 15, 4) ] }, /** @type {Array<ObstacleType>} */ OBSTACLES: [ { type: 'CACTUS_SMALL', width: 17, height: 35, yPos: 105, multipleSpeed: 4, minGap: 120, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 7, 5, 27), new CollisionBox(4, 0, 6, 34), new CollisionBox(10, 4, 7, 14) ] }, { type: 'CACTUS_LARGE', width: 25, height: 50, yPos: 90, multipleSpeed: 7, minGap: 120, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 12, 7, 38), new CollisionBox(8, 0, 7, 49), new CollisionBox(13, 10, 10, 38) ] }, { type: 'PTERODACTYL', width: 46, height: 40, yPos: [100, 75, 50], // Variable height. yPosMobile: [100, 50], // Variable height mobile. multipleSpeed: 999, minSpeed: 8.5, minGap: 150, collisionBoxes: [ new CollisionBox(15, 15, 16, 5), new CollisionBox(18, 21, 24, 6), new CollisionBox(2, 14, 4, 3), new CollisionBox(6, 10, 4, 7), new CollisionBox(10, 8, 6, 9) ], numFrames: 2, frameRate: 1000 / 6, speedOffset: .8 }, { type: 'COLLECTABLE', width: 12, height: 38, yPos: 90, multipleSpeed: 999, minGap: 999, minSpeed: 0, collisionBoxes: [new CollisionBox(0, 0, 12, 38)] } ], BACKGROUND_EL: { 'CLOUD': { HEIGHT: 14, MAX_CLOUD_GAP: 400, MAX_SKY_LEVEL: 30, MIN_CLOUD_GAP: 100, MIN_SKY_LEVEL: 71, OFFSET: 4, WIDTH: 46, X_POS: 1, Y_POS: 120 } }, BACKGROUND_EL_CONFIG: { MAX_BG_ELS: 1, MAX_GAP: 400, MIN_GAP: 100, POS: 0, SPEED: 0.5, Y_POS: 125 }, LINES: [ {SOURCE_X: 2, SOURCE_Y: 52, WIDTH: 600, HEIGHT: 12, YPOS: 127}, ], ALT_GAME_END_CONFIG: { WIDTH: 15, HEIGHT: 17, X_OFFSET: 0, Y_OFFSET: 0, }, ALT_GAME_OVER_TEXT_CONFIG: { TEXT_X: 14, TEXT_Y: 2, TEXT_WIDTH: 108, TEXT_HEIGHT: 15, FLASH_DURATION: 1500 } }, type_1: { LDPI: { OBSTACLE_1: {x: 631, y: 2}, OBSTACLE_2: {x: 656, y: 2}, OBSTACLE_3: {x: 697, y: 2}, OBSTACLE_4: {x: 754, y: 2}, OBSTACLE_5: {x: 781, y: 2}, OBSTACLE_6: {x: 826, y: 2}, BACKGROUND_EL: {x: 0, y: 120}, CLOUD: {x: 890, y: 2}, HORIZON: {x: 2, y: 54}, TREX: {x: 252, y: 2} }, HDPI: { OBSTACLE_1: {x: 1262, y: 2}, OBSTACLE_2: {x: 1312, y: 2}, OBSTACLE_3: {x: 1394, y: 2}, OBSTACLE_4: {x: 1508, y: 2}, OBSTACLE_5: {x: 1562, y: 2}, OBSTACLE_6: {x: 1652, y: 2}, BACKGROUND_EL: {x: 0, y: 240}, CLOUD: {x: 1780, y: 3}, HORIZON: {x: 4, y: 108}, TREX: {x: 504, y: 2} }, ALT_GAME_END_CONFIG: {WIDTH: 15, HEIGHT: 17, X_OFFSET: 19, Y_OFFSET: 17}, MAX_GAP_COEFFICIENT: 0.56, MAX_OBSTACLE_LENGTH: 1, HAS_CLOUDS: 1, BOTTOM_PAD: 10, TREX: { MAX_JUMP_HEIGHT: 50, MIN_JUMP_HEIGHT: 50, INITIAL_JUMP_VELOCITY: -10, RUNNING_1: {x: 137, w: 44, h: 49, xOffset: 0}, RUNNING_2: {x: 183, w: 44, h: 47, xOffset: 0}, CRASHED: {x: 335, w: 44, h: 47, xOffset: 0}, JUMPING: {x: 230, w: 59, h: 49, xOffset: 6}, COLLISION_BOXES: [ new CollisionBox(22, 0, 17, 16), new CollisionBox(0, 16, 32, 9), new CollisionBox(3, 24, 27, 6), new CollisionBox(5, 30, 21, 4) ] }, OBSTACLES: [ { type: 'OBSTACLE_1', width: 24, height: 60, yPos: 106, multipleSpeed: 4, minGap: 70, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 0, 3, 26), new CollisionBox(3, 5, 8, 31), new CollisionBox(11, 24, 11, 10) ] }, { type: 'OBSTACLE_2', width: 40, height: 60, yPos: 106, multipleSpeed: 4, minGap: 90, minSpeed: 5, collisionBoxes: [ new CollisionBox(0, 0, 3, 26), new CollisionBox(3, 5, 24, 31), new CollisionBox(27, 24, 11, 10) ] }, { type: 'OBSTACLE_3', width: 57, height: 60, yPos: 106, multipleSpeed: 4, minGap: 100, minSpeed: 7, collisionBoxes: [ new CollisionBox(0, 0, 3, 26), new CollisionBox(3, 5, 40, 31), new CollisionBox(27, 43, 11, 10) ] }, { type: 'OBSTACLE_4', width: 27, height: 44, yPos: 102, multipleSpeed: 7, minGap: 110, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 0, 3, 26), new CollisionBox(3, 3, 8, 31), new CollisionBox(11, 24, 11, 10) ] }, { type: 'OBSTACLE_5', width: 45, height: 44, yPos: 102, multipleSpeed: 7, minGap: 120, minSpeed: 7.5, collisionBoxes: [ new CollisionBox(0, 0, 4, 26), new CollisionBox(4, 3, 26, 31), new CollisionBox(30, 30, 12, 11) ] }, { type: 'OBSTACLE_6', width: 63, height: 44, yPos: 102, multipleSpeed: 7, minGap: 140, minSpeed: 7.5, collisionBoxes: [ new CollisionBox(0, 0, 3, 26), new CollisionBox(4, 3, 44, 39), new CollisionBox(48, 24, 12, 11) ] } ], BACKGROUND_EL: { 'BACKGROUND_0': {HEIGHT: 93, WIDTH: 423, Y_POS: 120, X_POS: 1, OFFSET: 4} }, BACKGROUND_EL_CONFIG: { MAX_BG_ELS: 1, MAX_GAP: 600, MIN_GAP: 600, POS: 0, SPEED: 0.2, Y_POS: 125 }, LINES: [ {SOURCE_X: 2, SOURCE_Y: 54, WIDTH: 600, HEIGHT: 12, YPOS: 125}, {SOURCE_X: 2, SOURCE_Y: 84, WIDTH: 600, HEIGHT: 12, YPOS: 138} ] }, type_2: { LDPI: { OBSTACLE_1: {x: 655, y: 2}, BACKGROUND_EL: {x: 0, y: 60}, CLOUD: {x: 963, y: 3}, HORIZON: {x: 2, y: 54}, TREX: {x: 252, y: 2} }, HDPI: { OBSTACLE_1: {x: 1310, y: 2}, BACKGROUND_EL: {x: 0, y: 120}, CLOUD: {x: 1926, y: 3}, HORIZON: {x: 4, y: 108}, TREX: {x: 504, y: 2}, }, ALT_GAME_END_CONFIG: {WIDTH: 15, HEIGHT: 17, X_OFFSET: 19, Y_OFFSET: 18}, MAX_GAP_COEFFICIENT: 0.56, MAX_OBSTACLE_LENGTH: 1, HAS_CLOUDS: 0, BOTTOM_PAD: 10, TREX: { MAX_JUMP_HEIGHT: 30, MIN_JUMP_HEIGHT: 30, INITIAL_JUMP_VELOCITY: -19, RUNNING_1: {x: 137, w: 44, h: 49, xOffset: 0}, RUNNING_2: {x: 183, w: 44, h: 49, xOffset: 0}, CRASHED: {x: 359, w: 44, h: 43, xOffset: 0}, JUMPING: {x: 228, w: 43, h: 44, xOffset: 2.5}, COLLISION_BOXES: [ new CollisionBox(22, 0, 17, 16), new CollisionBox(17, 37, 7, 7), new CollisionBox(10, 17, 19, 20) ] }, OBSTACLES: [{ type: 'OBSTACLE_1', width: 54, height: 54, yPos: 90, multipleSpeed: 4, minGap: 70, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 8, 20, 43), new CollisionBox(21, 6, 8, 42), new CollisionBox(32, 2, 18, 49) ] }], BACKGROUND_EL: { 'BACKGROUND_0': {HEIGHT: 120, WIDTH: 89, Y_POS: 40, X_POS: 1, OFFSET: 4}, 'BACKGROUND_1': {HEIGHT: 108, WIDTH: 130, Y_POS: 40, X_POS: 92, OFFSET: 4}, 'BACKGROUND_2': {HEIGHT: 28, WIDTH: 204, Y_POS: 40, X_POS: 223, OFFSET: 4}, }, BACKGROUND_EL_CONFIG: { MAX_BG_ELS: 2, MAX_GAP: 550, MIN_GAP: 400, POS: 0, SPEED: 0.5, Y_POS: 125 }, LINES: [{SOURCE_X: 2, SOURCE_Y: 54, WIDTH: 600, HEIGHT: 5, YPOS: 125}] }, type_3: { LDPI: { OBSTACLE_1: {x: 611, y: 2}, OBSTACLE_2: {x: 634, y: 2}, OBSTACLE_3: {x: 671, y: 2}, OBSTACLE_4: {x: 722, y: 2}, OBSTACLE_5: {x: 762, y: 2}, OBSTACLE_6: {x: 806, y: 2}, BACKGROUND_EL: {x: 0, y: 65}, CLOUD: {x: 888, y: 2}, HORIZON: {x: 2, y: 58}, TREX: {x: 252, y: 2} }, HDPI: { OBSTACLE_1: {x: 1222, y: 2}, OBSTACLE_2: {x: 1268, y: 2}, OBSTACLE_3: {x: 1342, y: 2}, OBSTACLE_4: {x: 1444, y: 2}, OBSTACLE_5: {x: 1524, y: 2}, OBSTACLE_6: {x: 1612, y: 2}, BACKGROUND_EL: {x: 0, y: 130}, CLOUD: {x: 1776, y: 3}, HORIZON: {x: 4, y: 116}, TREX: {x: 504, y: 2} }, ALT_GAME_END_CONFIG: {WIDTH: 15, HEIGHT: 17, X_OFFSET: 23, Y_OFFSET: 17}, MAX_GAP_COEFFICIENT: 0.56, MAX_OBSTACLE_LENGTH: 1, BOTTOM_PAD: 10, HAS_CLOUDS: 1, TREX: { MAX_JUMP_HEIGHT: 45, MIN_JUMP_HEIGHT: 30, INITIAL_JUMP_VELOCITY: -10, RUNNING_1: {x: 104, w: 51, h: 57, xOffset: 0}, RUNNING_2: {x: 156, w: 51, h: 57, xOffset: 0}, CRASHED: {x: 309, w: 51, h: 57, xOffset: 0}, JUMPING: {x: 208, w: 51, h: 57, xOffset: 0}, COLLISION_BOXES: [new CollisionBox(28, 35, 19, 11), new CollisionBox(3, 44, 26, 4)] }, OBSTACLES: [ { type: 'OBSTACLE_1', width: 24, height: 18, yPos: 117, multipleSpeed: 4, minGap: 50, minSpeed: 0, collisionBoxes: [ new CollisionBox(11, 2, 3, 2), new CollisionBox(7, 4, 11, 10), new CollisionBox(2, 9, 5, 6) ] }, { type: 'OBSTACLE_2', width: 40, height: 22, yPos: 117, multipleSpeed: 4, minGap: 60, minSpeed: 4.5, collisionBoxes: [ new CollisionBox(11, 2, 3, 2), new CollisionBox(7, 5, 23, 10), new CollisionBox(2, 9, 5, 6) ] }, { type: 'OBSTACLE_3', width: 49, height: 22, yPos: 117, multipleSpeed: 4, minGap: 80, minSpeed: 7, collisionBoxes: [ new CollisionBox(11, 2, 3, 2), new CollisionBox(8, 5, 39, 10), new CollisionBox(2, 9, 5, 6) ] }, { type: 'OBSTACLE_4', width: 37, height: 26, yPos: 113, multipleSpeed: 7, minGap: 120, minSpeed: 0, collisionBoxes: [ new CollisionBox(4, 16, 5, 8), new CollisionBox(9, 12, 7, 12), new CollisionBox(16, 5, 10, 19) ] }, { type: 'OBSTACLE_5', width: 45, height: 30, yPos: 113, multipleSpeed: 7, minGap: 120, minSpeed: 5.5, collisionBoxes: [ new CollisionBox(4, 16, 5, 8), new CollisionBox(9, 12, 7, 12), new CollisionBox(16, 5, 10, 19), new CollisionBox(26, 14, 13, 11) ] }, { type: 'OBSTACLE_6', width: 79, height: 30, yPos: 113, multipleSpeed: 7, minGap: 150, minSpeed: 7, collisionBoxes: [ new CollisionBox(4, 16, 5, 8), new CollisionBox(9, 12, 7, 12), new CollisionBox(16, 5, 10, 19), new CollisionBox(26, 14, 13, 11), new CollisionBox(40, 18, 10, 6), new CollisionBox(50, 12, 10, 12), new CollisionBox(57, 5, 10, 19) ] } ], BACKGROUND_EL: { 'BACKGROUND_0': { HEIGHT: 78, OFFSET: 6, WIDTH: 105, X_POS: 425, FIXED_X_POS: 0, FIXED_Y_POS_1: 54, FIXED_Y_POS_2: 51, FIXED: true } }, BACKGROUND_EL_CONFIG: { MAX_BG_ELS: 1, MAX_GAP: 550, MIN_GAP: 400, POS: 0, SPEED: 0.2, Y_POS: 125, MS_PER_FRAME: 250 }, LINES: [ {SOURCE_X: 2, SOURCE_Y: 58, WIDTH: 600, HEIGHT: 8, YPOS: 125}, ] }, type_4: { LDPI: { OBSTACLE_1: {x: 514, y: 2}, OBSTACLE_2: {x: 543, y: 2}, OBSTACLE_3: {x: 599, y: 2}, OBSTACLE_4: {x: 643, y: 2}, BACKGROUND_EL: {x: 811, y: 2}, CLOUD: {x: 888, y: 2}, WALL: {x: 2, y: 54}, HORIZON: {x: 2, y: 81}, TREX: {x: 252, y: 2} }, HDPI: { OBSTACLE_1: {x: 1028, y: 2}, OBSTACLE_2: {x: 1086, y: 2}, OBSTACLE_3: {x: 1198, y: 2}, OBSTACLE_4: {x: 1286, y: 2}, BACKGROUND_EL: {x: 1622, y: 4}, CLOUD: {x: 1776, y: 3}, WALL: {x: 2, y: 108}, HORIZON: {x: 4, y: 162}, TREX: {x: 504, y: 2} }, ALT_GAME_END_CONFIG: {WIDTH: 15, HEIGHT: 17, X_OFFSET: 38, Y_OFFSET: 16}, MAX_GAP_COEFFICIENT: 0.56, MAX_OBSTACLE_LENGTH: 1, BOTTOM_PAD: 43, HAS_CLOUDS: 0, TREX: { GRAVITY: 0.36, MAX_JUMP_HEIGHT: 20, MIN_JUMP_HEIGHT: 18, INITIAL_JUMP_VELOCITY: -20, INVERT_JUMP: 1, RUNNING_1: {x: 0, w: 65, h: 30, xOffset: 0}, RUNNING_2: {x: 67, w: 65, h: 30, xOffset: 0}, CRASHED: {x: 196, w: 65, h: 30, xOffset: 0}, JUMPING: {x: 133.5, w: 65, h: 30, xOffset: 0}, COLLISION_BOXES: [ new CollisionBox(17, 4, 49, 9), new CollisionBox(20, 17, 23, 4), new CollisionBox(19, 20, 10, 7), new CollisionBox(17, 13, 42, 4) ] }, OBSTACLES: [ { type: 'OBSTACLE_1', width: 27, height: 11, yPos: 80, multipleSpeed: 4, minGap: 120, minSpeed: 0, collisionBoxes: [new CollisionBox(0, 2, 27, 8)] }, { type: 'OBSTACLE_2', width: 54, height: 11, yPos: 80, multipleSpeed: 4, minGap: 140, minSpeed: 7, collisionBoxes: [new CollisionBox(0, 2, 52, 8)] }, { type: 'OBSTACLE_3', width: 42, height: 16, yPos: 76, multipleSpeed: 4, minGap: 170, minSpeed: 3, collisionBoxes: [new CollisionBox(0, 2, 40, 14)] } ], BACKGROUND_EL_CONFIG: { SPEED: 0.5, POS: 0, MAX_BG_ELS: 3, MIN_GAP: 100, MAX_GAP: 400, Y_POS: 100 }, BACKGROUND_EL: { 'BACKGROUND_0': {HEIGHT: 32, WIDTH: 30, Y_POS: 2, X_POS: 811, OFFSET: -65}, 'BACKGROUND_1': {HEIGHT: 37, WIDTH: 40, Y_POS: 2, X_POS: 842, OFFSET: -13}, 'BACKGROUND_2': {HEIGHT: 33, WIDTH: 82, Y_POS: 2, X_POS: 727, OFFSET: -40} }, LINES: [ {SOURCE_X: 2, SOURCE_Y: 81, WIDTH: 600, HEIGHT: 12, YPOS: 78}, {SOURCE_X: 2, SOURCE_Y: 54, WIDTH: 600, HEIGHT: 12, YPOS: 56} ] }, type_5: { LDPI: { OBSTACLE_1: {x: 458, y: 2}, OBSTACLE_2: {x: 458, y: 2}, BACKGROUND_EL: {x: 0, y: 0}, CLOUD: {x: 482, y: 2}, WALL: {x: 2, y: 54}, HORIZON: {x: 2, y: 77}, TREX: {x: 252, y: 2} }, HDPI: { OBSTACLE_1: {x: 916, y: 2}, OBSTACLE_2: {x: 916, y: 2}, BACKGROUND_EL: {x: 0, y: 0}, CLOUD: {x: 963, y: 3}, WALL: {x: 2, y: 108}, HORIZON: {x: 4, y: 154}, TREX: {x: 504, y: 2} }, ALT_GAME_END_CONFIG: {WIDTH: 15, HEIGHT: 17, X_OFFSET: 24, Y_OFFSET: 23}, MAX_GAP_COEFFICIENT: 2.5, MAX_OBSTACLE_LENGTH: 1, BOTTOM_PAD: 12, HAS_CLOUDS: 1, TREX: { MAX_JUMP_HEIGHT: 30, MIN_JUMP_HEIGHT: 30, INITIAL_JUMP_VELOCITY: -10, RUNNING_1: {x: 0, w: 51, h: 67, xOffset: 0}, RUNNING_2: {x: 50, w: 51, h: 67, xOffset: 0}, CRASHED: {x: 156, w: 51, h: 67, xOffset: 0}, JUMPING: {x: 103, w: 54, h: 67, xOffset: 0}, COLLISION_BOXES: [ new CollisionBox(35, 30, 13, 9), new CollisionBox(19, 51, 22, 9), new CollisionBox(9, 51, 9, 13), new CollisionBox(4, 27, 31, 28) ] }, OBSTACLES: [{ type: 'OBSTACLE_1', width: 21, height: 57, yPos: 93, multipleSpeed: 999, minGap: 40, minSpeed: 0, collisionBoxes: [ new CollisionBox(0, 0, 3, 41), new CollisionBox(3, 5, 14, 39), new CollisionBox(16, 7, 4, 43) ] }], BACKGROUND_EL_CONFIG: { MAX_BG_ELS: 4, MAX_GAP: 420, MIN_GAP: 320, POS: 0, SPEED: 0.3, Y_POS: 125 }, BACKGROUND_EL: { 'BACKGROUND_0': {HEIGHT: 40, WIDTH: 170, Y_POS: 100, X_POS: 0, OFFSET: 10} }, LINES: [{SOURCE_X: 2, SOURCE_Y: 71, WIDTH: 600, HEIGHT: 12, YPOS: 123}] } }; </script></p> <p></head><br /> <body data-rsssl=1 id="t" class="neterror" style="font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 75%" marginwidth="0" marginheight="0" jstcache="0"></p> <div id="main-frame-error" class="interstitial-wrapper" jstcache="0"> <div id="main-content" jstcache="0"> <div class="icon" jstcache="0"></div> <div id="main-message" jstcache="0"> <h1 jstcache="0"><span id="cape91-orsayfr_is_blocked"> <span jsselect="heading" jsvalues=".innerHTML:msg" jstcache="9"><span jscontent="hostName" jstcache="22">cape91-orsay.fr</span> is blocked</span><br /> <a id="error-information-button" class="hidden" onclick="toggleErrorInformationPopup();" jstcache="0"></a><br /> </span></h1> <p jsselect="summary" jsvalues=".innerHTML:msg" jstcache="1"><strong jscontent="hostName" jstcache="22">cape91-orsay.fr</strong> refused to connect.</p> <p> </p> <div id="error-information-popup-container" jstcache="0"> <div id="error-information-popup" jstcache="0"> <div id="error-information-popup-box" jstcache="0"> <div id="error-information-popup-content" jstcache="0"> <div id="suggestions-list" style="display:none" jsdisplay="(suggestionsSummaryList && suggestionsSummaryList.length)" jstcache="16"> <p jsvalues=".innerHTML:suggestionsSummaryListHeader" jstcache="18"> <ul jsvalues=".className:suggestionsSummaryList.length == 1 ? 'single-suggestion' : ''" jstcache="19"> <li jsselect="suggestionsSummaryList" jsvalues=".innerHTML:summary" jstcache="21"></li> </ul></div> <div class="error-code" jscontent="errorCode" jstcache="17">ERR_BLOCKED_BY_RESPONSE</div> <p id="error-information-popup-close" jstcache="0"> <a class="link-button" jscontent="closeDescriptionPopup" onclick="toggleErrorInformationPopup();" jstcache="20">null</a> </p> </p></div> </p></div> </p></div> </p></div> <div id="download-links-wrapper" class="hidden" jstcache="0"> <div id="download-link-wrapper" jstcache="0"> <a id="download-link" class="link-button" onclick="downloadButtonClick()" jsselect="downloadButton" jscontent="msg" jsvalues=".disabledText:disabledMsg" jstcache="6" style="display: none;"><br /> </a> </div> <div id="download-link-clicked-wrapper" class="hidden" jstcache="0"> <div id="download-link-clicked" class="link-button" jsselect="downloadButton" jscontent="disabledMsg" jstcache="11" style="display: none;"> </div> </p></div> </p></div> <div id="save-page-for-later-button" class="hidden" jstcache="0"> <a class="link-button" onclick="savePageLaterClick()" jsselect="savePageLater" jscontent="savePageMsg" jstcache="10" style="display: none;"><br /> </a> </div> <div id="cancel-save-page-button" class="hidden" onclick="cancelSavePageClick()" jsselect="savePageLater" jsvalues=".innerHTML:cancelMsg" jstcache="4" style="display: none;"> </div> <div id="offline-content-list" class="list-hidden" hidden="" jstcache="0"> <div id="offline-content-list-visibility-card" onclick="toggleOfflineContentListVisibility(true)" jstcache="0"> <div id="offline-content-list-title" jsselect="offlineContentList" jscontent="title" jstcache="12" style="display: none;"> </div> <div jstcache="0"> <div id="offline-content-list-show-text" jsselect="offlineContentList" jscontent="showText" jstcache="14" style="display: none;"> </div> <div id="offline-content-list-hide-text" jsselect="offlineContentList" jscontent="hideText" jstcache="15" style="display: none;"> </div> </p></div> </p></div> <div id="offline-content-suggestions" jstcache="0"></div> <div id="offline-content-list-action" jstcache="0"> <a class="link-button" onclick="launchDownloadsPage()" jsselect="offlineContentList" jscontent="actionText" jstcache="13" style="display: none;"><br /> </a> </div> </p></div> </p></div> </p></div> <div id="buttons" class="nav-wrapper suggested-left" jstcache="0"> <div id="control-buttons" hidden="" jstcache="0"> <button id="reload-button" class="blue-button text-button" onclick="reloadButtonClick(this.url);" jsselect="reloadButton" jsvalues=".url:reloadUrl" jscontent="msg" jstcache="5" style="display: none;"></button><br /> <button id="download-button" class="blue-button text-button" onclick="downloadButtonClick()" jsselect="downloadButton" jscontent="msg" jsvalues=".disabledText:disabledMsg" jstcache="6" style="display: none;"><br /> </button> </div> <p> <button id="details-button" class="secondary-button text-button small-link singular" onclick="detailsButtonClick(); toggleHelpBox()" jscontent="details" jsdisplay="(suggestionsDetails && suggestionsDetails.length > 0) || diagnose" jsvalues=".detailsText:details; .hideDetailsText:hideDetails;" jstcache="2" style="display: none;"></button> </div> <div id="details" class="hidden" jstcache="0"> <div class="suggestions" jsselect="suggestionsDetails" jstcache="3" jsinstance="*0" style="display: none;"> <div class="suggestion-header" jsvalues=".innerHTML:header" jstcache="7"></div> <div class="suggestion-body" jsvalues=".innerHTML:body" jstcache="8"></div> </p></div> </p></div> </p></div> <div id="sub-frame-error" jstcache="0"> </p> <div class="icon icon-generic" jstcache="0"></div> <div id="sub-frame-error-details" jsselect="summary" jsvalues=".innerHTML:msg" jstcache="1"><strong jscontent="hostName" jstcache="22">cape91-orsay.fr</strong> refused to connect.</div> </p></div> <div id="offline-resources" jstcache="0"> <img decoding="async" id="offline-resources-1x" src="data:image/png;base64,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" jstcache="0"><br /> <img decoding="async" id="offline-resources-2x" src="data:image/png;base64,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" jstcache="0"><br /> <template id="audio-resources" jstcache="0"><br /> <audio id="offline-sound-press" src="data:audio/mpeg;base64,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"></audio><br /> <audio id="offline-sound-hit" src="data:audio/mpeg;base64,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"></audio><br /> <audio id="offline-sound-reached" src="data:audio/mpeg;base64,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"></audio><br /> </template> </div> <p><script jstcache="0">(function(){function l(a,b,c){return Function.prototype.call.apply(Array.prototype.slice,arguments)}function m(a,b,c){var e=l(arguments,2);return function(){return b.apply(a,e)}}function n(a,b){var c=new p(b);for(c.h=[a];c.h.length;){var e=c,d=c.h.shift();e.i(d);for(d=d.firstChild;d;d=d.nextSibling)1==d.nodeType&&e.h.push(d)}}function p(a){this.i=a}function q(a){a.style.display=""}function r(a){a.style.display="none"};var t=/\s*;\s*/;function u(a,b){this.l.apply(this,arguments)}u.prototype.l=function(a,b){this.a||(this.a={});if(b){var c=this.a,e=b.a;for(d in e)c[d]=e[d]}else{var d=this.a;e=v;for(c in e)d[c]=e[c]}this.a.$this=a;this.a.$context=this;this.f="undefined"!=typeof a&&null!=a?a:"";b||(this.a.$top=this.f)};var v={$default:null},w=[];function x(a){for(var b in a.a)delete a.a[b];a.f=null;w.push(a)}function y(a,b,c){try{return b.call(c,a.a,a.f)}catch(e){return v.$default}} u.prototype.clone=function(a,b,c){if(0<w.length){var e=w.pop();u.call(e,a,this);a=e}else a=new u(a,this);a.a.$index=b;a.a.$count=c;return a};var z;window.trustedTypes&&(z=trustedTypes.createPolicy("jstemplate",{createScript:function(a){return a}}));var A={};function B(a){if(!A[a])try{var b="(function(a_, b_) { with (a_) with (b_) return "+a+" })",c=window.trustedTypes?z.createScript(b):b;A[a]=window.eval(c)}catch(e){}return A[a]} function E(a){var b=[];a=a.split(t);for(var c=0,e=a.length;c<e;++c){var d=a[c].indexOf(":");if(!(0>d)){var g=a[c].substr(0,d).replace(/^\s+/,"").replace(/\s+$/,"");d=B(a[c].substr(d+1));b.push(g,d)}}return b};function F(){}var G=0,H={0:{}},I={},J={},K=[];function L(a){a.__jstcache||n(a,function(b){M(b)})}var N=[["jsselect",B],["jsdisplay",B],["jsvalues",E],["jsvars",E],["jseval",function(a){var b=[];a=a.split(t);for(var c=0,e=a.length;c<e;++c)if(a[c]){var d=B(a[c]);b.push(d)}return b}],["transclude",function(a){return a}],["jscontent",B],["jsskip",B]]; function M(a){if(a.__jstcache)return a.__jstcache;var b=a.getAttribute("jstcache");if(null!=b)return a.__jstcache=H[b];b=K.length=0;for(var c=N.length;b<c;++b){var e=N[b][0],d=a.getAttribute(e);J[e]=d;null!=d&&K.push(e+"="+d)}if(0==K.length)return a.setAttribute("jstcache","0"),a.__jstcache=H[0];var g=K.join("&");if(b=I[g])return a.setAttribute("jstcache",b),a.__jstcache=H[b];var h={};b=0;for(c=N.length;b<c;++b){d=N[b];e=d[0];var f=d[1];d=J[e];null!=d&&(h[e]=f(d))}b=""+ ++G;a.setAttribute("jstcache", b);H[b]=h;I[g]=b;return a.__jstcache=h}function P(a,b){a.j.push(b);a.o.push(0)}function Q(a){return a.c.length?a.c.pop():[]} F.prototype.g=function(a,b){var c=R(b),e=c.transclude;if(e)(c=S(e))?(b.parentNode.replaceChild(c,b),e=Q(this),e.push(this.g,a,c),P(this,e)):b.parentNode.removeChild(b);else if(c=c.jsselect){c=y(a,c,b);var d=b.getAttribute("jsinstance");var g=!1;d&&("*"==d.charAt(0)?(d=parseInt(d.substr(1),10),g=!0):d=parseInt(d,10));var h=null!=c&&"object"==typeof c&&"number"==typeof c.length;e=h?c.length:1;var f=h&&0==e;if(h)if(f)d?b.parentNode.removeChild(b):(b.setAttribute("jsinstance","*0"),r(b));else if(q(b), null===d||""===d||g&&d<e-1){g=Q(this);d=d||0;for(h=e-1;d<h;++d){var k=b.cloneNode(!0);b.parentNode.insertBefore(k,b);T(k,c,d);f=a.clone(c[d],d,e);g.push(this.b,f,k,x,f,null)}T(b,c,d);f=a.clone(c[d],d,e);g.push(this.b,f,b,x,f,null);P(this,g)}else d<e?(g=c[d],T(b,c,d),f=a.clone(g,d,e),g=Q(this),g.push(this.b,f,b,x,f,null),P(this,g)):b.parentNode.removeChild(b);else null==c?r(b):(q(b),f=a.clone(c,0,1),g=Q(this),g.push(this.b,f,b,x,f,null),P(this,g))}else this.b(a,b)}; F.prototype.b=function(a,b){var c=R(b),e=c.jsdisplay;if(e){if(!y(a,e,b)){r(b);return}q(b)}if(e=c.jsvars)for(var d=0,g=e.length;d<g;d+=2){var h=e[d],f=y(a,e[d+1],b);a.a[h]=f}if(e=c.jsvalues)for(d=0,g=e.length;d<g;d+=2)if(f=e[d],h=y(a,e[d+1],b),"$"==f.charAt(0))a.a[f]=h;else if("."==f.charAt(0)){f=f.substr(1).split(".");for(var k=b,O=f.length,C=0,U=O-1;C<U;++C){var D=f[C];k[D]||(k[D]={});k=k[D]}k[f[O-1]]=h}else f&&("boolean"==typeof h?h?b.setAttribute(f,f):b.removeAttribute(f):b.setAttribute(f,""+h)); if(e=c.jseval)for(d=0,g=e.length;d<g;++d)y(a,e[d],b);e=c.jsskip;if(!e||!y(a,e,b))if(c=c.jscontent){if(c=""+y(a,c,b),b.innerHTML!=c){for(;b.firstChild;)e=b.firstChild,e.parentNode.removeChild(e);b.appendChild(this.m.createTextNode(c))}}else{c=Q(this);for(e=b.firstChild;e;e=e.nextSibling)1==e.nodeType&&c.push(this.g,a,e);c.length&&P(this,c)}};function R(a){if(a.__jstcache)return a.__jstcache;var b=a.getAttribute("jstcache");return b?a.__jstcache=H[b]:M(a)} function S(a,b){var c=document;if(b){var e=c.getElementById(a);if(!e){e=b();var d=c.getElementById("jsts");d||(d=c.createElement("div"),d.id="jsts",r(d),d.style.position="absolute",c.body.appendChild(d));var g=c.createElement("div");d.appendChild(g);g.innerHTML=e;e=c.getElementById(a)}c=e}else c=c.getElementById(a);return c?(L(c),c=c.cloneNode(!0),c.removeAttribute("id"),c):null}function T(a,b,c){c==b.length-1?a.setAttribute("jsinstance","*"+c):a.setAttribute("jsinstance",""+c)};window.jstGetTemplate=S;window.JsEvalContext=u;window.jstProcess=function(a,b){var c=new F;L(b);c.m=b?9==b.nodeType?b:b.ownerDocument||document:document;var e=m(c,c.g,a,b),d=c.j=[],g=c.o=[];c.c=[];e();for(var h,f,k;d.length;)h=d[d.length-1],e=g[g.length-1],e>=h.length?(e=c,f=d.pop(),f.length=0,e.c.push(f),g.pop()):(f=h[e++],k=h[e++],h=h[e++],g[g.length-1]=e,f.call(c,k,h))}; })()</script><script jstcache="0">// Copyright (c) 2012 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file.</p> <p>/** * @fileoverview This file defines a singleton which provides access to all data * that is available as soon as the page's resources are loaded (before DOM * content has finished loading). This data includes both localized strings and * any data that is important to have ready from a very early stage (e.g. things * that must be displayed right away). * * Note that loadTimeData is not guaranteed to be consistent between page * refreshes (https://crbug.com/740629) and should not contain values that might * change if the page is re-opened later. */</p> <p>/** @type {!LoadTimeData} */ // eslint-disable-next-line no-var var loadTimeData;</p> <p>class LoadTimeData { constructor() { /** @type {?Object} */ this.data_ = null; }</p> <p> /** * Sets the backing object. * * Note that there is no getter for |data_| to discourage abuse of the form: * * var value = loadTimeData.data()['key']; * * @param {Object} value The de-serialized page data. */ set data(value) { expect(!this.data_, 'Re-setting data.'); this.data_ = value; }</p> <p> /** * @param {string} id An ID of a value that might exist. * @return {boolean} True if |id| is a key in the dictionary. */ valueExists(id) { return id in this.data_; }</p> <p> /** * Fetches a value, expecting that it exists. * @param {string} id The key that identifies the desired value. * @return {*} The corresponding value. */ getValue(id) { expect(this.data_, 'No data. Did you remember to include strings.js?'); const value = this.data_[id]; expect(typeof value !== 'undefined', 'Could not find value for ' + id); return value; }</p> <p> /** * As above, but also makes sure that the value is a string. * @param {string} id The key that identifies the desired string. * @return {string} The corresponding string value. */ getString(id) { const value = this.getValue(id); expectIsType(id, value, 'string'); return /** @type {string} */ (value); }</p> <p> /** * Returns a formatted localized string where $1 to $9 are replaced by the * second to the tenth argument. * @param {string} id The ID of the string we want. * @param {...(string|number)} var_args The extra values to include in the * formatted output. * @return {string} The formatted string. */ getStringF(id, var_args) { const value = this.getString(id); if (!value) { return ''; }</p> <p> const args = Array.prototype.slice.call(arguments); args[0] = value; return this.substituteString.apply(this, args); }</p> <p> /** * Returns a formatted localized string where $1 to $9 are replaced by the * second to the tenth argument. Any standalone $ signs must be escaped as * $$. * @param {string} label The label to substitute through. * This is not an resource ID. * @param {...(string|number)} var_args The extra values to include in the * formatted output. * @return {string} The formatted string. */ substituteString(label, var_args) { const varArgs = arguments; return label.replace(/\$(.|$|\n)/g, function(m) { expect(m.match(/\$[$1-9]/), 'Unescaped $ found in localized string.'); return m === '$$' ? '$' : varArgs[m[1]]; }); }</p> <p> /** * Returns a formatted string where $1 to $9 are replaced by the second to * tenth argument, split apart into a list of pieces describing how the * substitution was performed. Any standalone $ signs must be escaped as $$. * @param {string} label A localized string to substitute through. * This is not an resource ID. * @param {...(string|number)} var_args The extra values to include in the * formatted output. * @return {!Array<!{value: string, arg: (null|string)}>} The formatted * string pieces. */ getSubstitutedStringPieces(label, var_args) { const varArgs = arguments; // Split the string by separately matching all occurrences of $1-9 and of // non $1-9 pieces. const pieces = (label.match(/(\$[1-9])|(([^$]|\$([^1-9]|$))+)/g) || []).map(function(p) { // Pieces that are not $1-9 should be returned after replacing $$ // with $. if (!p.match(/^\$[1-9]$/)) { expect( (p.match(/\$/g) || []).length % 2 === 0, 'Unescaped $ found in localized string.'); return {value: p.replace(/\$\$/g, '$'), arg: null}; }</p> <p> // Otherwise, return the substitution value. return {value: varArgs[p[1]], arg: p}; });</p> <p> return pieces; }</p> <p> /** * As above, but also makes sure that the value is a boolean. * @param {string} id The key that identifies the desired boolean. * @return {boolean} The corresponding boolean value. */ getBoolean(id) { const value = this.getValue(id); expectIsType(id, value, 'boolean'); return /** @type {boolean} */ (value); }</p> <p> /** * As above, but also makes sure that the value is an integer. * @param {string} id The key that identifies the desired number. * @return {number} The corresponding number value. */ getInteger(id) { const value = this.getValue(id); expectIsType(id, value, 'number'); expect(value === Math.floor(value), 'Number isn\'t integer: ' + value); return /** @type {number} */ (value); }</p> <p> /** * Override values in loadTimeData with the values found in |replacements|. * @param {Object} replacements The dictionary object of keys to replace. */ overrideValues(replacements) { expect( typeof replacements === 'object', 'Replacements must be a dictionary object.'); for (const key in replacements) { this.data_[key] = replacements[key]; } }</p> <p> /** * Reset loadTimeData's data. Should only be used in tests. * @param {?Object} newData The data to restore to, when null restores to * unset state. */ resetForTesting(newData = null) { this.data_ = newData; }</p> <p> /** * @return {boolean} Whether loadTimeData.data has been set. */ isInitialized() { return this.data_ !== null; } }</p> <p> /** * Checks condition, throws error message if expectation fails. * @param {*} condition The condition to check for truthiness. * @param {string} message The message to display if the check fails. */ function expect(condition, message) { if (!condition) { throw new Error( 'Unexpected condition on ' + document.location.href + ': ' + message); } }</p> <p> /** * Checks that the given value has the given type. * @param {string} id The id of the value (only used for error message). * @param {*} value The value to check the type on. * @param {string} type The type we expect |value| to be. */ function expectIsType(id, value, type) { expect( typeof value === type, '[' + value + '] (' + id + ') is not a ' + type); }</p> <p> expect(!loadTimeData, 'should only include this file once'); loadTimeData = new LoadTimeData;</p> <p> // Expose |loadTimeData| directly on |window|, since within a JS module the // scope is local and not all files have been updated to import the exported // |loadTimeData| explicitly. window.loadTimeData = loadTimeData;</p> <p> console.warn('crbug/1173575, non-JS module files deprecated.');</script><script jstcache="0">const pageData = {"details":"Details","errorCode":"ERR_BLOCKED_BY_RESPONSE","fontfamily":"'Segoe UI', Tahoma, sans-serif","fontsize":"75%","heading":{"hostName":"cape91-orsay.fr","msg":"\u003Cspan jscontent=\"hostName\">\u003C/span> is blocked"},"hideDetails":"Hide details","iconClass":"icon-generic","language":"en","suggestionsDetails":[],"suggestionsSummaryList":[],"summary":{"failedUrl":"https://cape91-orsay.fr/acces-a-lent/embed/#?secret=Yae1Z5HFrT#?secret=PWujg1xqbg","hostName":"cape91-orsay.fr","msg":"\u003Cstrong jscontent=\"hostName\">\u003C/strong> refused to connect."},"textdirection":"ltr","title":"cape91-orsay.fr"};loadTimeData.data = pageData;var tp = document.getElementById('t');jstProcess(new JsEvalContext(pageData), tp);</script></body><br /> <br />

17 mars 2020 — les élèves en post bac (CPGE) de 17.00 à 20.00. Pour vous tenir informés de l’actualité du lycée, pensez à consulter le compte twitter du lycée …

Lycée Jean Monnet

http://www.lyc-monnet-juvisy.ac-versailles.fr/

Cette plaquette téléchargeable vous permettra d’avoir une vue d’ensemble des formations présentes au lycée. 3 Secteurs sont proposés : Tertiaire – (…).

Lycée polyvalent Nikola Tesla (Dourdan)

http://www.lyc-tesla-dourdan.ac-versailles.fr/

Nos étudiants auront la possibilité de trouver une entreprise partenaire pour réaliser leur BTS en alternance. (…) Padlet Orientation du Lycée TESLA. Madame, …

Lycée Polyvalent Henri Vogt

Home

<br /> <br /> <head><br /> <meta charset="UTF-8"> <link rel="profile" href="https://gmpg.org/xfn/11"> <p> <title>Lycée Polyvalent Henri Vogt – Commercy – Le Lycée polyvalent Henri Vogt est un lycée polyvalent public situé à Commercy et faisant partie de l'académie de Nancy-Metz</title><br /> <meta name="robots" content="max-image-preview:large"><br /> <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//s.w.org"> <link rel="alternate" type="application/rss+xml" title="Lycée Polyvalent Henri Vogt - Commercy » Flux" href="https://lyceehenrivogt.fr/feed/"> <link rel="alternate" type="application/rss+xml" title="Lycée Polyvalent Henri Vogt - Commercy » Flux des commentaires" href="https://lyceehenrivogt.fr/comments/feed/"> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/lyceehenrivogt.fr\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.1"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script><script src="https://lyceehenrivogt.fr/wp-includes/js/wp-emoji-release.min.js?ver=6.0.1" type="text/javascript" defer=""></script></p> <style> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="wp-block-library-css" href="https://lyceehenrivogt.fr/wp-includes/css/dist/block-library/style.min.css?ver=6.0.1" media="all"> <style id="wp-block-library-theme-inline-css"> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0} </style> <link rel="stylesheet" id="awsm-ead-public-css" href="https://lyceehenrivogt.fr/wp-content/plugins/embed-any-document/css/embed-public.min.css?ver=2.7.1" media="all"> <style id="global-styles-inline-css"> body{ --wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel="stylesheet" id="contact-form-7-css" href="https://lyceehenrivogt.fr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.3" media="all"> <link rel="stylesheet" id="document-gallery-css" href="https://lyceehenrivogt.fr/wp-content/plugins/document-gallery/assets/css/style.min.css?ver=4.4.3" media="all"> <link rel="stylesheet" id="font-awesome-css" href="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/fonts/fontawesome/css/all.min.css?ver=5.15.1" media="all"> <link rel="stylesheet" id="simple-line-icons-css" href="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/css/third/simple-line-icons.min.css?ver=2.4.0" media="all"> <link rel="stylesheet" id="oceanwp-style-css" href="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/css/style.min.css?ver=3.1.2" media="all"> <link rel="stylesheet" id="fontawesome-css" href="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/inc/customizer/assets/css/fontawesome-all.min.css?ver=5.8.2" media="all"> <link rel="stylesheet" id="elementor-icons-css" href="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.13.0" media="all"> <link rel="stylesheet" id="elementor-frontend-legacy-css" href="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/css/frontend-legacy.min.css?ver=3.5.3" media="all"> <link rel="stylesheet" id="elementor-frontend-css" href="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.5.3" media="all"> <link rel="stylesheet" id="elementor-post-1495-css" href="https://lyceehenrivogt.fr/wp-content/uploads/elementor/css/post-1495.css?ver=1641552888" media="all"> <link rel="stylesheet" id="animate-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/lib/animate.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="lae-sliders-styles-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/lib/sliders.min.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="lae-icomoon-styles-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/icomoon.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="lae-frontend-styles-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/lae-frontend.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="lae-grid-styles-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/lae-grid.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="lae-widgets-styles-css" href="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/css/widgets/lae-widgets.min.css?ver=7.1.1" media="all"> <link rel="stylesheet" id="elementor-post-171-css" href="https://lyceehenrivogt.fr/wp-content/uploads/elementor/css/post-171.css?ver=1654681692" media="all"> <link rel="stylesheet" id="oe-widgets-style-css" href="https://lyceehenrivogt.fr/wp-content/plugins/ocean-extra/assets/css/widgets.css?ver=6.0.1" media="all"> <script type="text/javascript"> ajaxurl = typeof(ajaxurl) !== 'string' ? 'https://lyceehenrivogt.fr/wp-admin/admin-ajax.php' : ajaxurl; </script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/jquery/jquery.min.js?ver=3.6.0" id="jquery-core-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2" id="jquery-migrate-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.min.js?ver=2.1.1" id="stickyAnythingLib-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/vendors/smoothscroll.min.js?ver=3.1.2" id="ow-smoothscroll-js"></script> <link rel="https://api.w.org/" href="https://lyceehenrivogt.fr/wp-json/"><link rel="alternate" type="application/json" href="https://lyceehenrivogt.fr/wp-json/wp/v2/pages/171"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://lyceehenrivogt.fr/xmlrpc.php?rsd"> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://lyceehenrivogt.fr/wp-includes/wlwmanifest.xml"> <meta name="generator" content="WordPress 6.0.1"> <link rel="canonical" href="https://lyceehenrivogt.fr/"> <link rel="shortlink" href="https://lyceehenrivogt.fr/"> <link rel="alternate" type="application/json+oembed" href="https://lyceehenrivogt.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flyceehenrivogt.fr%2F"> <link rel="alternate" type="text/xml+oembed" href="https://lyceehenrivogt.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flyceehenrivogt.fr%2F&format=xml"> <script type="text/javascript"> ( function () { window.lae_fs = { can_use_premium_code: false}; } )(); </script></p> <style id="wp-custom-css"> /* Full width button on the homepage */.full-btn.elementor-widget-button .elementor-button{width:100%}/* Newsletter form button */.oew-newsletter-form-wrap .button{padding:0 20px}/* Footer */body #footer-widgets{text-align:center}body #footer-widgets .ocean-newsletter-form{margin:0 0 26px}body #footer-widgets .ocean-newsletter-form-wrap input[type="email"]{color:#7c7c7c;border-width:2px;border-color:rgba(255,255,255,0.2);font-size:15px;letter-spacing:.8px}body #footer-widgets .ocean-newsletter-form-wrap input[type="email"]:hover{border-color:rgba(255,255,255,0.5)}body #footer-widgets .ocean-newsletter-form-wrap input[type="email"]:focus{border-color:rgba(255,255,255,0.6)}body #footer-widgets .ocean-newsletter-form-wrap button:hover{background-color:#5c7c19}body #footer-widgets .social-widget li a{color:#4a4a4a;font-size:20px;line-height:1;padding:.5em}body #footer-widgets .social-widget li a:hover{color:#8cba29}/* Scroll top button */#scroll-top{right:30px;bottom:0;width:48px;height:35px;line-height:35px;font-size:22px;border-radius:4px 4px 0 0}/* Footer newsletter form on responsive */@media only screen and (max-width:320px){#scroll-top{display:none !important}} </style> <p> </p> <style type="text/css"> /* General CSS */a:hover,a.light:hover,.theme-heading .text::before,.theme-heading .text::after,#top-bar-content >a:hover,#top-bar-social li.oceanwp-email a:hover,#site-navigation-wrap .dropdown-menu >li >a:hover,#site-header.medium-header #medium-searchform button:hover,.oceanwp-mobile-menu-icon a:hover,.blog-entry.post .blog-entry-header .entry-title a:hover,.blog-entry.post .blog-entry-readmore a:hover,.blog-entry.thumbnail-entry .blog-entry-category a,ul.meta li a:hover,.dropcap,.single nav.post-navigation .nav-links .title,body .related-post-title a:hover,body #wp-calendar caption,body .contact-info-widget.default i,body .contact-info-widget.big-icons i,body .custom-links-widget .oceanwp-custom-links li a:hover,body .custom-links-widget .oceanwp-custom-links li a:hover:before,body .posts-thumbnails-widget li a:hover,body .social-widget li.oceanwp-email a:hover,.comment-author .comment-meta .comment-reply-link,#respond #cancel-comment-reply-link:hover,#footer-widgets .footer-box a:hover,#footer-bottom a:hover,#footer-bottom #footer-bottom-menu a:hover,.sidr a:hover,.sidr-class-dropdown-toggle:hover,.sidr-class-menu-item-has-children.active >a,.sidr-class-menu-item-has-children.active >a >.sidr-class-dropdown-toggle,input[type=checkbox]:checked:before{color:#38b6ff}.single nav.post-navigation .nav-links .title .owp-icon use,.blog-entry.post .blog-entry-readmore a:hover .owp-icon use,body .contact-info-widget.default .owp-icon use,body .contact-info-widget.big-icons .owp-icon use{stroke:#38b6ff}input[type="button"],input[type="reset"],input[type="submit"],button[type="submit"],.button,#site-navigation-wrap .dropdown-menu >li.btn >a >span,.thumbnail:hover i,.post-quote-content,.omw-modal .omw-close-modal,body .contact-info-widget.big-icons li:hover i,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#38b6ff}.thumbnail:hover .link-post-svg-icon{background-color:#38b6ff}body .contact-info-widget.big-icons li:hover .owp-icon{background-color:#38b6ff}.widget-title{border-color:#38b6ff}blockquote{border-color:#38b6ff}#searchform-dropdown{border-color:#38b6ff}.dropdown-menu .sub-menu{border-color:#38b6ff}.blog-entry.large-entry .blog-entry-readmore a:hover{border-color:#38b6ff}.oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#38b6ff}.social-widget li.oceanwp-email a:hover{border-color:#38b6ff}#respond #cancel-comment-reply-link:hover{border-color:#38b6ff}body .contact-info-widget.big-icons li:hover i{border-color:#38b6ff}#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#38b6ff}blockquote,.wp-block-quote{border-left-color:#38b6ff}body .contact-info-widget.big-icons li:hover .owp-icon{border-color:#38b6ff}input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button[type="submit"]:hover,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button[type="submit"]:focus,.button:hover,#site-navigation-wrap .dropdown-menu >li.btn >a:hover >span,.post-quote-author,.omw-modal .omw-close-modal:hover,body div.wpforms-container-full .wpforms-form input[type=submit]:hover,body div.wpforms-container-full .wpforms-form button[type=submit]:hover,body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover{background-color:#313131}/* Header CSS */#site-logo #site-logo-inner,.oceanwp-social-menu .social-menu-inner,#site-header.full_screen-header .menu-bar-inner,.after-header-content .after-header-content-inner{height:64px}#site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a,.mobile-menu-close,.after-header-content-inner >a{line-height:64px}#site-header,.has-transparent-header .is-sticky #site-header,.has-vh-transparent .is-sticky #site-header.vertical-header,#searchform-header-replace{background-color:#3852ff}#site-header-inner{padding:0 12px 0 0}#site-header.has-header-media .overlay-header-media{background-color:rgba(0,0,0,0.5)}#site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:149px}#site-logo a.site-logo-text{color:#ffffff}#searchform-dropdown input,#icon-searchform-dropdown input{color:#ffffff}#searchform-dropdown input,#icon-searchform-dropdown input{border-color:#000000}#searchform-dropdown input:focus,#icon-searchform-dropdown input:focus{border-color:#8cba29}#site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:#ffffff}#site-navigation-wrap .dropdown-menu >li >a .owp-icon use,.oceanwp-mobile-menu-icon a .owp-icon use,#searchform-header-replace-close .owp-icon use{stroke:#ffffff}#site-navigation-wrap .dropdown-menu >li >a:hover,.oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover{color:#426304}#site-navigation-wrap .dropdown-menu >li >a:hover .owp-icon use,.oceanwp-mobile-menu-icon a:hover .owp-icon use,#searchform-header-replace-close:hover .owp-icon use{stroke:#426304}.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{background-color:#212222}.dropdown-menu ul li.menu-item,.navigation >ul >li >ul.megamenu.sub-menu >li,.navigation .megamenu li ul.sub-menu{border-color:#000000}.dropdown-menu ul li a.menu-link{color:#a9a9a9}.dropdown-menu ul li a.menu-link .owp-icon use{stroke:#a9a9a9}.dropdown-menu ul li a.menu-link:hover{color:#ffffff}.dropdown-menu ul li a.menu-link:hover .owp-icon use{stroke:#ffffff}.dropdown-menu ul li a.menu-link:hover{background-color:#000000}.navigation li.mega-cat .mega-cat-title{background-color:#000000}.navigation li.mega-cat .mega-cat-title{color:#ffffff}.navigation li.mega-cat ul li .mega-post-title a{color:#ffffff}.navigation li.mega-cat ul li .mega-post-title a:hover{color:#8cba29}.navigation li.mega-cat ul li .mega-post-date{color:#999999}.navigation li.mega-cat ul li .mega-post-date .owp-icon use{stroke:#999999}a.sidr-class-toggle-sidr-close{background-color:#161616}#sidr,#mobile-dropdown{background-color:#212222}#sidr li,#sidr ul,#mobile-dropdown ul li,#mobile-dropdown ul li ul{border-color:#000000}body .sidr a,body .sidr-class-dropdown-toggle,#mobile-dropdown ul li a,#mobile-dropdown ul li a .dropdown-toggle,#mobile-fullscreen ul li a,#mobile-fullscreen .oceanwp-social-menu.simple-social ul li a{color:#a9a9a9}#mobile-fullscreen a.close .close-icon-inner,#mobile-fullscreen a.close .close-icon-inner::after{background-color:#a9a9a9}body .sidr a:hover,body .sidr-class-dropdown-toggle:hover,body .sidr-class-dropdown-toggle .fa,body .sidr-class-menu-item-has-children.active >a,body .sidr-class-menu-item-has-children.active >a >.sidr-class-dropdown-toggle,#mobile-dropdown ul li a:hover,#mobile-dropdown ul li a .dropdown-toggle:hover,#mobile-dropdown .menu-item-has-children.active >a,#mobile-dropdown .menu-item-has-children.active >a >.dropdown-toggle,#mobile-fullscreen ul li a:hover,#mobile-fullscreen .oceanwp-social-menu.simple-social ul li a:hover{color:#ffffff}#mobile-fullscreen a.close:hover .close-icon-inner,#mobile-fullscreen a.close:hover .close-icon-inner::after{background-color:#ffffff}.sidr-class-dropdown-menu ul,#mobile-dropdown ul li ul,#mobile-fullscreen ul ul.sub-menu{background-color:#2d2d2d}body .sidr-class-mobile-searchform input,body .sidr-class-mobile-searchform input:focus,#mobile-dropdown #mobile-menu-search form input,#mobile-fullscreen #mobile-search input,#mobile-fullscreen #mobile-search label{color:#ffffff}body .sidr-class-mobile-searchform input,#mobile-dropdown #mobile-menu-search form input,#mobile-fullscreen #mobile-search input{border-color:#3f3f3f}body .sidr-class-mobile-searchform input:focus,#mobile-dropdown #mobile-menu-search form input:focus,#mobile-fullscreen #mobile-search input:focus{border-color:#5e5e5e}.sidr-class-mobile-searchform button,#mobile-dropdown #mobile-menu-search form button{color:#6d6d6d}.sidr-class-mobile-searchform button .owp-icon use,#mobile-dropdown #mobile-menu-search form button .owp-icon use{stroke:#6d6d6d}.sidr-class-mobile-searchform button:hover,#mobile-dropdown #mobile-menu-search form button:hover{color:#a9a9a9}.sidr-class-mobile-searchform button:hover .owp-icon use,#mobile-dropdown #mobile-menu-search form button:hover .owp-icon use{stroke:#a9a9a9}/* Top Bar CSS */#top-bar-wrap,.oceanwp-top-bar-sticky{background-color:#161819}#top-bar-wrap{border-color:#161819}#top-bar-wrap,#top-bar-content strong{color:#8b8c8c}#top-bar-content a,#top-bar-social-alt a{color:#8b8c8c}#top-bar-social li a{color:#8b8c8c}#top-bar-social li a .owp-icon use{stroke:#8b8c8c}/* Footer Widgets CSS */#footer-widgets{background-color:#313131}/* Footer Bottom CSS */#footer-bottom{background-color:#2d2d2d}#footer-bottom,#footer-bottom p{color:#6b6b6b}#footer-bottom a,#footer-bottom #footer-bottom-menu a{color:#6b6b6b}/* Typography CSS */body{font-family:PT Sans;font-size:15px;color:#333333}h1,h2,h3,h4,h5,h6,.theme-heading,.widget-title,.oceanwp-widget-recent-posts-title,.comment-reply-title,.entry-title,.sidebar-box .widget-title{font-family:Open Sans;color:#161819}#top-bar-content,#top-bar-social-alt{font-size:13px}#site-navigation-wrap .dropdown-menu >li >a,#site-header.full_screen-header .fs-dropdown-menu >li >a,#site-header.top-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.center-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a{font-weight:600;font-size:14px;text-transform:uppercase}#footer-bottom #copyright{font-weight:600;font-size:13px;letter-spacing:.6px;text-transform:uppercase} </style> <p></head></p> <p><body data-rsssl=1 class="home page-template-default page page-id-171 wp-custom-logo wp-embed-responsive oceanwp-theme dropdown-mobile no-header-border default-breakpoint content-full-screen has-topbar page-header-disabled has-breadcrumbs pagination-left no-margins elementor-default elementor-kit-1495 elementor-page elementor-page-171" itemscope="itemscope" itemtype="https://schema.org/WebPage" marginwidth="0" marginheight="0"></p> <p> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 0.49803921568627"></feFuncR><feFuncG type="table" tableValues="0 0.49803921568627"></feFuncG><feFuncB type="table" tableValues="0 0.49803921568627"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1"></feFuncR><feFuncG type="table" tableValues="0 1"></feFuncG><feFuncB type="table" tableValues="0 1"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765"></feFuncR><feFuncG type="table" tableValues="0 1"></feFuncG><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1"></feFuncR><feFuncG type="table" tableValues="0 0.27843137254902"></feFuncG><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 0"></feFuncR><feFuncG type="table" tableValues="0 0.64705882352941"></feFuncG><feFuncB type="table" tableValues="0 1"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.78039215686275 1"></feFuncR><feFuncG type="table" tableValues="0 0.94901960784314"></feFuncG><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745"></feFuncR><feFuncG type="table" tableValues="0 1"></feFuncG><feFuncB type="table" tableValues="0.44705882352941 0.4"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.098039215686275 1"></feFuncR><feFuncG type="table" tableValues="0 0.66274509803922"></feFuncG><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg></p> <div id="outer-wrap" class="site clr"> <p> <a class="skip-link screen-reader-text" href="#main">Skip to content</a></p> <div id="wrap" class="clr"> <div id="top-bar-wrap" class="clr"> <div id="top-bar" class="clr container"> <div id="top-bar-inner" class="clr"> <div id="top-bar-content" class="clr has-content top-bar-left"> <p> <span class="topbar-content"></p> <p> <i class="icon-envelope" style="margin: 0 8px 0 12px"></i><a href="mailto:ce.0550008@ac-nancy-metz.fr">ce.0550008@ac-nancy-metz.fr</a><br /> <i class="icon-phone" style="margin: 0 8px 0 12px"></i>03 29 91 79 00<br /> <i class="icon-login" style="margin: 0 8px 0 12px"></i> <a href="https://cas.monbureaunumerique.fr/login?service=https%3A%2F%2Flyc-vogt-commercy.monbureaunumerique.fr%2Fsg.do%3FPROC%3DIDENTIFICATION_FRONT" target="_blank" rel="noopener nofollow">ENT Mon Bureau Numérique</a><a></p> <p> </a></span><a></p> <p> </a></div> <p><a></p> <div id="top-bar-social" class="clr top-bar-right"> <ul class="clr" aria-label="Social links"> </ul> </div> <p></p> <p> </a></div> <p><a></p> <p> </a></div> <p><a></p> <p></a></div> <p><a></p> <p></a></p> <header id="site-header" class="minimal-header clr" data-height="64" itemscope="itemscope" itemtype="https://schema.org/WPHeader" role="banner"><a></p> <p> </a></p> <div id="site-header-inner" class="clr "><a></p> <p></a></p> <div id="site-logo" class="clr has-responsive-logo" itemscope="" itemtype="https://schema.org/Brand"><a></p> <p> </a></p> <div id="site-logo-inner" class="clr"><a></p> <p> </a><a href="https://lyceehenrivogt.fr/" class="custom-logo-link" rel="home nofollow noopener" aria-current="page" target="_blank"><img decoding="async" loading="lazy" width="1113" height="307" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/cropped-logo_lycee_blanc-2-1.png" class="custom-logo" alt="Lycée Polyvalent Henri Vogt – Commercy" srcset="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/cropped-logo_lycee_blanc-2-1.png 1x, https://lyceehenrivogt.fr/wp-content/uploads/2018/09/logo_lycee_blanc-2.png 2x" sizes="(max-width: 1113px) 100vw, 1113px"></a><a href="https://lyceehenrivogt.fr/" class="responsive-logo-link" rel="home nofollow noopener" target="_blank"><img decoding="async" loading="lazy" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/logo_lycee_blanc-2.png" class="responsive-logo" width="1113" height="339" alt=""></a> </div> <p></p> </div> <p></p> <div id="site-navigation-wrap" class="clr"> <nav id="site-navigation" class="navigation main-navigation clr" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" role="navigation"> <ul id="menu-menu" class="main-menu dropdown-menu sf-menu"> <li id="menu-item-1066" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-171 current_page_item menu-item-1066"><a href="https://lyceehenrivogt.fr/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Accueil</span></a></li> <li id="menu-item-1330" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-1330"><a href="https://lyceehenrivogt.fr/category/bac-2021/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Bac 2021<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-1333" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1333"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-seconde/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Réforme du lycée : classe de seconde</span></a></li> <li id="menu-item-1332" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1332"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-premiere-generale/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Réforme du lycée : classe de Première Générale</span></a></li> <li id="menu-item-1331" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1331"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-premiere-technologique/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Réforme du lycée : classe de Première Technologique</span></a></li> </ul> </li> <li id="menu-item-1062" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1062"><a href="https://lyceehenrivogt.fr/actu/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Inscription</span></a></li> <li id="menu-item-277" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-277"><a href="https://lyceehenrivogt.fr/category/le-lycee/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Le Lycée<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-859" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-859"><a href="https://lyceehenrivogt.fr/le-mot-du-provieur/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Le mot du Proviseur</span></a></li> <li id="menu-item-865" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-865"><a href="https://lyceehenrivogt.fr/presentation/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Présentation</span></a></li> <li id="menu-item-287" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-287"><a target="_blank" href="http://0550008k.esidoc.fr/" class="menu-link" rel="noopener nofollow"><span class="text-wrap">Le CDI</span></a></li> <li id="menu-item-1067" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1067"><a href="https://www.facebook.com/Association-Sportive-Vogt-Commercy-1614344265537377/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Association sportive</span></a></li> </ul> </li> <li id="menu-item-274" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-274"><a href="https://lyceehenrivogt.fr/category/enseignements/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Formations<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="https://lyceehenrivogt.fr/la-seconde-generale-et-technologique/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">La Seconde Générale et Technologique</span></a></li> <li id="menu-item-1592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1592"><a href="https://lyceehenrivogt.fr/la-premiere-technologique/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">La première technologique</span></a></li> <li id="menu-item-862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-862"><a href="https://lyceehenrivogt.fr/les-premieres-et-terminales-technologiques/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Les Séries Technologiques<i class="nav-arrow fa fa-angle-right" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-1028" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1028"><a href="https://lyceehenrivogt.fr/le-bac-stmg/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Le bac STMG</span></a></li> <li id="menu-item-1029" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1029"><a href="https://lyceehenrivogt.fr/le-bac-sti2d/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Le bac STI2D</span></a></li> </ul> </li> <li id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a href="https://lyceehenrivogt.fr/la-section-professionnelle/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Les Séries Professionnelles</span></a></li> </ul> </li> <li id="menu-item-728" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-728"><a href="https://lyceehenrivogt.fr/category/langues/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Langues<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-870"><a href="https://lyceehenrivogt.fr/lallemand-au-lycee-henri-vogt/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">L’allemand au lycée Henri VOGT</span></a></li> <li id="menu-item-871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-871"><a href="https://lyceehenrivogt.fr/section-europeenne-allemand/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Section Européenne Allemand</span></a></li> <li id="menu-item-1087" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1087"><a href="https://lyceehenrivogt.fr/section-europeenne-italien/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Section Européenne Italien</span></a></li> </ul> </li> <li id="menu-item-275" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-275"><a href="https://lyceehenrivogt.fr/category/espace-eleves/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Espace élèves<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-280" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-280"><a target="_blank" href="https://cas.monbureaunumerique.fr/login?service=https%3A%2F%2Flyc-vogt-commercy.monbureaunumerique.fr%2Fsg.do%3FPROC%3DIDENTIFICATION_FRONT" class="menu-link" rel="noopener nofollow"><span class="text-wrap">ENT Mon Bureau Numérique</span></a></li> <li id="menu-item-281" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-281"><a target="_blank" href="https://www.parcoursup.fr/" class="menu-link" rel="noopener nofollow"><span class="text-wrap">Parcoursup</span></a></li> </ul> </li> <li id="menu-item-276" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropdown menu-item-276"><a href="https://lyceehenrivogt.fr/category/espace-parents/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Espace parents<i class="nav-arrow fa fa-angle-down" aria-hidden="true" role="img"></i></span></a> <ul class="sub-menu"> <li id="menu-item-279" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-279"><a target="_blank" href="https://cas.monbureaunumerique.fr/login?service=https%3A%2F%2Flyc-vogt-commercy.monbureaunumerique.fr%2Fsg.do%3FPROC%3DIDENTIFICATION_FRONT" class="menu-link" rel="noopener nofollow"><span class="text-wrap">ENT Mon Bureau Numérique</span></a></li> <li id="menu-item-282" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-282"><a target="_blank" href="https://www.parcoursup.fr/" class="menu-link" rel="noopener nofollow"><span class="text-wrap">Parcoursup</span></a></li> </ul> </li> <li id="menu-item-880" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-880"><a href="https://lyceehenrivogt.fr/contact/" class="menu-link" rel="nofollow noopener" target="_blank"><span class="text-wrap">Contact</span></a></li> <li class="search-toggle-li"><a href="javascript:void(0)" class="site-search-toggle search-dropdown-toggle" aria-label="Search website"><i class=" icon-magnifier" aria-hidden="true" role="img"></i></a></li> </ul> <div id="searchform-dropdown" class="header-searchform-wrap clr"> <form role="search" method="get" class="searchform" action="https://lyceehenrivogt.fr/"> <label for="ocean-search-form-1"><br /> <span class="screen-reader-text">Rechercher sur ce site</span><br /> <input type="search" id="ocean-search-form-1" class="field" autocomplete="off" placeholder="Rechercher" name="s"><br /> </label><br /> </form> </div> <p></p> </nav> <p></p></div> <p></p> <div class="oceanwp-mobile-menu-icon clr mobile-right"> <p> <a href="javascript:void(0)" class="mobile-menu" aria-label="Menu mobile"><br /> <i class="fa fa-bars" aria-hidden="true"></i><br /> <span class="oceanwp-text">Menu</span><br /> <span class="oceanwp-close-text">Fermer</span><br /> </a></p></div> <p></p></div> <p></p> <div id="mobile-dropdown" class="clr"> <nav class="clr" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div id="mobile-nav" class="navigation clr"> <ul id="menu-menu-1" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-171 current_page_item menu-item-1066"><a href="https://lyceehenrivogt.fr/" aria-current="page" rel="nofollow noopener" target="_blank">Accueil</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1330"><a href="https://lyceehenrivogt.fr/category/bac-2021/" rel="nofollow noopener" target="_blank">Bac 2021</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1333"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-seconde/" rel="nofollow noopener" target="_blank">Réforme du lycée : classe de seconde</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1332"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-premiere-generale/" rel="nofollow noopener" target="_blank">Réforme du lycée : classe de Première Générale</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1331"><a href="https://lyceehenrivogt.fr/reforme-du-lycee-classe-de-premiere-technologique/" rel="nofollow noopener" target="_blank">Réforme du lycée : classe de Première Technologique</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1062"><a href="https://lyceehenrivogt.fr/actu/" rel="nofollow noopener" target="_blank">Inscription</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-277"><a href="https://lyceehenrivogt.fr/category/le-lycee/" rel="nofollow noopener" target="_blank">Le Lycée</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-859"><a href="https://lyceehenrivogt.fr/le-mot-du-provieur/" rel="nofollow noopener" target="_blank">Le mot du Proviseur</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-865"><a href="https://lyceehenrivogt.fr/presentation/" rel="nofollow noopener" target="_blank">Présentation</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-287"><a target="_blank" rel="noopener nofollow" href="http://0550008k.esidoc.fr/">Le CDI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1067"><a href="https://www.facebook.com/Association-Sportive-Vogt-Commercy-1614344265537377/" rel="nofollow noopener" target="_blank">Association sportive</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-274"><a href="https://lyceehenrivogt.fr/category/enseignements/" rel="nofollow noopener" target="_blank">Formations</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="https://lyceehenrivogt.fr/la-seconde-generale-et-technologique/" rel="nofollow noopener" target="_blank">La Seconde Générale et Technologique</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1592"><a href="https://lyceehenrivogt.fr/la-premiere-technologique/" rel="nofollow noopener" target="_blank">La première technologique</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-862"><a href="https://lyceehenrivogt.fr/les-premieres-et-terminales-technologiques/" rel="nofollow noopener" target="_blank">Les Séries Technologiques</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1028"><a href="https://lyceehenrivogt.fr/le-bac-stmg/" rel="nofollow noopener" target="_blank">Le bac STMG</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1029"><a href="https://lyceehenrivogt.fr/le-bac-sti2d/" rel="nofollow noopener" target="_blank">Le bac STI2D</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a href="https://lyceehenrivogt.fr/la-section-professionnelle/" rel="nofollow noopener" target="_blank">Les Séries Professionnelles</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-728"><a href="https://lyceehenrivogt.fr/category/langues/" rel="nofollow noopener" target="_blank">Langues</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-870"><a href="https://lyceehenrivogt.fr/lallemand-au-lycee-henri-vogt/" rel="nofollow noopener" target="_blank">L’allemand au lycée Henri VOGT</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-871"><a href="https://lyceehenrivogt.fr/section-europeenne-allemand/" rel="nofollow noopener" target="_blank">Section Européenne Allemand</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1087"><a href="https://lyceehenrivogt.fr/section-europeenne-italien/" rel="nofollow noopener" target="_blank">Section Européenne Italien</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-275"><a href="https://lyceehenrivogt.fr/category/espace-eleves/" rel="nofollow noopener" target="_blank">Espace élèves</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-280"><a target="_blank" rel="noopener nofollow" href="https://cas.monbureaunumerique.fr/login?service=https%3A%2F%2Flyc-vogt-commercy.monbureaunumerique.fr%2Fsg.do%3FPROC%3DIDENTIFICATION_FRONT">ENT Mon Bureau Numérique</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-281"><a target="_blank" rel="noopener nofollow" href="https://www.parcoursup.fr/">Parcoursup</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-276"><a href="https://lyceehenrivogt.fr/category/espace-parents/" rel="nofollow noopener" target="_blank">Espace parents</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-279"><a target="_blank" rel="noopener nofollow" href="https://cas.monbureaunumerique.fr/login?service=https%3A%2F%2Flyc-vogt-commercy.monbureaunumerique.fr%2Fsg.do%3FPROC%3DIDENTIFICATION_FRONT">ENT Mon Bureau Numérique</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-282"><a target="_blank" rel="noopener nofollow" href="https://www.parcoursup.fr/">Parcoursup</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-880"><a href="https://lyceehenrivogt.fr/contact/" rel="nofollow noopener" target="_blank">Contact</a></li> </ul></div> <div id="mobile-menu-search" class="clr"> <form aria-label="Rechercher sur ce site" method="get" action="https://lyceehenrivogt.fr/" class="mobile-searchform" role="search"> <input aria-label="Insert search query" value="" class="field" id="ocean-mobile-search-2" type="search" name="s" autocomplete="off" placeholder="Rechercher"><br /> <button aria-label="Envoyer la recherche" type="submit" class="searchform-submit"><br /> <i class=" icon-magnifier" aria-hidden="true" role="img"></i> </button><br /> </form> </div> <p></p> </nav> </div> </header> <p></p> <p> <main id="main" class="site-main clr" role="main"></p> <div id="content-wrap" class="container clr"> <div id="primary" class="content-area clr"> <div id="content" class="site-content clr"> <article class="single-page-article clr"> <div class="entry clr" itemprop="text"> <div data-elementor-type="wp-post" data-elementor-id="171" class="elementor elementor-171" data-elementor-settings="[]"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section class="elementor-section elementor-top-section elementor-element elementor-element-8ae602d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8ae602d" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c69e23" data-id="2c69e23" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </p></div> </p></div> </p></div> </p></div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-xzv1c7c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="xzv1c7c" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1m6w5cw" data-id="1m6w5cw" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-e5psqw1 elementor-widget elementor-widget-heading" data-id="e5psqw1" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default"><span id="Lycee_Polyvalent_Henri_Vogt-2">Lycée Polyvalent Henri Vogt</span></h1> </p></div> </p></div> <div class="elementor-element elementor-element-12ayfq6 elementor-widget elementor-widget-text-editor" data-id="12ayfq6" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"> <p>Le lycée Henri Vogt comprend lycée général et technologique ainsi qu’un lycée professionnel. <br />Il propose également de la formation continue grâce au GRETA.<br />Il a aussi une forte proximité avec l’entreprise SAFRAN, leader en aéronautique via le Centre de Compétences Aérocomposite (CCRC).</p> </p></div> </p></div> </p></div> <div class="elementor-element elementor-element-gydt3kn elementor-widget elementor-widget-button" data-id="gydt3kn" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="https://lyceehenrivogt.fr/presentation/" class="elementor-button-link elementor-button elementor-size-sm" role="button"><br /> <span class="elementor-button-content-wrapper"><br /> <span class="elementor-button-icon elementor-align-icon-right"><br /> <i class="fa fa-angle-right" aria-hidden="true"></i><br /> </span><br /> <span class="elementor-button-text">Pour en savoir plus</span><br /> </span><br /> </a> </div> </p></div> </p></div> </p></div> </p></div> </p></div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5pbrfdr" data-id="5pbrfdr" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </p></div> </p></div> </p></div> </p></div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-zuwlmv7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="zuwlmv7" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-nu1z1i3" data-id="nu1z1i3" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-56hgk5i elementor-widget elementor-widget-heading" data-id="56hgk5i" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><span id="Actualite">Actualité</span></h2> </p></div> </p></div> <div class="elementor-element elementor-element-ed4ad75 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ed4ad75" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"><br /> </span> </div> </p></div> </p></div> <div class="elementor-element elementor-element-6d780d3 elementor-widget elementor-widget-lae-posts-carousel" data-id="6d780d3" data-element_type="widget" data-widget_type="lae-posts-carousel.default"> <div class="elementor-widget-container"> <div id="lae-posts-carousel-62ea8aca42c09" class="lae-posts-carousel lae-container lae-classic-skin" data-settings="{"arrows":true,"dots":false,"autoplay":false,"autoplay_speed":3000,"animation_speed":300,"pause_on_hover":true,"adaptive_height":false,"display_columns":3,"scroll_columns":3,"gutter":10,"tablet_width":800,"tablet_display_columns":2,"tablet_scroll_columns":2,"tablet_gutter":10,"mobile_width":480,"mobile_display_columns":1,"mobile_scroll_columns":1,"mobile_gutter":10}"> <div data-id="id-1572" class="lae-posts-carousel-item"> <article id="post-1572" class="post-1572 post type-post status-publish format-standard has-post-thumbnail hentry category-espace-parents category-informations-administratives-inscription-affectation entry has-media"> <div class="lae-project-image"> <p> <a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/" rel="nofollow noopener" target="_blank"><img decoding="async" width="512" height="215" src="https://lyceehenrivogt.fr/wp-content/uploads/2020/06/unnamed.jpg" class="lae-image attachment-large size-large" alt="unnamed" loading="lazy" title="unnamed" srcset="https://lyceehenrivogt.fr/wp-content/uploads/2020/06/unnamed.jpg 512w, https://lyceehenrivogt.fr/wp-content/uploads/2020/06/unnamed-300x126.jpg 300w" sizes="(max-width: 512px) 100vw, 512px"></a></p> <div class="lae-image-info"> <div class="lae-entry-info"> <h3 class="lae-post-title"><span id="Inscription_en_classe_de_Seconde_rentree_2022"> <p> <a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/" title="Inscription en classe de Seconde – rentrée 2022" rel="bookmark nofollow noopener" target="_blank">Inscription en classe de Seconde – rentrée 2022</a></p> </span></h3> <p> <span class="lae-terms"><a href="https://lyceehenrivogt.fr/category/espace-parents/" rel="nofollow noopener" target="_blank">Espace parents</a>, <a href="https://lyceehenrivogt.fr/category/informations-administratives-inscription-affectation/" rel="nofollow noopener" target="_blank">Informations administratives</a></span></p></div> </p></div> <p></p></div> <div class="lae-entry-text-wrap "> <h3 class="entry-title"><span id="Inscription_en_classe_de_Seconde_rentree_2022-2"> <p> <a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/" title="Inscription en classe de Seconde – rentrée 2022" rel="bookmark nofollow noopener" target="_blank">Inscription en classe de Seconde – rentrée 2022</a></p> </span></h3> <div class="entry-summary"> <p> Les inscriptions scolaires des élèves de troisième entrants en classe de seconde au lycée Henri Vogt auront lieu : Le mardi 5 juillet 2022 et le mercredi 6 juillet 2022 de 8h à 12h et de 14h à 18h. Les dossiers d’inscription papier seront fournis par le  secrétariat de chaque collège dont dépend l’élève.Ils sont […] </p></div> </p></div> </article> <p></p> </div> <p></div> <p> </div> </p></div> <div class="elementor-element elementor-element-9a650fb elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="9a650fb" data-element_type="widget" data-settings="{"slides_to_show":"1","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}" data-widget_type="image-carousel.default"> <div class="elementor-widget-container"> <div class="elementor-image-carousel-wrapper swiper-container" dir="ltr"> <div class="elementor-image-carousel swiper-wrapper"> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9423-e1460400527361.jpg" alt="IMGP9423-e1460400527361"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9425-e1460400791243-925x200.jpg" alt="IMGP9425-e1460400791243-925x200"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP0218-e1460400456877.jpg" alt="IMGP0218-e1460400456877"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9421-e1460400491476.jpg" alt="IMGP9421-e1460400491476"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9423-e1460400527361-1.jpg" alt="IMGP9423-e1460400527361"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9424-e1460400563518-925x200.jpg" alt="IMGP9424-e1460400563518-925x200"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9425-e1460400791243-925x200-1.jpg" alt="IMGP9425-e1460400791243-925x200 (1)"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9425-e1460400791243-925x200-2.jpg" alt="IMGP9425-e1460400791243-925x200"></figure> </div> <div class="swiper-slide"> <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://lyceehenrivogt.fr/wp-content/uploads/2018/09/IMGP9428-e1460400626239-925x200.jpg" alt="IMGP9428-e1460400626239-925x200"></figure> </div></div> <div class="swiper-pagination"></div> <div class="elementor-swiper-button elementor-swiper-button-prev"> <i aria-hidden="true" class="eicon-chevron-left"></i> <span class="elementor-screen-only">Précédent</span> </div> <div class="elementor-swiper-button elementor-swiper-button-next"> <i aria-hidden="true" class="eicon-chevron-right"></i> <span class="elementor-screen-only">Suivant</span> </div> </p></div> </p></div> </p></div> </p></div> </p></div> </p></div> </p></div> </p></div> </section></div> </p></div> </p></div> </div> </article></div> <p></p></div> <p></p></div> <p></p> <p> </main></p> <footer id="footer" class="site-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" role="contentinfo"> <div id="footer-inner" class="clr"> <div id="footer-widgets" class="oceanwp-row clr"> <div class="footer-widgets-inner container"> <div class="footer-box span_1_of_3 col col-1"> <div id="ocean_recent_posts-2" class="footer-widget widget-oceanwp-recent-posts recent-posts-widget clr"> <h4 class="widget-title"><span id="Articles_recents">Articles récents</span></h4> <ul class="oceanwp-recent-posts clr"> <li class="clr"> <p> <a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/" title="Inscription en classe de Seconde – rentrée 2022" class="recent-posts-thumbnail" rel="nofollow noopener" target="_blank"><br /> <img decoding="async" width="150" height="150" src="https://lyceehenrivogt.fr/wp-content/uploads/2020/06/unnamed-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Inscription en classe de Seconde – rentrée 2022" loading="lazy" itemprop="image"><br /> <span class="overlay"></span><br /> </a></p> <div class="recent-posts-details clr"> <div class="recent-posts-details-inner clr"> <p> <a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/" class="recent-posts-title" rel="nofollow noopener" target="_blank">Inscription en classe de Seconde – rentrée 2022</a></p> <div class="recent-posts-info clr"> <div class="recent-posts-date">13 juin 2022<span class="sep">/</span></div> <div class="recent-posts-comments"><a href="https://lyceehenrivogt.fr/inscription-en-classe-de-seconde-rentree-2022/#respond" rel="nofollow noopener" target="_blank">0 commentaire</a></div> </p></div> </p></div> </p></div> </li> </ul></div> <div id="text-2" class="footer-widget widget_text clr"> <h4 class="widget-title"><span id="Liens_utiles">Liens utiles</span></h4> <div class="textwidget"> <p><a href="http://www.commercy.fr/" target="_blank" rel="noopener nofollow">Ville de Commercy</a> </p> <p><a href="http://www.meuse.fr/" target="_blank" rel="noopener nofollow">Conseil Départementale de la Meuse</a></p> <p><a href="http://www.alsacechampagneardennelorraine.eu/" target="_blank" rel="noopener nofollow">Région Alsace-Lorraine-Champagne-Ardennes</a></p> <p><a href="http://www.education.gouv.fr/" target="_blank" rel="noopener nofollow"> Ministère de l’Education Nationale </a></p> <p><a href="http://www.ac-nancy-metz.fr/" target="_blank" rel="noopener nofollow">Académie de Nancy-Metz </a></p> <p><a href="http://dsden55.ac-nancy-metz.fr/" target="_blank" rel="noopener nofollow">Direction des Services Départementaux de l’Education National de Meuse</a></p> <p><a href="http://www.onisep.fr/Mes-infos-regionales/Lorraine" target="_blank" rel="noopener nofollow">Site de l’ONISEP Nancy-Metz</a></p> <p><a href="http://www.onisep.fr" target="_blank" rel="noopener nofollow">Site de l’ONISEP</a></p> </div></div> </p></div> <p></p> <div class="footer-box span_1_of_3 col col-2"> <div id="ocean_twitter-3" class="footer-widget widget-oceanwp-twitter twitter-widget clr"> <h4 class="widget-title"><span id="Fil_Education_Nationale">Fil Education Nationale</span></h4> <p><a class="twitter-timeline" data-theme="dark" data-link-color="#f96e5b" data-border-color="#e8e8e8" data-tweet-limit="3" data-lang="FR" href="https://twitter.com/education_gouv" rel="nofollow noopener" target="_blank"><script data-rocketlazyloadscript='https://platform.twitter.com/widgets.js' async="" charset="utf-8"></script>Mes tweets</a></div> </p></div> <p></p> <div class="footer-box span_1_of_3 col col-3 "> <div id="ocean_twitter-2" class="footer-widget widget-oceanwp-twitter twitter-widget clr"> <h4 class="widget-title"><span id="Fil_ONISEP">Fil ONISEP</span></h4> <p><a class="twitter-timeline" data-theme="dark" data-link-color="#f96e5b" data-border-color="#e8e8e8" data-tweet-limit="2" data-lang="FR" href="https://twitter.com/Onisep" rel="nofollow noopener" target="_blank"><script data-rocketlazyloadscript='https://platform.twitter.com/widgets.js' async="" charset="utf-8"></script>Mes tweets</a></div> </p></div> <p></p></div> <p></p> </div> <p></p> <div id="footer-bottom" class="clr no-footer-nav"> <div id="footer-bottom-inner" class="container clr"> <div id="copyright" class="clr" role="contentinfo"> © Lycée Henri Vogt - Commercy<br /> © <a href="https://matthieu-devalle.fr" rel="nofollow noopener" target="_blank">DEVALLÉ Matthieu</a><a> </a></div> <p><a></p> <p> </a></div> <p><a></p> <p></a></div> <p><a></p> <p> </a></div> <p><a></p> <p></a></footer> <p><a></p> <p></a></div> <p><a></p> <p></a></div> <p><a></p> <p></a><a aria-label="Scroll to the top of the page" href="#" id="scroll-top" class="scroll-top-right"><i class=" fa fa-angle-up" aria-hidden="true" role="img"></i></a></p> <link rel="stylesheet" id="e-animations-css" href="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.5.3" media="all"> <script src="https://lyceehenrivogt.fr/wp-content/plugins/embed-any-document/js/pdfobject.min.js?ver=2.7.1" id="awsm-ead-pdf-object-js"></script><br /> <script id="awsm-ead-public-js-extra"> var eadPublic = []; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/embed-any-document/js/embed-public.min.js?ver=2.7.1" id="awsm-ead-public-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9" id="regenerator-runtime-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script><br /> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/lyceehenrivogt.fr\/wp-json\/","namespace":"contact-form-7\/v1"}}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.3" id="contact-form-7-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/document-gallery/assets/js/gallery.min.js?ver=4.4.3" id="document-gallery-js"></script><br /> <script id="stickThis-js-extra"> var sticky_anything_engage = {"element":"#site-header","topspace":"0","minscreenwidth":"0","maxscreenwidth":"999999","zindex":"1","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":""}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js?ver=2.1.1" id="stickThis-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/imagesloaded.min.js?ver=4.1.4" id="imagesloaded-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/vendors/isotope.pkgd.min.js?ver=3.0.6" id="ow-isotop-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=3.1.2" id="ow-flickity-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/vendors/sidr.js?ver=3.1.2" id="ow-sidr-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=3.1.2" id="ow-magnific-popup-js"></script><br /> <script id="oceanwp-main-js-extra"> var oceanwpLocalize = {"nonce":"951246c87b","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","ajax_url":"https:\/\/lyceehenrivogt.fr\/wp-admin\/admin-ajax.php"}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/themes/oceanwp/assets/js/theme.vanilla.min.js?ver=3.1.2" id="oceanwp-main-js"></script><br /> <br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/js/slick.min.js?ver=7.1.1" id="lae-jquery-slick-js"></script><br /> <script id="lae-frontend-scripts-js-extra"> var lae_js_vars = {"custom_css":""}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/js/lae-frontend.min.js?ver=7.1.1" id="lae-frontend-scripts-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/js/lae-carousel-helper.min.js?ver=7.1.1" id="lae-carousel-helper-scripts-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.5.3" id="elementor-webpack-runtime-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.5.3" id="elementor-frontend-modules-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/jquery/ui/core.min.js?ver=1.13.1" id="jquery-ui-core-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6" id="swiper-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=3.5.3" id="share-link-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.9.0" id="elementor-dialog-js"></script><br /> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnTwitter":"Partager sur Twitter","pinIt":"L\u2019\u00e9pingler","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger une image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Grand mobile","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Grande tablette","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.5.3","is_static":false,"experimentalFeatures":{"e_import_export":true,"e_hidden_wordpress_widgets":true,"landing-pages":true,"elements-color-picker":true,"favorite-widgets":true,"admin-top-bar":true},"urls":{"assets":"https:\/\/lyceehenrivogt.fr\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":171,"title":"Lyc%C3%A9e%20Polyvalent%20Henri%20Vogt%20%E2%80%93%20Commercy%20%E2%80%93%20Le%20Lyc%C3%A9e%20polyvalent%20Henri%20Vogt%20est%20un%20lyc%C3%A9e%20polyvalent%20public%20situ%C3%A9%20%C3%A0%20Commercy%20et%20faisant%20partie%20de%20l%27acad%C3%A9mie%20de%20Nancy-Metz","excerpt":"","featuredImage":false}}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.5.3" id="elementor-frontend-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/addons-for-elementor/assets/js/widgets/posts-carousel.min.js?ver=7.1.1" id="lae-posts-carousel-scripts-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/elementor/assets/js/preloaded-modules.min.js?ver=3.5.3" id="preloaded-modules-js"></script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/underscore.min.js?ver=1.13.3" id="underscore-js"></script><br /> <script id="wp-util-js-extra"> var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-includes/js/wp-util.min.js?ver=6.0.1" id="wp-util-js"></script><br /> <script id="wpforms-elementor-js-extra"> var wpformsElementorVars = {"captcha_provider":"recaptcha","recaptcha_type":"v2"}; </script><br /> <script src="https://lyceehenrivogt.fr/wp-content/plugins/wpforms-lite/assets/js/integrations/elementor/frontend.min.js?ver=1.7.2" id="wpforms-elementor-js"></script></p> <p></body><br /> <br />

ce.0550008@ac-nancy-metz.fr 03 29 91 79 00 ENT Mon Bureau Numérique · Lycée Polyvalent Henri Vogt … Lycée Polyvalent Henri Vogt. Le lycée Henri Vogt …

Lycée Marguerite Yourcenar | Lycée Général Et …

Accueil

<br /> <br /> <head><br /> <meta charset="UTF-8"> <link rel="shortcut icon" href="/wp-content/themes/Divi-child/img/favicon.ico" type="image/x-icon"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="pingback" href="https://yourcenar.paysdelaloire.e-lyco.fr/xmlrpc.php"> <p><script type="text/javascript" async="" src="https://matomo.e-lyco.fr/piwik.js"></script><script type="text/javascript"> document.documentElement.className = 'js'; </script></p> <p><title>Lycée Marguerite Yourcenar | Lycée Général Et Technologique - Le Mans</title><noscript></noscript><br /> <meta name="robots" content="max-image-preview:large"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link href="https://fonts.gstatic.com" crossorigin="" rel="preconnect"> <link rel="alternate" type="application/rss+xml" title="Lycée Marguerite Yourcenar » Flux" href="https://yourcenar.paysdelaloire.e-lyco.fr/feed/"> <link rel="alternate" type="application/rss+xml" title="Lycée Marguerite Yourcenar » Flux des commentaires" href="https://yourcenar.paysdelaloire.e-lyco.fr/comments/feed/"> <link rel="alternate" type="text/calendar" title="Lycée Marguerite Yourcenar » Flux iCal" href="https://yourcenar.paysdelaloire.e-lyco.fr/evenements/?ical=1"> <meta content="Divi Child v.1.2.1" name="generator"></p> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="wpa-css-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/plugins/wp-attachments/styles/2/wpa.css" type="text/css" media="all"> <link rel="stylesheet" id="wp-block-library-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/css/dist/block-library/style.min.css" type="text/css" media="all"> <link rel="stylesheet" id="font-awesome-four-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/plugins/font-awesome-4-menus/css/font-awesome.min.css" type="text/css" media="all"> <link rel="stylesheet" id="parent-style-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/style.dev.css" type="text/css" media="all"> <link rel="stylesheet" id="custom-style-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/style.css" type="text/css" media="all"> <style id="custom-style-inline-css" type="text/css"> <p> .bg-main-color { background:#6eba59!important; } .main-color { color:#6eba59!important; } .border-main-color { border-color:#6eba59!important; }</p> <p> .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul { background-color:#6eba59!important; } #top-header .et_mobile_menu { background-color:#189ac3!important; } .mobile_menu_bar:before { color:#6eba59!important; } .et_mobile_menu li>a, .et_mobile_menu li.current-menu-item>a { color:#ffffff!important; } .site-branding-font-size { font-size:14px!important; line-height:14px!important; } #et-secondary-menu>ul>li a { color:#ffffff!important; }#et-secondary-menu>ul>li a { font-size:21px!important; } </style> <link rel="stylesheet" id="divi-fontawesome-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/css/fontawesome.css" type="text/css" media="all"> <link rel="stylesheet" id="divi-bootstrap-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/css/bootstrap.min.css" type="text/css" media="all"> <link rel="stylesheet" id="divi-fa-solid-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/css/solid.css" type="text/css" media="all"> <link rel="stylesheet" id="divi-style-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/style.css" type="text/css" media="all"> <link rel="stylesheet" id="tablepress-default-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/plugins/tablepress/css/default.min.css" type="text/css" media="all"> <link rel="stylesheet" id="et-shortcodes-responsive-css-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/epanel/shortcodes/css/shortcodes_responsive.css" type="text/css" media="all"> <link rel="stylesheet" id="magnific-popup-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/includes/builder/styles/magnific_popup.css" type="text/css" media="all"> <link rel="stylesheet" id="dashicons-css" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/css/dashicons.min.css" type="text/css" media="all"> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script><br /> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script><br /> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi-child/js/custom-child.js" id="custom_chil_js-js"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://yourcenar.paysdelaloire.e-lyco.fr/xmlrpc.php?rsd"> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/wlwmanifest.xml"> <link rel="canonical" href="https://yourcenar.paysdelaloire.e-lyco.fr/"> <link rel="shortlink" href="https://yourcenar.paysdelaloire.e-lyco.fr/"> <link rel="alternate" type="application/json+oembed" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyourcenar.paysdelaloire.e-lyco.fr%2F"> <link rel="alternate" type="text/xml+oembed" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyourcenar.paysdelaloire.e-lyco.fr%2F&format=xml"> <style type="text/css"> .feedzy-rss-link-icon:after { content: url( "https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/plugins/feedzy-rss-feeds/img/external-link.png" ); margin-left: 3px; } </style> <p> <meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://yourcenar.paysdelaloire.e-lyco.fr"><link rel="alternate" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-json/tribe/events/v1/"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><link rel="preload" href="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/core/admin/fonts/modules.ttf" as="font" crossorigin="anonymous"><link rel="shortcut icon" href="https://566.alcide-orbigny.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/08/favicon.gif"> <style type="text/css" id="custom-background-css"> body.custom-background { background-color: #b5c6e2; } </style> <style id="et-divi-customizer-global-cached-inline-styles">.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message,.woocommerce-error,.woocommerce-info{background:rgba(179,214,249,0.7)!important}#et_search_icon:hover,.mobile_menu_bar:before,.mobile_menu_bar:after,.et_toggle_slide_menu:after,.et-social-icon a:hover,.et_pb_sum,.et_pb_pricing li a,.et_pb_pricing_table_button,.et_overlay:before,.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.et_pb_member_social_links a:hover,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.et_pb_widget li a:hover,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,.et_pb_gallery .et_pb_gallery_pagination ul li a.active,.wp-pagenavi span.current,.wp-pagenavi a:hover,.nav-single a,.tagged_as a,.posted_in a{color:rgba(179,214,249,0.7)}.et_pb_contact_submit,.et_password_protected_form .et_submit_button,.et_pb_bg_layout_light .et_pb_newsletter_button,.comment-reply-link,.form-submit .et_pb_button,.et_pb_bg_layout_light .et_pb_promo_button,.et_pb_bg_layout_light .et_pb_more_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.et_pb_contact p input[type="checkbox"]:checked+label i:before,.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:rgba(179,214,249,0.7)}.footer-widget h4{color:rgba(179,214,249,0.7)}.et-search-form,.nav li ul,.et_mobile_menu,.footer-widget li:before,.et_pb_pricing li:before,blockquote{border-color:rgba(179,214,249,0.7)}.et_pb_counter_amount,.et_pb_featured_table .et_pb_pricing_heading,.et_quote_content,.et_link_content,.et_audio_content,.et_pb_post_slider.et_pb_bg_layout_dark,.et_slide_in_menu_container,.et_pb_contact p input[type="radio"]:checked+label i:before{background-color:rgba(179,214,249,0.7)}.container,.et_pb_row,.et_pb_slider .et_pb_container,.et_pb_fullwidth_section .et_pb_title_container,.et_pb_fullwidth_section .et_pb_title_featured_container,.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container{max-width:1200px}.et_boxed_layout #page-container,.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #main-header,.et_fixed_nav.et_boxed_layout #page-container #top-header,.et_fixed_nav.et_boxed_layout #page-container #main-header,.et_boxed_layout #page-container .container,.et_boxed_layout #page-container .et_pb_row{max-width:1360px}a{color:#fc4640}#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:#6eba59}#main-header .nav li ul{background-color:#ffffff}.nav li ul{border-color:#ffffff}#top-header,#et-secondary-nav li ul{background-color:#def7f7}#et-secondary-nav li ul{background-color:}#top-header,#top-header a{color:#919191}#et-secondary-nav li ul a{color:#ffffff}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:#ffffff}.et_search_form_container input::-moz-placeholder{color:#ffffff}.et_search_form_container input::-webkit-input-placeholder{color:#ffffff}.et_search_form_container input:-ms-input-placeholder{color:#ffffff}#main-header .nav li ul a{color:rgba(0,0,0,0.7)}#top-header,#top-header a,#et-secondary-nav li li a,#top-header .et-social-icon a:before{font-size:14px}#top-menu li a{font-size:21px}body.et_vertical_nav .container.et_search_form_container .et-search-form input{font-size:21px!important}#top-menu li a,.et_search_form_container input{letter-spacing:-1px}.et_search_form_container input::-moz-placeholder{letter-spacing:-1px}.et_search_form_container input::-webkit-input-placeholder{letter-spacing:-1px}.et_search_form_container input:-ms-input-placeholder{letter-spacing:-1px}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a,.et_color_scheme_red #top-menu li.current-menu-ancestor>a,.et_color_scheme_red #top-menu li.current-menu-item>a,.et_color_scheme_red #top-menu li.current_page_item>a,.et_color_scheme_pink #top-menu li.current-menu-ancestor>a,.et_color_scheme_pink #top-menu li.current-menu-item>a,.et_color_scheme_pink #top-menu li.current_page_item>a,.et_color_scheme_orange #top-menu li.current-menu-ancestor>a,.et_color_scheme_orange #top-menu li.current-menu-item>a,.et_color_scheme_orange #top-menu li.current_page_item>a,.et_color_scheme_green #top-menu li.current-menu-ancestor>a,.et_color_scheme_green #top-menu li.current-menu-item>a,.et_color_scheme_green #top-menu li.current_page_item>a{color:#ffffff}#main-footer{background-color:#8cc46a}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}.footer-widget{color:#ffffff}#main-footer .footer-widget h4{color:#fc4640}.footer-widget li:before{border-color:#fc4640}.footer-widget .et_pb_widget div,.footer-widget .et_pb_widget ul,.footer-widget .et_pb_widget ol,.footer-widget .et_pb_widget label{line-height:1.7em}#et-footer-nav .bottom-nav li.current-menu-item a{color:#a8f7f7}#footer-bottom{background-color:#ffffff}body .et_pb_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message a.button.wc-forward{}body.et_pb_button_helper_class .et_pb_button,body.et_pb_button_helper_class .et_pb_module.et_pb_button,.woocommerce.et_pb_button_helper_class a.button.alt,.woocommerce-page.et_pb_button_helper_class a.button.alt,.woocommerce.et_pb_button_helper_class button.button.alt,.woocommerce.et_pb_button_helper_class button.button.alt.disabled,.woocommerce-page.et_pb_button_helper_class button.button.alt,.woocommerce-page.et_pb_button_helper_class button.button.alt.disabled,.woocommerce.et_pb_button_helper_class input.button.alt,.woocommerce-page.et_pb_button_helper_class input.button.alt,.woocommerce.et_pb_button_helper_class #respond input#submit.alt,.woocommerce-page.et_pb_button_helper_class #respond input#submit.alt,.woocommerce.et_pb_button_helper_class #content input.button.alt,.woocommerce-page.et_pb_button_helper_class #content input.button.alt,.woocommerce.et_pb_button_helper_class a.button,.woocommerce-page.et_pb_button_helper_class a.button,.woocommerce.et_pb_button_helper_class button.button,.woocommerce-page.et_pb_button_helper_class button.button,.woocommerce.et_pb_button_helper_class input.button,.woocommerce-page.et_pb_button_helper_class input.button,.woocommerce.et_pb_button_helper_class #respond input#submit,.woocommerce-page.et_pb_button_helper_class #respond input#submit,.woocommerce.et_pb_button_helper_class #content input.button,.woocommerce-page.et_pb_button_helper_class #content input.button{color:#ffffff}body .et_pb_bg_layout_light.et_pb_button:hover,body .et_pb_bg_layout_light .et_pb_button:hover,body .et_pb_button:hover{color:#ffffff!important}.woocommerce a.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button.alt.disabled:hover,.woocommerce input.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page #content input.button.alt:hover,.woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce button.button:hover,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover{color:#ffffff!important}body #page-container .et_slide_in_menu_container{background:#fc4640}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:31px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:31px}.et_header_style_split .centered-inline-logo-wrap{width:62px;margin:-62px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:62px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:62px}.et_header_style_centered #top-menu>li>a{padding-bottom:11px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:22px 0 22px 0!important}.et_header_style_centered #main-header .logo_container{height:62px}#logo{max-height:35%}.et_pb_svg_logo #logo{height:35%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:11.16px}.et-fixed-header#top-header,.et-fixed-header#top-header #et-secondary-nav li ul{background-color:#ffffff}.et-fixed-header#main-header,.et-fixed-header#main-header .nav li ul,.et-fixed-header .et-search-form{background-color:#ffffff}.et-fixed-header #top-menu li a{font-size:14px}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a{color:#ffffff!important}.et-fixed-header#top-header a{color:#919191}}@media only screen and (min-width:1500px){.et_pb_row{padding:30px 0}.et_pb_section{padding:60px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:90px}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:#189ac3}}</style> <p></head><br /> <body data-rsssl=1 data-rsssl="1" class="home page-template-default page page-id-11 page-parent custom-background tribe-js et_pb_button_helper_class et_non_fixed_nav et_show_nav et_secondary_nav_enabled et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_header_style_left et_pb_footer_columns1 et_boxed_layout et_cover_background et_pb_gutter windows et_pb_gutters2 et_pb_pagebuilder_layout et_no_sidebar et_divi_theme et-db et_minified_js" marginwidth="0" marginheight="0"></p> <div id="page-container"> <div id="top-header"> <div class="container clearfix"> <div id="top-header-left"> <div class="logo-3-points"> <div class="logo-point bg-main-color"></div> <div class="logo-point bg-main-color"></div> <div class="logo-point bg-main-color"></div> </p></div> <div class="site-branding-text"> <h1 class="site-title site-branding-font-size"><span id="Lycee_Marguerite_Yourcenar"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/" rel="home nofollow noopener" class="site-branding-font-size" target="_blank">Lycée Marguerite Yourcenar</a></span></h1> <p class="site-description site-branding-font-size">Lycée Général Et Technologique – Le Mans</p> </p></div> <p> </div> <div id="top-header-right"> <div class="container search-container"> <form role="search" method="get" class="et-search-form" action="https://yourcenar.paysdelaloire.e-lyco.fr/"> <button type="submit" class="fa fa-search main-color border-main-color"></button><br /> <input type="search" class="et-search-field border-main-color" value="" name="s" title="Recherche pour :"> </form> </p></div> <div class="logo_container"> <span class="logo_helper"></span></p> <p> <a href="https://paysdelaloire.e-lyco.fr" rel="nofollow noopener" target="_blank"><img decoding="async" style="max-width:100px" alt="Pays de la Loire" src="/wp-content/themes/Divi-child/img/logo-header/logo-partenaire-paysdelaloire.jpg"></a> </div> <div id="et_mobile_nav_menu"> <div class="mobile_nav closed"> <span class="select_page">Sélectionnez une page</span><br /> <span class="mobile_menu_bar mobile_menu_bar_toggle"></span> </div> </p></div> </p></div> <p></p></div> <p>  </div> <p> </p> <header id="main-header" data-height-onload="62"> <div class="container clearfix et_menu_container"> <div id="et-top-navigation" data-height="62" data-fixed-height="40"> <nav id="top-menu-nav"> <ul id="top-menu" class="nav"> <li id="menu-item-2020" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item menu-item-2020"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/" aria-current="page" rel="nofollow noopener" target="_blank">Accueil</a></li> <li id="menu-item-20" class="fas menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-20"><a href="#"><i class="fa fa-bars"></i><span class="fontawesome-text"> Menu</span></a> <ul class="sub-menu"> <li id="menu-item-2026" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item menu-item-2026"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/" aria-current="page" rel="nofollow noopener" target="_blank">Accueil</a></li> <li id="menu-item-2839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2839"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/" rel="nofollow noopener" target="_blank">Le Lycée</a> <ul class="sub-menu"> <li id="menu-item-3265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3265"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/le-mot-du-proviseur/" rel="nofollow noopener" target="_blank">Le Mot du nouveau Proviseur</a></li> <li id="menu-item-2900" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2900"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/historique-du-lycee/" rel="nofollow noopener" target="_blank">Son histoire</a></li> <li id="menu-item-2898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2898"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/les-textes/" rel="nofollow noopener" target="_blank">Les Textes</a></li> <li id="menu-item-2899" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2899"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/sa-localisation/" rel="nofollow noopener" target="_blank">Sa Localisation</a></li> </ul> </li> <li id="menu-item-2437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2437"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/" rel="nofollow noopener" target="_blank">La Scolarité</a> <ul class="sub-menu"> <li id="menu-item-2892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2892"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/affectations-et-inscriptions/" rel="nofollow noopener" target="_blank">Affectations et inscriptions</a></li> <li id="menu-item-3365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3365"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/les-enseignements/" rel="nofollow noopener" target="_blank">Les Enseignements</a></li> <li id="menu-item-2893" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2893"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/le-service-d-orientation/" rel="nofollow noopener" target="_blank">L’orientation</a></li> <li id="menu-item-2894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2894"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/nos-formations/" rel="nofollow noopener" target="_blank">Nos Formations</a></li> </ul> </li> <li id="menu-item-2720" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2720"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/" rel="nofollow noopener" target="_blank">La Vie Lycéenne</a> <ul class="sub-menu"> <li id="menu-item-2895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2895"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/la-vie-scolaire/" rel="nofollow noopener" target="_blank">La vie scolaire</a></li> <li id="menu-item-3094" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3094"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/la-maison-des-lyceens/" rel="nofollow noopener" target="_blank">La Maison des Lycéens</a></li> <li id="menu-item-2896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2896"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/le-conseil-de-vie-lyceenne/" rel="nofollow noopener" target="_blank">Le Conseil de Vie Lycéenne</a></li> <li id="menu-item-3095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3095"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/les-eco-delegues/" rel="nofollow noopener" target="_blank">Les éco-délégués</a></li> <li id="menu-item-2897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2897"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/projets-sorties-sejours/" rel="nofollow noopener" target="_blank">Projets-Sorties-Séjours</a></li> </ul> </li> <li id="menu-item-3001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3001"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-vie-lyceenne/cdi/" rel="nofollow noopener" target="_blank">CDI</a></li> <li id="menu-item-3092" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3092"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/leps-au-lycee-yourcenar/l-association-sportive-as/" rel="nofollow noopener" target="_blank">L’Association Sportive (AS) du Lycée</a></li> <li id="menu-item-2890" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2890"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/" rel="nofollow noopener" target="_blank">Côté Pratique</a> <ul class="sub-menu"> <li id="menu-item-3550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3550"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/aides-a-la-scolarite-les-fonds-sociaux/" rel="nofollow noopener" target="_blank">Aides à la scolarité : les fonds sociaux</a></li> <li id="menu-item-3364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3364"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/e-lyco/" rel="nofollow noopener" target="_blank">E-lyco</a></li> <li id="menu-item-2891" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2891"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/le-service-restauration/" rel="nofollow noopener" target="_blank">Service de restauration</a></li> <li id="menu-item-3093" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3093"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/transports/" rel="nofollow noopener" target="_blank">Transports</a></li> </ul> </li> <li id="menu-item-413" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-413"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/accueil/actualites/" rel="nofollow noopener" target="_blank">Actualités</a></li> </ul> </li> </ul> </nav></div> <p> </p> <div id="et-secondary-menu"> <ul id="et-secondary-nav" class="menu"> <li class="fas menu-item menu-item-type-custom menu-item-object-custom menu-item-2244"><a href="https://elyco.itslearning.com/elogin/autologin.aspx" rel="nofollow noopener" target="_blank"><i class="fa fa-user"></i><span class="fontawesome-text"> Connexion</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2585"><a href="https://www.e-lyco.fr/" rel="nofollow noopener" target="_blank"><img decoding="async" src="/wp-content/themes/Divi-child/img/elyco.png" width="80px"></a></li> </ul></div> <p>  </div> <p> <br /> </header> <p> </p> <div id="et-main-area"> <div id="main-content"> <div class="breadcrumb">Lycée Marguerite Yourcenar</div> <article id="post-11" class="post-11 page type-page status-publish has-post-thumbnail hentry"> <div class="entry-content"> <div id="et-boc" class="et-boc"> <div class="et-l et-l--post"> <div class="et_builder_inner_content et_pb_gutters2"> <div class="et_pb_section et_pb_section_0 et_pb_fullwidth_section et_section_regular"> <div class="et_pb_with_border et_pb_module et_pb_fullwidth_image et_pb_fullwidth_image_0"> <p> <img decoding="async" loading="lazy" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL.jpg" alt="" title="" height="auto" width="auto" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL.jpg 1400w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL-300x69.jpg 300w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL-768x176.jpg 768w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL-1024x234.jpg 1024w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2018/09/BANDEAU20172018-3-MDL-1080x247.jpg 1080w" sizes="(max-width: 1400px) 100vw, 1400px" class="wp-image-1233"></p></div> </p></div> <p> </p> <div class="et_pb_section et_pb_section_1 et_section_regular"> <div class="et_pb_row et_pb_row_0"> <div class="et_pb_column et_pb_column_1_4 et_pb_column_0 et_pb_css_mix_blend_mode_passthrough"> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_0 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="SITUATION_SANITAIRE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/covid-19-mise-a-jour-14-03-2022/" rel="nofollow noopener" target="_blank">SITUATION SANITAIRE</a></span></h4> <div class="et_pb_blurb_description"> <p class="entry-title" style="text-align: center;">mise à jour 14/03/2022</p> </div></div> </p></div> <p>  </div> <p>  </div> <p> </p> <div class="et_pb_column et_pb_column_1_4 et_pb_column_1 et_pb_css_mix_blend_mode_passthrough"> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_1 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="INSCRIPTION_AU_LYCEE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/reinscription-au-lycee/" target="_blank" rel="noopener nofollow">INSCRIPTION AU LYCEE</a></span></h4> <div class="et_pb_blurb_description"> <p style="text-align: center;">Comment inscrire mon enfant</p> </div></div> </p></div> <p>  </div> <p>  </div> <p> </p> <div class="et_pb_column et_pb_column_1_4 et_pb_column_2 et_pb_css_mix_blend_mode_passthrough"> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_2 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="PARCOURSUP"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/parcousup/parcoursup-54428/" target="_blank" rel="noopener nofollow">PARCOURSUP</a></span></h4> <div class="et_pb_blurb_description"> <p class="first_p" style="text-align: center;">Je reçois les réponses des formations et je décide</p> </div></div> </p></div> <p>  </div> <p>  </div> <p> </p> <div class="et_pb_column et_pb_column_1_4 et_pb_column_3 et_pb_css_mix_blend_mode_passthrough et-last-child"> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_3 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="TAXE_DAPPRENTISSAGE_2022"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/taxe-dapprentissage/" target="_blank" rel="noopener nofollow">TAXE D'APPRENTISSAGE 2022</a></span></h4> <div class="et_pb_blurb_description"> <p style="text-align: center;">Merci de participer à la réussite de notre établissement</p> </div></div> </p></div> <p>  </div> <p>  </div> <p> </p></div> <p> </p></div> <p> </p> <div class="et_pb_section et_pb_section_2 et_pb_fullwidth_section et_section_regular"> <div class="et_pb_module et_pb_fullwidth_slider_0 et_pb_slider et_slider_auto et_slider_speed_7000 et_pb_slider_show_image"> <div class="et_pb_slides"> <div class="et_pb_slide et_pb_slide_0 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center et-pb-active-slide" data-slide-id="et_pb_slide_0"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/lycee.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Le_Lycee"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/" rel="nofollow noopener" target="_blank">Le Lycée</a></span></h2> <div class="et_pb_slide_content">Tout savoir sur le lycée Général et Technologique Marguerite Yourcenar</div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/le-lycee/" rel="nofollow noopener" target="_blank">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p> <div class="et_pb_slide et_pb_slide_1 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center" data-slide-id="et_pb_slide_1"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/scolarite-scaled.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="La_Scolarite"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/" rel="nofollow noopener" target="_blank">La Scolarité</a></span></h2> <div class="et_pb_slide_content">Des Portes Ouvertes à l’Orientation, en passant par l’Affectation et l’Inscription, faites connaissance avec nos Parcours de Formation</div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/la-scolarite/" rel="nofollow noopener" target="_blank">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p> <div class="et_pb_slide et_pb_slide_2 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center" data-slide-id="et_pb_slide_2"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/alexis-brown-omeaHbEFlN4-unsplash-scaled.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="La_Vie_Lyceenne">La Vie Lycéenne</span></h2> <div class="et_pb_slide_content">A part des cours, qu’est-ce qu’il y a au lycée ?</div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="#">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p> <div class="et_pb_slide et_pb_slide_3 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center" data-slide-id="et_pb_slide_3"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/06/vince-fleming-aZVpxRydiJk-unsplash-scaled.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="LAssociation_Sportive_du_Lycee"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/leps-au-lycee-yourcenar/l-association-sportive-as/" rel="nofollow noopener" target="_blank">L'Association Sportive du Lycée</a></span></h2> <div class="et_pb_slide_content"> <p>Son organisation, ses activités, ses actions, ses résultats</p> </div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/leps-au-lycee-yourcenar/l-association-sportive-as/" rel="nofollow noopener" target="_blank">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p> <div class="et_pb_slide et_pb_slide_4 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center" data-slide-id="et_pb_slide_4"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/CDI-scaled.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Le_CDI">Le CDI</span></h2> <div class="et_pb_slide_content">Découvrez notre Centre de Documentation et d’Information et ses nombreuses ressources</div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="#">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p> <div class="et_pb_slide et_pb_slide_5 et_clickable et_pb_section_parallax et_pb_bg_layout_dark et_pb_media_alignment_center" data-slide-id="et_pb_slide_5"> <span class="et_parallax_bg_wrap"><span class="et_parallax_bg et_pb_parallax_css" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/BI_parents-scaled.jpg);"></span></span></p> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Le_Bulletin_dInformation"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/accueil/le-bulletin-dinformation/" rel="nofollow noopener" target="_blank">Le Bulletin d'Information</a></span></h2> <div class="et_pb_slide_content">Retrouvez les Bulletins d’Informations à destination des parents, édition bimensuelle</div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/accueil/le-bulletin-dinformation/" rel="nofollow noopener" target="_blank">Cliquez Ici</a></div> </p></div> <p>  </div> </p></div> <p> </p></div> <p> </p></div> <p> </p></div> <p> </p></div> <p> </p> <div class="et_pb_section et_pb_section_3 et_section_regular"> <div class="et_pb_row et_pb_row_1"> <div class="et_pb_column et_pb_column_2_5 et_pb_column_4 et_pb_css_mix_blend_mode_passthrough"> <div class="et_pb_module et_pb_text et_pb_text_0 couleur1 et_pb_text_align_left et_pb_bg_layout_dark"> <div class="et_pb_text_inner"> <h3><span id="AGENDA"><i class="fa fa-calendar-alt "></i> AGENDA</span></h3> <ul class="ecs-event-list"> <li class="ecs-event"> <h4 class="entry-title summary"><span id="RENTREE_DES_ELEVES_DE_SECONDE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-secondes/" rel="bookmark nofollow noopener" target="_blank">RENTREE DES ELEVES DE SECONDE</a></span></h4> <p><span class="duration time"><span class="tribe-event-date-start">1 septembre - 9 h 00 min</span> - <span class="tribe-event-time">17 h 00 min</span></span></li> <li class="ecs-event"> <h4 class="entry-title summary"><span id="RENTREE_DES_ELEVES_DE_PREMIERE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-premieres-et-de-terminale/" rel="bookmark nofollow noopener" target="_blank">RENTREE DES ELEVES DE PREMIERE</a></span></h4> <p><span class="duration time"><span class="tribe-event-date-start">2 septembre - 9 h 00 min</span> - <span class="tribe-event-time">13 h 00 min</span></span></li> <li class="ecs-event"> <h4 class="entry-title summary"><span id="RENTREE_DES_ELEVES_DE_TERMINALE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-terminale/" rel="bookmark nofollow noopener" target="_blank">RENTREE DES ELEVES DE TERMINALE</a></span></h4> <p><span class="duration time"><span class="tribe-event-date-start">2 septembre - 14 h 00 min</span> - <span class="tribe-event-time">18 h 00 min</span></span></li> <li class="ecs-event"> <h4 class="entry-title summary"><span id="RENTREE_DES_ETUDIANTS_BTS_DCG"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-etudiants-de-bts-et-de-dcg/" rel="bookmark nofollow noopener" target="_blank">RENTREE DES ETUDIANTS BTS & DCG</a></span></h4> <p><span class="duration time"><span class="tribe-event-date-start">5 septembre - 9 h 00 min</span> - <span class="tribe-event-time">12 h 00 min</span></span></li> </ul> <p><script type="application/ld+json"> [{"@context":"http://schema.org","@type":"Event","name":"RENTREE DES ELEVES DE SECONDE","description":"","url":"https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-secondes/","startDate":"2022-09-01T09:00:00+01:00","endDate":"2022-09-01T17:00:00+01:00","performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"RENTREE DES ELEVES DE PREMIERE","description":"","url":"https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-premieres-et-de-terminale/","startDate":"2022-09-02T09:00:00+01:00","endDate":"2022-09-02T13:00:00+01:00","performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"RENTREE DES ELEVES DE TERMINALE","description":"","url":"https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-eleves-de-terminale/","startDate":"2022-09-02T14:00:00+02:00","endDate":"2022-09-02T18:00:00+02:00","performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"RENTREE DES ETUDIANTS BTS & DCG","description":"<p>D\u00e9but des cours le mardi 06/09/2022</p>\\n","url":"https://yourcenar.paysdelaloire.e-lyco.fr/evenement/rentree-des-etudiants-de-bts-et-de-dcg/","startDate":"2022-09-05T09:00:00+01:00","endDate":"2022-09-05T12:00:00+01:00","performer":"Organization"}] </script></div> </p></div> <p> </p> <div class="et_pb_module et_pb_text et_pb_text_1 et_pb_text_align_left et_pb_bg_layout_light"> <div class="et_pb_text_inner"> <p>Campagne de Bourses de Lycée du 30 mai au 06 juillet (cliquez sur l’image)</p> <p><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/ouverture-de-la-campagne-de-bourses-de-lycee/" rel="nofollow noopener" target="_blank"><img decoding="async" loading="lazy" class="wp-image-5252 alignnone size-full" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/06/Flyer-demande-en-ligne-1-1.jpg" alt="" width="400" height="111" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/06/Flyer-demande-en-ligne-1-1.jpg 400w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/06/Flyer-demande-en-ligne-1-1-300x83.jpg 300w" sizes="(max-width: 400px) 100vw, 400px"></a></p> </div></div> <p> </p> <div id="couleur2" class="et_pb_module et_pb_text et_pb_text_2 et_clickable et_pb_text_align_left et_pb_bg_layout_light"> <div class="et_pb_text_inner"> <h3 class="couleur2" style="font-weight: bold; font-size: 1.7em;"><span id="RESTAURATION">RESTAURATION</span></h3> <p><a href="https://yourcenar.paysdelaloire.e-lyco.fr/informations-pratiquesinformations-pratiques/m-e-n-u-602/" rel="nofollow noopener" target="_blank"><img decoding="async" loading="lazy" class="alignleft wp-image-1985 size-medium" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2019/12/menu-300x83.jpg" alt="" width="300" height="83" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2019/12/menu-300x83.jpg 300w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2019/12/menu.jpg 425w" sizes="(max-width: 300px) 100vw, 300px"></a></p> <p> </p> <p> </p> <p><a href="https://services.ard.fr/fr/espaces-clients/etablissements/le_mans-marguerite_yourcenar/accueil.html?logintype=logout" rel="nofollow noopener" target="_blank"><img decoding="async" loading="lazy" class="wp-image-5131 alignnone " src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/Logo-pour-site.jpg" alt="" width="278" height="106" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/Logo-pour-site.jpg 340w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/Logo-pour-site-300x115.jpg 300w" sizes="(max-width: 278px) 100vw, 278px"></a></p> <h4><span id="Reservation_des_repas_et_paiement_en_ligne_cliquer_sur_le_logo_ARD-GEC_EN_LIGNE"><span style="color: #46718a;"><strong>Réservation des repas et paiement en ligne (cliquer sur le logo ARD-GEC EN LIGNE)</strong></span></span></h4> <p><span style="color: #000000; font-size: 16px;">Information : un accès sécurisé vous est proposé pour gérer le compte restauration.</span></p> <p>Intendance (restauration/remboursement/bourses/codes paiement en ligne) :</p> <p><a href="mailto:yourcenar-restauration@ac-nantes.fr">yourcenar-restauration@ac-nantes.fr</a></p> <p><a href="https://yourcenar.paysdelaloire.e-lyco.fr/cote-pratique/le-service-restauration/" rel="nofollow noopener" target="_blank">Rubrique Restauration du site : Info Paiement/Resa …</a></p> </div></div> <p> </p> <div class="et_pb_module et_pb_image et_pb_image_0"> <p> <span class="et_pb_image_wrap "><img decoding="async" loading="lazy" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/02/320px-Erasmus_Logo.svg_.png" alt="" title="320px-Erasmus+_Logo.svg" height="auto" width="auto" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/02/320px-Erasmus_Logo.svg_.png 320w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/02/320px-Erasmus_Logo.svg_-300x86.png 300w" sizes="(max-width: 320px) 100vw, 320px" class="wp-image-5102"></span> </div> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_4 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_main_blurb_image"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/le-service-national-universel/" target="_blank" rel="noopener nofollow"><span class="et_pb_image_wrap"><img decoding="async" loading="lazy" width="970" height="250" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2021/03/banni-res-web-128.jpg" alt="" srcset="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2021/03/banni-res-web-128.jpg 970w, https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2021/03/banni-res-web-128-480x124.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 970px, 100vw" class="et-waypoint et_pb_animation_top wp-image-4436"></span></a></div> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="Service_National_Universel"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/le-service-national-universel/" target="_blank" rel="noopener nofollow">Service National Universel</a></span></h4> </p></div> </p></div> <p>  </div> <p>  </div> <p> </p> <div class="et_pb_column et_pb_column_3_5 et_pb_column_5 et_pb_css_mix_blend_mode_passthrough et-last-child"> <div class="et_pb_module et_pb_text et_pb_text_3 et_pb_text_align_left et_pb_bg_layout_light"> <div class="et_pb_text_inner"> <h2 style="text-align: center;"><span id="Actualites">Actualités</span></h2> </div></div> <p> </p> <div class="et_pb_module et_pb_post_slider et_pb_post_slider_0 et_pb_slider et_pb_post_slider_image_background et_pb_slider_fullwidth_off et_slider_auto et_slider_speed_7000 et_pb_slider_with_overlay"> <div class="et_pb_slides"> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-2736" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/bourses.png);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Campagne_de_Bourses_de_Lycee"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/ouverture-de-la-campagne-de-bourses-de-lycee/" rel="nofollow noopener" target="_blank">Campagne de Bourses de Lycée</a></span></h2> <div class="et_pb_slide_content "></p> <div>Au lycée, votre enfant peut bénéficier de plusieurs aides financières : l'allocation de rentrée scolaire, les bourses de lycée, les bourses au mérite, le fonds social lycéen, le fonds social pour les cantines, etc. Le secrétariat de l'établissement fréquenté par votre...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/ouverture-de-la-campagne-de-bourses-de-lycee/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5215" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/05/bouteille-scaled.jpg);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Conference_Ramarchage"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/conference-ramarchage/" rel="nofollow noopener" target="_blank">Conférence & Ramarchage</a></span></h2> <div class="et_pb_slide_content "></p> <div>Conférence de l'association "Qui nettoie si ce n'est toi ?" le vendredi 6 mai , de 11h à 12h. Inscription à la vie scolaire ou sur e-lyco.</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/conference-ramarchage/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_slide_with_no_image et_pb_bg_layout_light et_pb_post_slide-5178"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Exposition_doeuvres_artistiques_au_lycee_faites-nous_part_de_vos_preferences"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/exposition-doeuvres-artistiques-au-lycee-faites-nous-part-de-vos-preferences/" rel="nofollow noopener" target="_blank">Exposition d’oeuvres artistiques au lycée : faites-nous part de vos préférences</a></span></h2> <div class="et_pb_slide_content "></p> <div>Nous devons sélectionner 6 oeuvres d'art, parmi les 14 visuels présentés au CDI ( et visibles en pièce jointe), qui seront exposées dans le lycée d'avril à fin juin. Aidez-nous à faire la sélection en nous faisant part de vos préférences. Il suffit de passer au CDI et...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/exposition-doeuvres-artistiques-au-lycee-faites-nous-part-de-vos-preferences/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5150" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/1646392693.png);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="DU_21_AU_26_MARS_SEMAINE_DE_LA_PRESSE_AU_LYCEE"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/du-21-au-26-mars-semaine-de-la-presse-au-lycee/" rel="nofollow noopener" target="_blank">DU 21 AU 26 MARS : SEMAINE DE LA PRESSE AU LYCEE</a></span></h2> <div class="et_pb_slide_content "></p> <div>Le thème de cette 32e  semaine de la Presse à l'école :                                   "S’informer pour comprendre le monde"   A découvrir au CDI : Sélection de journaux et magazines Exposition : Histoires de fausses nouvelles (les fake news ne sont pas d’hier)...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/du-21-au-26-mars-semaine-de-la-presse-au-lycee/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5143" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/9782203390027.jpg);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="18_mars_1962_Les_ACCORDS_DEVIAN"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/18-mars-1962-les-accords-devian/" rel="nofollow noopener" target="_blank">18 mars 1962 : Les ACCORDS D’EVIAN</a></span></h2> <div class="et_pb_slide_content "></p> <div>Il y a 60 ans les ACCORDS d’EVIAN                             mettaient fin à la GUERRE D’ALGERIE Une sélection de documents sur cette guerre coloniale vous attend au CDI...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/18-mars-1962-les-accords-devian/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_slide_with_no_image et_pb_bg_layout_light et_pb_post_slide-5122"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="COVID_19_Mise_a_jour_14032022"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/covid-19-mise-a-jour-14-03-2022/" rel="nofollow noopener" target="_blank">COVID 19 : Mise à jour 14/03/2022</a></span></h2> <div class="et_pb_slide_content "></p> <div>Madame, Monsieur, A compter du 14 mars 2022, le protocole sanitaire passera au niveau 1 pour l’ensemble des écoles et établissements scolaires. Ce passage au niveau 1 implique notamment : la fin de l’obligation de la limitation du brassage entre groupes d’élèves ; la...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/covid-19-mise-a-jour-14-03-2022/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5069" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/02/visuel-date-et-lieux-tournoi-de-gestion-44-49-72-53.jpg);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Les_etudiants_de_DCG_remportent_le_tournoi_de_gestion_des_Experts"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/les-etudiants-de-dcg-remportent-le-tournoi-de-gestion-des-experts/" rel="nofollow noopener" target="_blank">Les étudiants de DCG remportent le tournoi de gestion des Experts !</a></span></h2> <div class="et_pb_slide_content "></p> <div>Très belle prestation de l’ensemble de nos étudiants de troisième année de DCG à l’occasion du Business Game organisé par l’Ordre des Experts-Comptables des Pays de la Loire. Ils affrontaient des équipes du département de Bac+2 à Bac+5 et de toutes filières...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/les-etudiants-de-dcg-remportent-le-tournoi-de-gestion-des-experts/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5063" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/01/1200px-SOS_Mediterranee_logo.svg_.png);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="SOS_Mediterranee"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/s-o-s-mediterranee/" rel="nofollow noopener" target="_blank">S.O.S. Méditerranée</a></span></h2> <div class="et_pb_slide_content "></p> <div>Dans le cadre de l’enseignement de spécialité Histoire-Géographie-Géopolitique-Sciences Politiques, les élèves des cinq groupes de Première ont assisté à la présentation de l’association SOS Méditerranée. Cette intervention s’insère dans le cadre de l’étude au...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/s-o-s-mediterranee/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-5054" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/01/La-lecture-c-est-bon-pour-la-sante-c-est-scientifiquement-prouve.jpg);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="Semaine_de_la_lecture_au_lycee_du_21_au_26_fevrier"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/semaine-de-la-lecture-du-21-au-26-fevrier/" rel="nofollow noopener" target="_blank">Semaine de la lecture au lycée du 21 au 26 février</a></span></h2> <div class="et_pb_slide_content "></p> <div>  Dans le cadre de la semaine de la lecture des animations sont prévues au CDI et dans différents lieux du lycée du 21 au 26 février : Concours photo "Moi je lis", avec exposition  des clichés dans le hall - participez nombreux ! Cabinet de curiosités sur l'objet "...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/semaine-de-la-lecture-du-21-au-26-fevrier/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p> <div class="et_pb_slide et_pb_bg_layout_light et_pb_post_slide-3820" style="background-image: url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/1200px-Logo_parcoursup.svg_.png);"> <div class="et_pb_slide_overlay_container"></div> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <div class="et_pb_slide_description"> <h2 class="et_pb_slide_title"><span id="PARCOURSUP_ETAPE_2"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/parcoursup-etape-2/" rel="nofollow noopener" target="_blank">PARCOURSUP – ETAPE 2</a></span></h2> <div class="et_pb_slide_content "></p> <div>COMMENT FAIRE POUR S'INSCRIRE Pour vous inscrire, vous devez vous munir de votre Identifiant national élève (INE ou INAA en lycée agricole) et avoir une adresse mail que vous utilisez régulièrement car les équipes Parcoursup échangeront souvent avec vous. Ensuite,...</div> </p></div> <div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://yourcenar.paysdelaloire.e-lyco.fr/actualites/parcoursup-etape-2/" rel="nofollow noopener" target="_blank">Lire la suite</a></div> </p></div> <p>  </div> </p></div> <p>  </div> <p> </p></div> <p> </p></div> <p> </p> <div class="et_pb_with_border et_pb_module et_pb_blurb et_pb_blurb_5 et_clickable et_pb_text_align_left et_pb_blurb_position_top et_pb_bg_layout_light"> <div class="et_pb_blurb_content"> <div class="et_pb_blurb_container"> <h4 class="et_pb_module_header"><span id="Les_Portes_restent_Ouvertes_virtuellement"><a href="https://yourcenar.paysdelaloire.e-lyco.fr/portes-ouvertes-virtuelles/" target="_blank" rel="noopener nofollow">Les Portes restent Ouvertes virtuellement</a></span></h4> </p></div> </p></div> <p>  </div> <p> </p> <div id="couleur2" class="et_pb_module et_pb_text et_pb_text_4 et_pb_text_align_left et_pb_bg_layout_light"> <div class="et_pb_text_inner"> <h3 class="couleur2" style="font-weight: bold; font-size: 1.7em;"><span id="CONTACT"><i class="fas fa-phone 2x"></i> <a href="https://yourcenar.paysdelaloire.e-lyco.fr/contact" rel="nofollow noopener" target="_blank">CONTACT</a></span></h3> <p><b><span>Lycée Marguerite Yourcenar</span><br /><span>2 rue du Miroir</span><br /><span>72100</span> <span>LE MANS</span> </b><br /><span class="couleur2" style="font-weight: bold;"> Tél : <span>02 43 84 02 60</span></span></p> <h4><span id="ce0721493gac-nantesfr"><a href="mailto:ce.0721493g@ac-nantes.fr"><span style="font-size: 13.936px;"><strong>ce.0721493g@ac-nantes.fr</strong></span></a></span></h4> <p> </p> </div></div> <p>  </div> <p> </p></div> <p> </p></div> <p>  </div> <p> </div> <p></p></div> <p> </div> <p> </p> </article> <p> </p> </div> <p> </p> <footer id="main-footer"> <div id="footer-bottom"> <div class="container clearfix"> </div> <p>  </div> <div style="font-size:150%;color:white!important;text-align:center;margin-bottom:20px;padding:30px;Line-Height:2;" id="footer-widgets" class="couleur1 footer-widgets"> <a href="/contact">Contacts</a> - <a href="https://www.e-lyco.fr/mentions-legales" rel="nofollow noopener" target="_blank">Mentions légales</a> - <a href="https://www.e-lyco.fr/charte-utilisation" rel="nofollow noopener" target="_blank">Charte d'utilisation</a></p> <p> Lycée Marguerite Yourcenar 2 rue du Miroir 72100 LE MANS</p> </div> <div class="footer-partner"> <p> <a href="http://www.ac-nantes.fr/" rel="nofollow noopener" target="_blank"><img decoding="async" alt="partenaire 1" src="/wp-content/themes/Divi-child/img/logos-partenaires/logaca.jpg"></a> <a href="http://www.paysdelaloire.fr/" rel="nofollow noopener" target="_blank"><img decoding="async" alt="partenaire 3" src="/wp-content/themes/Divi-child/img/logos-partenaires/federation.jpg"></a></div> </footer> <p>  </div> <p> </p> </div> <p> <br /> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script><br /> <script type="text/javascript"> var et_link_options_data = [{"class":"et_pb_blurb_0","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/actualites\/covid-19-mise-a-jour-14-03-2022\/","target":"_blank"},{"class":"et_pb_blurb_1","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/actualites\/reinscription-au-lycee\/","target":"_blank"},{"class":"et_pb_blurb_2","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/la-scolarite\/parcousup\/parcoursup-54428\/","target":"_blank"},{"class":"et_pb_blurb_3","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/le-lycee\/taxe-dapprentissage\/","target":"_blank"},{"class":"et_pb_slide_0","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/le-lycee\/","target":"_self"},{"class":"et_pb_slide_1","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/la-scolarite\/","target":"_self"},{"class":"et_pb_slide_2","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/la-vie-lyceenne\/","target":"_self"},{"class":"et_pb_slide_3","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/leps-au-lycee-yourcenar\/l-association-sportive-as\/","target":"_self"},{"class":"et_pb_slide_4","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/la-vie-lyceenne\/cdi\/","target":"_self"},{"class":"et_pb_slide_5","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/accueil\/le-bulletin-dinformation\/","target":"_self"},{"class":"et_pb_text_2","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/cote-pratique\/le-service-restauration\/","target":"_self"},{"class":"et_pb_blurb_4","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/actualites\/le-service-national-universel\/","target":"_blank"},{"class":"et_pb_blurb_5","url":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/portes-ouvertes-virtuelles\/","target":"_blank"}]; </script><br /> <br /> <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["disableCookies"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://matomo.e-lyco.fr/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '125']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script><br /> <br /> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activer pour trier la colonne ascendante","sort_descending":": activer pour trier la colonne descendante"},"length_menu":"Afficher les saisies _MENU_","empty_table":"Aucune donn\u00e9e disponible sur le tableau","info":"Affichant_START_ \u00e0 _END_ du _TOTAL_ des saisies","info_empty":"Affichant 0 \u00e0 0 de 0 saisies","info_filtered":"(filtr\u00e9 \u00e0 partir du total des saisies _MAX_ )","zero_records":"Aucun enregistrement correspondant trouv\u00e9","search":"Rechercher :","all_selected_text":"Tous les \u00e9l\u00e9ments de cette page ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s. ","select_all_link":"S\u00e9lectionner toutes les pages","clear_selection":"Effacer la s\u00e9lection.","pagination":{"all":"Tout","next":"Suivant","previous":"Pr\u00e9c\u00e9dent"},"select":{"rows":{"0":"","_":": a s\u00e9lectionn\u00e9 %d rang\u00e9es","1":": a s\u00e9lectionn\u00e9 une rang\u00e9e"}},"datepicker":{"dayNames":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"dayNamesShort":["dim","lun","mar","mer","jeu","ven","sam"],"dayNamesMin":["D","L","M","M","J","V","S"],"monthNames":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesShort":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesMin":["Jan","F\u00e9v","Mar","Avr","Mai","Juin","Juil","Ao\u00fbt","Sep","Oct","Nov","D\u00e9c"],"nextText":"Suivant","prevText":"Pr\u00e9c\u00e9dent","currentText":"Aujourd\u2019hui ","closeText":"Termin\u00e9","today":"Aujourd\u2019hui ","clear":"Effac\u00e9"}};/* ]]> */ </script><script type="text/javascript" id="divi-custom-script-js-extra"> /* <![CDATA[ */ var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; var et_shortcodes_strings = {"previous":"Pr\u00e9c\u00e9dent","next":"Suivant"}; var et_pb_custom = {"ajaxurl":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/wp-admin\/admin-ajax.php","images_uri":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/wp-content\/themes\/Divi\/images","builder_images_uri":"https:\/\/yourcenar.paysdelaloire.e-lyco.fr\/wp-content\/themes\/Divi\/includes\/builder\/images","et_frontend_nonce":"4e1c99dd6c","subscription_failed":"Veuillez v\u00e9rifier les champs ci-dessous pour vous assurer d\u2019avoir saisi les bonnes informations.","et_ab_log_nonce":"f23d65d13c","fill_message":"Merci de renseigner les champs suivants\u00a0:","contact_error_message":"Merci de corriger les erreurs suivantes\u00a0:","invalid":"Adresse de messagerie non valide.","captcha":"Captcha\u00a0","prev":"Pr\u00e9c.","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","wrong_captcha":"Vous avez saisi un mauvais chiffre dans le CAPTCHA.","wrong_checkbox":"Case \u00e0 cocher","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"11","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"yes","is_shortcode_tracking":"","tinymce_uri":""}; var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"}; var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"}; var et_pb_box_shadow_elements = [".et_pb_post_slider_0",".et_pb_post_slider_0",".et_pb_post_slider_0"]; var et_pb_motion_elements = {"desktop":[],"tablet":[],"phone":[]}; var et_pb_sticky_elements = []; /* ]]> */ </script><br /> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/js/custom.unified.js" id="divi-custom-script-js"></script><br /> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/themes/Divi/core/admin/js/common.js" id="et-core-common-js"></script><br /> <script type="text/javascript" src="https://yourcenar.paysdelaloire.e-lyco.fr/wp-includes/js/wp-embed.min.js" id="wp-embed-js"></script></p> <style id="et-builder-module-design-11-cached-inline-styles">#main-content>div{display:none}.et_pb_fullwidth_image_0{border-radius:4px 4px 4px 4px;overflow:hidden;border-width:10px 10px 24px 10px;border-color:#ffffff;filter:opacity(80%);backface-visibility:hidden;height:344px;margin-top:0px!important;margin-bottom:-5px!important;max-width:1200px;max-width:100%}.et_pb_section_1{min-height:82px}.et_pb_section_1.et_pb_section{padding-top:7px;padding-bottom:4px;margin-top:-3px;margin-bottom:-12px}.et_pb_row_0.et_pb_row{padding-top:2px!important;padding-bottom:64px!important;margin-top:-14px!important;margin-right:auto!important;margin-left:auto!important;padding-top:2px;padding-bottom:64px}.et_pb_blurb_1.et_pb_blurb .et_pb_module_header,.et_pb_blurb_1.et_pb_blurb .et_pb_module_header a{color:#000000!important;text-align:center}.et_pb_blurb_3.et_pb_blurb .et_pb_module_header,.et_pb_blurb_3.et_pb_blurb .et_pb_module_header a{color:#000000!important;text-align:center}.et_pb_blurb_2.et_pb_blurb .et_pb_module_header,.et_pb_blurb_2.et_pb_blurb .et_pb_module_header a{color:#000000!important;text-align:center}.et_pb_blurb_5.et_pb_blurb .et_pb_module_header,.et_pb_blurb_5.et_pb_blurb .et_pb_module_header a{color:#000000!important;text-align:center}.et_pb_blurb_0.et_pb_blurb .et_pb_module_header,.et_pb_blurb_0.et_pb_blurb .et_pb_module_header a{color:#000000!important;text-align:center}.et_pb_blurb_5.et_pb_blurb p{line-height:1em}.et_pb_blurb_0.et_pb_blurb p{line-height:1em}.et_pb_blurb_2.et_pb_blurb p{line-height:1em}.et_pb_blurb_3.et_pb_blurb p{line-height:1em}.et_pb_blurb_4.et_pb_blurb p{line-height:1em}.et_pb_blurb_1.et_pb_blurb p{line-height:1em}.et_pb_blurb_0.et_pb_blurb{line-height:1em;background-color:#e02b20;border-width:6px;border-color:#e02b20;min-height:40px;padding-bottom:0px!important;margin-bottom:-40px!important}.et_pb_blurb_1.et_pb_blurb{line-height:1em;background-color:#7cda24;border-width:6px;border-color:#7cda24;min-height:40px;padding-bottom:0px!important;margin-bottom:-40px!important}.et_pb_blurb_2.et_pb_blurb{line-height:1em;background-color:#0c71c3;border-width:6px;border-color:#0c71c3;min-height:40px;padding-bottom:0px!important;margin-bottom:-40px!important}.et_pb_blurb_3.et_pb_blurb{line-height:1em;background-color:#E09900;border-width:6px;border-color:#E09900;min-height:40px;padding-bottom:0px!important;margin-bottom:-40px!important}.et_pb_section_2{min-height:355px}.et_pb_section_2.et_pb_section{padding-top:2px;margin-top:-27px}.et_pb_slide_3{background-color:rgba(179,214,249,0.7)}.et_pb_slide_0{background-color:rgba(179,214,249,0.7)}.et_pb_slide_1{background-color:rgba(179,214,249,0.7)}.et_pb_slide_2{background-color:rgba(179,214,249,0.7)}.et_pb_slide_5{background-color:rgba(179,214,249,0.7)}.et_pb_slide_4{background-color:rgba(179,214,249,0.7)}.et_pb_fullwidth_slider_0,.et_pb_fullwidth_slider_0 .et_pb_slide{min-height:347px}.et_pb_fullwidth_slider_0 .et_pb_slide_description,.et_pb_slider_fullwidth_off.et_pb_fullwidth_slider_0 .et_pb_slide_description{padding-top:3px;padding-bottom:4px}.et_pb_fullwidth_slider_0{margin-top:19px!important}.et_pb_section_3.et_pb_section{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}.et_pb_text_0{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}.et_pb_text_2{background-color:#eeeeee;position:relative;padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}.et_pb_text_4{background-color:#eeeeee;position:relative;padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}.et_pb_image_0{text-align:left;margin-left:0}.et_pb_blurb_4.et_pb_blurb .et_pb_module_header,.et_pb_blurb_4.et_pb_blurb .et_pb_module_header a{font-weight:600;font-size:14px;color:#ffffff!important;text-align:center}.et_pb_blurb_4.et_pb_blurb{line-height:1em;background-color:#8300e9;border-width:6px;border-color:#8300e9;min-height:26px;padding-bottom:0px!important;margin-bottom:-40px!important}.et_pb_text_3.et_pb_text{color:#0C71C3!important}.et_pb_text_3{font-style:italic}.et_pb_text_3 h1{color:#E02B20!important}.et_pb_post_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title,.et_pb_post_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title a{font-family:'Times New Roman',Georgia,"Times New Roman",serif;font-weight:700;color:#8300e9!important}.et_pb_post_slider_0.et_pb_slider .et_pb_slide_content,.et_pb_post_slider_0.et_pb_slider .et_pb_slide_content div{color:#8300e9!important;text-shadow:0em 0.08em 0em rgba(0,0,0,0.4)!important}.et_pb_post_slider_0.et_pb_slider,.et_pb_post_slider_0.et_pb_slider.et_pb_bg_layout_dark{background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0>.box-shadow-overlay,.et_pb_post_slider_0.et-box-shadow-no-overlay{box-shadow:inset 0px 0px 18px 0px rgba(0,0,0,0.3)}.et_pb_post_slider_0 .et_pb_post_slide-2736{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/bourses.png);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5215{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/05/bouteille-scaled.jpg);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5150{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/1646392693.png);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5143{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/03/9782203390027.jpg);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5069{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/02/visuel-date-et-lieux-tournoi-de-gestion-44-49-72-53.jpg);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5063{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/01/1200px-SOS_Mediterranee_logo.svg_.png);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-5054{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2022/01/La-lecture-c-est-bon-pour-la-sante-c-est-scientifiquement-prouve.jpg);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_post_slide-3820{background-image:url(https://yourcenar.paysdelaloire.e-lyco.fr/wp-content/uploads/sites/68/2020/05/1200px-Logo_parcoursup.svg_.png);background-color:rgba(216,201,232,0.27)}.et_pb_post_slider_0 .et_pb_slide_image{filter:invert(16%) opacity(99%);backface-visibility:hidden}html:not(.et_fb_edit_enabled) #et-fb-app .et_pb_post_slider_0:hover .et_pb_slide_image{filter:invert(16%)}.et_pb_blurb_5.et_pb_blurb{line-height:1em;background-color:#edf000;border-width:6px;border-color:#edf000;min-height:54px;padding-bottom:0px!important;margin-bottom:27px!important}.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-weight:600!important;color:#8300e9!important}.et_pb_slider.et_pb_module .et_pb_slide_4.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important;color:#ffffff!important}.et_pb_slider.et_pb_module .et_pb_slide_5.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important;color:#ffffff!important}.et_pb_slider.et_pb_module .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important;color:#ffffff!important}.et_pb_slider.et_pb_module .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important;color:#ffffff!important}.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important;color:#ffffff!important}.et_pb_slider .et_pb_slide_3{background-color:rgba(179,214,249,0.7)}.et_pb_slider .et_pb_slide_0{background-color:rgba(179,214,249,0.7)}.et_pb_slider .et_pb_slide_1{background-color:rgba(179,214,249,0.7)}.et_pb_slider .et_pb_slide_2{background-color:rgba(179,214,249,0.7)}.et_pb_slider .et_pb_slide_5{background-color:rgba(179,214,249,0.7)}.et_pb_slider .et_pb_slide_4{background-color:rgba(179,214,249,0.7)}.et_pb_slider.et_pb_module .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_content{font-size:18px!important}.et_pb_fullwidth_image_0.et_pb_module{margin-left:auto!important;margin-right:auto!important}@media only screen and (max-width:980px){.et_pb_fullwidth_image_0{border-bottom-width:24px}}@media only screen and (max-width:767px){.et_pb_fullwidth_image_0{border-bottom-width:24px}}</style> <p></body><br /> <br />

Ajustement pour le baccalauréat général et technologique à compter de la session 2022 … vous est proposé pour gérer le compte restauration via votre ENT.

Ent Lycée 91 | ent.iledefrance.fr

L’introduction à la Ketogenic Diet

Les avantages et inconvénients de la diete keto

Conclusion

ENT ile de france

Mon lycée.net

Accès à l’ENT – CAPE 91 Orsay, Lycée Blaise Pascal

Lycée Jean Monnet

Lycée polyvalent Nikola Tesla (Dourdan)

Lycée Polyvalent Henri Vogt

Lycée Marguerite Yourcenar | Lycée Général Et …

Lycées André Argouges

Lycée Jean Monnet

Lycée Camille Claudel Mantes-la-Ville

Lycée Jean Lurçat de Perpignan | 25 avenue Albert Camus …

Lycée CARNOT de Bruay-La-Buissière – ENT

CITE SCOLAIRE PIERRE MENDES France – mon ENT Occitanie

L’introduction à la Ketogenic Diet

Les avantages et inconvénients de la diete keto

Conclusion

Articles Similaires: