diff --git a/client/css/framemo.css b/client/css/framemo.css
index 25185dc..f10f8ca 100644
--- a/client/css/framemo.css
+++ b/client/css/framemo.css
@@ -18,3 +18,15 @@ h1 a.banner {
cursor: pointer;
text-decoration: none;
}
+.notice-bar {
+ color: #B82E12;
+ opacity: 0.75;
+ text-align: center;
+ margin-left: 0;
+ font-size: 1.3em;
+}
+#marker,
+#eraser,
+.active-connections {
+ display: none;
+}
diff --git a/server.js b/server.js
index f5ad98a..4c23b20 100644
--- a/server.js
+++ b/server.js
@@ -68,14 +68,14 @@ router.get('/', function(req, res) {
router.get('/demo', function(req, res) {
res.render('index.jade', {
- pageTitle: 'scrumblr - demo',
+ pageTitle: 'Framemo - demo',
demo: true
});
});
router.get('/:id', function(req, res){
res.render('index.jade', {
- pageTitle: ('scrumblr - ' + req.params.id)
+ pageTitle: ('Framemo - ' + req.params.id)
});
});
diff --git a/views/home.jade b/views/home.jade
index e9c26d2..0ef0118 100644
--- a/views/home.jade
+++ b/views/home.jade
@@ -75,12 +75,12 @@ body
span est un service en ligne libre et minimaliste qui permet d’éditer et d’organiser collaborativement des idées sous forme de post-it
ol
li Créez un tableau en choisissant son nom (attention, ne choisissez pas un nom trop générique, il risque d’être choisi par d’autres personnes)
- li Partagez l’adresse de votre tableau avec vos correspondants
- li Créez de nouvelles notes avec le bouton « Plus » en bas à gauche
+ li Votre tableau est sauvegardé en temps réel, il vous suffit de partager son adresse web.
+ li Créez une nouvelle note en cliquant sur le (+) à gauche (vous pouvez cliquez plusieurs fois pour en obtenir une d'une couleur différente) et déplacez la sur le tableau. Double-cliquez pour l'éditer.
li Déplacez-les en cliquant dessus et en les faisant glisser vers leur destination
li Éditez-les en double-cliquant dessus
- li Collez-y des gommettes de couleur en y glissant les gommettes en bas à droite
- li Organisez votre tableau avec des colonnes grâce aux boutons qui apparaissent lorsque votre curseur se situe à la droite du tableau (double-cliquez sur le nom d’une colonne pour la renommer
+ li Les gommettes (à droite) peuvent être placée sur les notes, pour représenter - par exemple - une personne ou une priorité.
+ li Organisez votre tableau avec des colonnes ! Pour ajouter ou supprimer une colonne, cliquez sur les (+) ou (-) qui apparaissent en plaçant votre souris à droite du tableau. Double-cliquez sur le nom d’une colonne pour la renommer
div#le-logiciel.col-md-4
h2 Le logiciel
@@ -89,7 +89,7 @@ body
p
b.violet Fra
b.vert memo
- span repose sur le logiciel Scrumblr développé par Aliasaria.
+ span repose sur le logiciel Scrumblr développé par Ali Asaria.
p Scrumblr et ses composants sont sous licence libre.
p
b.violet Fra
diff --git a/views/index.jade b/views/index.jade
index 892fe7f..10f8411 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -2,7 +2,7 @@ extends layout
block body
- if (locals.demo)
- div.notice-bar Ceci est un tableau de démonstration. N’y mettez rien d’imortant
+ div.notice-bar Ceci est un tableau de démonstration. N’y mettez rien d’important
//div.config
// i.fa.fa-cog.fa-lg.faded-icon
@@ -60,3 +60,50 @@ block body
//div.trash
// i.fa.fa-trash-o.fa-lg.faded-icon
+ hr(role="presentation")
+ div.row
+ div#tuto-faq.col-md-4
+ h2 Prise en main
+ p.text-center(role="presentation")
+ span.glyphicon.glyphicon-question-sign
+ div#aboutbox
+ p
+ b.violet Fra
+ b.vert memo
+ span est un service en ligne libre et minimaliste qui permet d’éditer et d’organiser collaborativement des idées sous forme de post-it
+ ol
+ li Créez un tableau en choisissant son nom (attention, ne choisissez pas un nom trop générique, il risque d’être choisi par d’autres personnes)
+ li Votre tableau est sauvegardé en temps réel, il vous suffit de partager son adresse web.
+ li Créez une nouvelle note en cliquant sur le (+) à gauche (vous pouvez cliquez plusieurs fois pour en obtenir une d'une couleur différente) et déplacez la sur le tableau. Double-cliquez pour l'éditer.
+ li Déplacez-les en cliquant dessus et en les faisant glisser vers leur destination
+ li Éditez-les en double-cliquant dessus
+ li Les gommettes (à droite) peuvent être placée sur les notes, pour représenter - par exemple - une personne ou une priorité.
+ li Organisez votre tableau avec des colonnes ! Pour ajouter ou supprimer une colonne, cliquez sur les (+) ou (-) qui apparaissent en plaçant votre souris à droite du tableau. Double-cliquez sur le nom d’une colonne pour la renommer
+
+ div#le-logiciel.col-md-4
+ h2 Le logiciel
+ p.text-center(role="presentation")
+ span.glyphicon.glyphicon-cloud
+ p
+ b.violet Fra
+ b.vert memo
+ span repose sur le logiciel Scrumblr développé par Ali Asaria.
+ p Scrumblr et ses composants sont sous licence libre.
+ p
+ b.violet Fra
+ b.vert memo
+ span requiert l’activation du Javascript pour fonctionner ainsi qu'un navigateur web récent :
+ ul
+ li Firefox,
+ li Opera,
+ li Chrome,
+ li Safari…
+ p L’utilisation d’Internet Explorer n’est pas recommandée.
+
+ div#jardin.col-md-4
+ h2 Cultivez votre jardin
+ p.text-center(role="presentation")
+ span.glyphicon.glyphicon-tree-deciduous
+ p Pour participer au développement du logiciel, proposer des améliorations ou simplement le télécharger, rendez-vous sur le site de développement.
+ p Si vous souhaitez installer ce logiciel pour votre propre usage et ainsi gagner en autonomie, nous vous aidons sur :
+ p.text-center framacloud.org