이브위키:연습장/대문: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
30번째 줄: 30번째 줄:
<!-- 위키 인포 블록 시작 -->
<!-- 위키 인포 블록 시작 -->
<!-- 2행 -->
<!-- 2행 -->
<div class="flex flex-col lg:flex-col gap-4 w-full">
<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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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)] lg:w-[calc(25%-0.75rem)] 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-[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>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-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)] lg:w-[calc(25%-0.75rem)] 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-[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>

2024년 8월 10일 (토) 22:06 판