Commit b5ea441f authored by  JosephK's avatar JosephK

Mindmaps

parent e88d4419
Framindmap
==========
Framindmap permet de créer des cartes mentales (aussi appelées « cartes heuristiques »).
C'est la version traduite en français et précompilée du logiciel mindmaps de David Richard :
https://github.com/drichard/mindmaps
Le logiciel est sous licence AGPLv3
Cette version est nettoyée des éléments spécifiques à Framasoft (page d'accueil, barre de navigation et script de tracking).
La traduction s'est faite directement dans le code html du fichier framindmap.html (= index.html de la version drichard).
L'installation se fait par simple copier/coller des fichiers sur un serveur web (c'est juste du html/css/javascript).
Ce logiciel est proposé comme service en ligne par l'association Framasoft depuis 2012 sur le site :
http://framindmap.org/
<!doctype html>
<html manifest="cache.appcache">
<head>
<meta charset="utf-8">
<title>mindmaps</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/about.css">
<meta property="og:title" content="mindmaps" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://drichard.org/mindmaps/" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="mindmaps" />
<meta property="fb:admins" content="100000701955188" />
<body>
<div id="wrap">
<div id="container">
<div id="head">
<header>
<h1>
<a href=".">Framindmap</a>
</h1>
</header>
</div>
<div id="content">
<div class="section">
<header>
<h2>&Agrave; propos</h2>
</header>
<div class="text">
<p>
Framindmap est une application de "<a href="http://fr.wikipedia.org/wiki/Mind_mapping">mind mapping</a>" qu'on peut traduire en français par "carte heuristique" ou "carte mentale".
</p>
<p>
Il s'agit de la version française, traduite par l'association Framasoft, de l'application "<a
href="http://github.com/drichard/mindmaps">mindmaps</a>" créée par David Richard.
</p>
</div>
</div>
<div class="section">
<header>
<h2>Licence</h2>
</header>
<div class="text">
<p>Framindmap est placé sous licence libre <a href="http://www.gnu.org/licenses/agpl-3.0.html">AGPL</a></p>
</div>
</div>
<div class="section">
<header>
<h2>Configuration minimale</h2>
</header>
<div class="text">
<p>Vous avez besoin d'un navigateur récent supportant les fonctionnalités du HTML5.
Chrome 10+, Firefox 3.6+, Safari 5+, Opera 10.6+, IE9+ devraient fonctionner correctement.</p>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</div>
</body>
</html>
CACHE MANIFEST
# timestamp {{timestamp}}
CACHE:
index.html
about.html
css/Aristo/images/bg_fallback.png
css/Aristo/images/icon_sprite.png
css/Aristo/images/progress_bar.gif
css/Aristo/images/slider_handles.png
css/Aristo/images/ui-icons_222222_256x240.png
css/Aristo/images/ui-icons_454545_256x240.png
css/Aristo/jquery-ui-1.8.7.custom.css
css/minicolors/images/circle.gif
css/minicolors/images/gradient.png
css/minicolors/images/line.gif
css/minicolors/images/rainbow.png
css/minicolors/images/trigger.png
css/minicolors/jquery.miniColors.css
css/common.css
css/app.css
css/about.css
img/favicon.png
img/creator-nub-sprite.png
img/grid.gif
img/plus-minus.png
img/transparent.png
js/script.js
media/downloadify.swf
http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
NETWORK:
*
\ No newline at end of file
/*
* USER STYLES
*/
html,body {
height: 100%
}
a {
color: inherit;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
#wrap {
background: #75a8c4; /* Old browsers */
background: -moz-linear-gradient(top, #75a8c4 7%, #ffffff 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #75a8c4),
color-stop(100%, #ffffff) ); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #75a8c4 7%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #75a8c4 7%, #ffffff 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #75a8c4 7%, #ffffff 100%);
/* IE10+ */
filter: progid : DXImageTransform.Microsoft.gradient (
startColorstr =
'#75a8c4', endColorstr = '#ffffff', GradientType
=
0 );
/* IE6-9 */
background: linear-gradient(top, #75a8c4 7%, #ffffff 100%); /* W3C */
height: auto !important;
min-height: 100%;
}
#container {
background-color: white;
padding: 25px 25px;
padding-bottom: 0px;
width: 650px;
margin-left: auto;
margin-right: auto;
box-shadow: #CCC 4px 0 10px, #CCC -4px 0 10px, #AAA 0 38px 36px -24px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
width: 650px;
}
.section {
padding-bottom: 15px;
border-bottom: 1px dashed #CCC;
margin-bottom: 15px;
}
.section:last-child {
border-bottom: none;
margin-bottom: 0;
}
#head {
margin-bottom: 25px;
}
#head a {
text-decoration: none;
}
h1 {
font-size: 52px;
font-weight: bold;
font-family: sans-serif;
border-bottom: 4px solid #DDDDDD;
color: #6f6faa;
text-shadow: 2px 1px 1px #a4a4a4;
}
h2 {
font-size: 24px;
font-family: sans-serif;
padding-bottom: 10px;
font-weight: bold;
color: #6f6faa;
text-shadow: 2px 1px 1px #a4a4a4;
}
.text {
font-size: 16px;
font-family: Georgia, serif;
line-height: 1.2em;
}
.text p {
margin: 5px auto;
}
.text .feature {
text-align: center;
margin: 15px auto;
background-color: #F2F2F2;
padding: 5px;
box-shadow: 1px 1px 6px #AAA;
border-radius: 2px;
}
.text .feature:hover {
box-shadow: 1px 1px 6px #75A8C4;
}
#footer {
position: relative;
padding: 10px 0px;
background: #EEE;
margin-top: 35px;
height: 66px;
border-top: 1px solid #CCC;
margin: auto -25px;
}
#social {
position: absolute;
left: 10px;
}
#social .button {
float: left;
margin-right: 5px;
}
#copyright {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 11px;
color: #888;
font-family: sans-serif;
left: 10px;
}
#html5-badge {
float: right;
}
This diff is collapsed.
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display: block;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
USER STYLES
*/
button {
margin: 0;
}
/*
UTIL
*/
.no-select {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.link {
text-decoration: underline;
cursor: pointer;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display: block;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
USER STYLES
*/
button {
margin: 0;
}
/*
UTIL
*/
.no-select {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.link {
text-decoration: underline;
cursor: pointer;
}
.right {
float: right;
}
.miniColors-trigger {
height: 22px;
width: 22px;
background: url("images/trigger.png") center no-repeat;
vertical-align: middle;
margin: 0 .25em;
display: inline-block;
outline: none;
}
.miniColors-selector {
position: absolute;
width: 175px;
height: 150px;
background: #FFF;
border: solid 1px #BBB;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
box-shadow: 0 0 6px rgba(0, 0, 0, .25);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px;
z-index: 999999;
}
.miniColors-selector.black {
background: #000;
border-color: #000;
}
.miniColors-colors {
position: absolute;
top: 5px;
left: 5px;
width: 150px;
height: 150px;
background: url("images/gradient.png") center no-repeat;
cursor: crosshair;
}
.miniColors-hues {
position: absolute;
top: 5px;
left: 160px;
width: 20px;
height: 150px;
background: url("images/rainbow.png") center no-repeat;
cursor: crosshair;
}
.miniColors-colorPicker {
position: absolute;
width: 11px;
height: 11px;
background: url("images/circle.gif") center no-repeat;
}
.miniColors-huePicker {
position: absolute;
left: -3px;
width: 26px;
height: 3px;
background: url("images/line.gif") center no-repeat;
}
\ No newline at end of file
<!doctype html>
<html id="mindmaps">
<head>
<meta charset="utf-8">
<title>Framindmap</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/Aristo/jquery-ui-1.8.7.custom.css" />
<link rel="stylesheet" href="css/minicolors/jquery.miniColors.css">
<script id="template-float-panel" type="text/x-jquery-tmpl">
<div class="ui-widget ui-dialog ui-corner-all ui-widget-content float-panel no-select">
<div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix">
<span class="ui-dialog-title">${title}</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
<span class="ui-icon"></span>
</a>
</div>
<div class="ui-dialog-content ui-widget-content">
</div>
</div>
</script>
<script id="template-notification" type="text/x-jquery-tmpl">
<div class="notification">
{{if closeButton}}
<a href="#" class="close-button">x</a>
{{/if}}
{{if title}}
<h1 class="title">{{html title}}</h1>
{{/if}}
<div class="content">{{html content}}</div>
</div>
</script>
<script id="template-open-table-item" type="text/x-jquery-tmpl">
<tr>
<td><a class="title" href="#">${title}</a></td>
<td>${$item.format(dates.modified)}</td>
<td><a class="delete" href="#">Effacer</a></td>
</tr>
</script>
<script id="template-open" type="text/x-jquery-tmpl">
<div id="open-dialog" class="file-dialog" title="Ouvrir une carte mentale">
<h1>Stockage local</h1>
<p>Liste des cartes mentales enregistr&eacute;es dans le stockage local de votre navigateur. Cliquez sur le titre d'une carte pour l'ouvrir.</p>
<table class="localstorage-filelist">
<thead>
<tr>
<th class="title">Titre</th>
<th class="modified">Derni&egrave;re modification</th>
<th class="delete"></th>
</tr>
</thead>
<tbody class="document-list"></tbody>
</table>
<div class="seperator"></div>
<h1>Depuis un fichier</h1>
<p>Choisir une carte depuis le disque dur de l'ordinateur.</p>
<div class="file-chooser">
<input type="file" />
</div>
</div>
</script>
<script id="template-save" type="text/x-jquery-tmpl">
<div id="save-dialog" class="file-dialog" title="Enregistrer la carte mentale">
<h1>Stockage local</h1>
<p>Vous pouvez enregistrer votre carte dans le stockage local de votre navigateur. Attention, cette fonctionnalit&eacute; est exp&eacute;rimentale: l'espace est limit&eacute; et il n'y a aucune garantie que votre navigateur conserve ce document ind&eacute;finiment.</p>
<button id="button-save-localstorage">Enregistrer</button>
<input type="checkbox" id="checkbox-autosave-localstorage">
<label for="checkbox-autosave-localstorage">Enregistrer automatiquement toutes les minutes.</label>
<div class="seperator"></div>
<h1>Dans un fichier</h1>
<p>Enregistrer la carte dans un fichier sur l'ordinateur.</p>
<p class="text-danger">Le plugin flash doit être installé et activé.</p>
<div id="button-save-hdd" style="width:100px">Enregistrer</div>
</div>
</script>
<script id="template-navigator" type="text/x-jquery-tmpl">
<div id="navigator">
<div class="active">
<div id="navi-content">
<div id="navi-canvas-wrapper">
<canvas id="navi-canvas"></canvas>
<div id="navi-canvas-overlay"></div>
</div>
<div id="navi-controls">
<span id="navi-zoom-level"></span>
<div class="button-zoom" id="button-navi-zoom-out"></div>
<div id="navi-slider"></div>
<div class="button-zoom" id="button-navi-zoom-in"></div>
</div>
</div>
</div>
<div class="inactive">
</div>
</div>
</script>
<script id="template-inspector" type="text/x-jquery-tmpl">
<div id="inspector">
<div id="inspector-content">
<table id="inspector-table">
<tr>
<td>Taille de police:</td>
<td><div
class="buttonset buttons-very-small buttons-less-padding">
<button id="inspector-button-font-size-decrease">A-</button>
<button id="inspector-button-font-size-increase">A+</button>
</div></td>
</tr>
<tr>
<td>Style de police:</td>
<td><div
class="font-styles buttonset buttons-very-small buttons-less-padding">
<input type="checkbox" id="inspector-checkbox-font-bold" />
<label
for="inspector-checkbox-font-bold" id="inspector-label-font-bold">G</label>
<input type="checkbox" id="inspector-checkbox-font-italic" />
<label
for="inspector-checkbox-font-italic" id="inspector-label-font-italic">I</label>
<input
type="checkbox" id="inspector-checkbox-font-underline" />
<label
for="inspector-checkbox-font-underline" id="inspector-label-font-underline">S</label>
<input
type="checkbox" id="inspector-checkbox-font-linethrough" />
<label
for="inspector-checkbox-font-linethrough" id="inspector-label-font-linethrough">B</label>
</div>
</td>
</tr>
<tr>
<td>Couleur de police:</td>
<td><input type="hidden" id="inspector-font-color-picker"
class="colorpicker" /></td>
</tr>
<tr>
<td>Couleur de branche:</td>
<td><input type="hidden" id="inspector-branch-color-picker"
class="colorpicker" />
<button id="inspector-button-branch-color-children" title="Appliquer la couleur de la branche &agrave; toutes les branches filles." class="right buttons-small buttons-less-padding">H&eacute;riter</button>
</td>
</tr>
</table>
</div>
</div>
</script>
<script id="template-export-map" type="text/x-jquery-tmpl">
<div id="export-map-dialog" title="Exporter une carte mentale">
<h2 class='image-description'>Cliquer-droit sur l'image pour enregsitrer la carte et choisir "Enregistrer l'image sous..."</h2>
<div id="export-preview"></div>
</div>
</script>