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

jeremyyy	1770382086 using Report Comment
XxRory_RevengexX	1769879237 using!!! Report Comment
Neo 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
magnolia!! ^_^	1768205338 using!! Report Comment
𝗦𝘁𝘂𝗻𝗼𝗿𝗶🎭	1767872128 Using! Report Comment
Cryz	1766723856 Using, tysm! Report Comment
X_RAINF0REST_X	1764385766 using Report Comment
andre_must_dye	1763305310 using Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂ASAHI/ASH!!! ☆彡 #1 Tsukasa Fan (trust)	1761650210 using! Report Comment
˙∘☆K1T_K4T☆∘˙	1760429251 Using! Report Comment
StoryTeller	1758417736 using! Report Comment
vee	1757869875 usign Report Comment
spit ☥	1757849196 using! Report Comment
fifui / d5vvp	1755017046 Using, thank you! Report Comment
Maine!!	1753051275 Using! Report Comment
ೄSilas	1752767529 Using Report Comment
mistOmeter	1743984256 will be using Report Comment
xia	1742495917 using Report Comment