Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / templates / fragments / sidebar.html
@haya4 haya4 on 11 Nov 2023 3 KB 「利用規約」ページの追加
Raw Blame History 
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
  3. <head>
  4.   <meta charset="UTF-8">
  5. </head>
  6. <body>
  7.  
  8.   <!-- サイドバー -->
  9.   <div th:fragment="sidebar">
  10.     <div class="offcanvas offcanvas-start"
  11.       data-bs-scroll="true"
  12.       data-bs-backdrop="false"
  13.       tabindex="-1"
  14.       id="offcanvasScrolling"
  15.       aria-labelledby="offcanvasScrollingLabel">
  16.       <nav class="navbar-dark bg-image text-white h-100">
  17.  
  18.         <div class="offcanvas-header">
  19.           <h4 class="offcanvas-title">
  20.             <a th:href="@{/city}" class="text-white">
  21.               <span class="d-inline-block me-1" style="transform: rotate(-15deg)">
  22.                 <i class="bi bi-credit-card-2-front-fill fs-3">
  23.                 </i>
  24.               </span>
  25.               Plateau-BLDG
  26.             </a>
  27.           </h4>
  28.         </div>
  29.   
  30.         <div class="offcanvas-body pt-0">
  31.           <hr class="mt-1">
  32.           <ul class="navbar-nav">
  33.             <li class="nav-item">
  34.               <a th:href="@{/city}" class="nav-link text-white">
  35.                 <i class="bi bi-table me-2"></i>
  36.                 配信データ
  37.               </a>
  38.             </li>
  39.             <li class="nav-item">
  40.               <a th:href="@{/admin}" class="nav-link text-white">
  41.                 <i class="bi bi-table me-2"></i>
  42.                 管理
  43.               </a>
  44.             </li>
  45.             <li class="nav-item">
  46.               <a href="https://github.com/yuuhayashi/task-bldg/wiki/HowToUse" class="nav-link text-white">
  47.                 <i class="bi bi-box-arrow-right me-2"></i>
  48.                 作業登録方法 (外部リンク)
  49.               </a>
  50.             </li>
  51.             <li class="nav-item">
  52.               <a href="https://github.com/yuuhayashi/citygml-osm/wiki/How_to_use" class="nav-link text-white">
  53.                 <i class="bi bi-box-arrow-right me-2"></i>
  54.                 OSM編集方法 (外部リンク)
  55.               </a>
  56.             </li>
  57.             <li class="nav-item">
  58.               <a th:href="@{/policy}" class="nav-link text-white">
  59.                 <i class="bi bi-box-arrow-right me-2"></i>
  60.                 利用規約
  61.               </a>
  62.             </li>
  63.           </ul>
  64.  
  65.           <hr>
  66.           <!-- 閉じるボタン(画面が小さい時に表示) -->
  67.           <div class="text-center d-lg-none">
  68.             <button type="button" class="btn-circle btn-light" data-bs-dismiss="offcanvas" aria-label="Close">
  69.               <i class="bi bi-chevron-left"></i>
  70.             </button>
  71.           </div>
  72.         </div>
  73.       </nav>
  74.     </div>
  75.   </div>
  76.  
  77.   <!-- サイドバー折りたたみ時のトグルボタン -->
  78.   <div th:fragment="toggler">
  79.     <nav class="navbar navbar-expand-lg navbar-light">
  80.       <div class="container-fluid">
  81.         <button class="navbar-toggler"
  82.           type="button"
  83.           data-bs-toggle="offcanvas"
  84.           data-bs-target="#offcanvasScrolling"
  85.           aria-controls="offcanvasScrolling"
  86.           aria-expanded="false"
  87.           aria-label="Toggle offcanvas">
  88.           <span class="navbar-toggler-icon"></span>
  89.         </button>
  90.       </div>
  91.     </nav>
  92.   </div>
  93.  
  94. </body>
  95. </html>