vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-13 19:13:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip: style changes

Browse source
This commit is contained in:
Victor Westerlund 2022-03-25 18:39:06 +01:00
parent cfc8d68840
commit cb87de3895
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/assets/css/wrongplace.css
View file

@ -11,28 +11,29 @@ body {
}
img {
position: relative;
z-index: 1;
width: clamp(20px, 50vh, 80vw);
image-rendering: pixelated;
pointer-events: none;
}
#pattern {
section {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#pattern p {
section p {
margin: 0;
display: flex;
justify-content: space-between;
}
#pattern p span {
section p span {
font-size: clamp(10px, 4vh, 10vw);
font-family: monospace;
font-weight: bold;
color: black;
color: rgba(0, 0, 0, .15);
}

7
public/error.html
View file

@ -17,12 +17,13 @@
</head>
<body>
<img src="assets/media/wrongplace.gif"/>
<div id="pattern"></div>
<script type="module">
import { default as WrongPlace } from "./assets/js/WrongPlace.mjs";
const main = document.getElementById("pattern");
window._wrongplace = new WrongPlace(main);
const pattern = document.createElement("section");
document.documentElement.appendChild(pattern);
window._wrongplace = new WrongPlace(pattern);
</script>
</body>
</html>