[Snippet] Photosensitivity Warning

Tags: warning, snippet, photosensitivity, trigger, seizure, eye strain

Description:

Simple warning page before viewing the actual profile. Feel free to use it for whatever else you find important, like triggers, content notes, notices, *cough*dnis*cough*, or pretty pictures. Edit the :root variables for simple simple customization. Alter everything to your liking. On a personal note. Do not put too much information on possible triggers. They have to be concise, precise and helpful. Do not misuse the terms and tag your profile appropriately.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Lyonid (https://layouts.spacehey.com/layout?id=27619) -->

<div id="profile">
<h1>🚨 Photosensitivity Warning</h1>
<p>This profile includes the following visuals that may trigger photosensitive seizures.</p>
<ul>
<li>Flashing Images (Strobe)</li>
<li>Moving Repeated Patterns</li>
<li>Bright Colors (Eye Strain)</li>
<li>Chromatic Aberration (Glitching)</li>
</ul>
<a href="#profile">Gotcha</a>
<a href="https://spacehey.com/home">Back Home</a>
<img src="https://i1.lensdump.com/i/Tvn63z.jpeg"/>
</div>

<style> 

:root {
  --warning-background-color: white;
  --warning-text-color: black;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 107 comments ( View all | Add Comment )

yeon	1782492100 using Report Comment
Johnapede	1782442746 uuuuusing Report Comment
volta	1779542258 using!! Report Comment
vvampy	1771617980 using! Report Comment
jeremyyy	1770382086 using Report Comment
xXRoryRevengeXx	1769879237 using!!! Report Comment
Aiden X3	1769532900 im using but a black box is covering some of the text, anyone know how to fix?? Report Comment
Maysterin	1769252363 Using this Report Comment
clementine !!	1768205338 using!! Report Comment
𝗦𝘁𝘂𝗻𝗼𝗿𝗶🎭	1767872128 Using! Report Comment
Asagirih	1766723856 Using, tysm! Report Comment
X_RAINF0REST_X	1764385766 using Report Comment
andreilicangel	1763305310 using Report Comment
itsukidaisuki!!!!!!!!! 彡 #1 tsukasa glazer	1761650210 using! Report Comment
˙∘☆K1T_K4T (ALI/NEO)☆∘˙	1760429251 Using! Report Comment
StoryTeller	1758417736 using! Report Comment
vee	1757869875 usign Report Comment
spit ☥	1757849196 using! Report Comment
Maine!!	1753051275 Using! Report Comment