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

Udo	1787614947 hey, im trying to use this for TWs on my blog but when i try to go an d edit the post, it would just let me edit the TW page... not the content of the blog/the code... what can i do? Report Comment Heya!! Sorry for the late reply. This code is basically only useful for writing TWs for the whole page. It's literally just a big screen that pops up. I'll look into ways to add TWs for distinct post when I find the time! ^^ by Lyonid; 1790720766; Report wujuu okok! thanks a lot 4 the reply by Udo; 1790873030; Report
Aztrid !! ^_^ 🌈	1786385700 using :D Report Comment
yeon	1782492100 using Report Comment
Era/Millicent	1782442746 uuuuusing Report Comment
volta	1779542258 using!! Report Comment
vvampy	1771617980 using! Report Comment
jeremyjaded	1770382086 using Report Comment
xXRoryRevengeXx	1769879237 using!!! Report Comment
Aiden 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
clementine !!	1768205338 using!! Report Comment
𝗦𝘁𝘂𝗻𝗼𝗿𝗶🎭	1767872128 Using! Report Comment
Asagirih	1766723856 Using, tysm! Report Comment
X_RAINF0REST_X	1764385766 using Report Comment
andreilicangel	1763305310 using Report Comment
itsuki!!!!!!!!! ⌗ [ CEO OF MIZUKASA ]	1761650210 using! Report Comment
˙∘☆K1T_K4T (NEO)☆∘˙	1760429251 Using! Report Comment
StoryTeller	1758417736 using! Report Comment
tawny	1757869875 usign Report Comment