Windows XP inspired warning screen

Tags: windows xp, windows, warning screen, webcore, old web, snippet

Description:

A warning screen inspired by Windows XP

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=90753) -->

<div id="profile">
<ul>

<center>
<h1> Hello user!</h1> 
<br/>
<p>This profile may contains:<br/>
</p><ul>
<li>Insert warning here</li>
</ul>
<br/>

<h1>DNI</h1>
<ul>
<li>Insert DNI criteria</li>
</ul>
<br/>
<br/>
<br/>Click below to go to my profile<br/>
<br/>
<br/>
<a href="#profile">Enter</a>
<br/>
<br/>
<a href="https://spacehey.com/home">Leave</a>

<style> 

#profile{
 position: fixed;
 background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e3bc38bf-b82a-4ce8-8719-5c3c1a9c262e/dfwbxim-020f9d18-eb2e-4677-9403-b04ba7c6677c.jpg/v1/fill/w_1280,h_800,q_75,strp/windows_xp_bliss_remake_wallpaper_v2_by_sambox436_dfwbxim-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODAwIiwicGF0aCI6IlwvZlwvZTNiYzM4YmYtYjgyYS00Y2U4LTg3MTktNWMzYzFhOWMyNjJlXC9kZndieGltLTAyMGY5ZDE4LWViMmUtNDY3Ny05NDAzLWIwNGJhN2M2Njc3Yy5qcGciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.O44IZt3RW2bYVdlCdpGludLRHui5N5zbNXcv4YV3SAs');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #ece9d8;
 color: black;
 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: 4px ridge #0353e6;
 background-color: #ece9d8;
}

</style>
</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

Comments disabled.