Тест 2: различия между версиями

Версия от 09:49, 24 августа 2025

Введение

Приветствуем! На этой странице мы храним все арты, связанные с сервером «Space stories».

Все

Doner

Vi_Launcher

Doner

Фон в лобби #1

Фон в лобби #2

Фон в лобби #3

Фон в лобби #4

Фон в лобби #5

Фон в лобби #6

Фон в лобби #7

Vi_Launcher

Арт «История одного детектива»

Арт «Иван Петрович»

Арт «S.P.A.F.»

Арт «Прибой Яков»

Арт «Жупт Игоревич»

@@ Строка 1: / Строка 1: @@
-== Введение ==
+<div id="ss-art-gallery" class="ss-wrap">
-=== Приветствуем! На этой странице мы храним <span style="color: #f8d860">все</span> арты связанные с сервером "Space stories". ===
+<div class="ss-header">
+<div class="ss-title">Введение</div>
+<div class="ss-sub">Приветствуем! На этой странице мы храним <span style="color:#f8d860">все</span> арты, связанные с сервером «Space stories».</div>
+<div class="ss-filters" aria-label="Фильтр авторов">
+<div class="ss-chip ss-chip-active" data-filter="all">Все</div>
+<div class="ss-chip" data-filter="Doner">Doner</div>
+<div class="ss-chip" data-filter="Vi_Launcher">Vi_Launcher</div>
+</div>
+</div>
-== <span style="color: #dca01b">Doner</span>==
-Фон в лобби #1
-[[Файл:Doner fisrt art.png]]
-Фон в лобби #2
+<div class="ss-section">
-[[Файл:Doner two.png]]
+<div class="ss-section-title"><span style="color:#dca01b">Doner</span></div>
+<div class="ss-grid">
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #1">
+<div class="ss-card-title">Фон в лобби #1</div>
+[[Файл:Doner fisrt art.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #2">
+<div class="ss-card-title">Фон в лобби #2</div>
+[[Файл:Doner two.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #3">
+<div class="ss-card-title">Фон в лобби #3</div>
+[[Файл:Doner three.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #4">
+<div class="ss-card-title">Фон в лобби #4</div>
+[[Файл:Doner four.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #5">
+<div class="ss-card-title">Фон в лобби #5</div>
+[[Файл:Doner five.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #6">
+<div class="ss-card-title">Фон в лобби #6</div>
+[[Файл:Doner six.png|400px]]
+</div>
+<div class="ss-card" data-artist="Doner" data-title="Фон в лобби #7">
+<div class="ss-card-title">Фон в лобби #7</div>
+[[Файл:Doner seven.png|400px]]
+</div>
+</div>
+</div>
-Фон в лобби #3
-[[Файл:Doner three.png]]
-Фон в лобби #4
+<div class="ss-section">
-[[Файл:Doner four.png]]
+<div class="ss-section-title"><span style="color:#dca01b">Vi_Launcher</span></div>
+<div class="ss-grid">
-Фон в лобби #5
+<div class="ss-card" data-artist="Vi_Launcher" data-title="История одного детектива">
-[[Файл:Doner five.png]]
+<div class="ss-card-title">Арт «История одного детектива»</div>
+[[Файл:Vi-Launcher one.png|400px]]
-Фон в лобби #6
+</div>
-[[Файл:Doner six.png]]
+<div class="ss-card" data-artist="Vi_Launcher" data-title="Иван Петрович">
+<div class="ss-card-title">Арт «Иван Петрович»</div>
-Фон в лобби #7
+[[Файл:Vl Launcher two.png|400px]]
-[[Файл:Doner seven.png]]
+</div>
-== <span style="color: #dca01b">Vi_Launcher</span> ==
+<div class="ss-card" data-artist="Vi_Launcher" data-title="S.P.A.F.">
-Арт "История одного детектива" [[Файл:Vi-Launcher one.png]]<br>
+<div class="ss-card-title">Арт «S.P.A.F.»</div>
+[[Файл:Vi Launcher three.png|400px]]
-Арт "Иван Петрович"
+</div>
-[[Файл:Vl Launcher two.png]]
+<div class="ss-card" data-artist="Vi_Launcher" data-title="Прибой Яков">
+<div class="ss-card-title">Арт «Прибой Яков»</div>
-Арт "S.P.A.F."<br>
+[[Файл:Vi Launcher four.png|400px]]
-[[Файл:Vi Launcher three.png]]<br>
+</div>
+<div class="ss-card" data-artist="Vi_Launcher" data-title="Жупт Игоревич">
-Арт "Прибой Яков"
+<div class="ss-card-title">Арт «Жупт Игоревич»</div>
-[[Файл:Vi Launcher four.png]]
+[[Файл:Vi Launcher five.png|400px]]
+</div>
-Арт "Жупт Игоревич"
+</div>
-[[Файл:Vi Launcher five.png]]
+</div>
+</div>