편집 요약 없음 |
편집 요약 없음 |
||
| 45번째 줄: | 45번째 줄: | ||
<!-- 사이트노티스 끝 --> | <!-- 사이트노티스 끝 --> | ||
<!-- 위키 인포 블록 시작 --> | <!-- 위키 인포 블록 시작 --> | ||
<!-- 2행 --> | <!-- 2행 PC --> | ||
<div class="hidden lg:flex flex-col gap-4 w-full"> | |||
<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칸 --> | |||
<div class="flex flex-col items-center justify-between w-[calc(1352/3)px] 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> | |||
<!-- 1칸 끝 --> | |||
<!-- 1칸 --> | |||
<div class="flex flex-col items-center justify-between w-full md:w-[calc(1352/3)px] 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> | |||
<!-- 1칸 끝 --> | |||
<!-- 1칸 --> | |||
<div class="flex flex-col items-center justify-between w-full md:w-[calc(1352/3)px] 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> | |||
<!-- 1칸 끝 --> | |||
</div> | |||
</div> | |||
<!-- 2행 PC 끝 --> | |||
<!-- 3행 --> | |||
<div class="flex flex-col md:flex-col gap-4 w-full"> | <div class="flex flex-col md:flex-col gap-4 w-full"> | ||
<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> | ||
<div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-scroll md:overflow-visible"> | <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칸 --> | ||
| 99번째 줄: | 122번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- 3행 끝 --> | ||
<!-- | <!-- 4행 시작 --> | ||
<div class="flex flex-col md:flex-row gap-4 w-full px-2 md:px-0"> | <div class="flex flex-col md:flex-row gap-4 w-full px-2 md:px-0"> | ||
<!-- | <!-- 4행 좌측 --> | ||
<div class="flex flex-col items-start justify-start w-full md:w-[calc(60%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> | <div class="flex flex-col items-start justify-start w-full md:w-[calc(60%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> | ||
<!-- 헤더 --> | <!-- 헤더 --> | ||
| 125번째 줄: | 147번째 줄: | ||
<!-- 공지 1 끝 --> | <!-- 공지 1 끝 --> | ||
</div> | </div> | ||
<!-- | <!-- 4행 좌측 끝 --> | ||
<!-- | <!-- 4행 우측 --> | ||
<div class="flex flex-col items-start justify-start w-full md:w-[calc(40%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> | <div class="flex flex-col items-start justify-start w-full md:w-[calc(40%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> | ||
<!-- 헤더 --> | <!-- 헤더 --> | ||
| 148번째 줄: | 170번째 줄: | ||
<!-- 푸터 --> | <!-- 푸터 --> | ||
</div> | </div> | ||
<!-- | <!-- 4행 우측 끝 --> | ||
</div> | </div> | ||
<!-- | <!-- 4행 끝 --> | ||
</div> | </div> | ||
<!-- 슬라이드 css js --> | <!-- 슬라이드 css js --> | ||
