HyperSet
/
hyper-set
6
3
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases Wiki Activity

Page tutorial avec image

Browse Source
pull/73/head
Raphael LACOTE 2 years ago
parent e3e5d1320f
commit 73497d3c5e
5 changed files with 84 additions and 13 deletions
Show Stats Download Patch File Download Diff File

9
index.html
Unescape View File

@ -10,6 +10,9 @@
</head>
<body>
<!--<iframe src="./views/navBar.html"></iframe>-->
<header>
<ul id="nav-bar">
<li><a href="./index.html">Home</a></li> <!-- maybe put a logo -->
@ -36,9 +39,9 @@
</div>
<div id="right" class="column">
<button class="action-button">Join Public Game</button>
<button class="action-button">New Public Game</button>
<button class="action-button">New Private Game</button>
<button class="action-button">Create solo game</button>
<button class="action-button">Join game</button>
<button class="action-button">New Game</button>
</div>
</div>

BIN
resources/logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

26
styles/index.css
Unescape View File

@ -107,4 +107,28 @@ h1 {
display: flex;
flex-direction: column;
margin-top: auto;
}
}
#tuto-block {
height: 86.7vh;
background-color: white;
border: 0.5rem solid black;
}
#p-block {
height: 75%;
width: 75%;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
#picture-logo {
display: block;
margin: auto;
}

20
views/navBar.html
Unescape View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="../styles/style.css">
<link rel="stylesheet" type="text/css" href="../styles/index.css">
</head>
<header>
<ul id="nav-bar">
<li><a href="./index.html">Home</a></li>
<li><a href="./views/cards-test.html">Card Test</a></li>
<li><a href="./tutorial.html">Tutorial</a></li>
<li><a href="./views/leaderboard.html">Leaderboard</a></li>
<li><a href="./views/about.html">About</a></li>
</ul>
</header>
</html>

42
views/tutorial.html
Unescape View File

@ -3,22 +3,46 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Game</title>
<meta charset="utf-8">
<title>Tutorial</title>
<!-- <base href="https://codefirst.iut.uca.fr/containers/HyperSet-hyperset/"> -->
<link rel="stylesheet" type="text/css" href="/styles/style.css">
<link rel="stylesheet" type="text/css" href="/styles/index.css">
<link rel="stylesheet" type="text/css" href="../styles/style.css">
<link rel="stylesheet" type="text/css" href="../styles/index.css">
</head>
<header>
<ul id="nav-bar">
<li><a href="./index.html">Home</a></li> <!-- maybe put a logo -->
<li><a href="./views/cards-test.html">Card Test</a></li>
<li><a href="./views/tutorial.html">Tutorial</a></li>
<li><a href="./views/leaderboard.html">Leaderboard</a></li>
<li><a href="./views/about.html">About</a></li>
<li><a href="../index.html">Home</a></li>
<li><a href="./cards-test.html">Card Test</a></li>
<li><a href="./tutorial.html">Tutorial</a></li>
<li><a href="./leaderboard.html">Leaderboard</a></li>
<li><a href="./about.html">About</a></li>
</ul>
</header>
<body>
<div id="tuto-block">
<div id="p-block">
<img src="../resources/logo.png"
id="picture-logo"
width="200"
height=auto
alt="Picture not found" /><br /><br />
<p>
Cette application web vous permet de joueur au célèbre jeu Set.<br />
Votre but est d'engendrer un maximum de points avant la fin du temps imparti,
pour cela, vous devez réunir des ensembles de 3 cartes.<br />
Un ensemble est constitué de trois cartes où chaque caractéristique est soit identique, soit différente pour chacune des cartes.<br />
Par exemple, un ensemble pourrait être composé d'une carte rouge pleine en forme de losange avec un remplissage rayé,
une carte verte vide en forme d'ovale avec un remplissage plein et une carte violette pleine en forme de vague avec un remplissage vide.<br />
A vous de jouer !!!
</p>
</div>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save