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

𝓬𝓱𝓮𝓻𝓻𝔂𝓬𝓸𝓴𝓮_𝓿𝓪𝓷𝓲𝓵𝓵𝓪	1751125114 using Report Comment
mistOmeter	1743984256 will be using Report Comment
xia/sage/ella/eli ♡	1742495917 using Report Comment
dayll	1741363497 Using Report Comment
jack	1737338175 using! Report Comment
RENARD QUEENSTON	1736839359 using!!! Report Comment
NotinVanity	1736644479 using ^^ Report Comment
Cco0orn	1735359802 using! Report Comment
Connelly <3	1735254675 using <3 Report Comment
P5ナット!☘️	1733503238 Using Report Comment
p34rlz <3	1733317456 Using!!! Report Comment
Bananan	1732916704 USING Report Comment
persaefone	1732909235 Usinggg i changed and added little things :3 Report Comment
kitty.zip 👾	1731916766 Using !! Report Comment
Mr.thunder	1731730904 USING!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
nova!!	1730756494 U2ING:) Report Comment
☆Xx_St4rlyS33kz_xX☆	1729977776 using ^^ Report Comment
XXBitterchocolateXX	1729750491 using XD Report Comment
C4tb0y0	1729433436 usingg Report Comment
max attax :3	1729252791 using!! Report Comment