templates/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <div id="wrapper">
  5.         <div id="container">
  6.             <div id="welcome">
  7.                 <h1><span>Welcome to</span> Symfony {{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}</h1>
  8.             </div>
  10.             <div id="status">
  11.                 <p>
  12.                     <svg id="icon-status" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" fill="#759E1A"/></svg>
  14.                     Your application is now ready. You can start working on it at:
  15.                 </p>
  16.             </div>
  18.             <div id="next">
  19.                 <h2>What's next?</h2>
  20.                 <p>
  21.                     <svg id="icon-book" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-12.5 9 64 64" enable-background="new -12.5 9 64 64" xml:space="preserve">
  22.                         <path fill="#AAA" d="M6.8,40.8c2.4,0.8,4.5-0.7,4.9-2.5c0.2-1.2-0.3-2.1-1.3-3.2l-0.8-0.8c-0.4-0.5-0.6-1.3-0.2-1.9
  23.                             c0.4-0.5,0.9-0.8,1.8-0.5c1.3,0.4,1.9,1.3,2.9,2.2c-0.4,1.4-0.7,2.9-0.9,4.2l-0.2,1c-0.7,4-1.3,6.2-2.7,7.5
  24.                             c-0.3,0.3-0.7,0.5-1.3,0.6c-0.3,0-0.4-0.3-0.4-0.3c0-0.3,0.2-0.3,0.3-0.4c0.2-0.1,0.5-0.3,0.4-0.8c0-0.7-0.6-1.3-1.3-1.3
  25.                             c-0.6,0-1.4,0.6-1.4,1.7s1,1.9,2.4,1.8c0.8,0,2.5-0.3,4.2-2.5c2-2.5,2.5-5.4,2.9-7.4l0.5-2.8c0.3,0,0.5,0.1,0.8,0.1
  26.                             c2.4,0.1,3.7-1.3,3.7-2.3c0-0.6-0.3-1.2-0.9-1.2c-0.4,0-0.8,0.3-1,0.8c-0.1,0.6,0.8,1.1,0.1,1.5c-0.5,0.3-1.4,0.6-2.7,0.4l0.3-1.3
  27.                             c0.5-2.6,1-5.7,3.2-5.8c0.2,0,0.8,0,0.8,0.4c0,0.2,0,0.2-0.2,0.5c-0.2,0.3-0.3,0.4-0.2,0.7c0,0.7,0.5,1.1,1.2,1.1
  28.                             c0.9,0,1.2-1,1.2-1.4c0-1.2-1.2-1.8-2.6-1.8c-1.5,0.1-2.8,0.9-3.7,2.1c-1.1,1.3-1.8,2.9-2.3,4.5c-0.9-0.8-1.6-1.8-3.1-2.3
  29.                             c-1.1-0.7-2.3-0.5-3.4,0.3c-0.5,0.4-0.8,1-1,1.6c-0.4,1.5,0.4,2.9,0.8,3.4l0.9,1c0.2,0.2,0.6,0.8,0.4,1.5c-0.3,0.8-1.2,1.3-2.1,1
  30.                             c-0.4-0.2-1-0.5-0.9-0.9c0.1-0.2,0.2-0.3,0.3-0.5s0.1-0.3,0.1-0.3c0.2-0.6-0.1-1.4-0.7-1.6c-0.6-0.2-1.2,0-1.3,0.8
  31.                             C4.3,38.4,4.7,40,6.8,40.8z M46.1,20.9c0-4.2-3.2-7.5-7.1-7.5h-3.8C34.8,10.8,32.7,9,30.2,9L-2.3,9.1c-2.8,0.1-4.9,2.4-4.9,5.4
  32.                             L-7,58.6c0,4.8,8.1,13.9,11.6,14.1l34.7-0.1c3.9,0,7-3.4,7-7.6L46.1,20.9z M-0.3,36.4c0-8.6,6.5-15.6,14.5-15.6
  33.                             c8,0,14.5,7,14.5,15.6S22.1,52,14.2,52C6.1,52-0.3,45-0.3,36.4z M42.1,65.1c0,1.8-1.5,3.1-3.1,3.1H4.6c-0.7,0-3-1.8-4.5-4.4h30.4
  34.                             c2.8,0,5-2.4,5-5.4V17.9h3.7c1.6,0,2.9,1.4,2.9,3.1V65.1L42.1,65.1z"/>
  35.                     </svg>
  37.                     Read the documentation to learn
  38.                     <a href="https://symfony.com/doc/{{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION')[:3] }}/page_creation.html">
  39.                         How to create your first page in Symfony
  40.                     </a>
  41.                 </p>
  42.             </div>
  44.         </div>
  45.     </div>
  46. {% endblock %}
  48. {% block stylesheets %}
  49. <style>
  50.     body { font: 18px/1.5 sans-serif; }
  51.     h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
  52.     h1 { font-size: 36px; }
  53.     h2 { font-size: 21px; margin-bottom: 1em; }
  54.     p { margin: 0 0 1em 0; }
  55.     a { color: #0000F0; }
  56.     a:hover { text-decoration: none; }
  57.     code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
  58.     #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
  59.     #container { padding: 2em; }
  60.     #welcome, #status { margin-bottom: 2em; }
  61.     #welcome h1 span { display: block; font-size: 75%; }
  62.     #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
  63.     #icon-book { display: none; }
  65.     @media (min-width: 768px) {
  66.         #wrapper { width: 80%; margin: 2em auto; }
  67.         #icon-book { display: inline-block; }
  68.         #status a, #next a { display: block; }
  70.         @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  71.         @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  72.         .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
  73.     }
  74. </style>
  75. {% endblock %}