templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block bodycustom %}
  4.   <body style="background-color:#0075a2;">
  5. {% endblock %}
  6. {% block body %}
  7.     <div id="wrapper" style="border-radius:8px;">
  8.         <div id="container" style="text-align:center;">
  9.             <div id="welcome">
  10.                 <img src="https://pretemoitonchat.com/assets/img/logo-prete-moi-ton-chat.png" alt="logo Prête-moi ton chat">
  11.             </div>
  13.             <div id="status">
  14.                 <p>
  15.                     Oups, cette page n'est pas accessible ! 
  16.                 </p>
  17.             </div>
  19.             <div id="next">
  20.                 <h2>Et maintenant ?</h2>
  21.                 <p>
  22.                     <a href="https://pretemoitonchat.com/">
  23.                         Aller sur le site de Prête-moi ton chat
  24.                     </a>
  25.                     <a href="https://pretemoitonchat.com/">
  26.                         Nous contacter par mail : [email protected]
  27.                     </a>
  28.                 </p>
  29.             </div>
  31.         </div>
  32.     </div>
  33. {% endblock %}
  35. {% block stylesheets %}
  36. <style>
  37.     body { background: #F5F5F5; font: 18px/1.5 sans-serif; }
  38.     h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
  39.     h1 { font-size: 36px; }
  40.     h2 { font-size: 21px; margin-bottom: 1em; }
  41.     p { margin: 0 0 1em 0; }
  42.     a { color: #0000F0; }
  43.     a:hover { text-decoration: none; }
  44.     code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
  45.     #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
  46.     #container { padding: 2em; }
  47.     #welcome, #status { margin-bottom: 2em; }
  48.     #welcome h1 span { display: block; font-size: 75%; }
  49.     #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
  50.     #icon-book { display: none; }
  52.     @media (min-width: 768px) {
  53.         #wrapper { width: 80%; margin: 2em auto; }
  54.         #icon-book { display: inline-block; }
  55.         #status a, #next a { display: block; }
  57.         @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  58.         @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  59.         .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
  60.     }
  61. </style>
  62. {% endblock %}