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

Cryz	1766723856 Using, tysm! Report Comment
X_RAINF0REST_X	1764385766 using Report Comment
andre_must_dye	1763305310 using Report Comment
𖥻 ׁ ׅ 𝓳𝓸𝓵𝓵𝔂ASH !!! ׁ ׅ 🍤	1761650210 using! Report Comment
˙∘☆K1T_K4T☆∘˙	1760429251 Using! Report Comment
StoryTeller	1758417736 using! Report Comment
kieran / juno	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
𝒱𝒾𝒸𝓉𝑜𝓇𝒾𝒶𝓃_𝓅𝑒𝒶𝓇𝓁	1752251664 using Report Comment
mistOmeter	1743984256 will be using Report Comment
xia	1742495917 using Report Comment
Dieane	1741363497 Using Report Comment
jack	1737338175 using! Report Comment
Franco Barbi's husband	1736839359 using!!! Report Comment
NotinVanity	1736644479 using ^^ Report Comment
Cco0orn	1735359802 using! Report Comment