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

Bananan	1732916704 USING Report Comment
persaefone	1732909235 Usinggg i changed and added little things :3 Report Comment
west ₊⊹	1732862176 using Report Comment
kitty.zip 👾	1731916766 Using !! Report Comment
Rainbow._rave.LPS:3	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
chel-c	1728400638 https://imgur.com/a/rByCh4u i keep having this issue with warning screens Dxxx can anyone help? Report Comment broo ur profile is so cool by siyuzii; 1728739325; Report thank you soo much!!!! by chel-c; 1728748989; Report
AK1V4MPPP_	1728392158 usingg! Report Comment
grey	1725950657 usingngnggng Report Comment
★EMM3TT!!!	1725247953 Using! Report Comment
efan ( ˶°ㅁ°) !!	1723658854 using!! Report Comment
max attax :3	1723584536 using with a few edits :3 Report Comment
AARON ALCIDE CEREZO’S MUSEUM	1723208589 Probably using Report Comment
ೄྀSilas	1722793168 Using Report Comment