adrien/daedalus
adrien/daedalus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

restart link

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-06-06 00:56:44 +02:00
parent 602629129f
commit 74c466cf8d
3 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -20,7 +20,7 @@
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
<span id="message">Libre !</span> <span id="message"><a href="" title="Rejouer">Libre !</a></span>
<script type="module" src="main.js"></script> <script type="module" src="main.js"></script>

5
main.js
View File

@ -424,8 +424,9 @@ function gameEnd() {
addEventListener("animationend", (event) => { addEventListener("animationend", (event) => {
//clearInterval( updateSunIntervalId ); clearInterval( updateSunIntervalId );
//document.exitPointerLock(); document.exitPointerLock();
container.style.cursor = "default";
}); });

27
style.css
View File

@ -6,29 +6,22 @@ body {
font-size: 13px; font-size: 13px;
line-height: 24px; line-height: 24px;
overscroll-behavior: none; overscroll-behavior: none;
cursor: pointer;
} }
#container { #container {
position: absolute; position: absolute;
z-index: 0; z-index: 0;
cursor: pointer;
} }
@keyframes escaped{ @keyframes escaped{
0% { 0% {
opacity: 0%; opacity: 0%;
height: 10vh; top: 90vh;
padding-top: 90vh;
}
33%, 66% {
opacity: 100%;
height: 70vh;
padding-top: 30vh;
} }
100% { 100% {
opacity: 0%; opacity: 100%;
height: 70vh; top: 30vh;
padding-top: 30vh;
} }
} }
@ -37,17 +30,21 @@ body {
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100vh;
font-size: 10vh; font-size: 10vh;
font-family: Georgia, serif; font-family: Georgia, serif;
color: gray;
background: transparent; background: transparent;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
} }
#message a {
color: gray;
text-decoration: none;
}
#message.escaped { #message.escaped {
display: flex; display: flex;
animation: escaped 15s; opacity: 100%;
opacity: 0%; top: 30vh;
animation: escaped 5s;
} }