[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 64 comments ( View all | Add Comment )

PervBoy	1721893650 using Report Comment
Nyaky Mizuko	1721882499 using Report Comment
gone, read important notice	1721826924 using, edited it for reasons for me. Report Comment
Elias	1721452067 USING :D Report Comment
Blehmin	1721418067 Using this Report Comment
✰dizzy✰	1720334846 using !!!! Report Comment
Johnnycakey	1719958944 Using Report Comment
✶⋆.˚marine // traffic !!	1719885472 using !! Report Comment
Mentalwarning	1719622604 using Report Comment
liam w.	1718860102 using Report Comment
Silly Shape Shifter!!!	1718326262 Using!! Report Comment
🦄🌈k1zen8_Akien EPILEPSY ON MY PROFILE	1718088153 using!!!!!! Report Comment
naho	1717771281 usingg Report Comment
Betty ♡	1717137927 using! Report Comment
benny	1716760873 using! Report Comment
phea!	1716333839 usinggg Report Comment
REI	1715650219 using !! Report Comment
AshisWillgraham	1714963266 using!! Report Comment
puppypunk 🍉 (the analog horror mf)	1713617728 Using!! Report Comment
チルノ ✩ neo 🧊	1713490420 using Report Comment