var/cache/dev/twig/e1/e1932cde5c718c157cc6d13574ad39e790ffd3be3099d3b68e9bee9ed07eb16f.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_031391a35844cde84cf5fbfd6092c67c94dae38b5db884d9413675fb43c8a596 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_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_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_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_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: -46px;
  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: 16px;
  130.             height: 16px;
  131.             text-align: center;
  132.             opacity: .25;
  133.             background-color: #D8D8D8;
  134.             border-radius: 50%;
  136.         }
  138.         .slick-dots li.slick-active button:before {
  139.             background-color: #3F5794;
  140.             opacity: 1;
  141.         }
  143.         .slick-dots li button.thumbnail img {
  144.             width: 0;
  145.             height: 0;
  146.         }
  147.         .main_visual .slick-list .slick-track .slick-slide img{
  148.             width: 100%;
  150.         }
  151.         @media screen and (max-width: 768px) {
  152.             .slick-dots {
  153.                 bottom: -36px;
  154.             }
  155.             .slick-dots li {
  156.                 margin: 0 2px;
  157.                 width: 16px;
  158.                 height: 16px;
  159.             }
  160.             .slick-dots li button {
  161.                 width: 16px;
  162.                 height: 16px;
  163.                 padding: 2px;
  164.             }
  165.            .slick-dots li button:before {
  166.             width: 12px;
  167.             height: 12px;
  169.         }
  170.         }
  171.     </style>
  172. ";
  173.         
  174.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  176.         
  177.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  179.     }
  181.     // line 117
  182.     public function block_javascript($context, array $blocks = [])
  183.     {
  184.         $macros = $this->macros;
  185.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  186.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  188.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  189.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  191.         // line 118
  192.         echo "    <script>
  193.         \$(function() {
  194.             \$('.main_visual').slick({
  195.                 dots: true,
  196.                 arrows: false,
  197.                 autoplay: true,
  198.                 centerMode:true,        //追記
  199.                 centerPadding:\"20%\",    //追記
  200.                 speed: 300,
  201.                 responsive: [
  202.                     {
  203.                         breakpoint: 759, // 759px以下のサイズに適用
  204.                         settings: {
  205.                         centerPadding:\"15%\",    //追記
  206.                         },
  207.                     },
  208.                 ],
  209.             });
  210.         });
  211.     </script>
  212. ";
  213.         
  214.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  216.         
  217.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  219.     }
  221.     // line 140
  222.     public function block_main($context, array $blocks = [])
  223.     {
  224.         $macros = $this->macros;
  225.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  226.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  228.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  229.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  231.         // line 141
  232.         echo "        <div class=\"main_visual bottom-space\">
  233.             <div class=\"item slick-slide\"><img src=\"";
  234.         // line 142
  235.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/hero/banner01.jpg"), "html", null, true);
  236.         echo "\"></div>
  237.             <div class=\"item slick-slide\"><img src=\"";
  238.         // line 143
  239.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/hero/banner02.jpg"), "html", null, true);
  240.         echo "\"></div>
  241.             <a href=\"\" class=\"item slick-slide\"><img src=\"";
  242.         // line 144
  243.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/hero/banner03.jpg"), "html", null, true);
  244.         echo "\"></a>
  245.         </div>
  246. ";
  247.         
  248.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  250.         
  251.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  253.     }
  255.     public function getTemplateName()
  256.     {
  257.         return "index.twig";
  258.     }
  260.     public function isTraitable()
  261.     {
  262.         return false;
  263.     }
  265.     public function getDebugInfo()
  266.     {
  267.         return array (  243 => 144,  239 => 143,  235 => 142,  232 => 141,  222 => 140,  192 => 118,  182 => 117,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  268.     }
  270.     public function getSourceContext()
  271.     {
  272.         return new Source("{#
  273. This file is part of EC-CUBE
  275. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  277. http://www.ec-cube.co.jp/
  279. For the full copyright and license information, please view the LICENSE
  280. file that was distributed with this source code.
  281. #}
  282. {% extends 'default_frame.twig' %}
  284. {% set body_class = 'front_page' %}
  286. {% block stylesheet %}
  287.     <style>
  288.         .slick-slider {
  289.             margin-bottom: 30px;
  290.         }
  292.         .slick-dots {
  293.             position: absolute;
  294.             bottom: -46px;
  295.             display: block;
  296.             width: 100%;
  297.             padding: 0;
  298.             list-style: none;
  299.             text-align: center;
  300.         }
  302.         .slick-dots li {
  303.             position: relative;
  304.             display: inline-block;
  305.             width: 20px;
  306.             height: 20px;
  307.             margin: 0 5px;
  308.             padding: 0;
  310.             cursor: pointer;
  311.         }
  313.         .slick-dots li button {
  314.             font-size: 0;
  315.             line-height: 0;
  316.             display: block;
  317.             width: 20px;
  318.             height: 20px;
  319.             padding: 5px;
  320.             cursor: pointer;
  321.             color: transparent;
  322.             border: 0;
  323.             outline: none;
  324.             background: transparent;
  325.         }
  327.         .slick-dots li button:hover,
  328.         .slick-dots li button:focus {
  329.             outline: none;
  330.         }
  332.         .slick-dots li button:hover:before,
  333.         .slick-dots li button:focus:before {
  334.             opacity: 1;
  335.         }
  337.         .slick-dots li button:before {
  338.             content: \" \";
  339.             line-height: 20px;
  340.             position: absolute;
  341.             top: 0;
  342.             left: 0;
  343.             width: 16px;
  344.             height: 16px;
  345.             text-align: center;
  346.             opacity: .25;
  347.             background-color: #D8D8D8;
  348.             border-radius: 50%;
  350.         }
  352.         .slick-dots li.slick-active button:before {
  353.             background-color: #3F5794;
  354.             opacity: 1;
  355.         }
  357.         .slick-dots li button.thumbnail img {
  358.             width: 0;
  359.             height: 0;
  360.         }
  361.         .main_visual .slick-list .slick-track .slick-slide img{
  362.             width: 100%;
  364.         }
  365.         @media screen and (max-width: 768px) {
  366.             .slick-dots {
  367.                 bottom: -36px;
  368.             }
  369.             .slick-dots li {
  370.                 margin: 0 2px;
  371.                 width: 16px;
  372.                 height: 16px;
  373.             }
  374.             .slick-dots li button {
  375.                 width: 16px;
  376.                 height: 16px;
  377.                 padding: 2px;
  378.             }
  379.            .slick-dots li button:before {
  380.             width: 12px;
  381.             height: 12px;
  383.         }
  384.         }
  385.     </style>
  386. {% endblock %}
  388. {% block javascript %}
  389.     <script>
  390.         \$(function() {
  391.             \$('.main_visual').slick({
  392.                 dots: true,
  393.                 arrows: false,
  394.                 autoplay: true,
  395.                 centerMode:true,        //追記
  396.                 centerPadding:\"20%\",    //追記
  397.                 speed: 300,
  398.                 responsive: [
  399.                     {
  400.                         breakpoint: 759, // 759px以下のサイズに適用
  401.                         settings: {
  402.                         centerPadding:\"15%\",    //追記
  403.                         },
  404.                     },
  405.                 ],
  406.             });
  407.         });
  408.     </script>
  409. {% endblock javascript %}
  411. {% block main %}
  412.         <div class=\"main_visual bottom-space\">
  413.             <div class=\"item slick-slide\"><img src=\"{{ asset('assets/img/top/hero/banner01.jpg') }}\"></div>
  414.             <div class=\"item slick-slide\"><img src=\"{{ asset('assets/img/top/hero/banner02.jpg') }}\"></div>
  415.             <a href=\"\" class=\"item slick-slide\"><img src=\"{{ asset('assets/img/top/hero/banner03.jpg') }}\"></a>
  416.         </div>
  417. {% endblock %}
  418. ", "index.twig", "/home/bravers/bravers.xbiz.jp/public_html/app/template/bravers/index.twig");
  419.     }
  420. }