Merge pull request 'rajout du prototype de menu pour le jeu' (#26) from interface-du-menu into master
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
Reviewed-on: #26 Reviewed-by: BrokenBrad <eddyjiofak@gmail.com> Reviewed-by: Debucquoy Anthony <d.tonitch@gmail.com>
This commit is contained in:
commit
ac368a6d19
BIN
prototypes/interface-menu/BackGround-menu.jpg
Normal file
BIN
prototypes/interface-menu/BackGround-menu.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 MiB |
BIN
prototypes/interface-menu/Background-select-level.jpg
Normal file
BIN
prototypes/interface-menu/Background-select-level.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 423 KiB |
32
prototypes/interface-menu/Road-to-masterU/Level.html
Normal file
32
prototypes/interface-menu/Road-to-masterU/Level.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Level - Road to masterU</title>
|
||||
<link href="style-Level.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<section class="select-day">
|
||||
<h1>Day 1</h1>
|
||||
<a href="" class="lien-icone">></a>
|
||||
</section>
|
||||
<section class="select-level">
|
||||
<div class="level"><a href="">1</a></div>
|
||||
<div class="level"><a href="">2</a></div>
|
||||
<div class="level"><a href="">3</a></div>
|
||||
<div class="level"><a href="">4</a></div>
|
||||
<div class="level"><a href="">5</a></div>
|
||||
<div class="level"><a href="">6</a></div>
|
||||
<div class="level"><a href="">7</a></div>
|
||||
<div class="level"><a href="">8</a></div>
|
||||
<div class="level"><a href="">9</a></div>
|
||||
<div class="level"><a href="">10</a></div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<a href="Menu.html" class="back-to-accueil">Menu</a>
|
||||
</footer>
|
||||
|
||||
</body>
|
23
prototypes/interface-menu/Road-to-masterU/Menu.html
Normal file
23
prototypes/interface-menu/Road-to-masterU/Menu.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Menu - Road to masterU</title>
|
||||
<link href="style-menu.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<section class="title">
|
||||
<h1>ROAD TO MASTERU </h1>
|
||||
</section>
|
||||
<section class="setting">
|
||||
<a href="" class="setting-Play"><h2>Play</h2></a>
|
||||
<a href="Level.html" class="setting-level"><h2>Level</h2></a>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<a href="" class="lien-icone"><img src="../Trophee-pic.jpg" alt="trophy"></a>
|
||||
<a href="" class="lien-icone"><img src="" alt="link-setting"></a>
|
||||
</footer>
|
||||
|
||||
</body>
|
45
prototypes/interface-menu/Road-to-masterU/style-Level.css
Normal file
45
prototypes/interface-menu/Road-to-masterU/style-Level.css
Normal file
@ -0,0 +1,45 @@
|
||||
body{
|
||||
background-image: url("../Background-select-level.jpg");
|
||||
background-position: right;
|
||||
}
|
||||
h1,.lien-icone,.back-to-accueil{
|
||||
font-size: 75px;
|
||||
padding-top: 80px;
|
||||
color:gold;
|
||||
}
|
||||
footer{
|
||||
text-align: center;
|
||||
padding:50px
|
||||
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
color:black;
|
||||
}
|
||||
.select-day{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
|
||||
}
|
||||
.select-level{
|
||||
display:grid;
|
||||
grid-template-columns: 40px 40px 40px;
|
||||
grid-gap: 30px;
|
||||
justify-content: center;
|
||||
}
|
||||
.level{
|
||||
height: 60px;
|
||||
border:3px solid black;
|
||||
|
||||
}
|
||||
.level>a{
|
||||
font-size:30px;
|
||||
display: flex;
|
||||
justify-content:center;
|
||||
}
|
||||
.lien-icone{
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
27
prototypes/interface-menu/Road-to-masterU/style-menu.css
Normal file
27
prototypes/interface-menu/Road-to-masterU/style-menu.css
Normal file
@ -0,0 +1,27 @@
|
||||
body{
|
||||
background-image: url("../BackGround-menu.jpg");
|
||||
background-position: center;
|
||||
}
|
||||
h1{
|
||||
font-size: 75px;
|
||||
padding-top: 80px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
h1,h2{
|
||||
text-align: center;
|
||||
color: gold;
|
||||
}
|
||||
h2{
|
||||
font-size: 50px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
footer{
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
padding-bottom: 10px;
|
||||
right:10px;
|
||||
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
BIN
prototypes/interface-menu/Trophee-pic.jpg
Normal file
BIN
prototypes/interface-menu/Trophee-pic.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in New Issue
Block a user