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

@@ 1번째 줄: / 1번째 줄: @@
-<html><head><link rel="stylesheet" href="/mainpage/all.min.css" type="text/css"></head></html>
+<html><head><link rel="stylesheet" href="/mainpage/all.min.css" type="text/css"><link rel="stylesheet" href="../mainpage/splide-4.1.3/dist/css/splide.min.css"><script src="../mainpage/splide-4.1.3/dist/js/splide.min.js"></script><style>p { margin-bottom: 0 }</style></head></html>
-<div class="main">
 <div class="pt-20 pb-16">
 <div class="text-5xl font-black leading-tight tracking-tight">이브위키.</div>
@@ 13번째 줄: / 12번째 줄: @@
 <div class="text-center text-base font-black plainlinks">[https://toss.me/bigstar12  <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-donate"></i></div>][https://toss.me/bigstar12 후원]</div>
 </div>
-<div class="pt-20 pb-16">
+<div class="flex gap-20">
+<div class="text-center text-base font-black">[[이브위키:도움말|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-pen"></i></div>]][[이브위키:도움말|도움말]]</div>
+<div class="text-center text-base font-black">[[특수:올리기|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-upload"></i></div>]][[특수:올리기|업로드]]</div>
+<div class="text-center text-base font-black plainlinks">[https://evewiki.kr/everest/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-quote-right"></i></div>][https://evewiki.kr/everest/ 이브레스트]</div>
+<div class="text-center text-base font-black plainlinks">[https://open.kakao.com/o/gMzoEune/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-comment"></i></div>][https://open.kakao.com/o/gMzoEune/ 채팅방]</div>
+<div class="text-center text-base font-black plainlinks">[mailto:evewiki@yahoo.com <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-envelope-open"></i></div>][mailto:evewiki@yahoo.com 문의]</div>
+<div class="text-center text-base font-black plainlinks">[https://toss.me/bigstar12  <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-donate"></i></div>][https://toss.me/bigstar12 후원]</div>
+</div>
+<div class="flex gap-20">
+<div class="text-center text-base font-black">[[이브위키:도움말|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-pen"></i></div>]][[이브위키:도움말|도움말]]</div>
+<div class="text-center text-base font-black">[[특수:올리기|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-upload"></i></div>]][[특수:올리기|업로드]]</div>
+<div class="text-center text-base font-black plainlinks">[https://evewiki.kr/everest/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-quote-right"></i></div>][https://evewiki.kr/everest/ 이브레스트]</div>
+<div class="text-center text-base font-black plainlinks">[https://open.kakao.com/o/gMzoEune/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-comment"></i></div>][https://open.kakao.com/o/gMzoEune/ 채팅방]</div>
+<div class="text-center text-base font-black plainlinks">[mailto:evewiki@yahoo.com <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-envelope-open"></i></div>][mailto:evewiki@yahoo.com 문의]</div>
+<div class="text-center text-base font-black plainlinks">[https://toss.me/bigstar12  <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-donate"></i></div>][https://toss.me/bigstar12 후원]</div>
+</div>
+<div class="flex gap-20">
+<div class="text-center text-base font-black">[[이브위키:도움말|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-pen"></i></div>]][[이브위키:도움말|도움말]]</div>
+<div class="text-center text-base font-black">[[특수:올리기|<div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-upload"></i></div>]][[특수:올리기|업로드]]</div>
+<div class="text-center text-base font-black plainlinks">[https://evewiki.kr/everest/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-quote-right"></i></div>][https://evewiki.kr/everest/ 이브레스트]</div>
+<div class="text-center text-base font-black plainlinks">[https://open.kakao.com/o/gMzoEune/ <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-comment"></i></div>][https://open.kakao.com/o/gMzoEune/ 채팅방]</div>
+<div class="text-center text-base font-black plainlinks">[mailto:evewiki@yahoo.com <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-envelope-open"></i></div>][mailto:evewiki@yahoo.com 문의]</div>
+<div class="text-center text-base font-black plainlinks">[https://toss.me/bigstar12  <div class="mb-4 w-24 h-24 flex justify-center items-center rounded-full bg-gray-200"><i class="text-black text-5xl fas fa-donate"></i></div>][https://toss.me/bigstar12 후원]</div>
+</div>
+<div class="pt-20 pb-4">
 <div class="inline text-3xl font-black leading-tight tracking-tight">추천세계관.</div>
 <div class="inline text-3xl font-black text-neutral-500 leading-tight tracking-tight">언제나 인기있는 세계관.</div>
 </div>
-</div>
+<html>
+<body>
+    <section id="recommend" class="splide !absolute left-0 w-full" style="margin-bottom: 1rem;">
+        <div class="splide__track">
+            <ul class="splide__list">
+                <li class="splide__slide !mr-4"></li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide !mr-4 flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+                <li class="splide__slide flex justify-center flex-row border-radius shadow card-transition bg-white cursor-pointer overflow-hidden" onclick="location.href='https://evewiki.kr/w/index.php'">
+                    <div class="w-full flex items-end">
+                        <img alt="신의면에 사는 청년회장 임 춘 식 입니다" src="/w/images/1/13/플로라_임춘식_프로필.png">
+                    </div>
+                    <div class="absolute left-0 w-full p-8">
+                        <div class="mb-3 text-sm text-black font-black">혼종인, 리진 외 3인</div>
+                        <div class="mb-3 text-3xl text-black font-black">플로라 유니버스</div>
+                        <div class="mb-3 text-base text-black">문서 바로가기</div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </section>
+    <script src="../mainpage/slide.min.js"></script>
+</body>
+</html>