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

☆ARS3N1C_P01S0N1NG☆ [Bug + Mandela Catalogue era]	1713617728 Using!! Report Comment
チルノ ✩ neo 🧊	1713490420 using Report Comment
just_metal	1712350524 using :3 Report Comment
⋆˚࿔ akari 𝜗𝜚˚⋆	1712328521 using! Report Comment
bo	1712074160 using! Report Comment
Nittabby<3	1711994733 Using Tysm!! Report Comment
RAINY RAINER !!!!!! ☆⌒(ゝ。∂)	1711359438 Using!! Report Comment
el6xx	1711187277 using Report Comment
🕷🖤🔗🦇🔪 ♡𝕸𝖗.𝕮𝖗𝖔𝖜 ⛓🧷♥🕷️⚰	1710917704 Using! Report Comment
Sxge	1709838642 Using !! :D Report Comment
❝ Leviathan ❞ － 🩸	1709829648 using as a trigger warning :) Report Comment
@🍀ZombieBug🍔🐞	1709776981 Using, TYSM!! ♪( ´∀｀)人(´∀｀ )♪ Report Comment
LiL-HaL	1709332748 using, tysm for this! Report Comment
angie	1708869800 ty!! using Report Comment
healthymangos	1708304836 using, thank you. Report Comment
XxCandyzzxX	1707425732 using Report Comment
✮ Atticus	1706519182 using!! tysm! Report Comment
Soren the Square	1706419977 Using!!!! Report Comment
xerinaesuri	1705339194 using!! ^ _ ^ Report Comment
⋆˙✮ 🐍 Seth / Judas !! (autoplay!)	1704371478 using!! Report Comment