templates/pages/staff/_content.html.twig line 1

Open in your IDE?
  1. {% set staff_items = [
  2.   {
  3.   href: path('staff_detail_01'),
  4.   sp_img: asset('build/images/staff/sp_staff01.jpg'),
  5.   pc_img: asset('build/images/staff/staff01.jpg'),
  6.   class:'c-block-title_staff-item_col3',
  7.   sp_text01: '求められる能力は「素直',
  8.   sp_text02: 'さ」そして「常に笑顔で',
  9.   sp_text03: 'ありたい」と思う気持ち。',
  10.   pc_text01: '求められる能力は「素直さ」',
  11.   pc_text02: 'そして「常に笑顔でありたい」',
  12.   pc_text03: 'と思う気持ち。',
  13.   name: '本部長　田雑 秀敏',
  14.   button_text: '本部長　田雑 秀敏',
  15.   },
  16.   {
  17.   href: path('staff_detail_02'),
  18.   sp_img: asset('build/images/staff/sp_staff02.jpg'),
  19.   pc_img: asset('build/images/staff/staff02.jpg'),
  20.   class:'c-block-title_staff-item_col2',
  21.   sp_text01: '今日の「ありがとう」が',
  22.   sp_text02: '明日の「ありがとう」に',
  23.   sp_text03: '繋がる。',
  24.   pc_text01: '今日の「ありがとう」が',
  25.   pc_text02: '明日の「ありがとう」に繋がる。',
  26.   name: 'ホール主任　臼井 雪奈',
  27.   button_text: 'ホール主任　臼井 雪奈',
  28.   },
  29.   {
  30.   href: path('staff_detail_03'),
  31.   sp_img: asset('build/images/staff/sp_staff03.jpg'),
  32.   pc_img: asset('build/images/staff/staff03.jpg'),
  33.   class:'c-block-title_staff-item_col2',
  34.   sp_text01: '「良いものは良い。」と',
  35.   sp_text02: '素直に認めあう',
  36.   sp_text03: '文化がある。',
  37.   pc_text01: '「良いものは良い。」と',
  38.   pc_text02: '素直に認めあう文化がある。',
  39.   name: '店長代理　田口 光章',
  40.   button_text: '店長代理　田口 光章',
  41.   },
  42.   {
  43.   href: path('staff_detail_04'),
  44.   sp_img: asset('build/images/staff/sp_staff04.jpg'),
  45.   pc_img: asset('build/images/staff/staff04.jpg'),
  46.   class:'c-block-title_staff-item_col2',
  47.   sp_text01: '「やっぱりふじ丸最高」の',
  48.   sp_text02: 'ビジョンに向かって。',
  49.   pc_text01: '「やっぱりふじ丸最高」の',
  50.   pc_text02: 'ビジョンに向かって。',
  51.   name: 'ホール主任　森 玲奈',
  52.   button_text: 'ホール主任　森 玲奈',
  53.   },
  54.   {
  55.   href: path('staff_detail_05'),
  56.   sp_img: asset('build/images/staff/sp_staff05.jpg'),
  57.   pc_img: asset('build/images/staff/staff05.jpg'),
  58.   class:'c-block-title_staff-item_col2',
  59.   sp_text01: '知りたいを極める。',
  60.   pc_text01: '知りたいを極める。',
  61.   name: '店長　伊丹 悟郎',
  62.   button_text: '店長　伊丹 悟郎',
  63.   },
  64. ] %}
  66. <section class="pg_staff_content">
  68.   <div class="pg_staff_content_main-title">
  69.     {% include "components/common/_main-title.html.twig" with {
  70.     title: '平塚富士キッチンの<br class="sp-style">スタッフ',
  71.     text: '-STAFF-',
  72.     class: 'c-main-title',
  73.     }%}
  74.   </div>
  76.   <div class="pg_staff_content_item">
  77.     {% for item in staff_items %}
  78.     <a class="pg_staff_content_item__anchor" href="{{ item.href }}">
  79.       <div class="pg_staff_content_item__img">
  80.         <img src="{{ item.sp_img }}" alt="" class="sp-style">
  81.         <img src="{{ item.pc_img }}" alt="" class="pc-style">
  82.       </div>
  83.       <div class="pg_staff_content_item__title">
  84.         <h2 class="c-block-title">
  86.           {#<span class="sp-style">
  87.             <span class="{{ item.class }}">{{ item.sp_text01 }}</span>
  88.             {% if item.sp_text02 is defined %}
  89.               <span class="{{ item.class }}">{{ item.sp_text02 }}</span>
  90.             {% endif %}
  91.             {% if item.sp_text03 is defined %}
  92.               <span class="{{ item.class }}">{{ item.sp_text03 }}</span>
  93.             {% endif %}
  94.           </span>
  96.           <span class="pc-style">
  97.             <span class="{{ item.class }}">{{ item.pc_text01 }}</span>
  98.             {% if item.pc_text02 is defined %}
  99.               <span class="{{ item.class }}">{{ item.pc_text02 }}</span>
  100.             {% endif %}
  101.             {% if item.pc_text03 is defined %}
  102.               <span class="{{ item.class }}">{{ item.pc_text03 }}</span>
  103.             {% endif %}
  104.             {% if item.name is defined and item.name %}
  105.               <span class="c-block-title-name_item">{{ item.name }}</span>
  106.             {% endif %}
  107.           </span>#}
  109.         </h2>
  110.       </div>
  111.       <div class="pg_staff_content_item_button">
  112.         <span class="pg_staff_content_item_button__text">{{ item.button_text|raw }}</span>
  113.         <span class="pg_staff_content_item_button__arrow">
  114.           <img src="{{ asset('build/images/common/double_arrow_black.svg') }}" alt="">
  115.         </span>
  116.       </div>
  117.     </a>
  118.     {% endfor %}
  119.   </div>
  121. </section>