Commit e8936317 authored by  JosephK's avatar JosephK

Tuto vidéo

parent 16174985
Pipeline #1367 skipped
......@@ -63,23 +63,45 @@
<h2>Prise en main</h2>
<p class="text-center" role="presentation"><span class="glyphicon glyphicon-question-sign"></span></p>
<div id="aboutbox">
<p>Framapic est un service en ligne libre qui permet de partager des images de manière confidentielle et sécurisée.</p>
<p><b class="violet">Frama</b><b class="vert">pic</b> est un service en ligne libre qui permet de partager des images de manière confidentielle et sécurisée.</p>
<ol>
<li>Collez l'image à transmettre.</li>
<li>Si besoin, définissez sa durée de conservation en ligne.</li>
<li>Partagez ensuite avec vos correspondants le lien qui vous est donné.</li>
</ol>
<p>Vos images sont chiffrées et stockées sur nos serveurs sans qu’il nous soit possible de les déchiffrer.</p>
<p>Pour vous aider dans l’utilisation du logiciel, voici <a href="https://framatube.org/media/framapicmp4" data-toggle="modal" onclick="$('#TutoVideo').modal('show'); return false;">un tutoriel vidéo</a> réalisé par <a href="http://arpinux.org/">arpinux</a>, artisan paysagiste de la distribution GNU/Linux pour débutant <a href="https://handylinux.org/">HandyLinux</a>.</p>
<!-- modale vidéo -->
<div class="modal fade" id="TutoVideo" tabindex="-1" role="dialog" aria-labelledby="TutoVideoLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Fermer</span></button>
<h1 id="TutoVideoLabel">Tutoriel vidéo</h1>
</div>
<div class="modal-body">
<p><video controls="controls" preload="none" poster="https://framatube.org/images/media/989l.jpg" height="340" width="570">
<source src="https://framatube.org/blip/framapic.mp4" type="video/mp4">
<source src="https://framatube.org/blip/framapic.webm" type="video/webm">
</video></p>
<p>-&gt; La <a href="https://framatube.org/blip/framapic.webm">vidéo au format webm</a></p>
</div>
<div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal">Fermer</a></div>
</div>
</div>
</div>
<!-- /modale vidéo -->
</div>
</div>
<div class="col-md-4" id="le-logiciel">
<h2>Le logiciel</h2>
<p class="text-center" role="presentation"><span class="glyphicon glyphicon-cloud"></span></p>
<p>Framapic est une instance parmi d’autres du logiciel <a href="https://lut.im">Lutim</a> développé par <a href="http://www.fiat-tux.fr/">Luc Didry</a>.</p>
<p><b class="violet">Frama</b><b class="vert">pic</b> est une instance parmi d’autres du logiciel <a href="https://lut.im">Lutim</a> développé par <a href="http://www.fiat-tux.fr/">Luc Didry</a>.</p>
<p>Lutim est <a href="https://www.gnu.org/licenses/agpl-3.0.html">sous licence libre <abbr title="GNU Affero General Public License">AGPL</abbr></a>.</p>
<p>Les sources du thème Framapic sont disponibles sur <a href="https://git.framasoft.org/framasoft/framapic">notre forge logicielle</a></p>
<p>Il est possible d’utiliser Framapic sous forme d'application :</p>
<p>Les sources du thème <b class="violet">Frama</b><b class="vert">pic</b> sont disponibles sur <a href="https://git.framasoft.org/framasoft/framapic">notre forge logicielle</a></p>
<p>Il est possible d’utiliser <b class="violet">Frama</b><b class="vert">pic</b> sous forme d'application :</p>
<p class="text-center"><a class="btn btn-default btn-xs" href="#" id="install-app"><img src="<%= url_for('/') %>img/rocket.png" alt=""> <%=l('Install webapp')%></a></p>
</div>
......
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