templates/index/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="ja">
  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">
  7.   <title>{% block title %}富山 テイクアウト{% endblock %} | うちデリ</title>
  8.   <meta name="description" content="">
  9.   <meta name="keywords" content="">
  11.   <!-- og -->
  12.   <meta property="og:url" content="">
  13.   <meta property="og:title" content="富山 テイクアウト">
  14.   <meta property="og:type" content="website">
  15.   <meta property="og:description" content="">
  16.   <meta property="og:image" content="">
  17.   <meta property="og:site_name" content="富山 テイクアウト">
  18.   <meta property="og:locale" content="ja_JP">
  19.   <meta property="fb:app_id" content="">
  21.   <!-- Twitter Card -->
  22.   <meta name="twitter:card" content="summary_large_image">
  23.   <meta name="twitter:site" content="">
  24.   <meta name="twitter:domain" content="">
  25.   <meta name="twitter:description" content="">
  26.   <meta name="twitter:url" content="">
  27.   <meta name="twitter:title" content="富山 テイクアウト">
  28.   <meta name="twitter:image" content="">
  30.   <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/img/base/favicon.ico">
  31.   <link rel="apple-touch-icon" sizes="180x180" href="/img/base/favicon180-180.png">
  32.   <link rel="icon" type="image/png" sizes="32x32" href="/img/base/favicon32-32.png">
  33.   <link rel="icon" type="image/png" sizes="16x16" href="/img/base/favicon16-16.png">
  34.   <meta name="theme-color" content="#ffffff">
  36.   <meta name="format-detection" content="telephone=no,address=no,email=no">
  38.   <meta name="msapplication-TileImage" content="/img/base/favicon140-140.png">
  39.   <meta name="msapplication-TileColor" content="#1c2022">
  41.   <!-- css -->
  43.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">
  44.   <link rel="stylesheet" href="/css/screen-lg.css">
  45.   {% block stylesheet %}
  46.     <link rel="stylesheet" href="/css/index.css">
  48.   {% endblock %}
  49.   <link rel="stylesheet" href="/css/drawer.css?20210331">
  51.   <!-- Google Tag Manager -->
  52.   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  53.               new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  54.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  55.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  56.     })(window,document,'script','dataLayer','GTM-MJ5G9LV');</script>
  57.   <!-- End Google Tag Manager -->
  59.   <!-- Google Tag Manager -->
  60.   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  61.               new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  62.           j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  63.           'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  64.       })(window,document,'script','dataLayer','GTM-5BB43Z6');</script>
  65.   <!-- End Google Tag Manager -->
  67.   <!-- Google Tag Manager -->
  68.   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  69.               new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  70.           j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  71.           'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  72.       })(window,document,'script','dataLayer','GTM-5BB43Z6');</script>
  73.   <!-- End Google Tag Manager -->
  75. </head>
  76. <body class="drawer drawer--right {% block page_name %}{% endblock %}">
  77. <!-- Google Tag Manager (noscript) -->
  78. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ5G9LV"
  79.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  80. <!-- End Google Tag Manager (noscript) -->
  81. <!-- Google Tag Manager (noscript) -->
  82. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BB43Z6"
  83.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  84. <!-- End Google Tag Manager (noscript) -->
  85. <div class="responsive-container">
  88. {% block header %}
  89.   <header>
  90.     <div class="header_wr">
  91.       <div class="title_wr">
  92.         <a href="#" onclick="{% block header_back_btn %}history.back(-1);return false;{% endblock %}" class="back"></a>
  93.         <h1 class="header_title">{% block header_title %}{% endblock %}</h1>
  94.       </div>
  96.       {% block header_nav_icon %}
  97.       <a href="{{ path('navi') }}" class="navi-trigger">
  98.         <img src="/img/icon_nav.svg" width="36" alt="">
  99.       </a>
  100.       {% endblock %}
  101.     </div>
  102.   </header>
  103. {% endblock %}
  105. {% block main %}{% endblock %}
  107. <nav class="drawer-nav">
  108.   <div class="drawer-menu">
  109.     <div class="drawer-close-row">
  110.     <span class="drawer-toggle">
  111.       <img src="/img/close.png" alt="閉じる" width="51">
  112.     </span>
  113.     </div>
  115.     <ul>
  116.       <li><a href="{{ path('index')}} ">トップページ</a></li>
  117.       <li><a href="{{ path('explore') }}">条件からお店を選ぶ</a></li>
  118.       <li><a href="{{ path('map') }}">地図からお店を選ぶ</a></li>
  119.       <li><a href="{{ path('about') }}">うちデリとは?</a></li>
  120.       <li><a href="{{ path('contact') }}">お問い合わせ</a></li>
  121.     </ul>
  122. {#    <a href="{{ path('register') }}" class="btn">掲載を依頼する</a>#}
  123.     {#<a href="{{ path('campaign') }}" class="btn">キャンペーン</a>#}
  125.     <a href="{{ path('links') }}" class="btn_links">LINKS</a>
  128.   </div>
  130. </nav>
  131. </div>
  132. <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
  133. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  134. <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
  135. <!-- drawer.js -->
  136. <script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
  137. {#<script src="/js/menu.js"></script>#}
  138. <script>
  139.   $(function () {
  140.     $('.drawer').drawer({
  141.       class: {
  142.         nav: 'drawer-nav',
  143.         toggle: 'drawer-toggle',
  144.         overlay: 'drawer-overlay',
  145.         open: 'drawer-open',
  146.         close: 'drawer-close',
  147.         dropdown: 'drawer-dropdown'
  148.       },
  149.       iscroll: {
  150.         // Configuring the iScroll
  151.         // https://github.com/cubiq/iscroll#configuring-the-iscroll
  152.         mouseWheel: true,
  153.         preventDefault: false
  154.       },
  155.       showOverlay: false
  156.     });
  157.   });
  158. </script>
  159. {% block area_js %}{% endblock %}
  160. {% block cook_js %}{% endblock %}
  161. {% block js %}{% endblock %}
  162. </body>
  163. </html>