????
| Current Path : /home/carpe/www/starship/ |
| Current File : /home/carpe/www/starship/menu.php |
<!DOCTYPE html>
<html>
<head>
<title>Watching Us</title>
<meta charset="utf-8">
</head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nabla&family=Quicksand:wght@300..700&family=VT323&display=swap" rel="stylesheet">
<style>
body{
background:black;
width:100%;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
padding:0;
margin:0;
}
#contain{
width:800px;
height:500px;
background:#F2F2F2;
background:black;
display:flex;
justify-content:center;
align-items:center;
border: 5px solid #d0c2c2;
}
#start_menu{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
width:400px;
}
#start_menu img{
width:100%;
}
#start_menu button{
width:100%;
background:none;
border:none;
outline:none;
color:#d0c2c2;
font-family: "VT323", monospace;
font-size:2.5rem;
transition:.5s all;
cursor:pointer;
}
#start_menu button:hover{
transform:scale(1.1);
transition:.5s all;
}
</style>
<body>
<div id='contain'>
<div id='start_menu'>
<img id='logo' src="images/logo.png">
<button id='continuer'>Continuer</button>
<button id='new'>Nouvelle partie</button>
</div>
</div>
</body>
<script>
let login = document.getElementById('continuer');
let register = document.getElementById('new');
login.addEventListener("click", function() {
window.location.href = "login.php";
});
register.addEventListener("click", function() {
window.location.href = "register.php";
});
</script>
</html>