Skip to content

Commit

Permalink
Added website folder
Browse files Browse the repository at this point in the history
glegrain committed Dec 19, 2013
1 parent 0b27b8a commit 1dd904c
Showing 11 changed files with 566 additions and 0 deletions.
154 changes: 154 additions & 0 deletions website/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<head lang="en-US">
<meta charset="utf-8">
<title>TelePac (A3P 2013 3J)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- CSS Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<!--[if lt IE 9]>
TODO
<![endif]-->
<style typr="text/css">
body {
color: #5a5a5a;
}

h2 {
font-weight: normal;
}

.featurette-heading {
margin-bottom: 20px;
font-size: 50px;
line-height: 1;
letter-spacing: -1px;
}

.featurette-divider {
margin: 80px 0;
}

</style>
</head>

<body>
<!-- NAVBAR -->
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">TelePac</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">Download</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index.html#adventurous">Adventure</a></li>
<li><a href="index.html#legendary">Mystery</a></li>
<li><a href="index.html#Addictive">Captivating</a></li>
<li><a href="index.html#legendary">A trip in the past</a></li>
</ul>
</li>
<li><a href="#">Source</a></li>
<li class="active"><a href="about.html">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="my-zuul-bad/doc/index.html">Support (Beta javadoc)</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<!-- END of NAVBAR -->


<div class="container">

<div class="row">
<div class="span3"></div>
<h2>Who we are: <span class="text-muted">Guillaume Legrain & Florian Martin</span></h2>
<p class="text-info">Two future <a href="http://esiee.fr">ESIEE Paris</a> engineers graduating 2016.</p>
<h2>Our goal:<span class="text-muted"> Learn Java</span></h2>
<p class="text-success">The idea behind the project is to learn Java while creating an addictive game.</p>

<div class="span9"></div>
</div>



<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2013 ESIEE · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer> <!-- End of footer -->
</div><!-- End of container -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Js Bootstrap -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<script>
//Smooth scrolling for anchor links
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
var locationPath = filterPath(location.pathname);
var scrollElem = scrollableElement('html', 'body');

$('a[href*=#]').each(function() {
var thisPath = filterPath(this.pathname) || locationPath;
if ( locationPath == thisPath
&& (location.hostname == this.hostname || !this.hostname)
&& this.hash.replace(/#/,'') ) {
var $target = $(this.hash), target = this.hash;
if (target) {
var targetOffset = $target.offset().top;
$(this).click(function(event) {
event.preventDefault();
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
location.hash = target;
});
});
}
}
});

// use the first element that is "scrollable"
function scrollableElement(els) {
for (var i = 0, argLength = arguments.length; i <argLength; i++) {
var el = arguments[i],
$scrollElement = $(el);
if ($scrollElement.scrollTop()> 0) {
return el;
} else {
$scrollElement.scrollTop(1);
var isScrollable = $scrollElement.scrollTop()> 0;
$scrollElement.scrollTop(0);
if (isScrollable) {
return el;
}
}
}
return [];
}

});
</script>
</body>
</html>
Binary file added website/apple.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/cherry.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
180 changes: 180 additions & 0 deletions website/contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<head lang="en-US">
<meta charset="utf-8">
<title>TelePac (A3P 2013 3J)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- CSS Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<!--[if lt IE 9]>
TODO
<![endif]-->
<style typr="text/css">
body {
color: #5a5a5a;
}

h2 {
font-weight: normal;
}

.featurette-heading {
margin-bottom: 20px;
font-size: 50px;
line-height: 1;
letter-spacing: -1px;
}

.featurette-divider {
margin: 80px 0;
}

</style>
</head>

<body>
<!-- NAVBAR -->
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">TelePac</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">Download</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index.html#adventurous">Adventure</a></li>
<li><a href="index.html#legendary">Mystery</a></li>
<li><a href="index.html#Addictive">Captivating</a></li>
<li><a href="index.html#legendary">A trip in the past</a></li>
</ul>
</li>
<li><a href="#">Source</a></li>
<li><a href="about.html">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="my-zuul-bad/doc/index.html">Support (Beta javadoc)</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<!-- END of NAVBAR -->


