대문: 두 판 사이의 차이

  • 최근 수정 시각: 2024년 12월 6일 (금) 23:54
  • 창작 문서는 문서 별 라이선스를 확인하세요. 실용 문서는 다른 조건이 없는 한 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0에 따라 사용할 수 있습니다. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 역사
편집 요약 없음
편집 요약 없음
 
(사용자 5명의 중간 판 113개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{| style="width: 100%;"
<div class="mainpage flex flex-col gap-4 mt-4 lg:mt-0">
| style="font-size: 12pt; background: transparent; color: #929294; text-align: left;" | 　<span style="box-shadow: inset 0 -3px 0 #3757C7; padding-bottom: 10px; line-height: 3px">'''{{글씨 색|#3757C7|대문}}'''</span>　[[이브위키:이용약관|{{글씨 색|#929294|이용약관}}]]　[[이브위키:도움말|{{글씨 색|#929294|도움말}}]]　[[이브위키:문의|{{글씨 색|#929294|문의}}]]
<!-- PC 슬라이드 시작 -->
| style="text-align: right;" | [[파일:메일.png|30px|link=mailto:evewiki@yahoo.com]]  [[파일:카카오톡.png|30px|link=https://open.kakao.com/o/gMzoEune]]　
<div id="header_slide_banner_pc" class="swiper-container relative hidden md:block rounded-lg overflow-hidden shadow">
|-
<div class="swiper-wrapper">
! style="background: #FFF;" |
<!--2번 슬라이드--><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>
|-
<!--3번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240815_2.webp" style="left: 20%; height: 300px"></a></html></div>
|}
<!--4번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240816_2.webp" style="left: 75%; height: 350px"></a></html></div>
<div style="margin-top: -13px">
<!--5번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/민국_38" title="신단의 중국 정치 대하극, 민국 38"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240828_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240818_5.webp" style="left: 75%; height: 200px"></a></html></div>
------
<!--6번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/당신들의_조선" title="만약 북한이 한반도 전체를 통일한다면? 당신들의 조선"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240818_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240818_2.webp" style="left: 75%; height: 200px"></a></html></div>
<!--7번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/설중매" title="설중매"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240827_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240827_2.svg" style="left: 25%; height: 100px"></a></html></div>
<!--8번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/마르크스를_위하여" title="맑스최고"><img class="object-cover" src="/w/images/b/b1/붉은_유럽.svg" style="height: 400px"><img class="slide-bottom " src="/mainpage/240809/mainpage_banner_img_240909_1.webp" style="left: 50%; height: 400px"></a></html></div>
<!--9번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/빌레펠트" title="군밤킹"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240928_2.webp" style="height: 400px"><img class="slide-bottom " src="/mainpage/240809/mainpage_banner_img_240928_3.webp" style="left: 30%; height: 80px"></a></html></div>
<!--10번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/카게사가시" title="카게사가시"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240928_4.webp" style="height: 400px"><img class="slide-bottom " src="/mainpage/240809/mainpage_banner_img_240928_5.webp" style="left: 65%; height: 80px"></a></html></div>
</div>
</div>
{| style="width: 100%; height: 400px;"
<div class="swiper-button-prev"></div>
! class="evewiki-dark-bg" style="background: #FFF; height: 400px" |
<div class="swiper-button-next"></div>
|-
</div>
|}
<!-- PC 슬라이드 끝 -->
<div class="evewiki-dark-txt" style="font-size: 24pt; line-height: 160%; margin-left: 1.406em; margin-top: -10.781em; text-align: left; color: #000; position: absolute;">'''당신의 상상을 현실로<br><div style="font-size: 10.5pt; margin-top: -10px;">안녕하세요, [[이브위키|<span class="evewiki-dark-txt" style="color: #000;">이브위키</span>]]입니다.'''</div></div>
<!-- Mobile 슬라이드 시작 -->
<div class="evewiki-dark-txt" style="font-size: 0.8375em; line-height: 160%; margin-right: 3.750em; margin-left: 2.813em; margin-top: -7.083em; text-align: right; color: #000;">{{LOCALYEAR}}년 {{LOCALMONTH1}}월 {{LOCALDAY}}일, 이브위키는…<br>'''{{NUMBEROFUSERS}}명의 이용자들과&nbsp;{{문서수}}개의 문서'''가 함께하고 있습니다.</div>
<div id="header_slide_banner_mobile" class="m-2 swiper-container block md:hidden rounded-lg overflow-hidden shadow">
<div style="margin-bottom: 45px;"></div>
<div class="swiper-wrapper">
{| style="width: 100%; border: 10px solid #3757C7;"
<!--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 class="object-cover" src="/mainpage/240809/mainpage_banner_img_240810_2.webp"><div class="-mt-36 sm:-mt-44 px-8"><span class="m-0 p-0 text-white text-2xl sm:text-3xl font-black leading-snug">이브위키 후원은<br>포스타입에서!</span><div class="p-1"></div><span class="m-0 p-0 text-white text-md sm:text-lg leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></div></a></html></div>
! style="background: #3757C7; color: #FFF; height: 40px; border-right: 1px solid #FFF; width: 20%; text-align: right;" | 공지사항　
<!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_3.webp"></a></html></div>
| style="background: #3757C7; color: #FFF; text-align: left;" | 　상징의 공모에 관한 공지 [https://evewiki.kr/everest/bbs/board.php?bo_table=notice&wr_id=22 #]
<!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_3.webp"></a></html></div>
|-
<!--4번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/민국_38" title="신단의 중국 정치 대하극, 민국 38"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240928_1.webp"></a></html></div>
|}
<!--5번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/당신들의_조선" title="만약 북한이 한반도 전체를 통일한다면? 당신들의 조선"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240818_3.webp"></a></html></div>
------
<!--6번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/설중매" title="설중매"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240827_3.webp"></a></html></div>
<span style="padding: 0 7px; padding-bottom: 3px; border-left: 5px solid #466DFA; color: #3757C7; font-size: 13.8pt;">'''이브위키 추천 세계관'''</span> {{글씨 색|#929294|이브위키 운영진이 추천하는 세계관입니다.}}
<!--7번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/마르크스를_위하여" title="맑스위해"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240928_7.webp"></a></html></div>
<!--9번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/카게사가시" title="카게사가시"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240928_6.webp"></a></html></div>
</div>
</div>
<!-- Mobile 슬라이드 끝 -->
<!-- 사이트노티스 시작 -->
{{#ifeq:{{미디어위키:Sitenotice}}|||<div class="alert alert-dismissible fade in alert-info liberty-notice dark:saturate-200 dark:bg-evewiki-020">{{미디어위키:Sitenotice}}</div>}}{{#CSS:
@media screen and (max-width: 1023px) {
.Liberty .content-wrapper .liberty-notice {
  margin-top: 0;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
  margin-bottom: 0;
}
}
}}
<!-- 사이트노티스 끝 -->
<!-- 위키 인포 블록 시작 -->
<!-- 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/a/a4/로농적위대_열병식.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">공산1968<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/2/2e/인디라_간디_맑스위해.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-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/d/dc/오도루프_노회찬_프로필.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행 끝 -->
<!-- 3행 시작 -->
<div class="flex flex-col md:flex-row gap-4 w-full px-2 md:px-0">
<!-- 3행 좌측 -->
<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-row items-center justify-between w-full px-6 py-4 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="text-lg font-bold">공지사항</span><html><a href="https://evewiki.kr/everest/notice" class="font-bold dark:text-white">더보기 <i class="fas fa-chevron-right"></i></a></html></div>
<!-- 헤더 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/4218" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 운영협의회 공고 제2024-13호</span><span class="min-w-8 opacity-50 font-sm">2024. 12. 6.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3849" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 선정 3분기의 세계관(가칭) 선정을 위한 구글 폼 게시</span><span class="min-w-8 opacity-50 font-sm">2024. 9. 12.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3750" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 내 불량 문서의 정의를 위한 대(對)이용자 설문조사</span><span class="min-w-8 opacity-50 font-sm">2024. 8. 7.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3657" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 운영협의회 사과문</span><span class="min-w-8 opacity-50 font-sm">2024. 8. 4.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3638" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">20240803 이브위키 운영협의회 회의록</span><span class="min-w-8 opacity-50 font-sm">2024. 8. 4.</span></a></html></div>
<!-- 공지 1 끝 -->
</div>
<!-- 3행 좌측 끝 -->
<!-- 3행 우측 -->
<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-row items-center justify-between w-full px-6 py-4 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="text-lg font-bold">이브위키 이모저모</span></div>
<!-- 헤더 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">오픈채팅방</span>[[파일:카카오톡.png|30px|link=https://open.kakao.com/o/gMzoEune]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">디스코드</span>[[파일:디스코드 아이콘2.svg|30px|link=https://discord.gg/bFGz9mnFJh]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">정기후원</span>[[파일:포스타입_아이콘.svg|30px|link=https://evewiki.postype.com/membership_plans]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-3 my-1 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="font-bold">후원계좌</span>케이뱅크 100-152-076102 (예금주 김성보)</div>
<!-- 공지 1 끝 -->
<!-- 푸터 -->
<div class="flex flex-row items-center gap-2 w-full px-6 py-2 wikilinks plainlinks text-sm">[[이브위키:개인정보처리방침|개인정보처리방침]][[이브위키:이용약관|이용약관]][[이브위키:이메일무단수집거부|이메일무단수집거부]][mailto:evewiki@yahoo.com 메일]</div>
<div class="flex flex-row items-center gap-2 w-full px-6 pt-2 pb-4"><html><img class="rounded" src="/w/resources/assets/poweredby_mediawiki_176x62.png" alt="Powered by MediaWiki" srcset="/w/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /w/resources/assets/poweredby_mediawiki_176x62.png 2x" style="height:25px;" loading="lazy"></html><html><img class="rounded" src="/w/skins/Liberty/img/designedbylibre2.png" style="height:25px;" alt="Designed by Librewiki"></html></div>
<!-- 푸터 -->
</div>
<!-- 3행 우측 끝 -->
</div>
<!-- 3행 끝 -->
</div>
<!-- 슬라이드 css js -->
<html>
<html>
<head>
<link rel="stylesheet" href="/mainpage/swiper-11.1.9/swiper-bundle.min.css">
  <meta charset="UTF-8" />
<script src="/mainpage/swiper-11.1.9/swiper-bundle.min.js"></script>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="/mainpage/240809/slide.min.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</html>
  <title>Vanilla js auto loop slide</title>
{{#CSS:
</head>
.swiper-container .swiper-button-prev,
<body>
.swiper-container .swiper-button-next {
  <div class="container">
  opacity: 0;
    <div class="slide slide_wrap">
   transition: all .3s cubic-bezier(0,0,.5,1);
      <div class="slide_item item1">
        <div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'">
          <div class="main-banner-body">
            <div class="flora-1">
              <img id="img-550" alt="플로라.svg" src="https://evewiki.kr/w/images/1/18/플로라.svg" style="width: auto; height: 5.5vw;">
            </div>
            <div class="flora-2">
              <span style="font-size: 1.75rem; font-weight: 700;">플로라 유니버스</span><br>
              <span style="font-size: 1.0rem; font-weight: 700;">한국 정치를 우리들 생각대로 만들어보자!</span>
            </div>
          </div>
        </div>
      </div>
      <div class="slide_item item2">
        <div id="banner" class="hannara" onclick="location.href='/w/index.php/한나라닷컴'">
          <div class="main-banner-body">
            <div class="hannara-1">
              <img id="img-225" alt="한나라닷컴.png" src="https://evewiki.kr/w/images/2/23/Hannara_w.png" style="width: auto; height: 2.25vw;">
            </div>
            <div class="hannara-2">
              <span style="font-size: 1.0rem; font-weight: 700;">종신집권을 향해 나아가는 여전사 나경원의 국회 분투기</span>
            </div>
          </div>
        </div>
      </div>
      <div class="slide_item item3">
        <div id="banner" class="ana" onclick="location.href='/w/index.php/아름다운_나라'">
          <div class="main-banner-body">
            <div class="ana-1">
              <img id="img-550" alt="아름다운나라.png" src="/w/images/f/fc/아나_로고.png" style="width: auto; height: 5.5vw;">
            </div>
            <div class="ana-2">
              <span style="font-size: 1.0rem; font-weight: 700;">새로운 설정, 새로운 아나</span>
            </div>
          </div>
        </div>
      </div>
      <div class="slide_prev_button slide_button"></div>
      <div class="slide_next_button slide_button"></div>
      <ul class="slide_pagination"></ul>
    </div>
   <div>
</body>
<style>
#catlinks { display: none; }
.container {
    width: calc(100% + 30px);
    margin-left: -1.0rem;
}
}
.container {
.swiper-container:hover .swiper-button-prev,
    padding: 0;
.swiper-container:hover .swiper-button-next {
    list-style: none;
  opacity: 1;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
}
}
@media screen and (max-width: 1023px) { .container { margin-left: -0.5rem !important; } }
.swiper-container button:focus {
 
   outline: 0;
.slide {
   /* layout */
  display: flex;
  flex-wrap: nowrap;
  /* 컨테이너의 내용물이 컨테이너 크기(width, height)를 넘어설 때 보이지 않도록 하기 위해 hidden을 준다. */
  overflow: hidden;
 
  /* position */
  /* slide_button의 position absolute가 컨테이너 안쪽에서 top, left, right offset이 적용될 수 있도록 relative를 준다. (기본값이 static인데, static인 경우 그 상위 컨테이너로 나가면서 현재 코드에선 html을 기준으로 offset을 적용시키기 때문) */
  position: relative;
 
  /* size */
  width: 100%;
 
  /* slide drag를 위해 DOM요소가 드래그로 선택되는것을 방지 */
  user-select: none;
}
}
.slide_item {
.swiper-container .swiper-button-next {
  /* layout */
   right: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
 
  /* position - 버튼 클릭시 left offset값을 적용시키기 위해 */
  position: relative;
  left: 0px;
 
  /* size */
  width: 100%;
  height: 300px;
  /* flex item의 flex-shrink는 기본값이 1이므로 컨테이너 크기에 맞게 줄어드는데, 슬라이드를 구현할 것이므로 줄어들지 않도록 0을 준다. */
  flex-shrink: 0;
 
  /* transition */
   transition: left 300ms;
}
}
.slide_button {
.swiper-container .swiper-button-prev {
  /* layout */
   left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
 
  /* position */
  position: absolute;
  /* 버튼이 중앙에 위치하게 하기위해 계산 */
  top: calc(50% - 16px);
 
  /* size */
  width: 32px;
  height: 32px;
 
  /* style */
  border-radius: 100%;
  background-color: #FFF;
  color: #222;
  border: 1px solid #bbb;
   cursor: pointer;
}
}


.slide_prev_button {
.swiper-container .swiper-button-prev,
   left: 25px;
.swiper-container .swiper-button-next {
   opacity: 0;
}
}
.slide_next_button {
.swiper-container .swiper-button-prev,
   right: 25px;
.swiper-container .swiper-button-next {
   background: rgba(255,255,255,.08);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
}
}
.slide_prev_button:after {
.swiper-container .swiper-button-prev:after,
    content: '◀';
.swiper-container .swiper-button-next:after {
  color: #000;
  font-size: 0.75rem !important;
  font-weight: 900;
}
}
.slide_next_button:after {
.swiper-container .swiper-button-prev:hover,
    content: '▶';
.swiper-container .swiper-button-next:hover {
  background: rgba(255,255,255,16);
}
}


/* 슬라이드 */
.swiper-container .slide-bottom {
#banner {
  position: absolute;
   cursor: pointer;
  left: 50%;
  opacity: 0;
  top: 60%;
  transform: translate(-50%, -50%);
  transition: 500ms;
}
.swiper-container .swiper-slide-active .slide-bottom {
   opacity: 1;
  top: 50%;
}
}


.flora {
.swiper-container .swiper-pagination-bullet {
   width: 100%;
   width: 50px;
   height: 100%;
   height: 4px;
   background-color: #00A366;
   background: #fff;
   color: #FFF;
  border-radius: 0;
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #466DFA;
}
}


.main-banner-body {
.mainpage a,
   width: 1290px;
.swiper-container a {
   height: 100%;
   color: #000;
  margin: 0 auto;
   text-decoration: none;
  position: relative;
}
}
.flora-1 {
 
  margin: 3.5vw 5.25vw 0 5.25vw;
.mainpage .wikilinks a,
   width: 100%;
.mainpage .liberty-notice a {
  height: 5.5vw;
   color: var(--ew-theme-link);
}
}
.flora-2 {
.mainpage .liberty-notice a.external {
   margin: 0.5vw 5.25vw;
   color: var(--ew-theme-link-external);
}
}
 
.mainpage .wikilinks a:hover,
.hannara {
.mainpage .liberty-notice a:hover {
  width: 100%;
   color: var(--ew-theme-link-hover);
  height: 100%;
   text-decoration: underline;
   background: linear-gradient(to right, rgba(0, 46, 109, 1) 0%, rgba(0, 46, 109, 0) 50%), url(/w/images/2/2d/나경원_내각총리대신_취임연설.jpg);
  background-repeat: no-repeat;
   background-size: cover;
  color: #FFF;
}
}
.hannara-1 {
.mainpage .liberty-notice a.external:hover {
   margin: 3.5vw 5.25vw 0 5.25vw;
   color: var(--ew-theme-link-external-hover);
   width: 100%;
   text-decoration: underline;
  height: 2.25vw;
}
}
.hannara-2 {
.plainlinks a.external:before {
   margin: 0.5vw 5.25vw;
   display: none;
}
}
 
}}
.ana {
{{#CSS:
  width: 100%;
.mainpage *::-webkit-scrollbar {
  height: 100%;
   display: none;
  background-color: #000070;
   color: #FFF;
}
}
.ana-1 {
}}
  margin: 3.5vw 5.25vw 0 5.25vw;
<!---- 슬라이드 css js 끝 ---->
   width: 100%;
[[분류:이브위키]]
  height: 5.5vw;
{{#CSS:
.catlinks, .toc, .mw-references-wrap {
   display: none !important;
}
}
.ana-2 {
.liberty-notice {
   margin: 0.5vw 5.25vw;
   display: none;
}
}
 
.mainpage .liberty-notice {
@media screen and (max-width: 1023px) { .slide_button { display: none !important; } }
   display: block;
@media screen and (max-width: 1023px) { #img-550 { height: 50px !important; }  .flora-1, .ana-1 { height: 60px !important; } }
@media screen and (max-width: 1023px) { #img-225 { height: 20px !important; } .hannara-1 { height: 30px !important; } }
@media screen and (max-width: 1023px) { .slide_item { height: auto !important; } #banner { padding-top: 15px !important; padding-bottom: 20px !important; } }
 
/* 페이지네이션 스타일 */
ul,
li {
   list-style: none;
  padding: 0;
  margin: 0;
}
}
.slide_pagination {
.liberty-content {
   /* layout */
   border: 0 !important;
  margin: 0 !important;
   background-color: transparent !important;
   display: flex;
   box-shadow: none !important;
  gap: 5px;
 
  /* left:50%, translateX(-50%)를 하면 가로 가운데로 위치시킬 수 있다. */
  left: 50%;
   transform: translateX(-50%);
 
  /* position */
  position: absolute;
  bottom: 0.25rem;
}
}
.slide_pagination > li {
.liberty-content-header {
   /* 현재 슬라이드가 아닌 것은 투명도 부여 */
   display: none !important;
  color: #FFF;
  cursor: pointer;
  font-size: 30px;
}
}
.slide_pagination > li.active {
.liberty-content-main {
   /* 현재 슬라이드 색상은 투명도 없이 */
   padding: 0 !important;
   color: red;
  border-radius: .5rem !important;
   background-color: transparent !important;
}
}
 
footer {
.slide_item_duplicate {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0px;
   width: 100%;
   width: 100%;
  height: 300px;
  flex-shrink: 0;
  transition: left 300ms;
}
}
</style>
.liberty-footer {
<script>
  display: none;
// 슬라이크 전체 크기(width 구하기)
  width: calc(50% - 0.5rem);
const slide = document.querySelector(".slide");
  border-radius: .5rem !important;
let slideWidth = slide.clientWidth;
  border: 1px solid transparent !important;
 
  box-shadow: 0px 4px 20px rgba(0,0,0,.05) !important;
// 버튼 엘리먼트 선택하기
const prevBtn = document.querySelector(".slide_prev_button");
const nextBtn = document.querySelector(".slide_next_button");
 
// 슬라이드 전체를 선택해 값을 변경해주기 위해 슬라이드 전체 선택하기
let slideItems = document.querySelectorAll(".slide_item");
// 현재 슬라이드 위치가 슬라이드 개수를 넘기지 않게 하기 위한 변수
const maxSlide = slideItems.length;
 
// 버튼 클릭할 때 마다 현재 슬라이드가 어디인지 알려주기 위한 변수
let currSlide = 1;
 
// 페이지네이션 생성
const pagination = document.querySelector(".slide_pagination");
 
for (let i = 0; i < maxSlide; i++) {
  if (i === 0) pagination.innerHTML += `<li class="active">•</li>`;
  else pagination.innerHTML += `<li>•</li>`;
}
}
 
.Liberty .content-wrapper .liberty-content .liberty-content-main {
const paginationItems = document.querySelectorAll(".slide_pagination > li");
   overflow: visible;
 
// 무한 슬라이드를 위해 start, end 슬라이드 복사하기
const startSlide = slideItems[0];
const endSlide = slideItems[slideItems.length - 1];
const startElem = document.createElement("div");
const endElem = document.createElement("div");
 
endSlide.classList.forEach((c) => endElem.classList.add(c));
endElem.innerHTML = endSlide.innerHTML;
 
startSlide.classList.forEach((c) => startElem.classList.add(c));
startElem.innerHTML = startSlide.innerHTML;
 
// 각 복제한 엘리먼트 추가하기
slideItems[0].before(endElem);
slideItems[slideItems.length - 1].after(startElem);
 
// 슬라이드 전체를 선택해 값을 변경해주기 위해 슬라이드 전체 선택하기
slideItems = document.querySelectorAll(".slide_item");
//
let offset = slideWidth + currSlide;
slideItems.forEach((i) => {
  i.setAttribute("style", `left: ${-offset}px`);
});
 
function nextMove() {
   currSlide++;
  // 마지막 슬라이드 이상으로 넘어가지 않게 하기 위해서
  if (currSlide <= maxSlide) {
    // 슬라이드를 이동시키기 위한 offset 계산
    const offset = slideWidth * currSlide;
    // 각 슬라이드 아이템의 left에 offset 적용
    slideItems.forEach((i) => {
      i.setAttribute("style", `left: ${-offset}px`);
    });
    // 슬라이드 이동 시 현재 활성화된 pagination 변경
    paginationItems.forEach((i) => i.classList.remove("active"));
    paginationItems[currSlide - 1].classList.add("active");
  } else {
    // 무한 슬라이드 기능 - currSlide 값만 변경해줘도 되지만 시각적으로 자연스럽게 하기 위해 아래 코드 작성
    currSlide = 0;
    let offset = slideWidth * currSlide;
    slideItems.forEach((i) => {
      i.setAttribute("style", `transition: ${0}s; left: ${-offset}px`);
    });
    currSlide++;
    offset = slideWidth * currSlide;
    // 각 슬라이드 아이템의 left에 offset 적용
    setTimeout(() => {
      // 각 슬라이드 아이템의 left에 offset 적용
      slideItems.forEach((i) => {
        // i.setAttribute("style", `transition: ${0}s; left: ${-offset}px`);
        i.setAttribute("style", `transition: ${0.15}s; left: ${-offset}px`);
      });
    }, 0);
    // // 슬라이드 이동 시 현재 활성화된 pagination 변경
    paginationItems.forEach((i) => i.classList.remove("active"));
    paginationItems[currSlide - 1].classList.add("active");
  }
}
}
function prevMove() {
@media (max-width: 1023px) {
   currSlide--;
   .liberty-notice {
  // 1번째 슬라이드 이하로 넘어가지 않게 하기 위해서
     display: none;
  if (currSlide > 0) {
    // 슬라이드를 이동시키기 위한 offset 계산
    const offset = slideWidth * currSlide;
    // 각 슬라이드 아이템의 left에 offset 적용
    slideItems.forEach((i) => {
      i.setAttribute("style", `left: ${-offset}px`);
    });
    // 슬라이드 이동 시 현재 활성화된 pagination 변경
    paginationItems.forEach((i) => i.classList.remove("active"));
    paginationItems[currSlide - 1].classList.add("active");
  } else {
    // 무한 슬라이드 기능 - currSlide 값만 변경해줘도 되지만 시각적으로 자연스럽게 하기 위해 아래 코드 작성
    currSlide = maxSlide + 1;
    let offset = slideWidth * currSlide;
    // 각 슬라이드 아이템의 left에 offset 적용
    slideItems.forEach((i) => {
      i.setAttribute("style", `transition: ${0}s; left: ${-offset}px`);
    });
     currSlide--;
    offset = slideWidth * currSlide;
    setTimeout(() => {
      // 각 슬라이드 아이템의 left에 offset 적용
      slideItems.forEach((i) => {
        // i.setAttribute("style", `transition: ${0}s; left: ${-offset}px`);
        i.setAttribute("style", `transition: ${0.15}s; left: ${-offset}px`);
      });
    }, 0);
    // 슬라이드 이동 시 현재 활성화된 pagination 변경
    paginationItems.forEach((i) => i.classList.remove("active"));
    paginationItems[currSlide - 1].classList.add("active");
   }
   }
}
}
 
}}
// 버튼 엘리먼트에 클릭 이벤트 추가하기
{{#CSS:
nextBtn.addEventListener("click", () => {
.shadow {
  // 이후 버튼 누를 경우 현재 슬라이드를 변경
   box-shadow: 2px 4px 12px rgba(0,0,0,.08) !important;
  nextMove();
});
// 버튼 엘리먼트에 클릭 이벤트 추가하기
prevBtn.addEventListener("click", () => {
   // 이전 버튼 누를 경우 현재 슬라이드를 변경
  prevMove();
});
 
// 브라우저 화면이 조정될 때 마다 slideWidth를 변경하기 위해
window.addEventListener("resize", () => {
  slideWidth = slide.clientWidth;
});
 
// 각 페이지네이션 클릭 시 해당 슬라이드로 이동하기
for (let i = 0; i < maxSlide; i++) {
  // 각 페이지네이션마다 클릭 이벤트 추가하기
  paginationItems[i].addEventListener("click", () => {
    // 클릭한 페이지네이션에 따라 현재 슬라이드 변경해주기(currSlide는 시작 위치가 1이기 때문에 + 1)
    currSlide = i + 1;
    // 슬라이드를 이동시키기 위한 offset 계산
    const offset = slideWidth * currSlide;
    // 각 슬라이드 아이템의 left에 offset 적용
    slideItems.forEach((i) => {
      i.setAttribute("style", `left: ${-offset}px`);
    });
    // 슬라이드 이동 시 현재 활성화된 pagination 변경
    paginationItems.forEach((i) => i.classList.remove("active"));
    paginationItems[currSlide - 1].classList.add("active");
  });
}
}
 
}}
// 드래그(스와이프) 이벤트를 위한 변수 초기화
let startPoint = 0;
let endPoint = 0;
 
// PC 클릭 이벤트 (드래그)
slide.addEventListener("mousedown", (e) => {
  startPoint = e.pageX; // 마우스 드래그 시작 위치 저장
});
 
slide.addEventListener("mouseup", (e) => {
  endPoint = e.pageX; // 마우스 드래그 끝 위치 저장
  if (startPoint < endPoint) {
    // 마우스가 오른쪽으로 드래그 된 경우
    prevMove();
  } else if (startPoint > endPoint) {
    // 마우스가 왼쪽으로 드래그 된 경우
    nextMove();
  }
});
 
// 모바일 터치 이벤트 (스와이프)
slide.addEventListener("touchstart", (e) => {
  startPoint = e.touches[0].pageX; // 터치가 시작되는 위치 저장
});
slide.addEventListener("touchend", (e) => {
  endPoint = e.changedTouches[0].pageX; // 터치가 끝나는 위치 저장
  if (startPoint < endPoint) {
    // 오른쪽으로 스와이프 된 경우
    prevMove();
  } else if (startPoint > endPoint) {
    // 왼쪽으로 스와이프 된 경우
    nextMove();
  }
});
 
// 기본적으로 슬라이드 루프 시작하기
let loopInterval = setInterval(() => {
  nextMove();
}, 3000);
 
// 슬라이드에 마우스가 올라간 경우 루프 멈추기
slide.addEventListener("mouseover", () => {
  clearInterval(loopInterval);
});
 
// 슬라이드에서 마우스가 나온 경우 루프 재시작하기
slide.addEventListener("mouseout", () => {
  loopInterval = setInterval(() => {
    nextMove();
  }, 3000);
});
</script>
</html>
------
<span style="padding: 0 7px; padding-bottom: 3px; border-left: 5px solid #466DFA; color: #3757C7; font-size: 13.8pt;">'''운영알림'''</span> {{글씨 색|#929294|이브위키에서 알려드립니다.}}
{| style="width: 100%; border: 1px dashed #DDD;"
| style="font-size: 10pt; background: transparent; color: #000;" | <div style="margin: 5px 13px;">
* [https://open.kakao.com/o/gMzoEune 이브위키 공식 채팅방에 입장하세요!]
</div>
|-
|}
------
<span style="padding: 0 7px; padding-bottom: 3px; border-left: 5px solid #466DFA; color: #3757C7; font-size: 13.8pt;">'''광고'''</span>
{| class="wikitable" style="width: 100%; border: 2px solid #DDD;"
| style="font-size: 12pt; background: #DDD; color: #939393; height: 200px; text-align: center;" | 준비중입니다.
|-
|}
----
[[분류:이브위키]]
<no-comment-streams />
<no-comment-streams />

2024년 12월 6일 (금) 23:54 기준 최신판

이브위키 개정 이용약관이 1월 1일자로 시행됩니다!
자세한 사항은 운영협의회 공고 제2024-13호를 참조하세요
추천 세계관
꽃보다위로회PICKHOT
플로라 유니버스
대체역사·정치
한랩PICK
한나라닷컴
대체역사·정치
신단PICK
민국 38
대체역사·외교
벨지엄PICKHOT
당신들의 조선
대체역사·외교
에리아PICKHOT
빌레펠트
대체역사·외교
솔피HOTNEW
설중매
대체역사
공산1968HOTNEW
마르크스를 위하여
대체역사·외교
신단NEW
카게사가시
대체역사
공지사항더보기
이브위키 운영협의회 공고 제2024-13호2024. 12. 6.
이브위키 선정 3분기의 세계관(가칭) 선정을 위한 구글 폼 게시2024. 9. 12.
이브위키 내 불량 문서의 정의를 위한 대(對)이용자 설문조사2024. 8. 7.
이브위키 운영협의회 사과문2024. 8. 4.
20240803 이브위키 운영협의회 회의록2024. 8. 4.
이브위키 이모저모
오픈채팅방
디스코드
정기후원
후원계좌케이뱅크 100-152-076102 (예금주 김성보)
개인정보처리방침이용약관이메일무단수집거부메일
Powered by MediaWikiDesigned by Librewiki