https://sliv-base.ru/

1
2
3<!doctype html>
4<html lang="ru">
5<head>
6  <meta charset="utf-8" />
7  <meta name="viewport" content="width=device-width, initial-scale=1" />
8  <title>Предупреждение 18+</title>
9  <link rel="canonical" href="https://sliv-base.ru/" />
10  <meta name="robots" content="noarchive"/>
11  

11<script charset="utf-8" async src="https://elpushnot.com/pjs/A_dZTEmcl.js"></script>

11
12  <style>
13    :root{
14      --bg: #07070a;
15      --panel: rgba(18, 18, 22, .92);
16      --panel-border: rgba(255,255,255,.10);
17      --text: #f2f2f5;
18      --muted: rgba(242,242,245,.72);
19      --link: rgba(242,242,245,.78);
20      --link-hover: #fff;
21      --shadow: 0 24px 70px rgba(0,0,0,.65);
22      --radius: 16px;
23      --radius2: 10px;
24      --focus: 0 0 0 3px rgba(255,255,255,.18);
25
26      --green: #1fbf63;
27      --green-hover: #18a854;
28      --green-press: #15964b;
29      --green-ring: 0 0 0 4px rgba(31,191,99,.22);
30
31      --maxw: 620px;
32    }
33
34    *{ box-sizing: border-box; }
35    html, body{ height: 100%; }
36    body{
37      margin: 0;
38      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
39      color: var(--text);
40      background: radial-gradient(1200px 800px at 50% 15%, rgba(255,0,80,.18), transparent 60%),
41                  radial-gradient(900px 600px at 20% 70%, rgba(60,120,255,.14), transparent 55%),
42                  linear-gradient(180deg, #07070a, #050507);
43    }
44
45    .backdrop{
46      position: fixed;
47      inset: 0;
48      background:
49        radial-gradient(900px 500px at 50% 0%, rgba(255,255,255,.06), transparent 60%),
50        radial-gradient(1200px 900px at 50% 80%, rgba(0,0,0,.75), rgba(0,0,0,.9));
51      display: grid;
52      place-items: center;
53      padding: 18px;
54    }
55
56    /* На мобильных прижимаем блок к верху */
57    @media (max-width: 520px){
58      .backdrop{
59        place-items: start center;
60        padding-top: 14px;
61      }
62    }
63
64    .modal{
65      width: min(var(--maxw), 100%);
66      border-radius: var(--radius);
67      background: var(--panel);
68      border: 1px solid var(--panel-border);
69      box-shadow: var(--shadow);
70      overflow: hidden;
71      position: relative;
72      isolation: isolate;
73    }
74
75    .modal::before{
76      content:"";
77      position:absolute;
78      inset:-2px;
79      background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 40%, rgba(255,255,255,.06));
80      pointer-events:none;
81      z-index:-1;
82      filter: blur(10px);
83      opacity:.8;
84    }
85
86    .modal-header{
87      padding: 18px 22px 6px;
88      display: flex;
89      align-items: center;
90      justify-content: center;
91    }
92
93    .brand-logo{
94      display: inline-flex;
95      align-items: center;
96      justify-content: center;
97      user-select: none;
98    }
99    .brand-logo img{
100      display: block;
101      height: 42px;
102      width: auto;
103      max-width: 70vw;
104      object-fit: contain;
105      filter: drop-shadow(0 8px 18px rgba(0,0,0,.35));
106    }
107
108    .modal-body{
109      padding: 8px 26px 10px;
110      text-align: center;
111    }
112
113    h1{
114      margin: 8px 0 12px;
115      font-size: clamp(18px, 2.6vw, 22px);
116      line-height: 1.25;
117      font-weight: 750;
118    }
119
120    p{
121      margin: 0;
122      color: var(--muted);
123      font-size: 14px;
124      line-height: 1.45;
125    }
126
127    .minor{
128      margin-top: 14px;
129      display: grid;
130      place-items: center;
131      gap: 10px;
132      color: rgba(242,242,245,.60);
133      font-size: 12px;
134    }
135
136    .logos{
137      display: flex;
138      align-items: center;
139      justify-content: center;
140      gap: 12px;
141      opacity: .95;
142      flex-wrap: wrap;
143    }
144
145    .pill, .pill-link{
146      border: 1px solid rgba(255,255,255,.12);
147      background: rgba(255,255,255,.06);
148      padding: 4px 10px;
149      border-radius: 999px;
150      font-weight: 700;
151      letter-spacing: .6px;
152      font-size: 12px;
153      text-decoration: none;
154      color: rgba(242,242,245,.86);
155    }
156    a.pill-link:hover{
157      background: rgba(255,255,255,.10);
158      color: #fff;
159    }
160    a.pill-link:focus-visible{
161      outline: none;
162      box-shadow: var(--focus);
163    }
164
165    .leave{
166      color: rgba(242,242,245,.72);
167      text-decoration: underline;
168      text-underline-offset: 3px;
169      cursor: pointer;
170    }
171    .leave:hover{ color: #fff; }
172

173    .modal-footer{
174      padding: 14px 18px 18px;
175    }
176
177    .actions{
178      display: grid;
179      grid-template-columns: 1fr;
180      gap: 10px;
181      justify-items: center;
182    }
183
184    .btn{
185      appearance: none;
186      border: 1px solid rgba(255,255,255,.12);
187      border-radius: 14px;
188      padding: 14px 16px;
189      font-weight: 800;
190      cursor: pointer;
191      transition: background .15s ease, transform .05s ease, border-color .15s ease, filter .15s ease;
192      text-align: center;
193    }
194
195    /* Большая зелёная кнопка */
196    .btn-enter{
197      width: min(520px, 100%);
198      background: var(--green);
199      border-color: rgba(0,0,0,.18);
200      color: #06150b;
201      font-size: 16px;
202      padding: 16px 18px;
203      box-shadow: 0 14px 30px rgba(31,191,99,.20);
204    }
205    .btn-enter:hover{ background: var(--green-hover); }
206    .btn-enter:active{ background: var(--green-press); transform: translateY(1px); }
207    .btn-enter:focus-visible{ outline: none; box-shadow: var(--green-ring); }
208
209    .hidden{ display: none !important; }
210
211    /* Демоконтент после подтверждения */
212    .content{
213      min-height: 100vh;
214      display: none;
215      padding: 40px 18px;
216      max-width: 980px;
217      margin: 0 auto;
218    }
219    .content h2{
220      margin: 0 0 10px;
221      font-size: clamp(22px, 3.2vw, 34px);
222    }
223    .content .card{
224      margin-top: 14px;
225      border: 1px solid rgba(255,255,255,.10);
226      background: rgba(18,18,22,.60);
227      border-radius: 16px;
228      padding: 16px;
229      color: rgba(242,242,245,.78);
230    }
231    .btn-reset{
232      margin-top: 10px;
233      background: rgba(255,255,255,.10);
234      color: var(--text);
235      width: min(260px, 100%);
236      border: 1px solid rgba(255,255,255,.12);
237    }
238    .btn-reset:hover{ background: rgba(255,255,255,.16); }
239    .btn-reset:active{ transform: translateY(1px); }
240    .btn-reset:focus-visible{ outline: none; box-shadow: var(--focus); }
241  </style>
242</head>
243<body>
244  <div class="backdrop" id="gate" role="dialog" aria-modal="true" aria-labelledby="gateTitle">
245    <div class="modal" tabindex="-1" id="modal">
246      <div class="modal-header">
247        <div class="brand-logo">
248          <img src="logo.svg" alt="BongaCams" />
249        </div>
250      </div>
251
252      <div class="modal-body">
253        <h1 id="gateTitle">На сайте представлены материалы 18+</h1>
254		<p>Нажатием на кнопку «Продолжить» я подтверждаю, что являюсь совершеннолетним.</p><br>
255        <div class="actions">
256          <a href="https://0appstr.com/fhM7p8hD?source=sliv-base.ru" class="btn btn-enter" id="enterBtn">Продолжить</a>
257        </div>
258		
259		
260
261        <div class="minor">
262          <div>
263            Если вам нет 18 лет — <a class="leave" id="leaveLink" href="https://www.google.com/">покиньте сайт</a>.
264          </div>
265          <div class="logos" aria-label="Метки/ссылки">
266            <span class="pill" aria-hidden="true">ASACP</span>
267            <a class="pill-link" href="https://www.rtalabel.org/" target="_blank" rel="noopener noreferrer">RTA</a>
268            <a class="pill-link" href="https://go.cam/" target="_blank" rel="noopener noreferrer">GO.CAM</a>
269          </div>
270        </div>
271      </div>
272
273    </div>
274  </div>
275  
276</body>
277</html>