<div class="container">

<div class="row">
<h2>Contact us:</h2>
<hr>
<div class="col-md-4">
<address>
<strong>Guillaume Legrain</strong><br>
<a href="mailto:guillaume.legrain@edu.esiee.fr">guillaume.legrain@edu.esiee.fr</a>
</address>
<address>
<strong>Florian Martin</strong><br>
<a href="mailto:florian.martin@edu.esiee.fr">florian.martin@edu.esiee.fr</a>
</address>

<address>
<strong>ESIEE Paris</strong><br>
2 Boulevard Blaise Pascal,<br>
93162 Noisy-le-Grand, France<br>
<abbr title="Phone">P:</abbr> +33 1 45 92 65 00
</address>
</div>
<div class="col-md-4">
<form class="form">
<fieldset>
<legend>Who are You ?</legend>
<input type="text" id="inputEmail" placeholder="Email">

<legend>Your message: </legend>
<input type="text" id="inputSubject" placeholder="Subject">
<textarea rows="4" cols="60"></textarea>
<input type="checkbox"> Notify me
<button type="submit" class="btn">Send</button>
</fieldset>
</form>
</div>
</div>



<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2013 ESIEE · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer> <!-- End of footer -->
</div><!-- End of container -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Js Bootstrap -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<script>
//Smooth scrolling for anchor links
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
var locationPath = filterPath(location.pathname);
var scrollElem = scrollableElement('html', 'body');

$('a[href*=#]').each(function() {
var thisPath = filterPath(this.pathname) || locationPath;
if ( locationPath == thisPath
&& (location.hostname == this.hostname || !this.hostname)
&& this.hash.replace(/#/,'') ) {
var $target = $(this.hash), target = this.hash;
if (target) {
var targetOffset = $target.offset().top;
$(this).click(function(event) {
event.preventDefault();
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
location.hash = target;
});
});
}
}
});

// use the first element that is "scrollable"
function scrollableElement(els) {
for (var i = 0, argLength = arguments.length; i <argLength; i++) {
var el = arguments[i],
$scrollElement = $(el);
if ($scrollElement.scrollTop()> 0) {
return el;
} else {
$scrollElement.scrollTop(1);
var isScrollable = $scrollElement.scrollTop()> 0;
$scrollElement.scrollTop(0);
if (isScrollable) {
return el;
}
}
}
return [];
}

});
</script>
</body>
</html>
Binary file added website/ghost-green.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
232 changes: 232 additions & 0 deletions website/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,232 @@
<!DOCTYPE html>
<head lang="en-US">
<meta charset="utf-8">
<title>TelePac (A3P 2013 3J)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- CSS Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<!--[if lt IE 9]>
TODO
<![endif]-->
<style typr="text/css">
body {
color: #5a5a5a;
}

h2 {
font-weight: normal;
}

.jumbotron {
background-image: url("jumbotron-background.png");
background-repeat: no-repeat;
}

.jumbotron p {
line-height: 1;
}

.featurette-heading {
margin-bottom: 20px;
font-size: 50px;
line-height: 1;
letter-spacing: -1px;
}

.featurette-divider {
margin: 80px 0;
}

</style>
</head>

<body>
<!-- NAVBAR -->
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">TelePac</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">Download</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index.html#adventurous">Adventure</a></li>
<li><a href="index.html#legendary">Mystery</a></li>
<li><a href="index.html#Addictive">Captivating</a></li>
<li><a href="index.html#legendary">A trip in the past</a></li>
</ul>
</li>
<li><a href="#">Source</a></li>
<li><a href="about.html">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="my-zuul-bad/doc/index.html">Support (Beta javadoc)</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<!-- END of NAVBAR -->


