memo/views/home.jade

114 lines
4.5 KiB
Text
Raw Normal View History

doctype html
2011-03-10 08:20:27 -05:00
html(lang="en")
head
<!-- SCRIPTS -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
2016-08-04 12:18:46 +02:00
<link rel="stylesheet" type="text/css" href="css/framemo.css" />
2011-03-10 08:20:27 -05:00
<!-- FONTS -->
2016-08-03 16:12:11 +02:00
<link href='css/rock_salt.css' rel='stylesheet' type='text/css'>
<link href='css/covered_by_your_grace.css' rel='stylesheet' type='text/css'>
<!-- NAV -->
<script src="https://framasoft.org/nav/nav.js"></script>
2011-03-10 08:20:27 -05:00
2016-08-04 12:18:46 +02:00
title Framemo
2011-03-10 08:20:27 -05:00
body
2016-08-03 16:12:11 +02:00
div.container.ombre
header(role="banner")
h1
2016-08-04 12:18:46 +02:00
span.frama Fra
span.services memo
2016-08-03 16:12:11 +02:00
p.lead Mettez vos idées au clair
hr.trait(role="presentation")
main
div.row
div.col-md-12
div.board-outline
div#board
div#board-doodles
table#board-table.board-table
tr
td
form.home(onsubmit="return go();")
label Nommez votre nouveau tableau :
br
input.text(type="text", name="name")
a#go(onclick="return go();") &nbsp;Allons-y.
<br><br>
p.home Exemple :
p.home!= '<a href="http://' + locals.url + '/demo">' + locals.url + '/demo</a>'
div.stickers
div.sticker#sticker-red
div.sticker#sticker-blue
div.sticker#sticker-yellow
div.sticker#sticker-green
br
div.sticker#sticker-pink
div.sticker#sticker-lightblue
div.sticker#sticker-orange
div.sticker#sticker-purple
br
div.sticker#sticker-gold
div.sticker#sticker-bluestar
div.sticker#sticker-silverstar
div.sticker#sticker-redstar
2011-03-10 08:20:27 -05:00
2016-08-03 16:12:11 +02:00
//display # of active users here
div.active-connections= "connexions en cours : " + connected
//<div style="width: 980px; height: 450px; border: solid 2px; opacity:.1; margin-top: 100px"> this will be the backlog that only appears on drag or perhaps not at all</div>
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
2016-08-04 12:18:46 +02:00
b.violet Fra
b.vert memo
2016-08-03 16:12:11 +02:00
span est un service en ligne libre et minimaliste qui permet déditer et dorganiser 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 dautres personnes)
li Partagez ladresse de votre tableau avec vos correspondants
li Créez de nouvelles notes avec le bouton « Plus » en bas à droite
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 dune colonne pour la renommer
div#le-logiciel.col-md-4
h2 Le logiciel
p.text-center(role="presentation")
span.glyphicon.glyphicon-cloud
p
2016-08-04 12:18:46 +02:00
b.violet Fra
b.vert memo
2016-08-03 16:12:11 +02:00
span repose sur le logiciel <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> développé par Aliasaria.
p Scrumblr et ses composants sont <a href="https://github.com/aliasaria/scrumblr/blob/master/LICENSE.txt">sous licence libre</a>.
p
2016-08-04 12:18:46 +02:00
b.violet Fra
b.vert memo
2016-08-03 16:12:11 +02:00
span requiert lactivation du Javascript pour fonctionner ainsi qu'un navigateur web récent :
ul
li <a href="http://www.mozilla.org/firefox/">Firefox</a>,
li Opera,
li Chrome,
li Safari…
p Lutilisation dInternet Explorer nest 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 <a href="https://github.com/aliasaria/scrumblr">le site de développement</a>.
p Si vous souhaitez installer ce logiciel pour votre propre usage et ainsi gagner en autonomie, nous vous aidons sur :
p.text-center <a href="http://framacloud.org/cultiver-son-jardin/installation-de-scrumblr/" class="btn btn-success"><span class="glyphicon glyphicon-tree-deciduous"></span> framacloud.org</a></p>
<script type="text/javascript">function go() {var value = document.forms[0].elements["name"].value; value = escape(value); window.location.href = value; return false;}</script>