Files
RaccoonWebsite/en/eau.html
Anonymus Raccoon f3e488c46d Adding images for EAU
Removing unnecesary cdn references.
2019-05-26 18:24:48 +02:00

100 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<title>Eau - RaccoonSDG</title>
<link rel="alternate" href="www.raccoon-sdg.fr/fr/eau" hreflang="fr" />
<link rel="shortcut icon" type="image/png" href="../drawables/Eau/logo.png"/>
<meta name="theme-color" content="#3949AB"/>
<meta name="Description" content="Eau is a launcher that allow you to start games without carring of witch launcher you need to start.">
<link rel="stylesheet" href="../scss/custom.css" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
</head>
<body>
<header id="nav" style="height: 56px;"></header>
<main role="main">
<div class="container-fluid cover" style="background-image: url(../drawables/Eau/Header.jpg);">
<div class="row align-items-center text-center text-light">
<div class="col-6 mx-auto">
<h1>Eau</h1>
<p>Eau is a launcher that allow you to start games without carring of witch launcher you need to start.</p>
<a class="btn btn-outline-primary download-btn" href="https://github.com/AnonymusRaccoon/Eau/releases/latest">Download</a>
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center">
<div class="col-md-6 order-md-2 mx-auto section-img">
<img style="max-height: 35rem; max-width: 100%;" src="../drawables/Eau/Games.PNG" />
</div>
<div class="col-md-6 text-center text-md-left pt-2 pb-4">
<h2>Gather all your games together</h2>
<p>The app gather every game you own in the sameplace.
<br/><i>For now, only Steam is supported</i></p>
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center">
<div class="col-md-6 mx-auto section-img">
<img style="max-height: 35rem; max-width: 100%;" src="../drawables/Eau/RecentGames.png" />
</div>
<div class="col-md-6 text-center text-md-right pt-2 pb-4">
<h2>Recently played games</h2>
<p>The app show you what you played recently. Gain time and stop searching for a game everytime you want to play.</p>
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center">
<div class="col-md-6 order-md-2 mx-auto section-img">
<img style="max-height: 35rem; max-width: 100%;" src="../drawables/Eau/Settings.PNG" />
</div>
<div class="col-md-6 text-center text-md-left pt-2 pb-4">
<h2>Connect to launchers and the app will remember you.</h2>
<p>The app will use cookies (if you use the web interface) or use a local file to remember you.</p>
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center">
<div class="col-md-7 mx-auto section-img">
<img class="align-left" style="max-width: 40rem;" src="../drawables/Eau/ProjectBoard.PNG" />
</div>
<div class="col-md-5 text-center text-md-right pt-2 pb-4">
<h2>Detailled progression</h2>
<p>We use a project board to show our progression. You can see what we need to do really quickly (if you want to help, feel free to do so).</p>
<a class="btn btn-outline-primary w-100 h-100 mx-2 mb-2 py-md-3" href="https://github.com/AnonymusRaccoon/EAU/projects/2">Check</a>
</div>
</div>
</div>
</main>
<footer class="bg-dark" id="footer"></footer>
<script>
$(function()
{
$("#nav").load("/fragments/navBar.html", () =>
{
$(".eau").addClass("active");
});
$("#footer").load("/fragments/footer.html");
$(document).on("click touchstart", function()
{
$(".mobile-nav").collapse("hide");
});
});
</script>
<script src="../js/horizontalScrolling.js"></script>
</body>
</html>