app/template/default/News/detail.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set title = News.title|default('お知らせ') %}
  4. {% set body_class = 'news_detail_page' %}
  6. {% block stylesheet %}
  7.   <link rel="stylesheet" href="{{ asset('assets/css/news-detail.css') }}">
  8. {% endblock %}
  10. {% block main %}
  11.   <!-- breadcrumb section -->
  12.   <div class="breadcrumb-section">
  13.     <div class="container-1360 border-box px-40">
  14.       <nav class="breadcrumb">
  15.         <a href="{{ url('homepage') }}" class="breadcrumb__item text-black">ホーム</a>
  16.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  17.         <a href="{{ url('news_list') }}" class="breadcrumb__item text-black">お知らせ</a>
  18.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  19.         <span class="breadcrumb__item breadcrumb__item--current">{{ News.title }}</span>
  20.       </nav>
  21.     </div>
  22.   </div>
  24.   <!-- news-detail section -->
  25.   <div class="container-1200">
  26.     <div class="news-detail-wrapper">
  27.       <!-- News-detail Title Section -->
  28.       <div class="top-header-title-section">
  29.         <div class="top-header-icon-text">
  30.           <div class="top-header-icon-text">
  31.             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  32.               <path d="M7.08203 12.5H7.08301V17.5H5.41602V13.335H2.91504C2.45495 13.3348 2.08203 12.9611 2.08203 12.501V7.50098C2.08221 7.041 2.45506 6.66814 2.91504 6.66797H7.08203V12.5ZM17.083 8.33203H17.916V11.665H17.083V17.5H15.416V17.499L8.75293 13.335H8.75V6.66797H17.083V8.33203ZM17.083 6.66699H8.75L15.416 2.5H17.083V6.66699Z" fill="#00A854"/>
  33.             </svg>
  34.             <span class="top-header-text">お知らせ</span>
  35.           </div>
  36.         </div>
  37.         <h1 class="top-header-title">NEWS</h1>
  38.       </div>
  40.       <!-- news-detail content section -->
  41.       <div class="news-detail-content-section">
  42.         <!-- News Title and Date -->
  43.         <div class="news-detail-header">
  44.           <div class="news-date">{{ News.publishDate|date('Y.m.d') }}</div>
  45.           <h1 class="news-title">{{ News.title }}</h1>
  46.         </div>
  48.         <!-- Divider Line -->
  49.         <div class="news-divider"></div>
  51.         {% if News.description %}
  52.           <!-- News Content -->
  53.           <div class="news-content-wrapper custom_css_editor">
  54.             {{ News.description|raw }}
  55.           </div>
  56.         {% endif %}
  58.         {% if News.url %}
  59.           <!-- External Link -->
  60.           <div class="news-external-link-section">
  61.             <a href="{{ News.url }}" {% if News.isLinkMethod %}target="_blank" rel="noopener noreferrer"{% endif %} class="link-base">
  62.               詳細情報を見る
  63.             </a>
  64.           </div>
  65.         {% endif %}
  67.         <!-- Bottom Divider -->
  68.         <div class="news-bottom-divider"></div>
  70.         <!-- Back Button -->
  71.         <div class="news-back-button-section">
  72.           <a href="{{ url('news_list') }}" class="news-back-button">
  73.             <div class="news-back-button-icon">
  74.               <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  75.                 <path d="M1.74805 6.00098L1.75098 6.00391L1.74805 6.00684L6.27344 10.5312L7.4043 9.40039L4.80566 6.80273H10.2715V5.20312H4.80762L7.4043 2.60742L6.27344 1.47656L1.74805 6.00098Z" fill="#FBE800"/>
  76.               </svg>
  77.             </div>
  78.             <span class="news-back-button-text">前のページに戻る</span>
  79.           </a>
  80.         </div>
  81.       </div>
  82.     </div>
  83.   </div>
  84. {% endblock %}