Commit da82538f authored by  JosephK's avatar JosephK

Fix section anglaise

parent a306376c
Pipeline #36559 passed with stages
in 46 seconds
# Summary
* [Home](README.md)
## Tutorials
* [Cultivate your garden](cultivate-your-garden/README.md)
* [Framadate](cultivate-your-garden/framadate.md)
\ No newline at end of file
......@@ -10,7 +10,17 @@
var l$ = {
js: {
j$: 'noConflict',
video : true
video : true,
ext: function(){ setTimeout(function() {
if (jQuery(window).width() <= 768) {
jQuery('.with-summary').removeClass('with-summary');
}
jQuery(window).resize(function(){
if (jQuery(window).width() <= 768) {
jQuery('.with-summary').removeClass('with-summary');
}
});
}, 1000)}
},
mute: true,
footer: false
......
# Cultivate your garden
<div class="alert alert-success" style="margin-top:25px;">
<p>Tutorials from the “<strong>Cultivate your garden</strong>” section
relate to software that <b class="frama">Frama</b><b class="soft">soft</b>
offers for free online services as part of the campaign
<a href="http://degooglisons-internet.org/?l=en">De-googl-ify Internet</a></p>
<p>They are intended for an audience who would like to <strong>go further
far in emancipation</strong>.</p>
<p>If you have never hosted your own website, these tutorials may not be for you.<br>
Some are simple, others much less so, but this may be a great opportunity to learn.</p>
<p>Through these tutorials, we want to encourage as many people
<strong>to install</strong> - or <strong>ask to
install them</strong>, which is as important - at home,
within their company, association, school… these
software to contribute to the <strong>decentralization of internet</strong>.</p>
</div>
<!--
La liste est classés par ordre alphabetique de Framaservice
-->
<div class="clearfix">
<!--<div class="col-md-3 col-sm-6">
<a href="nextcloud.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-calendar" aria-hidden="true"></i></p>
<p><b class="violet">Fram</b><b class="vert">agenda</b></p>
<p><b>Nextcloud</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="wallabag.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-briefcase" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">bag</b></p>
<p><b>Wallabag</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="searx.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-search" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">bee</b></p>
<p><b>Searx</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="zerobin.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-paste" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">bin</b></p>
<p><b>Zerobin</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="kanboard.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-dashboard" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">board</b></p>
<p><b>Kanboard</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="bicbucstriim.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-coffee" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">bookin</b></p>
<p><b>Bicbucstriim</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="umap.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-map" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">carte</b></p>
<p><b>uMap</b></p>
</a>
</div>-->
<div class="col-md-3 col-sm-6">
<a href="framadate.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-calendar-check-o" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">date</b></p>
</a>
</div><!--
<div class="col-md-3 col-sm-6">
<a href="nextcloud.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-cloud-upload" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">drive</b></p>
<p><b>Nextcloud</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="lufi.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-send" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">drop</b></p>
<p><b>Lufi</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="framaforms.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-list-ul" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">forms</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="gitlab.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-git" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">git</b></p>
<p><b>Gitlab</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="lstu.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-link" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">link</b></p>
<p><b>Lstu</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="sympa.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-group" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">listes</b></p>
<p><b>Sympa</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="framaestro.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-magic" aria-hidden="true"></i></p>
<p><b class="violet">Fra</b><b class="vert">maestro</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="scrumblr.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-object-group" aria-hidden="true"></i></p>
<p><b class="violet">Fra</b><b class="vert">memo</b></p>
<p><b>Scrumblr</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="wisemapping.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-sitemap" aria-hidden="true"></i></p>
<p><b class="violet">Fra</b><b class="vert">mindmap</b></p>
<p><b>Wisemapping</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="minetest.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-cube" aria-hidden="true"></i></p>
<p><b class="violet">Fra</b><b class="vert">minetest</b></p>
<p><b>Minetest</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="turtl.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-newspaper-o" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">news</b></p>
<p><b>TinyTinyRSS</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="turtl.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-sticky-note" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">notes</b></p>
<p><b>Trutl</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="mastodon.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-retweet" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">piaf</b></p>
<p><b>Mastodon</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="lutim.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-photo" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">pic</b></p>
<p><b>Lutim</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="etherpad.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-align-left" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">pad</b></p>
<p><b>Etherpad</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="framaslides.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-pie-chart" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">slides</b></p>
<p><b>Strut</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="diaspora.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-asterisk" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">sphère</b></p>
<p><b>Diaspora*</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="jitsi-meet.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-video-camera" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">talk</b></p>
<p><b>Jitsi Meet</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="gitlab.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-comments-o" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">team</b></p>
<b>Mattermost</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="svg-edit.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-paint-brush" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">vectoriel</b></p>
<p><b>SVG-Edit</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="loomio.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-bullhorn" aria-hidden="true"></i></p>
<p><b class="violet">Frama</b><b class="vert">vox</b></p>
<p><b>Loomio</b></p>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="shaarli.html" class="btn btn-lg btn-block btn-default">
<p><i class="fa fa-2x fa-star" aria-hidden="true"></i></p>
<p><b class="violet">My</b><b class="vert">Frama</b></p>
<p><b>Shaarli</b></p>
</a>
</div>-->
</div>
\ No newline at end of file
......@@ -2,6 +2,16 @@
height: calc(100% - 42px);
}
.markdown-section p > code,
.markdown-section li > code {
color: #c7254e;
background-color: #f9f2f4;
}
pre {
border: 1px solid #ccc !important;
}
.summary a,
.book-body .navigation {
text-decoration:none !important;
......@@ -15,6 +25,10 @@
margin-bottom:30px;
}
.markdown-section .col-md-3 .btn-block {
min-height: 140px;
}
.summary .divider {
visibility: hidden;
}
......@@ -47,37 +61,65 @@
.summary > .chapter:nth-child(1) a:before { content: "\f015"; }
.summary .chapter > a[href$="wisemapping/"]:before { content: "\f0e8"; }
.summary .chapter > a[href$="framadate/"]:before { content: "\f274"; }
.summary .chapter > a[href$="etherpad/"]:before { content: "\f036"; }
.summary .chapter > a[href$="ethercalc/"]:before { content: "\f00a"; }
.summary .chapter > a[href$="svgedit/"]:before { content: "\f1fc"; }
.summary .chapter > a[href$="ttrss/"]:before { content: "\f1ea"; }
.summary .chapter > a[href$="wallabag/"]:before { content: "\f0b1"; }
.summary .chapter > a[href$="diaspora/"]:before { content: "\f069"; }
.summary .chapter > a[href$="peertube/"]:before { content: "\f008"; }
.summary .chapter > a[href$="lstu/"]:before { content: "\f0c1"; }
.summary .chapter > a[href$="gitlab/"]:before { content: "\f1d3"; }
.summary .chapter > a[href$="lutim/"]:before { content: "\f03e"; }
.summary .chapter > a[href$="zerobin/"]:before { content: "\f0ea"; }
.summary .chapter > a[href$="searx/"]:before { content: "\f002"; }
.summary .chapter > a[href$="bicbucstriim/"]:before { content: "\f0f4"; }
.summary .chapter > a[href$="nextcloud/"]:before { content: "\f0ee"; }
.summary .chapter > a[href$="kanboard/"]:before { content: "\f0e4"; }
.summary .chapter > a[href$="lufi/"]:before { content: "\f1d8"; }
.summary .chapter > a[href$="umap/"]:before { content: "\f279"; }
.summary .chapter > a[href$="loomio/"]:before { content: "\f0a1"; }
.summary .chapter > a[href$="mattermost/"]:before { content: "\f0e6"; }
.summary .chapter > a[href$="framagenda/"]:before { content: "\f073"; }
.summary .chapter > a[href$="sympa/"]:before { content: "\f0c0"; }
.summary .chapter > a[href$="framaforms/"]:before { content: "\f0ca"; }
.summary .chapter > a[href$="turtl/"]:before { content: "\f249"; }
.summary .chapter > a[href$="jitsimeet/"]:before { content: "\f03d"; }
.summary .chapter > a[href$="minetest/"]:before { content: "\f1b2"; }
.summary .chapter > a[href$="scrumblr/"]:before { content: "\f247"; }
.summary .chapter > a[href$="shaarli/"]:before { content: "\f005"; }
.summary .chapter > a[href$="framaestro/"]:before { content: "\f0d0"; }
.summary .chapter > a[href$="strut/"]:before { content: "\f200"; }
.summary .chapter > a[href$="cultiver-son-jardin/"]:before { content: "\e200"; font-family: 'Glyphicons Halflings';}
.summary .chapter > a[href$="cabane-a-outils/"]:before { content: "\f0ad"; }
.summary .chapter > a[href$="echange-de-graines/"]:before { content: "\f043"; margin-right: 7px;}
.summary .chapter:nth-child(1) > a[href$="nextcloud.html"]:before { content: "\f073"; }
.summary .chapter > a[href$="wisemapping.html"]:before { content: "\f0e8"; }
.summary .chapter > a[href$="framadate.html"]:before { content: "\f274"; }
.summary .chapter > a[href$="etherpad.html"]:before { content: "\f036"; }
.summary .chapter > a[href$="ethercalc.html"]:before { content: "\f00a"; }
.summary .chapter > a[href$="svg-edit.html"]:before { content: "\f1fc"; }
.summary .chapter > a[href$="ttrss.html"]:before { content: "\f1ea"; }
.summary .chapter > a[href$="wallabag.html"]:before { content: "\f0b1"; }
.summary .chapter > a[href$="diaspora.html"]:before { content: "\f069"; }
.summary .chapter > a[href$="peertube.html"]:before { content: "\f008"; }
.summary .chapter > a[href$="lstu.html"]:before { content: "\f0c1"; }
.summary .chapter > a[href$="gitlab.html"]:before { content: "\f1d3"; }
.summary .chapter > a[href$="lutim.html"]:before { content: "\f03e"; }
.summary .chapter > a[href$="zerobin.html"]:before { content: "\f0ea"; }
.summary .chapter > a[href$="searx.html"]:before { content: "\f002"; }
.summary .chapter > a[href$="bicbucstriim.html"]:before { content: "\f0f4"; }
.summary .chapter > a[href$="nextcloud.html"]:before { content: "\f0ee"; }
.summary .chapter > a[href$="kanboard.html"]:before { content: "\f0e4"; }
.summary .chapter > a[href$="lufi.html"]:before { content: "\f1d8"; }
.summary .chapter > a[href$="umap.html"]:before { content: "\f279"; }
.summary .chapter > a[href$="loomio.html"]:before { content: "\f0a1"; }
.summary .chapter:nth-child(26) > a[href$="gitlab.html"]:before { content: "\f0e6"; }
.summary .chapter > a[href$="sympa.html"]:before { content: "\f0c0"; }
.summary .chapter > a[href$="framaforms.html"]:before { content: "\f0ca"; }
.summary .chapter > a[href$="turtl.html"]:before { content: "\f249"; }
.summary .chapter > a[href$="jitsi-meet.html"]:before { content: "\f03d"; }
.summary .chapter > a[href$="minetest.html"]:before { content: "\f1b2"; }
.summary .chapter > a[href$="scrumblr.html"]:before { content: "\f247"; }
.summary .chapter > a[href$="shaarli.html"]:before { content: "\f005"; }
.summary .chapter > a[href$="framaestro.html"]:before { content: "\f0d0"; }
.summary .chapter > a[href$="framaslides.html"]:before { content: "\f200"; }
.summary .chapter > a[href$="mastodon.html"]:before { content: "\f079"; }
.summary .chapter > a[href$="auto-hebergement/"]:before { content: "\f02d"; }
/* En chantier */
.summary .chapter > a[href$="sympa.html"],
a[href$="sympa.html"].btn,
.summary .chapter > a[href$="framaforms.html"],
a[href$="framaforms.html"].btn,
.summary .chapter > a[href$="mastodon.html"],
a[href$="mastodon.html"].btn,
.summary .chapter > a[href$="framaslides.html"],
a[href$="framaslides.html"].btn {
color: #767676;
background: repeating-linear-gradient(
-45deg,
#fff,
#fff 10px,
#FFEBB5 10px,
#FFEBB5 20px
);
}
.page-toc::before {
content:none;
......@@ -87,3 +129,76 @@
max-width: 42%;
margin-left: 10px;
}
@media (max-width: 768px) {
.page-toc {
max-width: 100%;
width:100%;
margin-left: 10px;
margin-bottom:10px;
}
}
.pull-right.js-toolbar-action {
display:none;
}
i.glyphicon-tree-deciduous,
i.glyphicon-tree-conifer,
i.glyphicon-tree-deciduous:before,
i.glyphicon-tree-conifer:before {
font-size:200px;
color:#333;
display:block;
text-align:center;
}
img[src^="images/"] {
margin: 30px auto;
display: block;
}
/* Home fix */
.btn-primary {
color: #fff !important;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
background-color: #6A5687 !important;
border-color: #6A5687 !important;
}
.btn-success {
color: #fff !important;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
background-color: #677835 !important;
border-color: #677835 !important;
}
.btn-info {
color: #fff !important;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
background-color: #11809E !important;
border-color: #11809E !important;
}
.btn-warning {
color: #fff !important;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
background-color: #EB7239 !important;
border-color: #EB7239 !important;
}
.btn-soutenir {
color: #fff !important;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
background-color: #DBA306 !important;
border-color: #DBA306 !important;
}
.btn i.glyphicon-tree-deciduous,
.btn i.glyphicon-tree-deciduous:before {
font-size:inherit;
color:inherit;
display:inline;
text-align:left;
}
.markdown-section p.text-center > .btn-block {
width:50%;
margin:auto;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment