ménage dans le repo + début de modification du contenu (suite du précédent commit)

README.md~

@@ -1,33 +0,0 @@
-# Node Todo App
-
-A Node app built with MongoDB and Angular. For demonstration purposes and a tutorial.
-
-Node provides the RESTful API. Angular provides the frontend and accesses the API. MongoDB stores like a hoarder.
-
-## Requirements
-
-- [Node and npm](http://nodejs.org)
-
-## Installation
-
-1. Clone the repository: `git clone git@github.com:scotch-io/node-todo`
-2. Install the application: `npm install`
-3. Start the server: `node server.js`
-4. View in browser at `http://localhost:8080`
-
-## Tutorial Series
-
-This repo corresponds to the Node Todo Tutorial Series on [scotch.io](http://scotch.io)
-
-Each branch represents a certain tutorial.
-- tut1-starter: [Creating a Single Page Todo App with Node and Angular](http://scotch.io/tutorials/javascript/creating-a-single-page-todo-app-with-node-and-angular)
-- tut2-services: Coming Soon
-- tut3-auth: Coming Soon
-- tut4-sockets: Coming Soon
-- tut5-redis: Coming Soon
-- tut6-organization: Coming Soon
-
-Happy Todo-ing!
-
-![Todo-aholic](http://i.imgur.com/ikyqgrn.png)
-# tera-website-test

app/models/todo.js

@@ -1,5 +0,0 @@
-var mongoose = require('mongoose');
-
-module.exports = mongoose.model('Todo', {
-	text : {type : String, default: ''}
-});

app/routes.js

@@ -1,57 +0,0 @@
-var Todo = require('./models/todo');
-
-function getTodos(res){
-	Todo.find(function(err, todos) {
-
-			// if there is an error retrieving, send the error. nothing after res.send(err) will execute
-			if (err)
-				res.send(err)
-
-			res.json(todos); // return all todos in JSON format
-		});
-};
-
-module.exports = function(app) {
-
-	// api ---------------------------------------------------------------------
-	// get all todos
-	app.get('/api/todos', function(req, res) {
-
-		// use mongoose to get all todos in the database
-		getTodos(res);
-	});
-
-	// create todo and send back all todos after creation
-	app.post('/api/todos', function(req, res) {
-
-		// create a todo, information comes from AJAX request from Angular
-		Todo.create({
-			text : req.body.text,
-			done : false
-		}, function(err, todo) {
-			if (err)
-				res.send(err);
-
-			// get and return all the todos after you create another
-			getTodos(res);
-		});
-
-	});
-
-	// delete a todo
-	app.delete('/api/todos/:todo_id', function(req, res) {
-		Todo.remove({
-			_id : req.params.todo_id
-		}, function(err, todo) {
-			if (err)
-				res.send(err);
-
-			getTodos(res);
-		});
-	});
-
-	// application -------------------------------------------------------------
-	app.get('*', function(req, res) {
-		res.sendfile('./public/index.html'); // load the single view file (angular will handle the page changes on the front-end)
-	});
-};

config/database.js

@@ -1,5 +0,0 @@
-module.exports = {
-
-	// the database url to connect
-	url : 'mongodb://node:nodeuser@mongo.onmodulus.net:27017/uwO3mypu'
-}

package.json

@@ -1,12 +1,11 @@
 {
-  "name"         : "node-todo",
-  "version"      : "0.0.0",
-  "description"  : "Simple todo application.",
+  "name"         : "tera-site",
+  "version"      : "0.0.1",
+  "description"  : "Site vitrine de TERA",
   "main"         : "server.js",
-  "author"       : "Scotch",
+  "author"       : "Etienne et Simon",
   "dependencies" : {
     "express"         : "~4.6.1",
-    "mongoose"        : "~3.8.13",
     "morgan"          : "~1.1.1",
     "body-parser"     : "~1.4.3",
     "method-override" : "~2.1.1"

public/Pages/contact.html

@@ -1,18 +1,29 @@
 <div class="row">
 	
-	<h2 class="section-heading">Nous contacter</h2>
-	<hr class="light">
-
-		<div class="col-lg-8 col-lg-offset-2 text-center">
-			<hr class="primary">
-			<p>Si vous avez des questions ou que vous désirez nous informer de quelque-chose, n'hésitez pas à nous contacter!</p>
-		</div>
-		<div class="col-lg-4 col-lg-offset-2 text-center">
+	<div class="col-lg-8 col-lg-offset-2 text-center">
+            <p>Si vous êtes prêt à mettre les mains dans la terre, sortez votre téléphone !<br />
+               Appelez-nous, et tapez l’adresse de Tera dans votre GPS.<br />
+               À bientôt !</p>
+	
+		<div class="col-md-3 text-center">
 			<i class="fa fa-phone fa-3x wow bounceIn"></i>
 			<p>09 84 12 43 60</p>
 		</div>
-		<div class="col-lg-4 text-center">
-			<i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
-			<p><a class="contactmail" href="mailto:your-email@your-domain.com">contact@tera.coop</a></p>
+		<div class="col-md-3 text-center">
+			<p><a class="contactmail" href="mailto:your-email@your-domain.com">
+			    <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
+                            <br />contact@tera.coop</a></p>
+		</div>
+		<div class="col-md-3 text-center">
+			<i class="fa fa-home fa-3x wow bounceIn" data-wow-delay=".1s"></i>
+			<p>Association Tera<br />
+                           Lieu-dit Lartel<br />
+                           47 370 Masquières</p>
+		</div>
+		<div class="col-md-3 text-center">
+			<i class="fa fa-map-marker fa-3x wow bounceIn" data-wow-delay=".1s"></i>
+			<p>Latitude 44,39378<br />
+                           Longitude 1,03693</p>
 		</div>
+        </div>
 </div>

public/Pages/intro.html

@@ -1,7 +1,7 @@
   <div class="row">
 		<div class="col-lg-12">
 			<h1>"Un écovillage pour le XXIème Siècle"</h1>
-			<p>Tera est un projet experimental sur 10 ans qui vise à construire un Ecovillage pour relocaliser à 85% 
+			<p>Tera est un projet expérimental qui vise à construire un éco-village pour relocaliser à 85% 
 			la production vitale à ses habitants, abaisser son empreinte écologique à moins d'une planète, valoriser 
 			cette production via une monnaie citoyenne locale qui sera émise via un revenu d'autonomie pour tous ses habitants. </p>
 			

public/Pages/partenaires.html

@@ -1,9 +0,0 @@
-<div class="row">
-	
-	<h2 class="section-heading">Nos partenaires</h2>
-	<hr class="light">
-	
-	<div class="col-lg-8 col-lg-offset-2 text-center">
-		
-	</div>
-</div>

public/Pages/participer.html

@@ -1,9 +1,47 @@
 <div class="row">
 	
-	<h2 class="section-heading">Participer</h2>
-	<hr class="light">
+    <div class="container-fluid">
+    <h2 class="section-heading">Adhérer, donner, participer, ...</h2>
+    <hr class="light">
 	
-	<div class="col-lg-8 col-lg-offset-2 text-center">
-		
-	</div>
+    <div class="row">
+	<div class="col-md-9">
+            <p>Pour votre confort et selon votre connaissance de Tera, nous vous recommandons la page Facebook pour suivre succinctement l’actualité.<br />
+ Les lettres mensuelles pour avoir un aperçu global des activités du lieu. Les lettres hebdomadaire pour suivre les activités de plus près.<br />
+            Si vous souhaitez être au cœur des discussions et des décisions du projet, le forum remplira ce rôle.
+            </p>
+        </div>
+        <div class="col-md-3 text-center">
+                <div class="col-md-6 col-xs-3">
+                    <p>
+                        <a href="https://www.facebook.com/teralecovillage">
+                        <i class="fa fa-facebook-official fa-3x wow bounceIn"></i>
+                        <br />Page Facebook</a>
+                    </p>
+                </div>
+                <div class="col-md-6 col-xs-3">
+                    <p>
+                        <a href="https://forum.tera.coop">
+                        <i class="fa fa-comments-o fa-3x wow bounceIn"></i>
+                        <br />Forum de discussion</a>
+                    </p>
+                </div>
+                <div class="col-md-6 col-xs-3">
+                    <p>
+                        <a href="http://alternativeshumanistes.us7.list-manage.com/subscribe?u=a47e63cabc733a3e203cb65d6&id=593f7449bc">
+                        <i class="fa fa-send-o fa-3x wow bounceIn"></i>
+                        <br />Lettres mensuelles</a>
+                    </p>
+                </div>
+                <div class="col-md-6 col-xs-3">
+                    <p>
+                        <a href="http://tera.us7.list-manage.com/subscribe?u=a47e63cabc733a3e203cb65d6&id=aa48386877">
+                        <i class="fa fa-send fa-3x wow bounceIn"></i>
+                        <br />Lettres hebdomadaires</a></p>
+                    </p>
+                </div>
+        </div>
+    </div>
+    </div>
+
 </div>

public/Pages/planact.html

@@ -1,57 +0,0 @@
-<div class="row">
-	
-	<h2 class="section-heading">Le plan d'action</h2>
-	<hr class="light">
-	
-	<div class="col-md-4 text-justify">
-		<h3 class="text-center">Phase I - 2014-2016 : Le reccueil des données ...</h3>
-		
-		<p>Durant les trois premières années, nous allons parcourir toute la France en vélo à assistance électrique et organiser des rencontres avec toutes les parties prenantes de notre société.
-		Pour les citoyens, des séminaires de trois jours permettront, au consensus, d'élaborer la constitution de l'écovillage tout en formalisant leurs attentes dans les six domaines suivants : la citoyenneté, le bien-être, l'alimentation, l'espace & l’énergie, la communication, les activités économiques et culturelles.
-		Parallèlement, nous rencontrerons des partenaires capables de bâtir l'écovillage et de relocaliser à 85% la production vitale de ses habitants. 
-		Pour ce faire, des représentants de collectivités territoriales, d'entreprises et d'associations seront interviewés et, le cas échéant, pourront prendre part à la construction proprement dite du village. 
-		Cette phase se clôturera par la mise en place d'un cahier des charges précis et chiffré permettant de passer à la phase suivante.
-		</p>
-	</div>
-	
-	<div class="col-md-4 text-justify overflow-x">
-		<h3 class="text-center">Phase II - 2017-2019 : Construction de l'écovillage</h3>
-		
-		<p>Les trois années suivantes seront consacrées à la recherche du lieu d'implantation le plus adapté, et à la construction de l'écovillage. 
-		Trois modes de construction seront proposés :</p>
-
-		<ul>
-		<li>Autoconstruction</li>
-		<li>Chantier collectif</li>
-		<li>Artisanat local</li>
-		</ul>
-
-		<p>Cette phase se clôturera par la mise en place d'un cahier des charges précis et chiffré permettant de passer à la phase suivante. 
-		Un comité scientifique, après la mise en place d'un protocole d'expérimentation, s'assurera des 5 points suivants :</p>
-
-		<ul>
-		<li>85% de la production sera une production durable issue du territoire de vie sur lequel le village sera implanté.</li>
-		<li>L'empreinte écologique de cette production et de la construction de l'écovillage n'excedera pas une planète.</li>
-		<li>La richesse produite par habitant sera égale ou supérieure à celle de la moyenne française.</li>
-		<li>Tous ses habitants auront un revenu d'autonomie à minima supérieur de un euro au seuil de pauvreté, 
-		leur permettant d'assurer au sein du village tous ce qui est nécessaire à leur vie.</li>
-		<li>Enfin, la perception par ses habitants de leur qualité de vie au sein du village, mesurée par la méthode SPIRAL de la Communauté Européenne, 
-		sera égale ou supérieure à la moyenne française.</li>
-		</ul>
-		
-	</div>
-	
-	<div class="col-md-4 text-justify">
-		<h3 class="text-center">Phase III - 2020-2022: Assurer la transmission</h3>
-		
-		<p>Une fois le village construit et la production vitale de ses habitants relocalisée, il s'agira de mettre en place des modules de formation.
-		Ils seront à destination de toute organisation ou citoyen voulant mettre à profit tout ou partie des savoirs et des savoir-faire élaborés pendant 
-		la phase d'expérimentation et validés par le collège scientifique. </p>
-		<p>Afin d'assurer cette transmission dans un souci d'équité et de justice, tous les modules et documents issus de cette expérimentation seront libres de droits,
-		et le financement de leur acquisition par les citoyens sera basé sur une participation libre et consciente.</p>
-		<p>La participation libre et consciente favorise un échange marchand dans lequel celui qui reçoit contribue financièrement à celui qui transmet en fonction
-		de ses ressources et de la valeur qu'il donne à ce qu'il a reçu. 
-		</br>Les deux acteurs de l'échange partagent ainsi la responsabilité de la pérennité du dispositif.
-		</p>
-	</div>
-</div>

public/Pages/principes.html

@@ -1,50 +0,0 @@
-<div class="row">
-	
-	<!--
-	<div class="col-md-3">
-		<img class="img-responsive photoenfant" src="/img/photoenfant.png">
-	</div>
-	-->
-	
-	<div class="teraprincipes col-md-4">
-		<img class="" src="/img/teraprincipes.png">
-	</div>
-	
-	<div class="col-md-8">
-		
-		<!--<h2 class="section-heading">Les 6 Principes</h2>
-		<hr class="light">-->
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare1.png">Redessiner la Démocratie</h4>
-
-		La citoyenneté de ses habitants s’exerce au travers de décisions visant le consensus, sinon le consentement, au minimum les 2/3 des voix….
-		</p>
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare2.png"> Bien Être & Vivre Ensemble</h4>
-
-		La santé prime sur toutes les décisions politiques. Le bien être de chacun est au coeur de la cohésion sociale...
-		</p>
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare3.png"> Produire localement le nécessaire</h4>
-
-		La souveraineté alimentaire est assurée par une production locale basée, par exemple, sur les principes de la permaculture...
-		</p>
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare4.png"> Habiter durablement</h4>
-
-		Les espaces de vie sont conçus de manière durable rendant ainsi efficace, sobre et donc suffisant l’usage des énergies renouvelables.
-		</p>
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare5.png"> Mutualiser nos ressources</h4>
-
-		La libre circulation des personnes, des biens et des informations est conçue dans une logique optimale de partage des ressources.
-		</p>
-		
-		<p><h4><img class="numsquare" src="/img/numsquare/numsquare6.png"> Choisir nos activités</h4>
-
-		Un revenu d’autonomie* en monnaie citoyenne locale assure à chacun ses besoins fondamentaux le laissant libre de choisir ses activités… 
-
-		* le revenu d'autonomie est un revenu de base inconditionnel. Pour en savoir plus : www.revenudebase.info
-		</p>
-	</div>
-</div>

public/Pages/projet.html

@@ -1,38 +1,84 @@
 <div class="row">
-	<div class="row-height">
+	<div class="container-fluid">
 	
-	<h2 class="section-heading">Le projet</h2>
+	<h2 class="section-heading">Les étapes du projet</h2>
 	<hr class="light">
-		                    
-	<!-- <div class="col-md-4"> -->
-		<div class="para-projet col-md-8">
-			<div class="inside">
-			<h3>La spirale est au cœur de la formalisation du projet. </h3>
+<div class="row">
+<div class="col-md-3">
+        <img class="img-responsive center-bloc" src="img/photos/roue_maison.jpg" alt="photo chantier" />
+        <br />
+        <img class="img-responsive center-bloc" src="img/photos/repas_collectif.jpg" alt="photo chantier" />
+</div>
+<div class="col-md-6">		                    
+<div class="jumbotron">
+    <h3>D'ici à 2020 cet éco-hameau expérimental :</h3>
+        <ul>
+            <li>aura relocalisé 85% de la production vitale à ses habitants ;</li>
+            <li>aura abaissé l'<a href="https://fr.wikipedia.org/wiki/Empreinte_%C3%A9cologique#Ordres_de_grandeur_mondiaux_et_tendances">empreinte écologique</a> de cette production à moins d'une planète ;</li>
+            <li>aura valorisé cette production en temps et en euro via une monnaie citoyenne locale ;</li>
+            <li>aura émis cette monnaie citoyenne sous la forme d'un revenu d'autonomie inconditionnel ;</li>
+            <li>aura permis ainsi à ses habitants de pouvoir choisir leurs activités ;</li>
+            <li>sera facteur du développement soutenable et de la cohésion sociale d'une <a href="https://fr.wikipedia.org/wiki/Zone_de_revitalisation_rurale">Zone de Revitalisation Rurale</a>.</li>
+        </ul>
+</div>
+</div>
+<div class="col-md-3">
+        <img class="img-responsive center-bloc" src="img/photos/chantier_maison.jpg" alt="photo chantier" />
+        <br />
+        <img class="img-responsive center-bloc" src="img/photos/chaise.jpg" alt="photo paysage" />
+</div>
+</div>
+<div class="row">
+	<div class="col-md-4 text-justify">
+	<div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 class="panel-title">Phase I : mi 2014 - 21 juin 2017</h3>        
+            </div>
+            <div class="panel-body">
+            <ul>
+                <li>Premier Tera Tour, pendant l'été 2014 : organisation de soixante réunions publiques. Émergence de l'ébauche d'une constitution à partir des motions proposées.</li>
+                <li>Second Tera Tour, pendant l'été 2015 : visite de soixante éco-lieux. Recueil des données, finalisation du cahier des charges du projet.</li>
+                <li>Troisième Tera Tour, prévu pour l'automne 2016 : tour d'europe des éco-lieux ; partenariats avec des parlementaires européens ; présentation de Tera au parlement européen.</li>
+                <li>Le 21 juin 2014, l'association loi 1901 Tera a été créée. Le projet s'est installé à Masquières le 15 octobre 2015, et Lartel est devenu officiellement le siège social de l'association pendant l'Assemblée Générale des 19 et 20 mars 2016.
+ Jusqu'à juin 2017, nous travaillons sur les outils qui vont nous permettre de mettre en place le premier éco-hameau de Tera. Nous nous formons (via des organismes spécialisés et l'échange de savoir entre adhérents) à la permaculture, à l'ossature bois et à l'autonomie énergétique. Nous travaillons également sur le choix définitif de la future commune partenaire de l'éco-hameau.</li>
+            </ul> 
+            </div>
+        </div>
+        </div>
+
+	<div class="col-md-4 text-justify">
+	<div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 class="panel-title">Phase II : 21 juin 2017 - mi 2020</h3>        
+            </div>
+            <div class="panel-body">
+            <ul>
+                <li>Création de la coopérative intégrale qui a pour but de constituer un patrimoine de communs productifs afin de concevoir, fabriquer et assembler toutes les composantes de l'éco-hameau expérimental.</li>
+                <li>Construction d'une dizaine de maisons, déploiement de l'autonomie énergétique et alimentaire, et mise en exploitation dans le but d'aller progressivement vers un revenu d'autonomie égal à un euro au-dessus du seuil de pauvreté.</li>
+                <li>Versement progressif de ce revenu d’autonomie à tous ses habitants en monnaie citoyenne contre-garantie à 85% par une production durable et relocalisée.</li>
+                <li>En 2020, en fonction des résultats de l'expérimentation et des recommandations du conseil scientifique, l'association démarrera la troisième phase du projet Tera.</li>
+            </ul>
+            </div>
+        </div>
+        </div>
+	<div class="col-md-4 text-justify">
+	<div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 class="panel-title">Phase III : mi 2020 - 2023</h3>        
+            </div>
+            <div class="panel-body">
+            <p>La troisième phase du projet Tera verra deux mouvements se compléter : l'essaimage pour d'autres projets d'éco-hameaux, et le developpement (depuis le premier éco-hameau expérimental).</p>
+            <ul>
+                <li>Adaptation progressive de la production en fonction des besoins des habitants et des enseignements de la seconde phase.</li>
+                <li>Modélisation des méthodes et moyens utilisés pour construire l'éco-hameau et mise en place d'une documentation libre de droits.</li>
+                <li>Création d'un centre citoyen de formation permanente à but non lucratif, financé sur la base de la participation libre et consciente.</li>
+                <li>Affectation des dons en euros à de nouveaux habitants de Tera ou à de nouveaux projets d'éco-hameaux.</li>
+            </ul>
+            </div>
+        </div>
+        </div>
 
-			<p class="text-faded" >
-				De part sa forme, elle permet un développement progressif s'organisant autour d' un noyau qui se constitue au fur et à mesure du temps. 
-				Préalablement conçu pour un nombre déterminé de personnes, son architecture doit pouvoir se dupliquer un peu à la manière des cités grecques d'antan. 
-			</p>
-			<p class="text-faded" >
-				L'écohameau de base est formé par sept modules d'habitat sur une surface de 3Ha. Son design général lui assurera une certaine autonomie : 
-				Des zones de production en permaculture couplées à des techniques d'Agroforesterie doivent pouvoir nourrir ses habitants. 
-			</p>
-			<p class="text-faded" >
-				Construites sur le modèle de la Ferme du Bec Hellouin (étudiée par L'institut National de la Recherche Agronomique), chaque unité de 1000 m² pourra nourrir 20 personnes avec en plus un enrichissement progressif des terres cultivées. 
-				Un système de phyto-épuration recyclera les eaux usées de l'ensemble des sept foyers.Les écohameaux se regrouperont harmonieusement entre eux pour former un écovillage constitué d'environ 300 habitants. 
-				Entre eux des zones seront laissées vierges de toute trace humaine afin que la faune et la flore puissent retrouver pleinement leur place. 
-			</p>
-			<p class="text-faded" >
-				L'écovillage formé par une dizaine de ces écohameaux assurera à ses habitants une autonomie beaucoup plus complète qui atteindra les 85% une fois l'écosite constitué de 1800 habitants. 
-				Le coeur battant de la cité rayonnera de son agora ouverte et de sa grande salle qui accueilleront une vie culturelle diversifiée et intense. 
-				Une hôtellerie et autour d'elle un centre de formations et d'activités ouvriront l'écosite sur son territoire de vie et plus encore sur le monde.
-			</p>	
-			</div>	
-		</div>
-		
-	<!-- Vidéo youtube -->
-		<div class="video-projet-tera embed-responsive col-md-4 col-height align="center">
-				<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/NlTjVkrDqTA" ></iframe>
-		</div>
+
+</div>
 	</div>
 </div>

public/Pages/todolist.html

@@ -1,46 +0,0 @@
-<!-- TODOList -->
-            <!-- HEADER AND TODO COUNT -->
-		<div class="jumbotron text-center">
-			<h1>A faire <span class="label label-info">{{ todos.length }}</span></h1>
-		</div>
-		
-
-		<!-- Liste -->
-		<div id="todo-list" class="column">
-			<div class="col-sm-4 col-sm-offset-4">				
-
-				<!-- LOOP OVER THE TODOS IN $scope.todos -->
-				<div class="checkbox" ng-repeat="todo in todos">
-					<label>
-						<input type="checkbox" ng-click="deleteTodo(todo._id)"> {{ todo.text }}
-					</label>
-				</div>
-
-				<p class="text-center" ng-show="loading">
-					<span class="fa fa-spinner fa-spin fa-3x"></span>
-				</p>
-
-			</div>
-		</div>
-
-		<!-- Formulaire de création -->
-		<div id="todo-form" class="row">
-			<div class="col-sm-8 col-sm-offset-2 text-center">
-				<form>
-					<div class="form-group">
-						
-						<!-- Lier cette valeur à formData.text dans ANGULAR -->
-						<input type="text" class="form-control input-lg text-center" placeholder="Ajoutez une tâche à faire" ng-model="formData.text">
-					</div>
-
-					<!-- createToDo() créé une souvelle tâche -->
-					<button type="submit" class="btn btn-primary btn-lg" ng-click="createTodo()">Ajouter</button>
-				</form>
-			</div>
-		</div>
-
-		<div id="sign" class="text-center text-muted">
-			<p>Démo par Poka</p>
-			<p>PhenixIT</p>
-		</div>
-   </div>

public/css/creative.css

@@ -12,50 +12,65 @@
 /* Pages persos */
 
 
-#principes{
+#vision{
 	min-height: 100%;
 	text-align: justify;
 }
 
-#principes h4{
-    font-weight: bold;
+#vision h3{
+    font-style: italic;
+    font-size: 20px;
+    text-align: center;
 }
-
-.teraprincipes{
-	
+#vision h4{
+    font-weight: bold;
 }
 
-/*.container-principes{
-	padding-left: 0;
-	margin-left: 0;
-}*/
-
 @media(min-width:992px) {
 #projet{
 	padding-right: 10px;
 }
 }
 
-.photoenfant{
-    max-height: 100%;
+.numsquare{
+	width: 35px;
+	margin-right: 10px;
 }
 
-.paraprojet{
-	
+#projet .panel {
+        color: #333;
 }
-
-.video-projet-tera{
-	height: 400px;
+#projet .jumbotron {
+        color: #333;
+        padding: 20px 50px;
 }
-
-.numsquare{
-	width: 35px;
-	margin-right: 5px;
+#projet .jumbotron h3 {
+        margin-bottom: 30px;
+        font-weight: bold;
+}
+#projet .panel-title {
+        font-size: 20px;
+        font-weight: 600;
+}
+#projet ul {
+        padding: 0px 15px 0px 0px;
+        margin: 0;
+        list-style-type: none;
+}
+#projet .jumbotron li {
+        padding: 0px 0px 0px 30px;
+        margin-bottom: 15px;
+        background: url('../img/bullet_tree.png') no-repeat left top;
+}
+#projet .panel li {
+        padding: 0px 0px 0px 30px;
+        margin-bottom: 15px;
+        background: url('../img/bullet_leaf.png') no-repeat left top;
 }
 
