Warning screen

Tags: warning screen, intro page, welcome screen, credit to tae for the template

Description:

This will show before someone enters your profile to warn them of flashing lights/autoplay music etc. You can customise the text to say whatever you want! Free for everyone to use just lmk in the comments. This can present differently depending on your pre-existing code and won't work for everyone!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by arlo atomickk (https://layouts.spacehey.com/layout?id=36485) -->

<div id="profile">
<ul>
<img src="https://collection.ju.mp/assets/images/gallery13/33194215.gif?v=0236594d"/>

<center>
<h1> HOLT! WHO GOES THERE! <br/>

</h1><p>This profile contains:<br/>

<img src="https://collection.ju.mp/assets/images/gallery19/0d547718.gif?v=0236594d" style="float:right; width:5%;"/>
<img src="https://collection.ju.mp/assets/images/gallery19/0d547718.gif?v=0236594d" style="float:left; width:5%"/>

<br/>Music autoplay
<br/>Flashing images (strobe)
<br/>Bright colors (eyestrain)
<br/> Glitching
<br/>Total epicness
<br/>

<br/>DNI
<br/>Insert DNI criteria<br/>
<br/><br/><br/>ᶜˡᶦᶜᵏ ᵇᵉˡᵒʷ ᵗᵒ ᵍᵉᵗ ᵗᵒ ᵐʸ ᵖʳᵒᶠᶦˡᵉ<br/>

<a href="#profile"><img src="https://collection.ju.mp/assets/images/gallery10/33874841.gif?v=0236594d"/>
</a><a href="https://spacehey.com/home"><img src="https://collection.ju.mp/assets/images/gallery10/cd75b22e.gif?v=0236594d"/></a>
<br/><br/>

<img src="https://collection.ju.mp/assets/images/gallery13/33194215.gif?v=0236594d"/>

</p><center><img src="https://collection.ju.mp/assets/images/gallery10/40ab91ed.gif?v=0236594d"/><p> Bye bye!</p>
<br/>

<style> 

#profile{
 position: fixed;
 background-image: url('https://i.ibb.co/Lg34s67/doom-Fire1993.gif');
 background-color: black;
 color: white;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 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 > ul {
 padding: 10px 50px;
 border: 5px double red;
 background-color: black;
}

</style></center></center></ul></div>

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

G✮RR1CK	1731741737 using :3 Report Comment
Literally Dust	1731636168 UUUUSING Report Comment
!S!113y!	1731377089 USING Report Comment
chay	1731280874 using! Report Comment
𐂯 TOBIAS / TOMMY	1731170960 Using!!!!! >< Report Comment
kazuma	1730669620 its not working for me? Report Comment
Star/Fettuccine	1730597619 using! Report Comment
Riley	1730485232 using, ty :) Report Comment
Swyk	1730418662 it dosent fit on the page, fix for it? Report Comment
gibbon	1729855855 using Report Comment
luke	1728775504 using!!!! Report Comment
▝▞▞▞ ♥ 𝕽𝖔𝖝 ♥▝▞▞▞	1728166650 using! ty for making this ^_^ Report Comment
sydney/shiloh (transphobic kool-aid man)	1726938701 using :] Report Comment
Koki	1726427527 Using Report Comment
malmo .ᐟ	1725723627 using!! Report Comment
MEGALOMANIAC	1725421058 USING. Report Comment
★EMM3TT!!!	1725248132 For mine, the Images aren't working. Anyway I could fix this? Report Comment
web	1723779125 using! Report Comment