-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (127 loc) · 7.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<head>
<title>Bartendu - The game</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="files/css/custom.css">
<link rel="icon" type="image/png/svg" href="files/img/CosmopolitainsLogoNoBackgroundNoText.svg">
<script>
function change(){
if (document.cookie == "theme=lite"){
theme();
}
}
function theme(){
var body = document.body;
var cookies = document.cookie;
if (body.classList == ""){
body.classList.add("bartendu2");
document.cookie = "theme=lite"
}
else{
body.classList.remove("bartendu2");
document.cookie = "theme=normal"
}
}
</script>
</head>
<body onload="change()">
<header>
<div class="container-fluid text-center bg-dark text-white top" style="margin-bottom:0;">
<h1 class="bartendu">Bartendu</h1>
<p>A 3D Unity game made by the Cosmopolitans</p>
<p><a class="btn btn-primary" href="download.html" role="button"> <img src="files/img/download.svg" width="25" height="25"> Download now!</a></p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark" style="margin-bottom:15px;">
<a class="navbar-brand bartendu" href="#" id="theme" onclick="theme()">Bartendu</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav active">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="download.html">Download</a>
</li>
<li class="nav-item">
<a class="nav-link" href="features.html">Features</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
General Info
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<!--<a class="dropdown-item" href="features.html">Features</a>-->
<a class="dropdown-item" href="project.html">Tasks & Issues</a>
<a class="dropdown-item" href="credits.html">Credits</a>
</div>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">About us</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- body and other stuff -->
<main role="main">
<div class="container marketing" >
<div class="jumbotron text-white bg-dark">
<div class="row">
<div class="col-md-6">
<h1>The project</h1>
<p class="lead mb-0">Bartendu is a cooking simulation game made with Unity3D 2019.3 in C#. It features notably an online multiplayer mode, various recipes and gameplay possibilites. A story mode is also available.</p>
<h1 style="margin-top: 15px;">The context</h1>
<p class="lead mb-0">This game has been made by EPITA students during 2<sup>nd</sup> semester. You will find here every document made during the project in addition to the game and credits.</p>
<p class="lead mb-0" style="margin-top: 15px;">Les Cosmopolitains thank you for your visit!</p>
</div>
<div class="col-md-5">
<img src="files/img/CosmopolitainsLogo.svg" class="img-fluid rounded" width="100%" height="100%">
</div>
</div>
<div class="row">
<div class="col-md-6" style="margin-top: 50px;">
<h3 class="pb-4 mb-4 font-italic border-bottom">News from the team!</h3>
<h2 class="blog-post-title">The end of a project!</h2>
<p class="blog-post-meta">1<sup>st</sup> June 2020 by Areas</p>
<p>The project is now available in its final version with some updates made to the website!</p>
<h2 class="blog-post-title">Second defense is showing up!</h2>
<p class="blog-post-meta">12<sup>th</sup> April 2020 by Areas</p>
<p>The project has advanced a lot since last presentation. We fixed a lot of bugs concerning multiplay, input system. And a new stage is getting ready for alpha #2</p>
</div>
<div class="col-md-5" style="margin-top: 50px;">
<ul class="list-group bg-dark">
<li class="list-group-item bg-blue active" style="border-color: black;">Useful links</li>
<li class="list-group-item bg-dark" style="border-color:black;"><a href="https://github.com/areas0/"><img src="files/img/git.png" width="25" height="25"></a><a href="https://github.com/areas0/" style="margin-left: 1vh;">Github (Repository)</a></li>
<li class="list-group-item bg-dark" style = "border-color: black;"><a href="download.html"><img src="files/img/download.svg" width="25" height="25"></a><a href="download.html" style="margin-left: 1vh;">Download Page</a></li>
<li class="list-group-item bg-dark" style = "border-color: black;"><a href="features.html#installation"><img src="files/img/question.svg" width="25" height="25"></a><a href="features.html#installation" style="margin-left: 1vh;">FAQ for installation</a></li>
<li class="list-group-item bg-dark" style = "border-color: black;"><a href="project.html"><img src="files/img/book.svg" width="25" height="25"></a><a href="project.html" style="margin-left: 1vh;">Schedule</a></li>
</ul>
</div>
</div>
<h3 class="pb-4 mb-4 border-bottom text-center">Here comes the trailer !</h3>
<center><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zIfgqVlUPeM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>
</div>
</div>
</main>
<!-- footer -->
<div class="jumbotron bg-dark text-white" style="margin-bottom:0;margin-top: 50px;width:100%;bottom:0;left:0;position: relative;">
<div class="row">
<div class="col-lg-5">
<p style="margin-bottom: 0;">Made with ❤ by Areas</p>
<h6>©Les Cosmopolitains <img src="files/img/CosmopolitainsLogoNoBackgroundNoText.svg" width="25px" height="25px"></h6>
<p>v1.2.0</p>
</div>
<div class="col align-self-start text-right" style="margin-top: 0;">
<a href="https://github.com/areas0/"><img src="files/img/git.png" width="50" height="50"></a>
<br>
<a href="https://www.epita.fr/"><img src="https://upload.wikimedia.org/wikipedia/fr/d/d8/Epita.png" width="5%" height="5%" style="margin-top: 8px;"></a>
</div>
</div>
</div>
</body>