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

2023년 8월 27일 (일) 21:58 판

플로라 유니버스

한국 정치를 우리들 생각대로 만들어보자!

HOT 대체역사·정치
한나라닷컴

종신집권을 향해 나아가는 여전사 나경원의 국회 분투기

evewiki Only HOT 대체역사·정치
리좀

동방의 불란서

evewiki Only HOT 대체역사·정치
민국38

삼민주의는 우리가 따를 길

HOT 대체역사·정치
만주일몽

만주에 떠오르는 하나의 꿈

evewiki Only HOT 대체역사·정치
당신들의 조선

공산주의 새 언덕이 저기 보인다

evewiki Only HOT 대체역사·정치
레이와 개신

개신의 조를 선포하여, 다음과 같이 말했다.

evewiki Only HOT 대체역사·정치

/

@@ 38번째 줄: / 38번째 줄: @@
          <div class="splide__track">
              <ul class="splide__list">
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/플로라_유니버스@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/분류:플로라_유니버스" title="플로라 유니버스">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/플로라_유니버스@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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-red-600 text-[10px] text-white font-black leading-4">HOT</span>
+                            <span class="text-[10px] text-white leading-4">대체역사·정치</span>
+                        </div>
+                    </div>
                  </li>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/한나라닷컴@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/한나라닷컴" title="한나라닷컴">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/한나라닷컴@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/리좀@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/리좀" title="리좀">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/리좀@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/민국38@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/민국_38" title="민국38">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/민국38@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <div class="text-3xl text-white font-black">민국38</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-red-600 text-[10px] text-white font-black leading-4">HOT</span>
+                            <span class="text-[10px] text-white leading-4">대체역사·정치</span>
+                        </div>
+                    </div>
                  </li>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/당신들의_조선@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/만주일몽" title="만주일몽">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/만주일몽@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/레이와_개신@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/당신들의_조선" title="당신들의 조선">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/당신들의_조선@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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>
-                 <li class="splide__slide flex justify-center items-center !mx-2 border-radius shadow overflow-hidden">
+                 <li class="splide__slide !mx-2 border-radius shadow overflow-hidden relative isolate">
-                     <img class="object-cover h-[400px]" src="/mainpage/2x/만주일몽@2x.webp">
+                     <div class="w-full h-[460px] 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>
+                        <a href="https://evewiki.kr/w/index.php/레이와_개신" title="레이와 개신">
+                            <img class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/2x/레이와_개신@2x.webp">
+                        </a>
+                    </div>
+                    <div class="absolute bottom-0 left-0 w-full px-4 pb-4">
+                        <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 class="pagination absolute -mt-12 right-[310px] text-xs p-2 text-white font-black">
+         <div class="pagination absolute -mt-12 right-[280px] text-xs p-2 text-white font-black">
              <span id="recommend__slide-current"></span>
              <span>/</span>