|
|
| 49번째 줄: |
49번째 줄: |
| <div class="px-2 lg:px-0 text-2xl font-bold dark:text-white">추천 세계관</div> | | <div class="px-2 lg:px-0 text-2xl font-bold dark:text-white">추천 세계관</div> |
| <!-- 2행 1번 --> | | <!-- 2행 1번 --> |
| <div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-visible overflow-y-hidden"> | | <div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-scroll md:overflow-visible"> |
| <!-- 1칸 --> | | <!-- 1칸 --> |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> | | <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> |
| 100번째 줄: |
100번째 줄: |
| </div> | | </div> |
| <!-- 2행 1번 끝 --> | | <!-- 2행 1번 끝 --> |
| <!-- 2행 2번 -->
| |
| <div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-visible overflow-y-hidden">
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[빌레펠트|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">에리아<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span><span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span></div><div class="text-xl font-bold">빌레펠트</div>대체역사·외교</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/빌레펠트" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/c/c8/국태공전하.webp');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[설중매|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">솔피<span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span><span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">설중매</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/설중매" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/1/1b/인덕황제_%28설중매%29.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[마르크스를 위하여|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">공산1968<span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span><span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">마르크스를 위하여</div>대체역사·외교</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/마르크스를_위하여" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/2/2e/인디라_간디_맑스위해.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[카게사가시|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">신단<span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">카게사가시</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/카게사가시" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/d/dc/오도루프_노회찬_프로필.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[카게사가시|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">신단<span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">카게사가시</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/카게사가시" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/d/dc/오도루프_노회찬_프로필.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="w-full">[[카게사가시|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">신단<span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">카게사가시</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div class="w-full h-full"><html><a href="/w/index.php/카게사가시" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/d/dc/오도루프_노회찬_프로필.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 이벤트·공지 -->
| |
| <!-- <div class="flex flex-col items-center justify-between w-[200px] md:w-[220px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> -->
| |
| <!-- 상단부 -->
| |
| <!-- <div class="w-full h-full"><html><a href="/w/index.php/이브위키:창작팁" class="flex flex-col items-start gap-1 w-full h-full p-4 text-xs !text-white" style="background-size: cover; background-position: center bottom; background-image: linear-gradient(to bottom, #030939 30%, transparent), url('/w/images/b/ba/현타오는_웹소설_표지.png');"><div class="flex flex-row items-start gap-1">#GUIDE</div><div class="text-xl font-bold">창작팁 읽고<br>세계관을 만들어보자!</div></a></div></html>
| |
| </div> -->
| |
| <!-- 이벤트·공지 끝 -->
| |
| </div>
| |
| <!-- 2행 2번 끝 -->
| |
| </div> | | </div> |
| <!-- 2행 끝 --> | | <!-- 2행 끝 --> |
