|
|
| (같은 사용자의 중간 판 43개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| <div class="mainpage flex flex-col gap-4 mt-4 lg:mt-0">
| |
| <!-- PC 슬라이드 시작 -->
| |
| <div id="header_slide_banner_pc" class="swiper-container relative hidden md:block rounded-lg overflow-hidden shadow">
| |
| <div class="swiper-wrapper">
| |
| <!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-20" style="width: 100%; height: 400px; background-image: url('/mainpage/240809/mainpage_banner_img_240810_1.webp'); background-size: cover; background-position: center center;"><span class="m-0 p-0 text-white text-4xl font-black leading-snug">이브위키 후원,<br>포스타입에서 만나보세요!</span><div class="p-4"></div><span class="m-0 p-0 text-white text-xl leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
| |
| <!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
| |
| <!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
| |
| <!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
| |
| </div>
| |
| <div class="swiper-button-prev"></div>
| |
| <div class="swiper-button-next"></div>
| |
| </div>
| |
| <!-- PC 슬라이드 끝 -->
| |
| <!-- Mobile 슬라이드 시작 -->
| |
| <div id="header_slide_banner_mobile" class="swiper-container md:hidden rounded-lg overflow-hidden shadow">
| |
| <div class="swiper-wrapper">
| |
| <!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/플로라_유니버스.webp"></a></html></div>
| |
| <!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/당신들의_조선.webp"></a></html></div>
| |
| <!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/플로라_유니버스.webp"></a></html></div>
| |
| <!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/당신들의_조선.webp"></a></html></div>
| |
| </div>
| |
| </div>
| |
| <!-- Mobile 슬라이드 끝 -->
| |
| <!-- 사이트노티스 시작 -->
| |
| <div class="alert alert-dismissible fade in alert-info liberty-notice dark:saturate-200 dark:bg-evewiki-020">{{미디어위키:Sitenotice}}</div>
| |
| <!-- 사이트노티스 끝 -->
| |
| <!-- 위키 인포 블록 시작 -->
| |
| <!-- 2행 -->
| |
| <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>
| |
| <!-- 2행 1번 -->
| |
| <div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-auto overflow-y-hidden">
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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 30%; background-image: url('/w/images/d/db/플로라_이파람_프로필.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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 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/6/65/나경원_각료_프로필_%28한나라%29.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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 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/d/d6/장제스_프로필.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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 0%; background-image: url('/w/images/c/cd/박헌영_%28당신들의_조선%29.jpg');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| </div>
| |
| <!-- 2행 1번 끝 -->
| |
| <!-- 2행 2번 -->
| |
| <div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-auto overflow-y-hidden">
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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-[247px] 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-[247px] 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>YORUSHIKA</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/0/01/말해줘.png');"></a></html></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 이벤트·공지 -->
| |
| <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] 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>
| |
| <!-- 2행 끝 -->
| |
| </div>
| |
| <!-- 슬라이드 css js -->
| |
| <html>
| |
| <link rel="stylesheet" href="/mainpage/swiper-11.1.9/swiper-bundle.min.css">
| |
| <script src="/mainpage/swiper-11.1.9/swiper-bundle.min.js"></script>
| |
| <script src="/mainpage/240809/slide.min.js"></script>
| |
| </html>
| |
| {{#CSS:
| |
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| opacity: 0;
| |
| transition: all .3s cubic-bezier(0,0,.5,1);
| |
| }
| |
| .swiper-container:hover .swiper-button-prev,
| |
| .swiper-container:hover .swiper-button-next {
| |
| opacity: 1;
| |
| }
| |
| .swiper-container button:focus {
| |
| outline: 0;
| |
| }
| |
| .swiper-container .swiper-button-next {
| |
| right: 2rem;
| |
| }
| |
| .swiper-container .swiper-button-prev {
| |
| left: 2rem;
| |
| }
| |
|
| |
|
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| opacity: 0;
| |
| }
| |
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| background: rgba(255,255,255,.08);
| |
| width: 1.5rem;
| |
| height: 1.5rem;
| |
| border-radius: 9999px;
| |
| }
| |
| .swiper-container .swiper-button-prev:after,
| |
| .swiper-container .swiper-button-next:after {
| |
| color: #000;
| |
| font-size: 0.75rem !important;
| |
| font-weight: 900;
| |
| }
| |
| .swiper-container .swiper-button-prev:hover,
| |
| .swiper-container .swiper-button-next:hover {
| |
| background: rgba(255,255,255,16);
| |
| }
| |
|
| |
| .swiper-container .slide-bottom {
| |
| position: absolute;
| |
| left: 50%;
| |
| opacity: 0;
| |
| top: 60%;
| |
| transform: translate(-50%, -50%);
| |
| transition: 500ms;
| |
| }
| |
| .swiper-container .swiper-slide-active .slide-bottom {
| |
| opacity: 1;
| |
| top: 50%;
| |
| }
| |
|
| |
| .swiper-container .swiper-pagination-bullet {
| |
| width: 50px;
| |
| height: 4px;
| |
| background: #fff;
| |
| border-radius: 0;
| |
| opacity: 1;
| |
| }
| |
| .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
| |
| background: #466DFA;
| |
| }
| |
|
| |
| .mainpage a,
| |
| .swiper-container a {
| |
| color: #000;
| |
| text-decoration: none;
| |
| }
| |
| }}
| |
| {{#CSS:
| |
| .mainpage *::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| }}
| |
| <!---- 슬라이드 css js 끝 ---->
| |
| [[분류:이브위키]]
| |
| {{#CSS:
| |
| .catlinks, .toc, .mw-references-wrap {
| |
| display: none !important;
| |
| }
| |
| .liberty-content {
| |
| border: 0 !important;
| |
| background-color: transparent !important;
| |
| box-shadow: none !important;
| |
| }
| |
| .liberty-content-header {
| |
| display: none !important;
| |
| }
| |
| .liberty-content-main {
| |
| padding: 0 !important;
| |
| border-radius: .5rem !important;
| |
| background-color: transparent !important;
| |
| }
| |
| footer {
| |
| width: 100%;
| |
| }
| |
| .liberty-footer {
| |
| display: none;
| |
| width: calc(50% - 0.5rem);
| |
| border-radius: .5rem !important;
| |
| border: 1px solid transparent !important;
| |
| box-shadow: 0px 4px 20px rgba(0,0,0,.05) !important;
| |
| }
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main {
| |
| overflow: visible;
| |
| }
| |
| @media (max-width: 1023px) {
| |
| .liberty-notice {
| |
| display: none;
| |
| }
| |
| }
| |
| }}
| |
| {{#CSS:
| |
| .shadow {
| |
| box-shadow: 2px 4px 12px rgba(0,0,0,.08) !important;
| |
| }
| |
| }}
| |
| <no-comment-streams />
| |