templates/webbase.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="full" lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <title>
  9.         {%- if block('title') is defined -%}
  10.             {{ block('title') }} | alphaWerk
  11.         {%- else -%}
  12.             alphaWerk
  13.         {%- endif -%}
  14.     </title>
  16.     <link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  18.     {% block stylesheets %}
  19.         <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet"/>
  20.         <link href="{{ asset('css/main.css') }}" rel="stylesheet"/>
  21.         <link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet"/>
  22.         <link href="{{ asset('css/prism.css') }}" rel="stylesheet"/>
  23.     {% endblock %}
  25.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  26.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  27.     {#        <!--[if lt IE 9]> #}
  28.     {#          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> #}
  29.     {#          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> #}
  30.     {#        <![endif]--> #}
  32.     <!-- Fav and touch icons -->
  33.     <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('/apple-icon-57x57.png') }}">
  34.     <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('/apple-icon-60x60.png') }}">
  35.     <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('/apple-icon-72x72.png') }}">
  36.     <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/apple-icon-76x76.png') }}">
  37.     <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('/apple-icon-114x114.png') }}">
  38.     <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/apple-icon-120x120.png') }}">
  39.     <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('/apple-icon-144x144.png') }}">
  40.     <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('/apple-icon-152x152.png') }}">
  41.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/apple-icon-180x180.png') }}">
  42.     <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('/android-icon-192x192.png') }}">
  43.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/favicon-32x32.png') }}">
  44.     <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('/favicon-96x96.png') }}">
  45.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/favicon-16x16.png') }}">
  46.     <link rel="manifest" href="{{ asset('manifest.json') }}">
  47.     <meta name="msapplication-TileColor" content="#ffffff">
  48.     <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  49.     <meta name="theme-color" content="#ffffff">
  52.     {% block headjs %}
  53.     {% endblock %}
  55. </head>
  56. <body data-spy="scroll" data-target=".navbar" role="document">
  57.     <header class="d-flex flex-wrap justify-content-center bg-body-tertiary sticky-top py-3 pe-5 mb-4">
  59.         <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
  60.             <svg class="bi me-2" width="40" height="32">
  61.                 <use xlink:href="#bootstrap"></use>
  62.             </svg>
  63.             <span class="fs-4">&alpha;lphaWerk</span>
  64.         </a>
  66.         <ul class="nav nav-pills">
  68.             {% for page in otherNav %}
  69.                 <li class="nav-item">
  70.                     <a href="{% if block('homeClass') is not defined %}{{ path('home') }}{% endif %}#{{ page.slug }}"
  71.                        class="nav-link link-body-emphasis"
  72.                        id="{{ page.slug }}-scroll">{{ page.name }}</a>
  73.                 </li>
  74.             {% endfor %}
  75.             {% for page in mainNav %}
  76.                 <li class="nav-item">
  77.                     <a href="{{ path(page.slug) }}" class="nav-link link-body-emphasis">{{ page.name }}</a>
  78.                 </li>
  79.             {% endfor %}
  80.             <li class="nav-item">
  81.                 <a href="{% if block('homeClass') is not defined %}{{ path('home') }}{% endif %}#contact"
  82.                    id="contact-scroll" class="nav-link link-body-emphasis">Contact</a>
  83.             </li>
  84.         </ul>
  85.     </header>
  87. {% block body %}
  88. {% endblock %}
  90. <section id="footer">
  91.     <div class="row">
  92.         <div class="container">
  93.             <div class="col-md-12">
  94.                 <p class="pull-right">
  95.                     Made with <span class="footer-heart">❤</span> in Birmingham
  96.                 </p>
  97.                 <p>&copy; &alpha;lphaWerk Ltd. {{ 'now'|date('Y') }}</p>
  98.             </div>
  99.         </div>
  100.     </div> <!-- /container -->
  101. </section>
  103. {% block javascripts %}
  104.     <script src="{{ asset('js/jquery-min.js') }}"></script>
  105.     <script src="{{ asset('js/bootstrap.min.js') }}"></script>
  106.     <script src="{{ asset('js/holder.js') }}"></script>
  107.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-3Q07QWW9FJ"></script>
  108.     <script>
  109.       window.dataLayer = window.dataLayer || [];
  110.       function gtag(){dataLayer.push(arguments);}
  111.       gtag('js', new Date());
  113.       gtag('config', 'G-3Q07QWW9FJ');
  114.     </script>
  115. {% endblock %}
  117. </body>
  118. </html>