var/cache/dev/twig/1f/1f905cd68a5589ef5a2fd1952f9aae5f.php line 53

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* index.twig */
  16. class __TwigTemplate_0381dd9649b28774a0693cc221c1933a extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  49.         // line 13
  50.         $context["body_class"] = "front_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  74.         .slick-slider {
  75.             margin-bottom: 30px;
  76.         }
  78.         .slick-dots {
  79.             position: absolute;
  80.             bottom: -45px;
  81.             display: block;
  82.             width: 100%;
  83.             padding: 0;
  84.             list-style: none;
  85.             text-align: center;
  86.         }
  88.         .slick-dots li {
  89.             position: relative;
  90.             display: inline-block;
  91.             width: 20px;
  92.             height: 20px;
  93.             margin: 0 5px;
  94.             padding: 0;
  96.             cursor: pointer;
  97.         }
  99.         .slick-dots li button {
  100.             font-size: 0;
  101.             line-height: 0;
  102.             display: block;
  103.             width: 20px;
  104.             height: 20px;
  105.             padding: 5px;
  106.             cursor: pointer;
  107.             color: transparent;
  108.             border: 0;
  109.             outline: none;
  110.             background: transparent;
  111.         }
  113.         .slick-dots li button:hover,
  114.         .slick-dots li button:focus {
  115.             outline: none;
  116.         }
  118.         .slick-dots li button:hover:before,
  119.         .slick-dots li button:focus:before {
  120.             opacity: 1;
  121.         }
  123.         .slick-dots li button:before {
  124.             content: \" \";
  125.             line-height: 20px;
  126.             position: absolute;
  127.             top: 0;
  128.             left: 0;
  129.             width: 12px;
  130.             height: 12px;
  131.             text-align: center;
  132.             opacity: .25;
  133.             background-color: black;
  134.             border-radius: 50%;
  136.         }
  138.         .slick-dots li.slick-active button:before {
  139.             opacity: .75;
  140.             background-color: black;
  141.         }
  143.         .slick-dots li button.thumbnail img {
  144.             width: 0;
  145.             height: 0;
  146.         }
  148.         
  149.         .header-photo {
  150. \t\t\tposition: relative;
  151. \t\t}
  153.         .header-photo img {
  154. \t\t\tposition: relative;
  155.             border-radius: 10px;
  156. \t\t}
  158. \t\t.header-photo h2 {/*h2タグを画像の真ん中に*/
  159. \t\t\tposition: absolute;
  160. \t\t\ttop: 50%;
  161. \t\t\tleft: 50%;
  162. \t\t\t-ms-transform: translate(-50%,-50%);
  163. \t\t\t-webkit-transform: translate(-50%,-50%);
  164. \t\t\ttransform: translate(-50%,-50%);
  165. \t\t\tmargin:0;/*余計な隙間を除く*/
  166. \t\t\tpadding:0;/*余計な隙間を除く*/
  167. \t\t\tcolor: white;/*文字色*/
  168. \t\t\tfont-size: 40px;/*文字サイズ*/
  169. \t\t\ttext-align:center;/*pタグ内で更に中央寄せ*/
  170. \t\t\tfont-family: 'Quicksand',sans-serif;
  171. \t\t\tfont-weight: \"bold\";
  172. \t\t}
  174.     </style>
  175. ";
  176.         
  177.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  179.         
  180.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  182.     }
  184.     // line 120
  185.     public function block_javascript($context, array $blocks = [])
  186.     {
  187.         $macros = $this->macros;
  188.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  189.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  191.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  192.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  194.         // line 121
  195.         echo "    <script>
  196.         \$(function() {
  197.             \$('.main_visual').slick({
  198.                 dots: true,
  199.                 arrows: false,
  200.                 autoplay: true,
  201.                 speed: 300
  202.             });
  203.         });
  204.     </script>
  205. ";
  206.         
  207.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  209.         
  210.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  212.     }
  214.     // line 133
  215.     public function block_main($context, array $blocks = [])
  216.     {
  217.         $macros = $this->macros;
  218.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  219.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  221.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  222.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  224.         // line 134
  225.         echo "    <div class=\"ec-sliderRole\">
  226.         <div class=\"main_visual\">
  227.             <div class=\"item slick-slide header-photo\"><img src=\"https://www.teamlab.art/images/pc-l/28989\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  228.             <div class=\"item slick-slide header-photo\"><img src=\"https://www.gannett-cdn.com/presto/2022/05/02/PPHX/f00d9880-c9d2-41a2-b71b-f47e68f51ffc-Ellen_Nemetz_Pop-upload.JPG?crop=1919,1080,x0,y153&width=1919&height=1080&format=pjpg&auto=webp\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  229.             <div class=\"item slick-slide header-photo\"><img src=\"https://d23.com/app/uploads/2020/01/1180w-463h_010920-riviera-art-gallery-780x440.jpg\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  230.         </div>
  231.     </div>
  232. ";
  233.         
  234.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  236.         
  237.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  239.     }
  241.     public function getTemplateName()
  242.     {
  243.         return "index.twig";
  244.     }
  246.     public function isTraitable()
  247.     {
  248.         return false;
  249.     }
  251.     public function getDebugInfo()
  252.     {
  253.         return array (  225 => 134,  215 => 133,  195 => 121,  185 => 120,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  254.     }
  256.     public function getSourceContext()
  257.     {
  258.         return new Source("{#
  259. This file is part of EC-CUBE
  261. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  263. http://www.ec-cube.co.jp/
  265. For the full copyright and license information, please view the LICENSE
  266. file that was distributed with this source code.
  267. #}
  268. {% extends 'default_frame.twig' %}
  270. {% set body_class = 'front_page' %}
  272. {% block stylesheet %}
  273.     <style>
  274.         .slick-slider {
  275.             margin-bottom: 30px;
  276.         }
  278.         .slick-dots {
  279.             position: absolute;
  280.             bottom: -45px;
  281.             display: block;
  282.             width: 100%;
  283.             padding: 0;
  284.             list-style: none;
  285.             text-align: center;
  286.         }
  288.         .slick-dots li {
  289.             position: relative;
  290.             display: inline-block;
  291.             width: 20px;
  292.             height: 20px;
  293.             margin: 0 5px;
  294.             padding: 0;
  296.             cursor: pointer;
  297.         }
  299.         .slick-dots li button {
  300.             font-size: 0;
  301.             line-height: 0;
  302.             display: block;
  303.             width: 20px;
  304.             height: 20px;
  305.             padding: 5px;
  306.             cursor: pointer;
  307.             color: transparent;
  308.             border: 0;
  309.             outline: none;
  310.             background: transparent;
  311.         }
  313.         .slick-dots li button:hover,
  314.         .slick-dots li button:focus {
  315.             outline: none;
  316.         }
  318.         .slick-dots li button:hover:before,
  319.         .slick-dots li button:focus:before {
  320.             opacity: 1;
  321.         }
  323.         .slick-dots li button:before {
  324.             content: \" \";
  325.             line-height: 20px;
  326.             position: absolute;
  327.             top: 0;
  328.             left: 0;
  329.             width: 12px;
  330.             height: 12px;
  331.             text-align: center;
  332.             opacity: .25;
  333.             background-color: black;
  334.             border-radius: 50%;
  336.         }
  338.         .slick-dots li.slick-active button:before {
  339.             opacity: .75;
  340.             background-color: black;
  341.         }
  343.         .slick-dots li button.thumbnail img {
  344.             width: 0;
  345.             height: 0;
  346.         }
  348.         
  349.         .header-photo {
  350. \t\t\tposition: relative;
  351. \t\t}
  353.         .header-photo img {
  354. \t\t\tposition: relative;
  355.             border-radius: 10px;
  356. \t\t}
  358. \t\t.header-photo h2 {/*h2タグを画像の真ん中に*/
  359. \t\t\tposition: absolute;
  360. \t\t\ttop: 50%;
  361. \t\t\tleft: 50%;
  362. \t\t\t-ms-transform: translate(-50%,-50%);
  363. \t\t\t-webkit-transform: translate(-50%,-50%);
  364. \t\t\ttransform: translate(-50%,-50%);
  365. \t\t\tmargin:0;/*余計な隙間を除く*/
  366. \t\t\tpadding:0;/*余計な隙間を除く*/
  367. \t\t\tcolor: white;/*文字色*/
  368. \t\t\tfont-size: 40px;/*文字サイズ*/
  369. \t\t\ttext-align:center;/*pタグ内で更に中央寄せ*/
  370. \t\t\tfont-family: 'Quicksand',sans-serif;
  371. \t\t\tfont-weight: \"bold\";
  372. \t\t}
  374.     </style>
  375. {% endblock %}
  377. {% block javascript %}
  378.     <script>
  379.         \$(function() {
  380.             \$('.main_visual').slick({
  381.                 dots: true,
  382.                 arrows: false,
  383.                 autoplay: true,
  384.                 speed: 300
  385.             });
  386.         });
  387.     </script>
  388. {% endblock javascript %}
  390. {% block main %}
  391.     <div class=\"ec-sliderRole\">
  392.         <div class=\"main_visual\">
  393.             <div class=\"item slick-slide header-photo\"><img src=\"https://www.teamlab.art/images/pc-l/28989\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  394.             <div class=\"item slick-slide header-photo\"><img src=\"https://www.gannett-cdn.com/presto/2022/05/02/PPHX/f00d9880-c9d2-41a2-b71b-f47e68f51ffc-Ellen_Nemetz_Pop-upload.JPG?crop=1919,1080,x0,y153&width=1919&height=1080&format=pjpg&auto=webp\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  395.             <div class=\"item slick-slide header-photo\"><img src=\"https://d23.com/app/uploads/2020/01/1180w-463h_010920-riviera-art-gallery-780x440.jpg\"><h2 class=\"index-title fontweight-bold\">タスタス<br />アートギャラリーカフェ</h2></div>
  396.         </div>
  397.     </div>
  398. {% endblock %}
  399. ", "index.twig", "/home/xs230941/tas-lab.net/public_html/app/template/default/index.twig");
  400.     }
  401. }