main.blade.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. @extends('layouts.app')
  2. @section('content')
  3. <div id="index" class="container">
  4. <section>
  5. <div class="row">
  6. <div class="col-lg-6 mb-2 mb-lg-0 notice">
  7. <div class="row align-items-end">
  8. <div class="col">
  9. 공지사항
  10. </div>
  11. <div class="col text-end">
  12. <a href="{{ route('board.list', 'notice') }}">전체보기</a>
  13. </div>
  14. </div>
  15. <hr/>
  16. <table class="table table-borderless">
  17. <colgroup>
  18. <col width="10%"/>
  19. <col width="*"/>
  20. <col width="100px"/>
  21. </colgroup>
  22. <tbody>
  23. @if($notice)
  24. @foreach($notice->list as $row)
  25. <tr>
  26. <td>
  27. <img src="/images/icon/notice.gif" alt="[공지]"/>
  28. </td>
  29. <td>
  30. <p class="ellip">
  31. @if($row->categoryName)
  32. <label>
  33. <a href="{{ $row->listURL }}?category={{ $row->board_category_id }}" rel="search">
  34. [{{ $row->categoryName }}]
  35. </a>
  36. </label>
  37. @endif
  38. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">{{ $row->subject }}</a>
  39. </p>
  40. </td>
  41. <td>
  42. <small>{{ $row->createdAt }}</small>
  43. </td>
  44. </tr>
  45. @endforeach
  46. @else
  47. <tr>
  48. <td colspan="3" class="text-center p-2">
  49. 공지 글이 없습니다.
  50. </td>
  51. </tr>
  52. @endif
  53. </tbody>
  54. </table>
  55. </div>
  56. <div class="col-lg-6 mb-2 mb-lg-0 latest">
  57. <div class="row align-items-end">
  58. <div class="col">
  59. 최근 게시글
  60. </div>
  61. <div class="col text-end">
  62. <a href="/recently">전체보기</a>
  63. </div>
  64. </div>
  65. <hr/>
  66. <table class="table table-borderless">
  67. <tbody>
  68. @if($recent)
  69. @foreach($recent->list as $row)
  70. <tr>
  71. <td>
  72. <div class="row">
  73. <div class="col">
  74. <p class="ellip">
  75. <a href="{{ route('board.list', $row->code) }}" class="board-name">
  76. {{ $row->boardName }}
  77. </a>
  78. @if($row->categoryName)
  79. <label>
  80. <a href="{{ $row->listURL }}?category={{ $row->board_category_id }}" rel="search">
  81. [{{ $row->categoryName }}]
  82. </a>
  83. </label>
  84. @endif
  85. @if($row->is_secret)
  86. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">
  87. <i class="fas fa-lock"></i> 비밀글입니다.
  88. </a>
  89. @elseif($row->isBlame)
  90. <i class="fas fa-ban"></i> <del>{{ $row->subject }}</del>
  91. @else
  92. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">{{ $row->subject }}</a>
  93. @endif
  94. @if($row->comment_rows > 0)
  95. <var>[{{ $row->comment_rows }}]</var>
  96. @endif
  97. @if($row->file_rows > 0)
  98. <i class="fas fa-save"></i>
  99. @endif
  100. @if($row->link_rows > 0)
  101. <i class="fas fa-external-link-alt"></i>
  102. @endif
  103. @if($row->image_rows > 0)
  104. <i class="fas fa-image"></i>
  105. @endif
  106. @if($row->isNew)
  107. <span class="badge bg-warning text-dark">New</span>
  108. @endif
  109. @if($row->isHot)
  110. <span class="badge bg-danger">Hot</span>
  111. @endif
  112. </p>
  113. </div>
  114. <div class="col-auto text-end">
  115. <small>{{ $row->createdAt }}</small>
  116. </div>
  117. </div>
  118. </td>
  119. </tr>
  120. @endforeach
  121. @else
  122. <tr>
  123. <td colspan="3" class="text-center p-2">
  124. 최근 게시글이 없습니다.
  125. </td>
  126. </tr>
  127. @endif
  128. </tbody>
  129. </table>
  130. </div>
  131. </div>
  132. </section>
  133. <section class="photo">
  134. <div class="row align-items-end">
  135. <div class="col">
  136. 일상/풍경/사진
  137. </div>
  138. <div class="col text-end">
  139. <a href="{{ route('board.list', 'photo') }}">전체보기</a>
  140. </div>
  141. </div>
  142. <hr/>
  143. @if($photo && $photo->total > 0)
  144. <div class="row row-cols-sm-4 row-cols-xl-6">
  145. @foreach($photo->list as $row)
  146. <div class="col">
  147. <figure class="figure h-100 d-flex flex-column">
  148. @if($row->thumbnail)
  149. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self" class="ratio ratio-4x3">
  150. <img src="{{ $row->thumbnail }}" class="figure-img img-fluid rounded object-fit-cover" alt="{{ $row->subject }}" onerror="this.src='{{ NO_IMAGE_NORMAL_SRC }}'"/>
  151. </a>
  152. @endif
  153. <figcaption class="figure-caption">
  154. @if($row->categoryName)
  155. <label>
  156. <a href="{{ $row->listURL }}?category={{ $row->board_category_id }}" rel="search">
  157. [{{ $row->categoryName }}]
  158. </a>
  159. </label>
  160. @endif
  161. @if($row->is_secret)
  162. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">
  163. <i class="fas fa-lock"></i> 비밀글입니다.
  164. </a>
  165. @elseif($row->isBlame)
  166. <i class="fas fa-ban"></i> <del>{{ $row->subject }}</del>
  167. @else
  168. <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">{{ $row->subject }}</a>
  169. @endif
  170. @if($row->comment_rows > 0)
  171. <var>[{{ $row->comment_rows }}]</var>
  172. @endif
  173. @if($row->file_rows > 0)
  174. <i class="fas fa-save"></i>
  175. @endif
  176. @if($row->link_rows > 0)
  177. <i class="fas fa-external-link-alt"></i>
  178. @endif
  179. @if($row->image_rows > 0)
  180. <i class="fas fa-image"></i>
  181. @endif
  182. @if($row->isNew)
  183. <span class="badge bg-warning text-dark">New</span>
  184. @endif
  185. @if($row->isHot)
  186. <span class="badge bg-danger">Hot</span>
  187. @endif
  188. </figcaption>
  189. </figure>
  190. </div>
  191. @endforeach
  192. </div>
  193. @else
  194. <div class="text-center p-2">
  195. 사진 글이 없습니다.
  196. </div>
  197. @endif
  198. </section>
  199. <section class="news">
  200. <div class="row pt-2 align-items-end">
  201. <div class="col">
  202. 주요 기사
  203. </div>
  204. <div class="col text-end">
  205. </div>
  206. </div>
  207. <hr/>
  208. <div class="row">
  209. @if($news)
  210. @foreach($news as $new)
  211. @break($loop->index == 8)
  212. <div class="col-12 col-sm-6 col-xl-3 mb-1">
  213. <a href="{{ $new['link'] }}" class="d-flex" title="{{ $new['title'] }}" target="_blank">
  214. <div class="flex-shrink-0">
  215. @isset($new['thumbnail'])
  216. <div class="thumb">
  217. <img src="{!! $new['thumbnail'] !!}" alt="{{ $new['title'] }}">
  218. </div>
  219. @endisset
  220. </div>
  221. <div class="flex-grow-1 ms-3">
  222. <p class="fw-bold">{{ $new['title'] }}</p>
  223. <small class="text-muted">{{ $new['source'] ?? null }}</small>
  224. </div>
  225. </a>
  226. </div>
  227. @endforeach
  228. @endif
  229. </div>
  230. </section>
  231. <hr/>
  232. <section>
  233. <div class="row">
  234. <div class="col-lg-3">
  235. <fxwidget-cc amount="1000" decimals="0" large="false" shadow="true" symbol="true" grouping="true" from="KRW" to="USD" background-color="#000000" lang="ko" border-radius="0.2"></fxwidget-cc>
  236. </div>
  237. <div class="col-lg-3">
  238. <fxwidget-er inverse="true" amount="1000" decimals="0" large="false" shadow="false" symbol="true" flag="true" changes="true" grouping="true" main-curr="KRW" sel-curr="EUR,USD,GBP,CAD,AUD,CNY,JPY,HKD" background-color="#000000" border="true" border-radius="0" separator="," decimal-point="."></fxwidget-er>
  239. </div>
  240. <div class="col-lg-6 align-self-end">
  241. <div id="ww_d8c9e8037d02a" v='1.3' loc='auto' a='{"t":"responsive","lang":"ko","sl_lpl":1,"ids":[],"font":"Arial","sl_ics":"one_a","sl_sot":"celsius","cl_bkg":"#000000","cl_font":"#FFFFFF","cl_cloud":"#FFFFFF","cl_persp":"#81D4FA","cl_sun":"#FFC107","cl_moon":"#FFC107","cl_thund":"#FF5722","cl_odd":"#FFFFFF17"}'>Weather Data Source: <a href="https://wetterlang.de/" id="ww_d8c9e8037d02a_u" target="_blank">Wettervorhersage 30 tage</a></div>
  242. </div>
  243. </div>
  244. </section>
  245. </div>
  246. <script async src="https://s.fx-w.io/widgets/currency-converter/latest.js?ko"></script>
  247. <script async src="https://s.fx-w.io/widgets/exchange-rates/latest.js?ko"></script>
  248. <script async src="https://app1.weatherwidget.org/js/?id=ww_d8c9e8037d02a"></script>
  249. @endsection
  250. @push('styles')
  251. <link rel="stylesheet" href="{{ asset('css/desktop/main.css') }}"/>
  252. @endpush