commit 8bdb6b66af771640701041c219ca17e5f59f216f
parent 865cfaf5e137392b30c5fca31bf181e2da06a3dc
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date: Sun, 13 Feb 2011 17:47:17 +0100
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.
Diffstat:
3 files changed, 55 insertions(+), 0 deletions(-)
diff --git a/grunt.js b/grunt.js
@@ -0,0 +1,3 @@
+new Event.observe(window, 'load', function() {
+ r = Raphael("ide", 640, 480);
+});
diff --git a/index.html b/index.html
@@ -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>
diff --git a/style.less b/style.less
@@ -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;
+}
