<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* Special/detail.twig */
class __TwigTemplate_2f0c3455158c94c9c65921217e20dc00 extends \Eccube\Twig\Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'stylesheet' => [$this, 'block_stylesheet'],
'javascript' => [$this, 'block_javascript'],
'main' => [$this, 'block_main'],
];
$this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
$this->checkSecurity();
}
protected function doGetParent(array $context)
{
// line 1
return "default_frame.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Special/detail.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Special/detail.twig"));
// line 8
$context["categories"] = [0 => "essay", 1 => "interview", 2 => "report", 3 => "guide", 4 => "philosophy"];
// line 1
$this->parent = $this->loadTemplate("default_frame.twig", "Special/detail.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 3
public function block_stylesheet($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
// line 4
echo "\t<link rel=\"stylesheet\" href=\"/html/template/default/assets/css/content.css\">
<link rel=\"stylesheet\" href=\"/html/template/default/assets/css/frame03.css\">
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 17
public function block_javascript($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
// line 18
echo "\t<script>
\t\t\$(function(){
\t\t\t\$('.slide-img:not(\".slide-img-slow\")').slick({
\t\t\tautoplay: true,
\t\t\tautoplaySpeed: 3000,
\t\t\tarrows: false,
\t\t\tdots: false,
\t\t\tinfinite: true,
\t\t\tspeed: 800,
\t\t\tslidesToShow: 1,
\t\t\tvariableWidth: true,
\t\t\tcenterMode: true,
\t\t\tresponsive: [
\t\t\t{
\t\t\t\tbreakpoint: 750,
\t\t\t\tsettings: {
\t\t\t\tvariableWidth: true,
\t\t\t\tcenterMode: true,
\t\t\t\t}
\t\t\t}
\t\t\t]
\t\t});
\t\t\$('.slide-img-slow > li:last-child > img').on('load',function(){
\t\t\tsetTimeout(function(){
\t\t\t\$('.slide-img-slow').not('.slick-initialized').slick({
\t\t\t\tautoplay: true,
\t\t\t\tautoplaySpeed: 0,
\t\t\t\tarrows: false,
\t\t\t\tdots: false,
\t\t\t\tspeed: 18000,
\t\t\t\tinfinite: true,
\t\t\t\tcssEase: 'linear',
\t\t\t\tslidesToShow: 1,
\t\t\t\tvariableWidth: true,
\t\t\t\tcenterMode: true,
\t\t\t\tdraggable: false,
\t\t\t\ttouchMove: false,
\t\t\t\tpauseOnFocus: false,
\t\t\t\tpauseOnHover: false,
\t\t\t});
\t\t\t\$('.slide-img-slow').css('opacity',1);
\t\t\t},1000);
\t\t});
\t\t\$('.slide-img-slow > li > img').each(function(){
\t\t\tvar ctrl = \$(this);
\t\t\tctrl.attr('src',ctrl.data('src'));
\t\t});
\t\t});
\t</script>
";
// line 70
if (twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 70, $this->source); })()), "category", [], "any", false, false, true, 70), 0, [], "array", false, false, true, 70), "slug", [], "any", false, false, true, 70), (isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 70, $this->source); })()))) {
// line 71
echo " <script>
\$(document).ready(function () {
const postSlug = '";
// line 73
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 73, $this->source); })()), "category", [], "any", false, false, true, 73), 0, [], "array", false, false, true, 73), "slug", [], "any", false, false, true, 73), 73, $this->source), "html", null, true);
echo "';
\t\t\t\tconsole.log(postSlug);
\$('#page_special_detail').addClass('bg-' + postSlug);
});
</script>
";
}
// line 79
echo "\t<script>
\t\t\$(function () {
\$(\"#share-menu-button\").on('click', function () {
\$(\"#share-menu\").fadeToggle();
copyLinkText('リンクをコピー');
});
});
function copyUrl() {
const url = location.href;
navigator.clipboard.writeText(url);
copyLinkText('コピーしました');
setTimeout(function () {
copyLinkText('リンクをコピー');
}, 2000);
}
function openLineShare() {
const lineUrl = 'https://social-plugins.line.me/lineit/share?url=';
const url = location.href;
window.open(`\${lineUrl}\${url}`)
}
function openMail() {
const url = location.href;
const mailto = `mailto:?body=\${url}`;
window.open(mailto);
}
function copyLinkText(text) {
\$(\"#copy-link > span\").text(text);
}
\t</script>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 114
public function block_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
// line 115
echo "\t<div
\t\tclass=\"second-wrap white-wrap w-full flex flex-col items-center justify-center font-extralight mx-auto animate-slideIn\">
\t\t<!-- KV -->
\t\t<div id=\"section-kv\" class=\"w-full z-10\">
\t\t\t<div class=\"flex flex-col items-center w-full\">
\t\t\t\t<img src=\"";
// line 120
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 120, $this->source); })()), "special_kv_pc", [], "any", false, false, true, 120), "url", [], "any", false, false, true, 120), 120, $this->source), "html", null, true);
echo "\" alt=\"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 120, $this->source); })()), "special_kv_pc", [], "any", false, false, true, 120), "alt", [], "any", false, false, true, 120), 120, $this->source), "html", null, true);
echo "\" class=\"sm:hidden object-cover h-[450px] w-full overflow-hidden\">
\t\t\t\t<img src=\"";
// line 121
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 121, $this->source); })()), "special_kv_sp", [], "any", false, false, true, 121), "url", [], "any", false, false, true, 121), 121, $this->source), "html", null, true);
echo "\" alt=\"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 121, $this->source); })()), "special_kv_sp", [], "any", false, false, true, 121), "alt", [], "any", false, false, true, 121), 121, $this->source), "html", null, true);
echo "\" class=\"hidden sm:block w-full object-cover h-[640px]\">
\t\t\t\t<div class=\"max-w-[880px] w-full lg:w-[86.6vw] md:mx-6 bg-black bg-opacity-80 text-white px-12 py-14 md:py-8 md:px-6 flex-col flex mt-[-24px] relative\">
\t\t\t\t\t<p class=\"text-end text-[#B0B0B0] text-sm md:text-xs absolute top-[4px] right-[8px]\">";
// line 123
echo twig_escape_filter($this->env, twig_date_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 123, $this->source); })()), "post_date", [], "any", false, false, true, 123), 123, $this->source), "Y/m/d"), "html", null, true);
echo "</p>
\t\t\t\t\t<div class=\"flex items-center border border-white w-fit mb-3 text-sm sm:text-xs px-3 py-[2px]\">
\t\t\t\t\t\t<p class=\"";
// line 125
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 125, $this->source); })()), "sub_category", [], "any", false, false, true, 125))) {
echo " after:content-['|'] ";
}
echo "\">";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 125, $this->source); })()), "category", [], "any", false, false, true, 125), 0, [], "array", false, false, true, 125), "name", [], "any", false, false, true, 125), 125, $this->source), "html", null, true);
echo "
\t\t\t\t\t\t</p>
\t\t\t\t\t\t";
// line 127
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 127, $this->source); })()), "sub_category", [], "any", false, false, true, 127))) {
// line 128
echo "\t\t\t\t\t\t\t<span class=\"";
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 128, $this->source); })()), "sub_category", [], "any", false, false, true, 128))) {
echo " ml-1 ";
}
echo "\">";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 128, $this->source); })()), "sub_category", [], "any", false, false, true, 128), "name", [], "any", false, false, true, 128), 128, $this->source), "html", null, true);
echo "</span>
\t\t\t\t\t\t";
}
// line 130
echo "\t\t\t\t\t</div>
\t\t\t\t\t<h1 class=\"text-3xl md:text-xl leading-loose tracking-[5px]\">";
// line 131
echo $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 131, $this->source); })()), "post_title", [], "any", false, false, true, 131), 131, $this->source);
echo "</h1>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<div id=\"page_special_detail\" class=\"w-[100vw] mx-[-50vw] h-fit relative flex flex-col items-center bg-top mt-[-180px] lg:px-6 md:pt-[100px]\">
\t\t\t<div class=\"section-inner\">
\t\t\t\t<div class=\"section-cont text-[10px]\">
\t\t\t\t\t";
// line 138
echo $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 138, $this->source); })()), "filter_content", [], "any", false, false, true, 138), 138, $this->source);
echo "
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"max-w-[880px] w-full mx-auto md:px-3\">
\t\t\t<div class=\"w-full flex justify-between text-sm py-28 items-center\">
\t";
// line 144
if ( !twig_test_empty((isset($context["PrevPost"]) || array_key_exists("PrevPost", $context) ? $context["PrevPost"] : (function () { throw new RuntimeError('Variable "PrevPost" does not exist.', 144, $this->source); })()))) {
// line 145
echo " <a href=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("special_post", ["id" => (isset($context["PrevPost"]) || array_key_exists("PrevPost", $context) ? $context["PrevPost"] : (function () { throw new RuntimeError('Variable "PrevPost" does not exist.', 145, $this->source); })())]), "html", null, true);
echo "\" class=\"flex items-center gap-4 md:gap-2\">
<img src=\"";
// line 146
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/template/default/assets/img/special/arrow-prev.svg"), "html", null, true);
echo "\" alt=\"\" class=\"mt-1 md:w-10\">
<p class=\"whitespace-nowrap text-xs\">前の記事へ</p>
</a>
";
} else {
// line 150
echo " <div class=\"w-[134px] opacity-0\"></div>
";
}
// line 152
echo " <div class=\"md:mt-16 whitespace-nowrap\">
<a href=\"";
// line 153
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("special_posts");
echo "\" class=\"border border-[#DFDFDF] px-3 py-1 md:text-xs md:px-1 text-center\">記事一覧へ</a>
</div>
";
// line 155
if ( !twig_test_empty((isset($context["NextPost"]) || array_key_exists("NextPost", $context) ? $context["NextPost"] : (function () { throw new RuntimeError('Variable "NextPost" does not exist.', 155, $this->source); })()))) {
// line 156
echo " <a href=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("special_post", ["id" => (isset($context["NextPost"]) || array_key_exists("NextPost", $context) ? $context["NextPost"] : (function () { throw new RuntimeError('Variable "NextPost" does not exist.', 156, $this->source); })())]), "html", null, true);
echo "\" class=\"flex items-center gap-4 md:gap-2\">
<p class=\"whitespace-nowrap text-xs\">次の記事へ</p>
<img src=\"";
// line 158
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/template/default/assets/img/special/arrow-next.svg"), "html", null, true);
echo "\" alt=\"\" class=\"mt-1 md:w-10\">
</a>
";
} else {
// line 161
echo " <div class=\"w-[134px] opacity-0\"></div>
";
}
// line 163
echo "\t\t\t</div>
\t\t\t<hr class=\"bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]\">
\t\t\t<div class=\"w-full mt-24 md:mt-8 flex flex-col items-center\">
\t\t\t\t<h2 class=\"text-xl mb-10 md:mb-6 md:text-sm\">SHARE</h2>
\t\t\t\t";
// line 168
echo "\t\t\t\t<ul id=\"share-menu\" class=\"flex mb-8 items-center\">
\t\t\t\t\t<li class=\"hover cursor-pointer p-3 \" onclick=\"openLineShare()\">
\t\t\t\t\t\t<img class=\"h-8 w-8\" src=\"";
// line 170
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/LINE_LOGO.svg"), "html", null, true);
echo "\">
\t\t\t\t\t</li>
\t\t\t\t\t<li class=\"hover cursor-pointer p-3\" onclick=\"openMail()\">
\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-8\">
\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75\"/>
\t\t\t\t\t\t</svg>
\t\t\t\t\t</li>
\t\t\t\t\t<li id=\"copy-link\" class=\"hover cursor-pointer p-3\" onclick=\"copyUrl()\">
\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-7\">
\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z\" clip-rule=\"evenodd\"/>
\t\t\t\t\t\t</svg>
\t\t\t\t\t</li>
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"w-full max-w-[1120px] lg:px-12 mt-[130px] md:mt-10 mb-8 md:mb-0\">
\t\t\t<ul id=\"breadcrumbs\" class=\"border-t border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1\">
\t\t\t\t<li>
\t\t\t\t\t<a href=\"";
// line 188
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "\" class=\"hover\">
\t\t\t\t\t\t<span>HOME</span>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<span>/</span>
\t\t\t\t<li>
\t\t\t\t\t<a href=";
// line 194
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("special_posts");
echo " class=\"hover\">
\t\t\t\t\t\t<span>特集</span>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<span>/</span>
\t\t\t\t<li>
\t\t\t\t\t<span>";
// line 200
echo $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Post"]) || array_key_exists("Post", $context) ? $context["Post"] : (function () { throw new RuntimeError('Variable "Post" does not exist.', 200, $this->source); })()), "post_title", [], "any", false, false, true, 200), 200, $this->source);
echo "</span>
\t\t\t\t</li>
\t\t\t</ul>
\t\t</div>
\t</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
public function getTemplateName()
{
return "Special/detail.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 380 => 200, 371 => 194, 362 => 188, 341 => 170, 337 => 168, 331 => 163, 327 => 161, 321 => 158, 315 => 156, 313 => 155, 308 => 153, 305 => 152, 301 => 150, 294 => 146, 289 => 145, 287 => 144, 278 => 138, 268 => 131, 265 => 130, 255 => 128, 253 => 127, 244 => 125, 239 => 123, 232 => 121, 226 => 120, 219 => 115, 209 => 114, 166 => 79, 157 => 73, 153 => 71, 151 => 70, 97 => 18, 87 => 17, 75 => 4, 65 => 3, 54 => 1, 52 => 8, 39 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'default_frame.twig' %}
{% block stylesheet %}
\t<link rel=\"stylesheet\" href=\"/html/template/default/assets/css/content.css\">
<link rel=\"stylesheet\" href=\"/html/template/default/assets/css/frame03.css\">
{% endblock %}
{% set categories = [
'essay',
'interview',
'report',
'guide',
'philosophy'
]
%}
{% block javascript %}
\t<script>
\t\t\$(function(){
\t\t\t\$('.slide-img:not(\".slide-img-slow\")').slick({
\t\t\tautoplay: true,
\t\t\tautoplaySpeed: 3000,
\t\t\tarrows: false,
\t\t\tdots: false,
\t\t\tinfinite: true,
\t\t\tspeed: 800,
\t\t\tslidesToShow: 1,
\t\t\tvariableWidth: true,
\t\t\tcenterMode: true,
\t\t\tresponsive: [
\t\t\t{
\t\t\t\tbreakpoint: 750,
\t\t\t\tsettings: {
\t\t\t\tvariableWidth: true,
\t\t\t\tcenterMode: true,
\t\t\t\t}
\t\t\t}
\t\t\t]
\t\t});
\t\t\$('.slide-img-slow > li:last-child > img').on('load',function(){
\t\t\tsetTimeout(function(){
\t\t\t\$('.slide-img-slow').not('.slick-initialized').slick({
\t\t\t\tautoplay: true,
\t\t\t\tautoplaySpeed: 0,
\t\t\t\tarrows: false,
\t\t\t\tdots: false,
\t\t\t\tspeed: 18000,
\t\t\t\tinfinite: true,
\t\t\t\tcssEase: 'linear',
\t\t\t\tslidesToShow: 1,
\t\t\t\tvariableWidth: true,
\t\t\t\tcenterMode: true,
\t\t\t\tdraggable: false,
\t\t\t\ttouchMove: false,
\t\t\t\tpauseOnFocus: false,
\t\t\t\tpauseOnHover: false,
\t\t\t});
\t\t\t\$('.slide-img-slow').css('opacity',1);
\t\t\t},1000);
\t\t});
\t\t\$('.slide-img-slow > li > img').each(function(){
\t\t\tvar ctrl = \$(this);
\t\t\tctrl.attr('src',ctrl.data('src'));
\t\t});
\t\t});
\t</script>
{% if Post.category[0].slug in categories %}
<script>
\$(document).ready(function () {
const postSlug = '{{ Post.category[0].slug }}';
\t\t\t\tconsole.log(postSlug);
\$('#page_special_detail').addClass('bg-' + postSlug);
});
</script>
{% endif %}
\t<script>
\t\t\$(function () {
\$(\"#share-menu-button\").on('click', function () {
\$(\"#share-menu\").fadeToggle();
copyLinkText('リンクをコピー');
});
});
function copyUrl() {
const url = location.href;
navigator.clipboard.writeText(url);
copyLinkText('コピーしました');
setTimeout(function () {
copyLinkText('リンクをコピー');
}, 2000);
}
function openLineShare() {
const lineUrl = 'https://social-plugins.line.me/lineit/share?url=';
const url = location.href;
window.open(`\${lineUrl}\${url}`)
}
function openMail() {
const url = location.href;
const mailto = `mailto:?body=\${url}`;
window.open(mailto);
}
function copyLinkText(text) {
\$(\"#copy-link > span\").text(text);
}
\t</script>
{% endblock %}
{% block main %}
\t<div
\t\tclass=\"second-wrap white-wrap w-full flex flex-col items-center justify-center font-extralight mx-auto animate-slideIn\">
\t\t<!-- KV -->
\t\t<div id=\"section-kv\" class=\"w-full z-10\">
\t\t\t<div class=\"flex flex-col items-center w-full\">
\t\t\t\t<img src=\"{{ Post.special_kv_pc.url }}\" alt=\"{{ Post.special_kv_pc.alt }}\" class=\"sm:hidden object-cover h-[450px] w-full overflow-hidden\">
\t\t\t\t<img src=\"{{ Post.special_kv_sp.url }}\" alt=\"{{ Post.special_kv_sp.alt }}\" class=\"hidden sm:block w-full object-cover h-[640px]\">
\t\t\t\t<div class=\"max-w-[880px] w-full lg:w-[86.6vw] md:mx-6 bg-black bg-opacity-80 text-white px-12 py-14 md:py-8 md:px-6 flex-col flex mt-[-24px] relative\">
\t\t\t\t\t<p class=\"text-end text-[#B0B0B0] text-sm md:text-xs absolute top-[4px] right-[8px]\">{{ Post.post_date|date('Y/m/d') }}</p>
\t\t\t\t\t<div class=\"flex items-center border border-white w-fit mb-3 text-sm sm:text-xs px-3 py-[2px]\">
\t\t\t\t\t\t<p class=\"{% if Post.sub_category is not empty %} after:content-['|'] {% endif %}\">{{ Post.category[0].name }}
\t\t\t\t\t\t</p>
\t\t\t\t\t\t{% if Post.sub_category is not empty %}
\t\t\t\t\t\t\t<span class=\"{% if Post.sub_category is not empty %} ml-1 {% endif %}\">{{ Post.sub_category.name }}</span>
\t\t\t\t\t\t{% endif %}
\t\t\t\t\t</div>
\t\t\t\t\t<h1 class=\"text-3xl md:text-xl leading-loose tracking-[5px]\">{{ Post.post_title|raw }}</h1>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<div id=\"page_special_detail\" class=\"w-[100vw] mx-[-50vw] h-fit relative flex flex-col items-center bg-top mt-[-180px] lg:px-6 md:pt-[100px]\">
\t\t\t<div class=\"section-inner\">
\t\t\t\t<div class=\"section-cont text-[10px]\">
\t\t\t\t\t{{ Post.filter_content|raw }}
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"max-w-[880px] w-full mx-auto md:px-3\">
\t\t\t<div class=\"w-full flex justify-between text-sm py-28 items-center\">
\t{% if PrevPost is not empty %}
<a href=\"{{ path('special_post',{'id':PrevPost}) }}\" class=\"flex items-center gap-4 md:gap-2\">
<img src=\"{{asset('/html/template/default/assets/img/special/arrow-prev.svg')}}\" alt=\"\" class=\"mt-1 md:w-10\">
<p class=\"whitespace-nowrap text-xs\">前の記事へ</p>
</a>
{% else %}
<div class=\"w-[134px] opacity-0\"></div>
{% endif %}
<div class=\"md:mt-16 whitespace-nowrap\">
<a href=\"{{ path('special_posts') }}\" class=\"border border-[#DFDFDF] px-3 py-1 md:text-xs md:px-1 text-center\">記事一覧へ</a>
</div>
{% if NextPost is not empty %}
<a href=\"{{ path('special_post',{'id':NextPost}) }}\" class=\"flex items-center gap-4 md:gap-2\">
<p class=\"whitespace-nowrap text-xs\">次の記事へ</p>
<img src=\"{{asset('/html/template/default/assets/img/special/arrow-next.svg')}}\" alt=\"\" class=\"mt-1 md:w-10\">
</a>
{% else %}
<div class=\"w-[134px] opacity-0\"></div>
{% endif %}
\t\t\t</div>
\t\t\t<hr class=\"bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]\">
\t\t\t<div class=\"w-full mt-24 md:mt-8 flex flex-col items-center\">
\t\t\t\t<h2 class=\"text-xl mb-10 md:mb-6 md:text-sm\">SHARE</h2>
\t\t\t\t{# TODO:シェアボタン #}
\t\t\t\t<ul id=\"share-menu\" class=\"flex mb-8 items-center\">
\t\t\t\t\t<li class=\"hover cursor-pointer p-3 \" onclick=\"openLineShare()\">
\t\t\t\t\t\t<img class=\"h-8 w-8\" src=\"{{ asset('assets/icon/LINE_LOGO.svg') }}\">
\t\t\t\t\t</li>
\t\t\t\t\t<li class=\"hover cursor-pointer p-3\" onclick=\"openMail()\">
\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-8\">
\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75\"/>
\t\t\t\t\t\t</svg>
\t\t\t\t\t</li>
\t\t\t\t\t<li id=\"copy-link\" class=\"hover cursor-pointer p-3\" onclick=\"copyUrl()\">
\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-7\">
\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z\" clip-rule=\"evenodd\"/>
\t\t\t\t\t\t</svg>
\t\t\t\t\t</li>
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"w-full max-w-[1120px] lg:px-12 mt-[130px] md:mt-10 mb-8 md:mb-0\">
\t\t\t<ul id=\"breadcrumbs\" class=\"border-t border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1\">
\t\t\t\t<li>
\t\t\t\t\t<a href=\"{{ url('homepage') }}\" class=\"hover\">
\t\t\t\t\t\t<span>HOME</span>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<span>/</span>
\t\t\t\t<li>
\t\t\t\t\t<a href={{url('special_posts')}} class=\"hover\">
\t\t\t\t\t\t<span>特集</span>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<span>/</span>
\t\t\t\t<li>
\t\t\t\t\t<span>{{ Post.post_title|raw }}</span>
\t\t\t\t</li>
\t\t\t</ul>
\t\t</div>
\t</div>
{% endblock %}
", "Special/detail.twig", "/home/xs082386/manaka-store.com/public_html/renewal.manaka-store.com/app/template/default/Special/detail.twig");
}
public function checkSecurity()
{
static $tags = array("set" => 8, "if" => 70);
static $filters = array("escape" => 73, "date" => 123, "raw" => 131);
static $functions = array("path" => 145, "asset" => 146, "url" => 188);
try {
$this->sandbox->checkSecurity(
['set', 'if'],
['escape', 'date', 'raw'],
['path', 'asset', 'url']
);
} catch (SecurityError $e) {
$e->setSourceContext($this->source);
if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
$e->setTemplateLine($tags[$e->getTagName()]);
} elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
$e->setTemplateLine($filters[$e->getFilterName()]);
} elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
$e->setTemplateLine($functions[$e->getFunctionName()]);
}
throw $e;
}
}
}