38 lines
891 B
HTML
38 lines
891 B
HTML
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Logan's Website</title><style>@font-face {
|
|
font-family: 'merriweather';
|
|
src: url(/res/merriweather-regular.ttf);
|
|
}
|
|
|
|
body {
|
|
font-family: merriweather;
|
|
background-color: black;
|
|
height: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
main {
|
|
padding: 10px;
|
|
background-color: white;
|
|
margin: auto;
|
|
max-width: 750px;
|
|
}
|
|
|
|
.bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -9999;
|
|
}
|
|
</style><script>let bg;
|
|
let ctd;
|
|
window.onload = function() {
|
|
bg = document.getElementById("bg");
|
|
ctx = bg.getContext("2d");
|
|
|
|
ctx.fillStyle = "red";
|
|
ctx.fillRect(0, 0, bg.width, bg.height);
|
|
}
|
|
</script></head><body><main><h1>test</h1></main></body><canvas class="bg" id="bg"></html> |