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

  • 최근 수정 시각: 2024년 5월 19일 (일) 02:24
  • 창작 문서는 문서 별 라이선스를 확인하세요. 실용 문서는 다른 조건이 없는 한 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0에 따라 사용할 수 있습니다. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 역사
< 이브위키:연습장
편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 되돌려진 기여
1번째 줄: 1번째 줄:
<!---- 슬라이드 시작 ---->
<div class="flex flex-col gap-4 mt-4 lg:mt-0">
<!---- header 슬라이드 시작 ---->
<div id="header" class="splide rounded-lg overflow-hidden shadow">
<div id="header" class="splide rounded-lg overflow-hidden shadow">
<div class="splide__track">
<div class="splide__track">
7번째 줄: 8번째 줄:
</div>
</div>
<!--페이지 번호--><div class="pagination absolute rounded-full -mt-12 right-3 bg-black/50 text-xs p-2 text-white"><span id="header__slide-current"></span><span> / </span><span id="header__slide-length"></span></div>
<!--페이지 번호--><div class="pagination absolute rounded-full -mt-12 right-3 bg-black/50 text-xs p-2 text-white"><span id="header__slide-current"></span><span> / </span><span id="header__slide-length"></span></div>
</div><html>
</div>
<!---- header 슬라이드 끝 ---->
<!---- 위키 인포 블록 시작 ---->
<!-- 오늘의 세계관, 카카오톡, 문의, 후원계좌 -->
<div class="flex flex-col lg:flex-row gap-4 w-full">
<!-- 오늘의 세계관 커버 -->
<div class="flex flex-col w-full gap-4 lg:w-1/2">
<!---- recommend 슬라이드 시작 ---->
<div id="recommend" class="splide rounded-lg overflow-hidden shadow">
<div class="splide__track">
<ul class="splide__list">
<!--1번 슬라이드--><li class="splide__slide !mx-2 rounded-lg shadow overflow-hidden relative">[[플로라 유니버스|<div class="w-full h-full pb-[100%] flex justify-center items-center relative cursor-pointer"><div class="absolute top-0 left-0 h-full w-full select-none items-center justify-center object-cover hidden"></div><html><img loading="lazy" class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/230826/1x/플로라_유니버스.webp"></html></div>
<!--1번 슬라이드 설명구--><div class="recommend__description absolute bottom-0 left-0 w-full px-8 pb-8"><div class="text-3xl text-white font-black">플로라 유니버스</div><div class="mt-2 text-xs text-white opacity-80">한국 정치를 우리들 생각대로 만들어보자!</div><div class="mt-3 mb-2 flex items-center gap-x-2"><span class="px-1 rounded bg-[--ew-spec-brand-secondary] text-[10px] text-white font-black leading-4">evewiki Only</span><span class="px-1 rounded bg-red-600 text-[10px] text-white font-black leading-4">HOT</span><span class="text-[10px] text-white leading-4">대체역사·정치</span></div></div>]]</li>
<!--2번 슬라이드--><li class="splide__slide !mx-2 rounded-lg shadow overflow-hidden relative">[[한나라닷컴|<div class="w-full h-full pb-[100%] flex justify-center items-center relative"><div class="absolute top-0 left-0 h-full w-full select-none items-center justify-center object-cover hidden"></div><html><img loading="lazy" class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/230826/1x/한나라닷컴.webp"></html></div>
<!--2번 슬라이드 설명구--><div class="recommend__description absolute bottom-0 left-0 w-full px-8 pb-8"><div class="text-3xl text-white font-black">한나라닷컴</div><div class="mt-2 text-xs text-white opacity-80">종신집권을 향해 나아가는 여전사 나경원의 국회 분투기</div><div class="mt-3 mb-2 flex items-center gap-x-2"><span class="px-1 rounded bg-[--ew-spec-brand-secondary] text-[10px] text-white font-black leading-4">evewiki Only</span><span class="px-1 rounded bg-red-600 text-[10px] text-white font-black leading-4">HOT</span><span class="text-[10px] text-white leading-4">대체역사·정치</span></div></div>]]</li>
</ul>
</div>
</div>
<!---- recommend 슬라이드 끝 ---->
<!-- 오늘의 세계관 -->
<div class="flex items-center justify-between w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- 제목부 (content/title) -->
<div class="text-xl">추천세계관: [[{{이브위키:오늘의 세계관/목록}}]]</div>
<!-- 더보기 (append) -->
<div class="text-xs">[[{{이브위키:오늘의 세계관/목록}}|더보기<html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 16px; height: 16px; width: 16px; margin-bottom: -3px;">
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"></path>
</svg></html>]]</div>
<!-- 더보기 끝 -->
</div>
<!-- 오늘의 세계관 끝 -->
<!-- 오늘의 세계관 -->
<div class="flex items-center justify-between w-full px-6 py-3 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- 제목부 -->
<div class="text-xs plainlinks"><span class="px-1 rounded bg-red-600 text-[10px] text-white font-black leading-4">공지</span> [https://evewiki.kr/everest/notice/2333 이브위키 운영협의회 공고 2024-5호]</div>
<!-- 일자 -->
<div class="text-xs opacity-50">2024. 4. 28.</div>
<!-- 더보기 끝 -->
</div>
<!-- 오늘의 세계관 끝 -->
</div>
<!-- 오늘의 세계관 커버 끝 -->
<!-- 이브레, 카카오톡, 메일 등 커버 -->
<div class="flex flex-col gap-4 w-full lg:w-1/2">
<!-- 이브위키는 지금... -->
<div class="flex flex-col gap-5 w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- 제목 -->
<div class="flex items-center justify-between"><span class="text-xl">이브위키는 지금...🔎</span><span class="opacity-50">업데이트 : {{LOCALYEAR}}년 {{LOCALMONTH1}}월 {{LOCALDAY}}일 {{LOCALTIME}}</span></div>
<!-- 제목 끝 -->
<!-- 내용 -->
<div class="flex flex-row">
<div class="basis-full w-full">
<div class="flex flex-row">
<!-- 전체 가입자 -->
<div class="flex basis-full w-1/2"><div class="flex">
<div class="inline-flex items-center justify-center relative rounded-full text-info" style="width: 42px; height: 42px; margin-inline-end: 12px;"><html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 24px; height: 24px; width: 24px;">
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85"></path>
</svg></html><div class="absolute top-0 left-0 bottom-0 right-0 bg-current opacity-10 rounded-full"></div></div>
<div class="flex flex-col"><div class="text-xl">{{NUMBEROFUSERS}}</div><div class="text-xs">전체 가입자</div></div>
</div></div>
<!-- 전체 가입자 끝 -->
<!-- 전체 문서 수 -->
<div class="flex basis-full w-1/2"><div class="flex">
<div class="inline-flex items-center justify-center relative rounded-full text-danger" style="width: 42px; height: 42px; margin-inline-end: 12px;"><html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 24px; height: 24px; width: 24px;">
  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
    <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2zM9 9h1m-1 4h6m-6 4h6"></path>
  </g>
</svg></html><div class="absolute top-0 left-0 bottom-0 right-0 bg-current opacity-10 rounded-full"></div></div>
<div class="flex flex-col"><div class="text-xl">{{문서수}}</div><div class="text-xs">전체 문서 수</div></div>
</div></div>
<!-- 전체 문서 수 끝 -->
</div>
</div>
</div>
<!-- 내용 끝 -->
</div>
<!-- 이브위키는 지금... 끝 -->
<!-- 커버의 커버 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<!-- 커버의 커버의 커버 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<!-- 카카오톡 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">카카오톡 채팅방</div>[[파일:카카오톡.png|x30px|link=https://open.kakao.com/o/gMzoEune]]</div>
</div>
<!-- 카카오톡 끝 -->
<!-- 메일 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">문의하기</div>[[파일:메일.png|x30px|link=mailto:evewiki@yahoo.com]]</div>
</div>
<!-- 메일 끝 -->
</div>
<!-- 커버의 커버의 커버 끝 -->
<!-- 커버의 커버의 커버 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<!-- 후원 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">후원하기</div>[[파일:Toss Symbol Secondary Blue.png|x30px|link=https://toss.me/bigstar12]]</div>
</div>
<!-- 후원 끝 -->
<!-- 정기후원 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">정기후원하기</div>[[파일:포스타입_아이콘.svg|x30px|link=https://evewiki.postype.com/membership_plans]]</div>
</div>
<!-- 정기후원 끝 -->
</div>
<!-- 커버의 커버의 커버 끝 -->
</div>
<!-- 커버의 커버 끝 -->
<!-- 푸터 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex items-center gap-2">[[이브위키:개인정보처리방침|개인정보처리방침]][[실용:이브위키|이브위키 소개]][[이브위키:면책 조항|면책조항]]</div>
------
<div class="mt-4 mb-[1px] flex items-center gap-2"><html><img src="/w/resources/assets/poweredby_mediawiki_88x31.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 src="/w/skins/Liberty/img/designedbylibre.png" style="height:25px;" alt="Designed by Librewiki"></html></div>
</div>
<!-- 푸터 -->
</div>
<!-- 이브레, 카카오톡, 메일 등 커버 끝 -->
</div>
<!---- 위키 인포 블록 끝 ---->
</div>
<!---- 슬라이드 css js ---->
<html>
<link rel="stylesheet" href="/mainpage/splide-4.1.3/dist/css/splide.min.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>
<script src="/mainpage/splide-4.1.3/dist/js/splide.min.js"></script>
<script src="/mainpage/230826/slide.min.js"></script>
<script src="/mainpage/240514/slide.js"></script>
<link rel="stylesheet" href="/mainpage/230826/all.min.css" type="text/css">
</html>
</html>
{{#CSS:
{{#CSS:
.splide li { margin: 0 !important; }
.splide li { margin: 0 !important; }
.splide {
    overflow: hidden;
}
#header .splide__arrow--prev, #header .splide__arrow--next {
    opacity: 0;
    transition: all .3s cubic-bezier(0,0,.5,1);
}
#header:hover .splide__arrow--prev, #header:hover .splide__arrow--next {
    opacity: 1;
}
#header button:focus {
    outline: 0;
}
#header .splide__arrow--next {
    right: 3rem;
}
#header .splide__arrow--prev {
    left: 3rem;
}
#recommend .splide__arrow--prev, #recommend .splide__arrow--next {
    opacity: 0;
    transition: all .3s cubic-bezier(0,0,.5,1);
}
#recommend:hover .splide__arrow--prev, #recommend:hover .splide__arrow--next {
    opacity: 1;
}
#recommend button:focus {
    outline: 0;
}
#recommend .splide__arrow--next {
    right: 3rem;
}
#recommend .splide__arrow--prev {
    left: 3rem;
}
#recommend .splide__slide .recommend__description {
    visibility: hidden;
}
#recommend .is-active .recommend__description {
    visibility: visible;
}
.splide__arrows .splide__arrow {
    background: rgba(255,255,255,.08);
    width: 3rem;
    height: 3rem;
    opacity: 1;
}
.splide__arrows .splide__arrow svg {
    fill: #000;
}
.splide__arrows .splide__arrow:hover {
    background: rgba(255,255,255,16);
}
}}
}}
<!---- 슬라이드 끝 ---->
<!---- 슬라이드 css js 끝 ---->
[[분류:이브위키]]
[[분류:이브위키]]
{{#CSS:
{{#CSS:

2024년 5월 19일 (일) 02:24 판

추천세계관: 이화에서
더보기
공지 이브위키 운영협의회 공고 2024-5호
2024. 4. 28.
이브위키는 지금...🔎업데이트 : 2024년 11월 21일 01:18
241
전체 가입자
3,774
전체 문서 수
카카오톡 채팅방
문의하기
후원하기
정기후원하기
개인정보처리방침이브위키 소개면책조항
Powered by MediaWikiDesigned by Librewiki