warning screen before going into profile

Tags: intro page, customizable, welcome screen, creds to grave

Description:

origin code - https://layouts.spacehey.com/layout?id=27619 creds 4 inspo - https://spacehey.com/hating_simulator

Preview:

click on the image for a larger preview

Code:

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

<div id="profile">

<ul>

<center>
<h1> wait.</h1>


<img src="INSERTIMAGEURL" style="float:right;width:30%;"/>
<img src="INSERTIMAGEURL" style="float:left;width:30%;"/>



<p>info info info info info<br/>

<br/>info info info info info<br/>
<br/> info info info info info
<br/>info info info info info





<br/>info info info info info <br/>info info info info info
<br/> info info info info info<br/><br/>info info info info info
<br/>info info info info info
info info info info info<br/><br/>
info info info info info

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




<a href="#profile"> wanna see profile</a>
<br/><a href="https://spacehey.com/home">i want to turn back..</a>
<br/><br/><br/>

</p><center><img src="INSETIMAGEURL"/>
<br/>

<a href="https://spacehey.com/obsessive">creds to tae!</a>





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


<style> 

:root {
  --warning-background-image: white;
  --warning-text-color: black;
}

#profile {
 position: fixed;
 background-image: url('INSET BACKGROUND IMAGE URL');
 background-color: #fac3d1;
 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 #ffc4d0;
 border-radius: 20px;
 background-color: white;
}
</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

Comments disabled.