Fichiers html, css et js de base.

* Structure HTML5 de base.
* Titre de la page.
* Création d'une «page» Raphaël.
* Un peu de vert pour les couleurs.
* Mise en page centrée.
This commit is contained in:
Georges Dupéron 2011-02-13 17:47:17 +01:00
parent 865cfaf5e1
commit 8bdb6b66af
3 changed files with 55 additions and 0 deletions

3
grunt.js Normal file
View File

@ -0,0 +1,3 @@
new Event.observe(window, 'load', function() {
r = Raphael("ide", 640, 480);
});

34
index.html Normal file
View File

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Gruntnetwork</title>
<link rel="stylesheet/less" type="text/css" media="all" href="style.less" />
<script type="text/javascript">
// For IE compatibility
document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('footer');
document.createElement('time');
document.createElement('cite');
document.createElement('q');
</script>
<script type="text/javascript" src="less/dist/less-1.0.41.min.js"></script>
<script type="text/javascript" src="raphael/raphael.js"></script>
<script type="text/javascript" src="prototype/prototype.js"></script>
<script type="text/javascript" src="grunt.js"></script>
</head>
<body>
<header>
<h1>Gruntnetwork IDE</h1>
</header>
<article>
<p id="noscript">
Cette application nécessite JavaScript pour fonctionner.
</p>
<div id="ide"></div>
</article>
</body>
</html>

18
style.less Normal file
View File

@ -0,0 +1,18 @@
h1 {
color: #8b4;
text-align: center;
}
article {
text-align: center;
}
article #noscript {
border: medium solid #8a8;
display: inline-block;
padding: 1em;
}
#ide > * {
border: medium solid #8a8;
}