DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Compacted warning page.

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

36
assets/components/container/warning.vue
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;
}