<div class="jumbotron">
<div class="container text-right">
<!-- <div class="col-md-2">
<img alt="Pac-Man" src="pac-man.png">
</div>
<div class="col-md-10"> -->
<h1>TelePac (A3P 2013 3J)</h1>
<!-- <div class="col-md-3"><img alt="Pac-Man" src="pac-man.png"></div>
<div class="col-md-9"> -->
<p>Who would have ever thought Pac-Man could teleport himself to escape from the ghosts.</p>
<p>Choose wisely, the transporters can be faulty.</p>
<p>Feeling tired ? Eat some fruit to gain strength.</p>
<p><a class="btn btn-primary btn-lg">I want to play ...</a></p>
<!-- </div> -->
<!-- </div> -->
</div>
</div> <!-- End of jumbotron -->


<div class="container text-center">
<div class="row">
<div class="col-lg-4">
<img alt="Key" src="key.png">
<h2>Adventurous</h2>
<p>Try not to get lost in the maze !
As you explore the map you will be able to see more of it.
</p>
<p>
<a class="btn btn-default" href="index.html#adventurous">View details »</a>
</p>
</div>
<div class="col-lg-4">
<img alt="Ghost" src="ghost-green.png">
<h2>Legendary</h2>
<p>Based on the iconic Pac-Man game TelePac is a complete revolution. It'll blow your mind away.
</p>
<p>
<a class="btn btn-default" href="index.html#legendary">View details »</a>
</p>
</div>
<div class="col-lg-4">
<img alt="Cherry" src="cherry.png">
<h2>Addictive</h2>
<p>This simple game is one of the most captivating you will ever encounter.
You don't have to be a gamer to enjoy TelePac to it's full potential.
</p>
<p>
<a class="btn btn-default" href="index.html#Addictive">View details »</a>
</p>
</div>
</div>
<hr class="featurette-divider">
<div id="adventurous" class="row">
<div class="col-md-7">
<h2 class="featurette-heading">Adventurous. <span class="text-muted">It'll blow your mind.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5">
<img class="img-responsive" src="map.png" alt="Map">
</div>
</div>
<hr class="featurette-divider">
<div id="legendary" class="row">
<div class="col-md-5">
<img class="img-responsive" src="map.png" alt="500x500">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
</div>
<hr class="featurette-divider">
<div id="Addictive" class="row">
<div class="col-md-7">
<h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5">
<img class="img-responsive" src="map.png" alt="500x500">
</div>
</div>
<hr class="featurette-divider">

<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2013 ESIEE · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer> <!-- End of footer -->
</div><!-- End of container -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Js Bootstrap -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<script>
//Smooth scrolling for anchor links
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
var locationPath = filterPath(location.pathname);
var scrollElem = scrollableElement('html', 'body');

$('a[href*=#]').each(function() {
var thisPath = filterPath(this.pathname) || locationPath;
if ( locationPath == thisPath
&& (location.hostname == this.hostname || !this.hostname)
&& this.hash.replace(/#/,'') ) {
var $target = $(this.hash), target = this.hash;
if (target) {
var targetOffset = $target.offset().top;
$(this).click(function(event) {
event.preventDefault();
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
location.hash = target;
});
});
}
}
});

// use the first element that is "scrollable"
function scrollableElement(els) {
for (var i = 0, argLength = arguments.length; i <argLength; i++) {
var el = arguments[i],
$scrollElement = $(el);
if ($scrollElement.scrollTop()> 0) {
return el;
} else {
$scrollElement.scrollTop(1);
var isScrollable = $scrollElement.scrollTop()> 0;
$scrollElement.scrollTop(0);
if (isScrollable) {
return el;
}
}
}
return [];
}

});
</script>
</body>
</html>
Binary file added website/jumbotron-background.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/jumbotron-background.psd
Binary file not shown.
Binary file added website/key.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/map.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/pac-man.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 1dd904c

Please sign in to comment.