편집 요약 없음 |
편집 요약 없음 |
||
30번째 줄: | 30번째 줄: | ||
<!-- 위키 인포 블록 시작 --> | <!-- 위키 인포 블록 시작 --> | ||
<!-- 2행 --> | <!-- 2행 --> | ||
<div class="flex flex-col | <div class="flex flex-col md:flex-col gap-4 w-full"> | ||
<div class="text-2xl font-bold dark:text-white">추천 세계관</div> | <div class="text-2xl font-bold dark:text-white">추천 세계관</div> | ||
<!-- 2행 1번 --> | <!-- 2행 1번 --> | ||
<div class="flex flex-wrap gap-4"> | <div class="flex flex-wrap gap-4"> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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">[[플로라 유니버스|<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> | ||
43번째 줄: | 43번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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></div><div class="text-xl font-bold">한나라닷컴</div>대체역사·정치</div>]]</div> | <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></div><div class="text-xl font-bold">한나라닷컴</div>대체역사·정치</div>]]</div> | ||
51번째 줄: | 51번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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">[[민국 38|<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></div><div class="text-xl font-bold">민국 38</div>대체역사·외교</div>]]</div> | <div class="w-full">[[민국 38|<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></div><div class="text-xl font-bold">민국 38</div>대체역사·외교</div>]]</div> | ||
59번째 줄: | 59번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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">[[당신들의 조선|<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> | ||
71번째 줄: | 71번째 줄: | ||
<div class="flex flex-wrap gap-4"> | <div class="flex flex-wrap gap-4"> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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">[[빌레펠트|<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> | ||
79번째 줄: | 79번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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">[[설중매|<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> | ||
87번째 줄: | 87번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 1칸 --> | <!-- 1칸 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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-neutral-200 dark:bg-neutral-950 text-neutral-600 dark:text-neutral-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-guitar"></i> | <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-neutral-200 dark:bg-neutral-950 text-neutral-600 dark:text-neutral-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-guitar"></i>YORUSHIKA</span></div><div class="text-xl font-bold">귀여운 내 실용문서를 봐줘</div>요루시카</div>]]</div> | ||
<!-- 하단부 --> | <!-- 하단부 --> | ||
<div class="w-full h-full"><html><a href="/w/index.php/민국_38" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/0/01/말해줘.png');"></a></html></div> | <div class="w-full h-full"><html><a href="/w/index.php/민국_38" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/0/01/말해줘.png');"></a></html></div> | ||
95번째 줄: | 95번째 줄: | ||
<!-- 1칸 끝 --> | <!-- 1칸 끝 --> | ||
<!-- 이벤트·공지 --> | <!-- 이벤트·공지 --> | ||
<div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] | <div class="flex flex-col items-center justify-between w-[calc(50%-0.5rem)] md:w-[calc(25%-0.75rem)] 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 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> |