-
-
-
+#participer a {
+        color: #fff;
+}
 
 
 
@@ -101,6 +116,10 @@ h6 {
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 }
 
+h2.section-heading {
+    text-align: center;
+}
+
 p {
     margin-bottom: 20px;
     font-size: 16px;
@@ -113,12 +132,14 @@ color: #fff;
 
 .bg-primary {
     background-color: #558b2f;
-    text-align: center;
 }
 
 .bg-secondary {
     background-color: #eee;
-    text-align: center;
+}
+.bg-blue {
+    background-color: #185687;
+    color: #fff;
 }
 
 .bg-dark {
@@ -256,7 +277,7 @@ header {
     min-height: auto;
     text-align: center;
     color: #fff;
-    background-image: url(../img/header.jpg);
+    background-image: url(../img/header_bertrand.jpg);
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
@@ -269,6 +290,7 @@ header .header-content {
     width: 100%;
     padding: 100px 15px;
     text-align: center;
+    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
 }
 
 header .header-content .header-content-inner h1 {
@@ -276,7 +298,6 @@ header .header-content .header-content-inner h1 {
     margin-bottom: 0;
     text-transform: uppercase;
     font-weight: 700;
-    color: #212121;
 }
 
 header .header-content .header-content-inner hr {
@@ -287,7 +308,6 @@ header .header-content .header-content-inner p {
     margin-bottom: 50px;
     font-size: 16px;
     font-weight: 300;
-    color: #212121;
 }
 
 @media(min-width:768px) {

public/img/img_old/_sitemap.xml

@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-<sitemap><loc>[%_PROJET_WEB_%]/FR/sitemap.xml</loc><lastmod>2014-09-28</lastmod></sitemap></sitemapindex>

public/img/img_old/index.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta name="generator" content="WEBDEV"><meta http-equiv="Content-Type" content="text/html; charset="UTF-8"><title>...</title><meta http-equiv="refresh" content="0; url=/WD190AWP/wd190awp.exe/CONNECT/tera"></head><body></body></html>

public/img/img_old/palette-tera.css

@@ -1 +0,0 @@
-.-webdev-c-1{color:#27D14D;}.-webdev-bc-1{background-color:#27D14D;}.-webdev-c-2{color:#E43142;}.-webdev-bc-2{background-color:#E43142;}.-webdev-c-3,.-webdev-c-4{color:#EEEEEE;}.-webdev-bc-3,.-webdev-bc-4{background-color:#EEEEEE;}

public/img/img_old/sitemap.xml

@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-<sitemap><loc>http://www.tera.coop/TERA_WEB/FR/sitemap.xml</loc><lastmod>2014-09-28</lastmod></sitemap></sitemapindex>

public/index.html

@@ -1,15 +1,18 @@
 <!DOCTYPE html>
-<html lang="fr" ng-app="scotchTodo">
+<html lang="fr" ng-app="teraSite">
 
 <head>
 
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
+    <meta name="description" content="Tera, un éco-village pour le XXIème siècle">
     <meta name="author" content="">
 
-    <title>TERA</title>
+    <title>TERA - Habitons le présent</title>
+ 
+    <link rel="icon" href="img/favicon.png">
+
 
     <!-- Bootstrap Core CSS -->
     <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
@@ -36,7 +39,7 @@
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>	<!-- Charge angular -->
 
 	<script src="js/controllers/main.js"></script> <!-- Charge le controller -->
-	<script src="js/services/todos.js"></script> <!-- Charge le service todo -->
+	<script src="js/services/tera.js"></script> <!-- Charge le service tera -->
 	<script src="js/core.js"></script> <!-- Charge l'application pricipale -->
 
 </head>
@@ -66,19 +69,16 @@
                         <a class="page-scroll" href="#page-top"></a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#principes">Principes</a>
-                    </li>
-                    <li>
-                        <a class="page-scroll" href="#projet">Projet</a>
+                        <a class="page-scroll" href="#vision">Vision</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#planact">Plan d'action</a>
+                        <a class="page-scroll" href="#projet">Étapes du projet</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#participer">Participer</a>
+                        <a class="page-scroll" href="#aujourdhui">Aujourd'hui</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#partenaires">Partenaires</a>
+                        <a class="page-scroll" href="#participer">Adhérer, donner, participer, ...</a>
                     </li>
                     <li>
                         <a class="page-scroll" href="#contact">Contact</a>
@@ -94,26 +94,26 @@
         <div class="header-content">
             <div class="header-content-inner">
                 <div ng-include="'/Pages/intro.html'"></div>
-                <a href="#principes" class="btn btn-primary btn-xl page-scroll">Découvrez le Projet</a>
+                <a href="#vision" class="btn btn-primary btn-xl page-scroll">Découvrez le Projet</a>
             </div>
         </div>
     </header>
 
-    <section class="bg-secondary" id="principes">
+    <section class="bg-secondary" id="vision">
         <div class="container-fluid">
-            <div ng-include="'/Pages/principes.html'"></div>
+            <div ng-include="'/Pages/vision.html'"></div>
         </div>
     </section>
     
-    <section class="bg-primary" id="projet">
+    <section class="bg-blue" id="projet">
         <div class="container-fluid">		
-			<div ng-include="'/Pages/projet.html'"></div>
+	    <div ng-include="'/Pages/projet.html'"></div>
         </div>
     </section>
 
-    <section class="bg-secondary" id="planact">
+    <section class="bg-secondary" id="aujourdhui">
         <div class="container-fluid">
-            <div ng-include="'/Pages/planact.html'"></div>
+            <div ng-include="'/Pages/aujourdhui.html'"></div>
         </div>
     </section>
     
@@ -123,12 +123,6 @@
         </div>
     </section>
     
-    <section class="bg-secondary" id="partenaires">
-        <div class="container">
-            <div ng-include="'/Pages/partenaires.html'"></div>
-        </div>
-    </section>
-
     <section class="bg-primary" id="contact">
         <div class="container">
             <div class="row">

public/js/controllers/main.js

@@ -1,50 +1,15 @@
-angular.module('todoController', [])
+angular.module('teraController', [])
 
-	// inject the Todo service factory into our controller
-	.controller('mainController', ['$scope','$http','Todos', function($scope, $http, Todos) {
+	// inject the Tera service factory into our controller
+	.controller('mainController', ['$scope','$http','Tera', function($scope, $http, Tera) {
 		$scope.formData = {};
 		$scope.loading = true;
 
 		// GET =====================================================================
-		// when landing on the page, get all todos and show them
-		// use the service to get all the todos
-		Todos.get()
+		Tera.get()
 			.success(function(data) {
-				$scope.todos = data;
+				$scope.tera = data;
 				$scope.loading = false;
 			});
 
-		// CREATE ==================================================================
-		// when submitting the add form, send the text to the node API
-		$scope.createTodo = function() {
-
-			// validate the formData to make sure that something is there
-			// if form is empty, nothing will happen
-			if ($scope.formData.text != undefined) {
-				$scope.loading = true;
-
-				// call the create function from our service (returns a promise object)
-				Todos.create($scope.formData)
-
-					// if successful creation, call our get function to get all the new todos
-					.success(function(data) {
-						$scope.loading = false;
-						$scope.formData = {}; // clear the form so our user is ready to enter another
-						$scope.todos = data; // assign our new list of todos
-					});
-			}
-		};
-
-		// DELETE ==================================================================
-		// delete a todo after checking it
-		$scope.deleteTodo = function(id) {
-			$scope.loading = true;
-
-			Todos.delete(id)
-				// if successful creation, call our get function to get all the new todos
-				.success(function(data) {
-					$scope.loading = false;
-					$scope.todos = data; // assign our new list of todos
-				});
-		};
-	}]);
+	}]);

public/js/core.js

@@ -1 +1 @@
-angular.module('scotchTodo', ['todoController', 'todoService']);
+angular.module('teraSite', ['teraController', 'teraService']);

public/js/services/todos.js

@@ -1,17 +0,0 @@
-angular.module('todoService', [])
-
-	// super simple service
-	// each function returns a promise object 
-	.factory('Todos', ['$http',function($http) {
-		return {
-			get : function() {
-				return $http.get('/api/todos');
-			},
-			create : function(todoData) {
-				return $http.post('/api/todos', todoData);
-			},
-			delete : function(id) {
-				return $http.delete('/api/todos/' + id);
-			}
-		}
-	}]);

server.js

@@ -1,15 +1,13 @@
 // set up ======================================================================
 var express  = require('express');
 var app      = express(); 								// create our app w/ express
-var mongoose = require('mongoose'); 					// mongoose for mongodb
 var port  	 = process.env.PORT || 8081; 				// set the port
-var database = require('./config/database'); 			// load the database config
 var morgan   = require('morgan');
 var bodyParser = require('body-parser');
 var methodOverride = require('method-override');
 
 // configuration ===============================================================
-mongoose.connect(database.url); 	// connect to mongoDB database on modulus.io
+//mongoose.connect(database.url); 	// connect to mongoDB database on modulus.io
 
 app.use(express.static(__dirname + '/public')); 		// set the static files location /public/img will be /img for users
 app.use(morgan('dev')); // log every request to the console
@@ -18,10 +16,6 @@ app.use(bodyParser.json()); // parse application/json
 app.use(bodyParser.json({ type: 'application/vnd.api+json' })); // parse application/vnd.api+json as json
 app.use(methodOverride('X-HTTP-Method-Override')); // override with the X-HTTP-Method-Override header in the request
 
-
-// routes ======================================================================
-require('./app/routes.js')(app);
-
 // listen (start app with node server.js) ======================================
 app.listen(port);
 console.log("App listening on port " + port);