Skip to content

P
projet-cdaw
Commit ef884de4 authored by quentin.vrel's avatar quentin.vrel
Browse files
Options

page d'accueil du projet

parent c02760a5
Hide whitespace changes
Inline Side-by-side
Showing with 76 additions and 0 deletions
FrontEnd/images/background.png 0 → 100644
View file @ ef884de4
This diff is collapsed.
FrontEnd/images/background_no_shadow.png 0 → 100644
View file @ ef884de4
This diff is collapsed.
FrontEnd/index.html 0 → 100644
View file @ ef884de4
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Shojumaru&display=swap" rel="stylesheet">
</head>
<body>
<div class="login-page">
<div class="title">
<h1>
Riichi Mahjong
</h1>
</div>
<div class="menu">
<button>
Se connecter
</button>
<button>
S'inscrire
</button>
</div>
</div>
</body>
</html>
\ No newline at end of file
FrontEnd/style.css 0 → 100644
View file @ ef884de4
html, body {
width:100%;
height: 100%;
overflow: hidden;
}
html {
background-image: url('./images/background_no_shadow.png');
box-shadow: inset 0 0 1000px #000000;
}
.login-page{
top: 200px;
position: relative;
}
.title{
font-family: 'Shojumaru', cursive;
font-size: 36px;
text-shadow: 5px 5px 0px #CCCCCC, 5px -5px 0px #CCCCCC, -5px 5px 0px #CCCCCC, -5px -5px 0px #CCCCCC;
}
.title h1{
max-width: max-content;
margin: 0 auto;
text-align: center;
}
.menu{
position: relative;
top: 40px;
margin: 0 auto;
width: 30%;
display: flex;
flex-direction: column;
}
.menu button {
text-align: center;
font-family: 'Shojumaru', cursive;
font-size: 30px;
height: 100px;
background-color: rgba(204, 204, 204, 0.5);
border: none;
margin: 15px 32px;
}
.menu button:hover{
background-color: rgba(204, 204, 204, 0.8);
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment