58 lines
1.5 KiB
Markdown
58 lines
1.5 KiB
Markdown
---
|
|
title: boot screen
|
|
layout: barebones
|
|
---
|
|
|
|
<style>
|
|
#bg {
|
|
position: absolute; left: 0;
|
|
width: 100vw; height: 100vh;
|
|
|
|
background-image: url("assets/images/decor/site_newlayout_bg.png");
|
|
background-attachment: fixed; background-size: auto 100vh;
|
|
background-position: center; background-repeat: no-repeat-x;
|
|
}
|
|
|
|
#bg img {
|
|
position: absolute;
|
|
left: 0; bottom: 0;
|
|
height: 90%;
|
|
}
|
|
#bg a { position: initial !important; }
|
|
|
|
html::before {
|
|
animation-name: flicker; animation-duration: 3s;
|
|
animation-iteration-count: infinite; animation-timing-function: initial;
|
|
|
|
transition: none;
|
|
background-color: #fcca5f
|
|
}
|
|
|
|
@keyframes flicker {
|
|
39% { background-color: #de8015 }
|
|
40% { background-color: #b4f998 }
|
|
60% { background-color: #de8015 }
|
|
100% { background-color: #de8015 }
|
|
}
|
|
|
|
#textbox {
|
|
border: 30px solid transparent;
|
|
padding: 15px;
|
|
border-image-source: url("https://neoskitties.org/graphics/borders/tile001.png");
|
|
border-image-slice: 8 fill;
|
|
|
|
position: absolute; font-size: 2rem
|
|
}
|
|
|
|
html { overflow: hidden; image-rendering: pixelated; }
|
|
</style>
|
|
|
|
<div id="bg">
|
|
<a href="index2">
|
|
<img src="/assets/images/decor/site_newlayout_fg.png">
|
|
</a>
|
|
</div>
|
|
|
|
<div id="textbox" style="right: 20%; top: 20%">Click on the computer to<br>go to the main page</div>
|
|
<div id="textbox" style="right: 20%; top: 60%">There may be autoplaying music once I get around to coding it</div>
|