forked from DebaucheryLibrarian/traxxx
Compacted warning page.
This commit is contained in:
@@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div class="warning-container">
|
||||
<div class="warning">
|
||||
<div
|
||||
class="logo"
|
||||
v-html="logo"
|
||||
/>
|
||||
|
||||
<strong class="title">This website contains sexually explicit content</strong>
|
||||
|
||||
<span class="copy agree">By entering, you agree to the following</span>
|
||||
<strong class="title">
|
||||
<div
|
||||
class="logo"
|
||||
v-html="logo"
|
||||
/>contains sexually explicit content
|
||||
</strong>
|
||||
|
||||
<ul class="rules">
|
||||
<li class="rule">You are at least 18 years old, and legally permitted to view adult material in your jurisdiction.</li>
|
||||
<li class="rule">You are prepared see, hear and read erotic and sexual material, and do not regard such content as obscene or offensive.</li>
|
||||
<li class="rule">You do not regard erotic, sexual and pornographic material as obscene or offensive.</li>
|
||||
<li class="rule">You understand that most sexual scenarios depicted on this website are fictional, performed by professional actors for the purpose of entertainment, and not representative of real-life interactions.</li>
|
||||
<li class="rule">Respect your sexual partners, communicate about each other's desires and limits, and take precautions to prevent sexually transmitted infections and unintended pregnancies.</li>
|
||||
</ul>
|
||||
|
||||
<span class="preferences">You can adjust your content preferences later</span>
|
||||
|
||||
<div class="actions">
|
||||
<a
|
||||
href="https://www.google.com"
|
||||
@@ -40,8 +39,6 @@
|
||||
<span class="button-sub">I prefer straight content</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<span class="preferences">You can adjust your content preferences later</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -84,21 +81,22 @@ export default {
|
||||
|
||||
.logo {
|
||||
width: 8rem;
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
fill: var(--primary);
|
||||
margin: 1rem auto 0 auto;
|
||||
margin: -.125rem .5rem 0 0;
|
||||
}
|
||||
|
||||
.title,
|
||||
.copy,
|
||||
.rules {
|
||||
padding: 1rem;
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
margin: 0 0 1rem 0;
|
||||
margin: 1rem 0 0 0;
|
||||
color: var(--text-light);
|
||||
}
|
||||
|
||||
@@ -203,7 +201,7 @@ export default {
|
||||
.preferences {
|
||||
color: var(--lighten);
|
||||
display: block;
|
||||
padding: .5rem 0 2rem 0;
|
||||
padding: .5rem 0 1rem 0;
|
||||
text-align: center;
|
||||
font-size: .9rem;
|
||||
}
|
||||
|
||||
@@ -164,12 +164,16 @@ export default {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .05rem .25rem .1rem .15rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
box-sizing: border-box;
|
||||
padding: .1rem;
|
||||
border-radius: 0 0 .5rem 0;
|
||||
color: var(--text-light);
|
||||
background: var(--primary);
|
||||
font-size: .8rem;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -372,7 +376,6 @@ export default {
|
||||
.tile.new .poster::after {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
padding: .1rem .25rem .05rem .15rem;
|
||||
border-radius: 0 .5rem 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user