Compacted warning page.

This commit is contained in:
DebaucheryLibrarian
2021-03-18 04:01:35 +01:00
parent 5a2e93e900
commit 90b3d8a4d6
3 changed files with 30 additions and 29 deletions

View File

@@ -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;
}

View File

@@ -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;
}
}