From 7e0997e0c3352b0003087ba569d7778f5d4231d1 Mon Sep 17 00:00:00 2001 From: Luc Didry Date: Wed, 10 Aug 2016 12:54:54 +0200 Subject: [PATCH] Nouvelles modifs suite aux retours des testeurs --- client/css/framemo.css | 12 +++++++++++ server.js | 4 ++-- views/home.jade | 10 ++++----- views/index.jade | 49 +++++++++++++++++++++++++++++++++++++++++- 4 files changed, 67 insertions(+), 8 deletions(-) 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