Commit 1d7a3be4 authored by  JosephK's avatar JosephK

[WIP] Refactoring, Footer injected with portal-vue

parent db7fb405
{
"presets": [
["env"]
"@babel/preset-env"
],
"plugins": ["syntax-dynamic-import", "transform-object-rest-spread"]
"plugins": ["@babel/plugin-syntax-dynamic-import", "@babel/plugin-proposal-object-rest-spread"]
}
......@@ -2,3 +2,4 @@ node_modules/
public/
.zanata-cache/etag-cache.xml
npm-debug.log
/zanata.xml
......@@ -20,6 +20,7 @@ production:
script:
- npm install
- npm run prod
- cp ./public/fr/index.html ./public/index.html
- mkdir "${HOME}/.ssh"
- chmod 700 "${HOME}/.ssh"
- if [ ! -z ${DEPLOYEMENT_KNOWN_HOSTS+x} ]; then echo -e "${DEPLOYEMENT_KNOWN_HOSTS}" > ${HOME}/.ssh/known_hosts; fi
......@@ -34,8 +35,9 @@ trads:
stage: deploy
image: framasoft/push-trad:latest
script:
- sed -e "s@<project-version>.*</project-version>@<project-version>$CI_COMMIT_REF_SLUG</project-version>@" -i zanata.xml
- sed -e "s@<project>.*</project>@<project>$CI_PROJECT_NAME</project>@" -i zanata.xml
- sed -e "s@<project-version>.*</project-version>@<project-version>$CI_COMMIT_REF_SLUG</project-version>@" -i zanata/zanata.xml
- sed -e "s@<project>.*</project>@<project>$CI_PROJECT_NAME</project>@" -i zanata/zanata.xml
- cp zanata/zanata.xml zanata.xml
- if [ ! -z ${ZANATA_CONFIG_FRAMABOT+x} ]; then mkdir -p ${HOME}/.config; echo -e "${ZANATA_CONFIG_FRAMABOT}" > ${HOME}/.config/zanata.ini; fi
- if [ ! -z ${ZANATA_CONFIG_FRAMABOT+x} ]; then make push-locales; fi
only:
......
#!/bin/bash
cp app/locales/en.yml po/template.yml
for i in po/*.po
do
j=$(echo $i | cut -d '.' -f 1 | cut -d '/' -f 2)
po2yaml -i $i --progress none -t po/template.yml -o app/locales/$j.yml
done
locales:
scripts/locales.sh
backup-locales:
cp app/locales/*.yml zanata/backup/
push-locales: locales
zanata-cli -q -B push
restore-locales:
cp zanata/backup/*.yml app/locales/
pull-locales:
zanata-cli -q -B pull --min-doc-percent 75
./scripts/po2yml.sh
prepare-locales:
rm -f zanata/yml/*.yml zanata/po/*.po zanata/po/*.pot zanata/po/*.err
clean-locales: backup-locales prepare-locales
zanata/scripts/yml2po.sh
zanata/scripts/po2yml.sh
po:
zanata/scripts/yml2po.sh
yml: backup-locales
zanata/scripts/po2yml.sh
push-locales: po
zanata-cli -q -B push --push-type both
pull-locales: prepare-locales
cp zanata/zanata.xml zanata.xml
sed -e 's@<project></project>@<project>$(shell basename $(CURDIR))</project>@' -i zanata.xml
zanata-cli -q -B pull --pull-type both --min-doc-percent 75
make yml
preview:
npm run preview
......
<template>
<div id="app">
<vue-headful
:title="$t('meta.title')"
/>
<div id="fnav">
<Nav />
<router-view></router-view>
</div>
......@@ -11,7 +8,7 @@
<script>
import Nav from './components/partials/Nav.vue'
export default {
name: 'app',
name: 'fnav',
components: {
Nav,
}
......
@font-face {
font-family: 'PTSansCaption';
src: url('../fonts/ptsans_caption/PTC55F-webfont.eot');
src: url('../fonts/ptsans_caption/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/ptsans_caption/PTC55F-webfont.woff') format('woff'),
url('../fonts/ptsans_caption/PTC55F-webfont.ttf') format('truetype'),
url('../fonts/ptsans_caption/PTC55F-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex, follow" />
<title>Charter</title>
<link href="../lib/bootstrap/css/bootstrap.min.css" media="all" rel="stylesheet">
</head>
<body class="apropos">
<script type="text/javascript" src="../nav.js"></script>
<div class="container ombre">
<h1>Charter</h1>
<hr class="trait" role="presentation">
<p><a href="https://framasoft.org">Framasoft</a> is a network of popular education, originated from the education world, which is principally dedicated to free (as in free speech) software. It is collaboratively organized around three main issues: promotion, dissemination and development of free software, enhancement of open source culture, and an online platform of open services.
<h2>For an open Internet</h2>
<p>The use of free software and open standards on the Internet is the main purpose of our project <em><a href="https://degooglisons-internet.org">Degooglize the Internet</a></em>.
</p>
<p>
Access to source code is the cornerstone of open source principles. Framasoft commits itself to place each application available in its projects under <a href="https://www.gnu.org/philosophy/free-sw.fr.html">free license</a>.
</p>
<p>In case of improvement of the code, Framasoft commits itself to place the contribution under free license (compatible with the original license) and will encourage any voluntary contribution from users by inviting them to enter in contact with the author.</p>
<p>Framsoft commits itself to make the source code accessible, whether by publishing a link pointing to the official website of the application, or, if the latter is no longer available, by publishing the code in question on a repository.</p>
<p>Doing this, Framasoft demonstrates its probity by allowing every user to check the source code, to potentially improve it, and above all to ensure that no unfair use will be made of his data, identity, or rights.</p>
<p>Users will then be able to knowingly use the available applications and learn about all their features, advantages, limits and possible uses.</p>
<p> None of the data produced with the help of these applications belong to Framasoft, who does not apply any copyright nor censors your content. However, any content that would be considered infringing or illegal by French law, once duly signaled, will be immediately deleted.</p>
<h2> For a decentralized Internet</h2>
<p>By offering open applications online, Framasoft intends to promote alternative solutions to proprietary applications that some companies propose in order to achieve monopolies and make abusive use of personal data.</p>
<p>These alternatives are examples of the diversity of available open-source solutions which can be used for personal or collective purpose. In this perspective, Framasoft is commited to foster their dissemination by publishing tutorials explaining how to install these applications on your own server.</p>
<p>Equal access to these applications is a strong commitment: by offering them for free, Framasoft wishes to promote their use to the largest extend, and to give a proof of concept that a decentralized and egalitarian Internet is possible.</p>
<h2>For an ethical Internet</h2>
<p>The ethics of opensource software is about sharing and independence. Framasoft commits itself to never practice any censorship of the contents, nor any surveillance of the actions of its users, and to never answer any administrative or authorities' demands without a formal legal request.</p>
<p> We do not practice any discrimation among users, so as to ensure the greatest accessibility.</p>
<p>Personal data will not be exploited for commercial issues, nor transmitted to a third party, nor used for purposes that are not specified in the present charter. However, users must be aware that their data might be rendered accessible, especially when they make them public in the context of a collaborative application. In this case, users remain responsible for their content.</p>
<h2> For a solidary Internet</h2>
<p>Framasoft is a non-profit. Its volunteers and employees devote their time to ensure the continuity of the services offered to users. Our business model is based on mutualisation of energies and costs. Our services are free, but it does not mean they cost nothing. If a large number of supporters financially encouraged Framasoft to maintain its services, an even larger number of persons would be able to use them, and they could even be improved.</p>
<p>Framasoft has a popular education approach, and thus shares as much knowledge as it can in order to promote the use of free software and teach users how to install free services on their servers. Sharing technical and cognitive ressources is what makes Internet a common good, available for everyone and belonging to no one.</p>
<div class="signature">
<hr />
<p>Charter of Free, Ethical, Decentralized and Solidary services, approved by Framasoft association on October 6th 2014.(<a href="https://framagit.org/framasoft/framanav/commits/master/html/charte.html">History</a>)</p>
<p>Translation by Framalang contributors Théo, #!, goofy, Diane</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex, follow" />
<title>Charte</title>
<link href="../lib/bootstrap/css/bootstrap.min.css" media="all" rel="stylesheet">
</head>
<body class="apropos">
<script type="text/javascript" src="../nav.js"></script>
<div class="container ombre">
<h1>Charte</h1>
<hr class="trait" role="presentation">
<p><a href="https://framasoft.org">Framasoft</a> est un réseau d'éducation populaire, issu du monde éducatif, consacré principalement au logiciel libre. Il s'organise en trois axes sur
un mode collaboratif : promotion, diffusion et développement de logiciels libres, enrichissement de la culture libre et offre de services libres en ligne.</p>
<h2>Pour un Internet libre</h2>
<p>L'utilisation des logiciels libres et des standards ouverts sur Internet est l'objectif prioritaire du projet <em><a href="https://degooglisons-internet.org">Dégooglisons Internet</a></em>.
</p>
<p>
L'accès au code source est au fondement des principes du Libre. Pour chaque application rendue disponible dans ses projets, Framasoft s'engage à ce qu'elle soit placée
exclusivement sous <a href="https://www.gnu.org/philosophy/free-sw.fr.html">licence libre</a>.
</p>
<p>En cas d'amélioration du code, Framasoft s'engage à placer sa contribution sous licence libre (compatible avec la licence initiale) et encouragera toute contribution volontaire
de la part des utilisateurs en les invitant à contacter les auteurs.</p>
<p>Framasoft s'engage à rendre accessible le code source soit en publiant un lien vers le site officiel de l'application, soit, si ce dernier n'est plus disponible, en publiant le
code utilisé sur un dépôt.</p>
<p>Ce faisant, Framasoft démontre sa probité en permettant à chaque utilisateur de vérifier le code source, éventuellement de l'améliorer, et surtout de s'assurer qu'aucun usage
déloyal ne sera fait de ses données, de son identité et de ses droits.</p>
<p>C'est en connaissance de cause que les utilisateurs pourront user des applications disponibles et prendre connaissance des toutes les fonctionnalités, de leur avantages, de
leurs limites et de leurs emplois.</p>
<p>Aucune donnée produite à l'aide des applications n'appartient à Framasoft, qui n'y appose aucun droit et n'y pratique aucune censure. En revanche tout contenu contrefaisant ou
illégal au regard de la loi française, une fois dûment signalé, sera supprimé immédiatement.</p>
<h2>Pour un Internet décentralisé</h2>
<p>En proposant des applications libres en ligne, Framasoft expose autant d'alternatives aux applications proposées par des entreprises à des fins de monopole et d'usage dévoyé des
données personnelles.</p>
<p>Ces alternatives illustrent la diversité des solutions libres disponibles et pouvant être mises à disposition à des fins personnelles ou collectives. À ce titre Framasoft
s'engage à favoriser leur essaimage en publiant des tutoriaux explicatifs sur les méthodes employées pour installer ces applications sur vos propres serveurs.</p>
<p>L'égalité de l'accès à ces applications est un engagement fort : en les proposant gratuitement, Framasoft souhaite promouvoir leur usage envers le plus grand nombre et illustrer
par l'exemple qu'un Internet décentralisé et égalitaire est possible.</p>
<h2>Pour un Internet éthique</h2>
<p>L'éthique du logiciel libre est faite de partage et d'indépendance. Framasoft s'engage à ne pratiquer aucune censure a priori des contenus, aucune surveillance des actions des
utilisateurs, et à ne répondre à aucune demande administrative ou d'autorité sans une requête légale présentée en bonne et dûe forme. En retour, les utilisateurs s'engagent, dans
la production ou l'hébergement de leurs contenus, à respecter les cadres prévus par la loi.</p>
<p>Aucune discrimination des utilisateurs n'est pratiquée, afin de favoriser la plus grande accessibilité possible.</p>
<p>Aucune donnée personnelle ne sera exploitée à des fins commerciales, transmise à des tiers ou utilisée à des fins non prévues par la présente charte. En revanche, les
utilisateurs doivent aussi intégrer le fait que leurs données peuvent parfois être accessibles, en particulier lorsqu'ils rendent leurs données publiques dans le cadre d'une
application collaborative. Dans ce cas, les utilisateurs restent responsables de leurs contenus.</p>
<h2>Pour un Internet solidaire</h2>
<p>Framasoft est une association sans but lucratif. Ses bénévoles et salariés mettent leur temps de travail au service des utilisateurs pour assurer la pérennité des services. Le
modèle économique proposé est basé sur la mutualisation des énergies et des coûts. Si les services sont gratuits, cela ne signifie pas qu'ils ne coûtent rien. Si un grand nombre de
personnes encouragent financièrement Framasoft à maintenir ses services, un plus grand nombre encore sera en mesure des les utiliser et ils pourront de même être améliorés.</p>
<p>Dans une démarche d'éducation populaire, Framasoft diffuse un maximum de connaissances pour promouvoir les usages des logiciels libres et apprendre à installer des services
libres en ligne. Ce partage des ressources, techniques et cognitives, fait d'Internet un bien commun, disponible pour tous et n'appartenant à personne.</p>
<div class="signature">
<hr />
<p>Charte des services Libres, Éthiques, Décentralisés et Solidaires, approuvée par l'association Framasoft le 6 octobre 2014. (<a href="https://framagit.org/framasoft/framanav/commits/master/html/charte.html">Historique</a>)</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex, follow" />
<title>Crédits</title>
<link href="../lib/bootstrap/css/bootstrap.min.css" media="all" rel="stylesheet">
</head>
<body class="apropos">
<script type="text/javascript" src="../nav.js"></script>
<div class="container ombre">
<div id="main-credits">
<h1>Crédits</h1>
<hr class="trait" role="presentation">
<p>Ce site utilise des éléments libres communs à l'ensemble du réseau Framasoft :</p>
<ul>
<li>la librairie <a href="https://jquery.com/">jQuery</a></li>
<li>le framework libre <a href="https://getbootstrap.com">Bootstrap</a></li>
<li>les polices d'écriture <a href="https://www.paratype.com/public/">PTSans</a> (titres), <a href="http://dejavu-fonts.org/wiki/Main_Page">Deja Vu Sans</a> et <a href="http://fortawesome.github.io/Font-Awesome/">Font-Awesome</a> (icônes)</li>
<li>le lecteur vidéo HTML5 <a href="http://www.videojs.com/">VideoJS</a></li>
<li>l'outil de mesure statistique <a href="https://www.piwik.org/">Piwik</a></li>
</ul>
<p>Ces éléments sont déployés via la barre de navigation dont le code source peut être consulté <a href="https://git.framasoft.org/framasoft/framanav">sur notre dépôt Gitlab</a>.</p>
<p><a href="graphics.html">Charte graphique</a> : Sandra Guigonis (peupleLà) et JosephK</p>
<h2>Licence</h2>
<p>Sauf mention contraire, le contenu des sites est placé sous licence libre <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons By-SA</a>.</p>
<p>Notre <a href="charte.html">charte</a>, les <a href="cgu.html">Conditions Générales d'Utilisation</a> de nos services, les <a href="legals.html">mentions légales</a> et l'ensemble des <a href="https://soutenir.framasoft.org/association">documents administratifs de l'association</a> sont également placés sous cette licence.</p>
<p>
Les pingouins qui se promènent sur le site nous viennent de <a href="https://www.le-terrier.net/pingouin/pingouin.html">L.L. de Mars</a> et sont placés sous licence <a href="http://artlibre.org/">Art Libre</a>.
Les personnages de BD dessinés par <a href="http://ptilouk.net">Simon « Gee » Giraudot</a> sont sous licence <a href="https://creativecommons.org/licenses/by-sa/2.0/fr/">Creative Commons By-SA</a>.
</p>
</div>
<div id="site-credits">
</div>
</div>
</body>
</html>
<div class="well">
<h1>Framablog</h1>
<p>Le Framablog est propulsé par <a href="https://wordpress.org/">Wordpress</a>.</p>
<p>Sauf mention contraire, comme certaines traductions et documents multimédias, sa licence est la <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons By-Sa</a>.</p>
</div>
<div class="well">
<h1>Framacalc</h1>
<p>Framacalc est basé sur le logiciel libre <a href="https://www.ethercalc.org/">EtherCalc</a>, lui-même basé sur le logiciel libre <a href="https://www.socialtext.net/open/socialcalc">SocialCalc</a>.</p>
<p>Framacalc a été traduit par Martin Gubri lors de son stage pour Framasoft. Une partie de la traduction est issue du travail de traduction de la valeureuse équipe du <a href="http://www.crdp.ac-versailles.fr/">CRDP de Versailles</a>.</p>
<p>Pour toute question concernant Framacalc, vous pouvez envoyer un mail à depuis <a href="https://contact.framasoft.org">ce formulaire</a></p>
</div>
<div class="well">
<h1>Bastard, Inc</h1>
<p>Dessins : <a href="http://ptilouk.net">Gee</a><br />
Textes : <a href="http://pouhiou.com">Pouhiou</a></p>
<p>Ce blog et ses contenus sont directement élevés par leurs auteurs dans le <a href="http://creativecommons.org/publicdomain/zero/1.0/">Domaine Public Vivant</a>. À vous de vous en emparer.</p>
<p>Image de couverture et d'entête : versions dérivées de <a href="https://secure.flickr.com/photos/thomasleuthard/8253943837/">Business as usual...</a> (CC By Thomas Leuthard)</p>
</div>
<div class="well">
<h1>Site de contact</h1>
<p>Ce site est propulsé par <a href="https://wordpress.org/">WordPress</a>.</p>
<p>Il est habillé avec le thème <a href="https://cyberchimps.com/responsive-theme/">Responsive Theme</a>
et <a href="https://getbootstrap.com/">Bootstrap</a>.</p>
</div>
<div class="well">
<h1>Framadate</h1>
<h2>Application d'origine</h2>
<p>L'application Framadate est une instance du logiciel <b><a href="http://studs.u-strasbg.fr">STUdS !</a></b>
développé à l'Université de Strasbourg depuis 2008.</p>
<p>Pour les besoins de Framadate, STUdS a fait l'objet d'un fork par l'équipe Framasoft.
Les sources sont disponibles sur <a href="https://git.framasoft.org/framasoft/framadate">notre Gitlab</a>.</p>
<p>Si vous souhaitez installer le logiciel pour votre propre usage, vous trouverez <a href="http://framacloud.org/cultiver-son-jardin/installation-de-framadate/">un tutoriel détaillé sur Framacloud</a>.</p>
<h2>Remerciements</h2>
<h3><a href="http://studs.u-strasbg.fr">STUdS !</a></h3>
<p>Pour leurs contributions techniques ou ergonomiques : Guy, Christophe,
Julien, Pierre, Romaric, Matthieu, Catherine, Christine, Olivier,
Emmanuel et Florence </p>
<h3><a href="https://github.com/framasoft/framadate">Framadate</a></h3>
<p>Simon Leblanc, Pierre-Yves Gosset, JosephK et la communauté Framasoft.</p>
<h2>Licence</h2>
<p>Framadate est placé, comme <b><a href="http://studs.u-strasbg.fr">STUdS !</a>,</b>
sous la licence libre <a href="http://www.cecill.info/licences.fr.html">CeCILL-B</a>.</p>
</div>
<div class="well">
<h1>Dégooglisons Internet</h1>
<p>Maquette, intégration et développement : Pierre-Yves Gosset, Christophe Masutti, Flaburgan, JosephK</p>
<p>Carte et illustrations : Simon « Gee » Giraudot</p>
<p>Le site utilise le framework libre Bootstrap ainsi que la librairie jQuery.</p>
<h2>Licence</h2>
<p>Sauf mention contraire, cette page et tous les contenus qui y figurent sont placés sous licence libre <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons By-SA</a>.</p>
<p>Sources :</p>
<ul>
<li><a href="https://wiki.framasoft.org/visuels_plm"><em>Dégooglisons Internet</em></a>, Simon « Gee » Giraudot, Creative Commons By-SA</li>
<li><a href="https://commons.wikimedia.org/wiki/File:France_map_Lambert-93_topographic-blank.svg?uselang=fr"><em>France map Lambert-93</em></a>, Eric Gaba, GNU FDL/Creative Commons By-SA </li>
<li><a href="https://git.framasoft.org/framasoft/degooglisons">Dépôt git</a></li>
</ul>
</div>
<div class="well">
<h1>Framadrive</h1>
<p><b class="violet">Frama</b><b class="vert">drive</b> est animé par le logiciel libre <a href="https://owncloud.org">Owncloud</a>.<br>
Le code source du thème conçu par JosephK se trouve sur
<a href="https://git.framasoft.org/framasoft/framadrive"><b class="violet">Frama</b><b class="vert">git</b></a>.</p>
</div>
<div class="well">
<h1>Framagames</h1>
<p>Framagames regroupe différents logiciels libres développés par différentes personnes extérieurs à Framasoft.</p>
<p>Séléction, traduction et empaquetage : Cyrille Largillier</p>
<p>Vous trouverez la liste des auteurs des différents jeux en cliquant sur leur bouton « Crédits » respectifs.</p>
</div>
<div class="well">
<h1>Framakey</h1>
<p>La Framakey est réalisée par une <a href="https://framakey.org/Divers/Equipe">équipe de bénévoles</a> du réseau Framasoft.</p>
<p>Licences et crédits se trouvent <a href="https://framakey.org/Divers/Credits">sur cette page</a> (pas à jour).</p>
</div>
<div class="well">
<h1>Framalab</h1>
<p>Framalab est le laboratoire de projets de Framasoft. Vous y trouverez de nombreux sites web développés - plus ou moins récemment - par Framasoft.</p>
<p>Ces derniers peuvent être relativement expérimentaux, c'est pourquoi ils ne sont pas nécessairement listés parmi <a href="https://fr.wikipedia.org/wiki/Framasoft">les principaux projets du réseau Framasoft</a>.</p>
<p>Réalisation du site : Cyrille Largillier et Pierre-Yves Gosset, <a href="http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/">Codrops pour l'inspiration générale de la page (HTML/JS)</a>.</p>
</div>
<div class="well">
<h1>Framalibre</h1>
<p>L'annuaire de Framasoft est propulsé par <a href="https://www.drupal.org/">Drupal</a>, logiciel libre placé sous licence <a href="https://www.gnu.org/licenses/gpl.txt">GPL</a>.</p>
<h2>Licence</h2>
<p>Les articles de l'annuaire sont sous double licence <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons By-SA</a> et <a href="https://www.gnu.org/copyleft/fdl.html">GNU Free Documentation License</a>.</p>
</div>
<div class="well">
<h1>Framindmap</h1>
<p>Framindmap repose sur le logciel libre <a href="http://www.wisemapping.com">Wisemapping</a>.</p>
<p>Intégration : JosephK</p>
<h2>Licence</h2>
<p>Wisemapping est sous <a href="https://wisemapping.atlassian.net/wiki/pages/viewpage.action?pageId=524357">licence <abbr title="Wisemapping Public Licence" class="initialism">WPL</abbr></a>.</p>
<p>Auparavant, Framindmap reposait sur le logiciel <a href="https://github.com/drichard/mindmaps">Mindmaps</a> de David Richard.</p>
</div>
<div class="well">
<h1>Framapack</h1>
<p>Framapack est un logiciel libre réalisé par Simon Leblanc composé :</p>
<ul>
<li>d'un site Internet sous licence libre <a href="https://www.gnu.org/licenses/agpl-3.0.html">GNU/AGPL v3</a>.</li>
<li>d'un installateur sous licence libre <a href="https://www.gnu.org/licenses/gpl-2.0.html">GNU/GPL v2</a>.</li>
</ul>
<p>Les sources de Framapack sont disponibles selon les termes de leur licence respective sur <a href="https://git.framasoft.org/framasoft/framapack/">notre dépôt git</a>.</p>
<p>L'image de téléchargement est une œuvre de <a href="http://www.futurosoft.es/">Sergio Sanchez Lopez</a> et est placée sous licence <a href="https://www.gnu.org/licenses/gpl.html">GNU/GPL</a>.</p>
</div>
<div class="well">
<h1>Framapad</h1>
<p>Framapad est animé par le logiciel libre <a href="http://etherpad.org">Etherpad</a>.<br>
Le logo de framapad.org est un <a href="https://www.framablog.org/index.php/post/2011/01/20/jolis-pingouins-sami-boulares">pingouins de Sami Boulares</a> sous licence <a href="https://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNU">GNU GPL</a>.</p>
</div>
<div class="well">
<h1>Framasoft - Accueil</h1>
<p>Cette page est un portail qui présente l’ensemble des activités et des sites web du réseau Framasoft.</p>
<p>Maquette et intégration : Sandra Guigonis, aka peupleLà</p>
<p>Carrousel : JosephK</p>
<h2>Licence</h2>
<p>Sources des images utilisées dans le carrousel :</p>
<ul>
<li><a href="https://wiki.framasoft.org/visuels_plm"><em>Dégooglisons Internet</em></a>, Simon « Gee » Giraudot, Creative Commons By-SA</li>
<li><a href="https://commons.wikimedia.org/wiki/File:Diaspora_dandy_logo.png?uselang=fr"><em>Logo of Diaspora Project</em></a>, Diaspora Project, Creative Commons By-SA</li>
<li><a href="https://flic.kr/p/aLFEFD"><em>Capitole du Libre 2011</em></a>, Guillaume Paumier, Creative Commons By</li>
<li><a href="https://flic.kr/p/7NFTF6"><em>Code</em></a>, Michael Himbeault, Creative Commons By</li>
<li><a href="https://flic.kr/p/ijdmqs"><em>REPLAY</em></a>, Casey Hugelfink, Creative Commons By-SA</li>
<li><a href="https://flic.kr/p/k1Wjhe"><em>Merci / Thank you</em></a>, Frédérique Voisin-Demery, Creative Commons By</li>
<li><a href="https://flic.kr/p/dznBWv"><em>Business as usual...</em></a>, Thomas Leuthard, Creative Commons By</li>
<li><a href="https://flic.kr/p/8EeJ5A"><em>Wallaby with Baby</em></a>, William Warby, Creative Commons By</li>
</ul>
<h2>Configuration minimale</h2>
<p>Vous avez besoin d’un navigateur récent supportant les fonctionnalités du HTML5 et de la CSS3.
Chrome 10+, Firefox 3.6+, Safari 5+, Opera 10.6+, IE9+ devraient fonctionner correctement.</p>
</div>
<div class="well">
<h1>Site Soutenir</h1>
<p>Maquette : Sandra Guigonis aka peupleLà et Gabriel Dejeante sur la base d’un travail de <a href="http://www.smile.fr/">Smile</a></p>
<p>Intégration : Pierre-Yves Gosset et JosephK</p>
<p>Carrousel : JosephK</p>
<p>Le site est propulsé par le logiciel libre <a href="https://www.drupal.org/">Drupal.</p>
<h2>Licence</h2>
<p>Sources des images utilisées dans le carrousel :</p>
<ul>
<li><a href="https://flic.kr/p/i6ysF1"><em>Dolmen at Mougau-Bihan, Brittany - France</em></a>, Eric Huybrechts, Creative Commons By-SA</li>
<li><a href="http://vol.framasoft.org/dokuwiki/doku.php?id=conception_affiche">Affiche VOL</a>, Creative Commons By-SA</li>
<li>Stand Framasoft au RMLL2014, Lamessen, Creative Commons By-SA</li>
<li><a href="https://flic.kr/p/i6ysF1"><em>Gigabit Switches</em></a>, Michael Himbeault, Creative Commons By</li>
<li><a href="https://www.framablog.org/index.php/post/2013/11/21/framasoft-campagne-soutien-2013"><em>Framasoft - Campagne 2013</em></a>, LL de Mars, Licence Art Libre</li>
<li><a href="https://twitter.com/framasoft/status/421956457861353473">AG à Locaux Motiv'</a>, aKa, Creative Commons By-SA</li>
<li><a href="https://flic.kr/p/k1Wjhe"><em>Merci / Thank you</em></a>, Frédérique Voisin-Demery, Creative Commons By</li>
</ul>
</div>
<div class="well">
<h1>Framasphère</h1>
<p>Framasphère repose sur le logiciel libre <a href="https://diasporafoundation.org">Diaspora*</a></p>
<p>Il est compatible avec la majorité des navigateurs web et ne requiert aucune installation spécifique pour être utilisé sur mobile.</p>
<p>Il est sous <a href="https://github.com/diaspora/diaspora/blob/develop/COPYRIGHT">licence <abbr title="GNU Affero General Public License" class="initialism">AGPL</abbr></a>.</p>
</div>
<div class="well">
<h1>Framavectoriel</h1>
<p>Framavectoriel est une application permettant de réalisser des dessins au format vectoriel (SVG).<br>
Il s'agit de la version française, traduite par l'association Framasoft, de l'application <a href="https://code.google.com/p/svg-edit/">"svg-edit"</a></p>
<p>Framvectoriel est placé sous licence libre <a href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons BY-SA 3.0</a></p>
<p>Pour toute question concernant Framavectoriel, vous pouvez utiliser le site <strong><a href="https://contact.framasoft.org">http://contact.framasoft.org</a></strong></p>
</div>
<div class="well">
<h1>Wiki</h1>
<p>Le wiki de Framasoft est propulsé par le logiciel libre <a href="https://dokuwiki.org/">Dokuwiki</a>.</p>
<h2>Licence</h2>
<p>Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC Attribution-Share Alike 3.0 Unported</a></p>
</div>
<div class="well">
<h1>Framazic</h1>
<p>Framazic, ou Framaz♪c, est une initiative de l’association à but non-lucratif <a href="https://framasoft.org/">Framasoft</a> ayant pour objectif la promotion du logiciel et de la culture libres.</p>
<h2>Contexte</h2>
<p>Framazic a été réalisé dans un contexte plutôt morose pour la musique non-libre : de grands groupes monopolistiques dominent ce domaine artistique et utilisent leurs pouvoirs contre l’intérêt de la majorité : des artistes d’abord, qui soit n’arrivent pas à percer dans ce système fermé, soit réussissent à se faire connaître mais doivent signer des contrats les spoliant honteusement. Les citoyens ensuite qui subissent les caprices d’une industrie du divertissement refusant de remettre en question la pertinence de son modèle économique, et faisant non seulement pression sur les politiques pour faire passer des lois contraires à nos libertés fondamentales, mais aussi organisant un lavage de cerveau général sur un ton moralisateur. Les organisations et personnes diffusant de la musique enfin qui subissent des prix de plus en plus exagérés ne servant ni à encourager la création, ni à rémunérer les artistes, mais à conforter un système malade nourrissant grassement quelques « happy few ».<br>
C’est dans ce contexte qu’il a paru important de participer à la promotion de la musique libre. Le but est d’ouvrir ce domaine de la culture au plus grand nombre pour à la fois faire connaître, et montrer qu’effectivement une alternative est possible et fonctionne.<br>
Ce projet apparaît aussi chez Framasoft, association à but non-lucrative, dans le cadre d’un but de long terme d’élargir les perceptives. Framasoft qui a commencé par la promotion du logiciel libre cherche maintenant à faire également découvrir la culture libre (musiques, films, livres, connaissances, etc).</p>
<h2>Réalisation</h2>
<p>Framazic est un projet de la galaxie Framasoft, ayant pour but la promotion de la musique libre : définition, explication des enjeux liés, de son fonctionnement, écoute d’une sélection, liens vers des plateformes d’hébergement de musique. Framazic n’est donc pas une plateforme hébergeant de la musique sous licence libre, mais une porte d’entrée vers la musique libre, c’est à dire un site servant de référence pour tout ceux souhaitant la découvrir.</p>
<p>Le contenu de ce site a été rédigé et mis en forme par Martin Gubri dans le cadre de son stage chez Framasoft en 2012.</p>
<h2>Remerciements</h2>
<p>Nous remercions chaleureusement <a href="https://aisyk.blogspot.fr/">Aisyk</a> pour ses explications détaillées et l’intérêt qu’il a consacré au projet, Pierre-Yves Gosset pour sa disponibilité et pour le travail technique et ses conseils avisés, Benjamin Jean pour son écoute et ses réponses pertinentes aux questions posées, JosephK pour son aide fort précieuse à l’intégration des vidéos sur le site, et à tous les membres de l’association pour avoir initié le projet, permis et suivis sa réalisation.</p>
<h2>Licence</h2>
<p>Sentez vous libre de copier, diffuser, adapter le contenu de ce site, tant que vous attribuez clairement
et visiblement la paternité à Framartin et Framasoft. Sauf mention contraire (dans les notes de bas de page)
pour certains paragraphes (contenant des parties reprises de sources externes) et certains médias (images,
vidéos, etc) le contenu de ce site est mis à disposition selon les termes de la licence
<a href="https://creativecommons.org/licenses/by/3.0/fr/" title="Creative Commons Attribution 3.0 France">Creative Commons Attribution 3.0 France</a>.</p>
<p>N’hésitez pas à nous contacter pour toutes questions, problèmes, modifications à suggérer, nous faire parvenir vos créations (quelque soit le support) ou simplement pour nous dire que vous appréciez faire un tour par ici !</p>
<p>Le <a href="https://thenounproject.com/noun/headphones/#icon-No1850">logo du casque</a> symbolisant les mélomanes a été fait par Dara Ullrich, sous licence Creative Commons by 3.0.</p>
<p>Le <a href="https://openclipart.org/detail/171161/acoustic-guitar-silhouette-by-j_alves-171161">logo de guitare</a> symbolisant les musiciens a été fait par J_Alves, sous licence <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons 0 domaine public 1.0</a>.</p>
<p>Le <a href="https://openclipart.org/detail/150715/megaphone-by-worker">logo du mégaphone</a> symbolisant les diffuseurs a été fait par worker, sous licence <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons 0 domaine public 1.0</a>.</p>
<h2>Technique</h2>
<p>Le site est propulsé par WordPress, avec une version modfiée du thème libre
<a href="http://themeid.com/responsive-theme/" title="Thème Responsive">Responsive</a> sous licence GPL v3,
et avec <a href="https://twitter.github.com/bootstrap/">Bootstrap</a>.
La sélection de musique libre fonctionne avec le plugin libre (GPL 2)
<a href="http://wordpress.org/extend/plugins/html5-jquery-audio-player/">HTML5 jQuery Audio Player</a>.
Les graphiques dynamiques sont générés à l’aide de <a href="http://www.highcharts.com/">Highcharts</a>
(sous licence <a href="shop.highsoft.com/highcharts.html">Creative Commons By-Nc 3.0</a>).</p>
</div>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<h3>Hébergeur</h3>
<p>Hetzner Online AG</p>
<p>Adresse du Centre Administration et du Centre Hébergement:<br />
Hetzner Online AG<br />
Stuttgarter St. 1<br />
91710 Gunzenhausen<br />
Allemagne</p>
<p>Tél.: +49 – 9831 - 610061</p>
<h3>Hébergeur</h3>
<p>Iniz</p>
<p>Suite 439<br />
109 Vernon House<rb />
Nottingham<br />
NG1 6DQ</p>
<h3>Hébergeur</h3>
<p>OVH</p>
<p>SAS au capital de 10&nbsp;000&nbsp;000&nbsp;€ RCS Roubaix – Tourcoing 424&nbsp;761&nbsp;419
&nbsp;00045 </p>
<p>Code APE 6202A - N° TVA : FR 22&nbsp;424&nbsp;761&nbsp;419</p>
<p>Siège social&nbsp;: 2 rue Kellermann 59100 Roubaix - France.</p>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex, follow" />
<title>Mentions légales</title>
<link href="../lib/bootstrap/css/bootstrap.min.css" media="all" rel="stylesheet">
<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.min.js"></script>
</head>
<body class="apropos">
<script type="text/javascript" src="../nav.js"></script>
<div class="container ombre">
<h1>Mentions légales</h1>
<hr class="trait" role="presentation">
<h2>Éditeur</h2>
<h3>Framasoft</h3>
<p>Association loi&nbsp;1901 déclarée en sous-préfecture d’Arles le 2&nbsp;
décembre 2003 sous le n°&nbsp;0132007842</p>
<p>N° Siret&nbsp;: 500 715 776 00026</p>
<h3>Siège social</h3>
<p>Association Framasoft<br>
Pierre-Yves Gosset<br>
c/o Locaux Motiv<br>
10 bis, rue Jangot<br>
69007 LYON</p>
<p>Pour nous contacter&nbsp;: https://contact.framasoft.org</p>
<h3>Directeur de la publication</h3>
<p>Monsieur Christophe MASUTTI, Président</p>
<div id="modal-legals-host">
</div>
<hr />
<h2>Informatique et libertés</h2>
<h3>Informations personnelles collectées</h3>
<p>En France, les données personnelles sont notamment protégées par <a href="https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000000886460">la
loi n°&nbsp;78-17 du 6&nbsp;janvier 1978</a>, la loi n°&nbsp;2004-801 du 6&nbsp;août 2004,
l’article L.&nbsp;226-13 du Code pénal et la Directive Européenne du 24
&nbsp;octobre 1995.</p>
<p>En tout état de cause Framasoft ne collecte des informations
personnelles relatives à l’utilisateur (nom, adresse électronique,
coordonnées téléphoniques) que pour le besoin des services proposés par
les sites du réseau Framasoft, notamment pour l’inscription à des
espaces de discussion par le biais de formulaires en ligne ou pour des
traitements statistiques. L’utilisateur fournit ces informations en
toute connaissance de cause, notamment lorsqu’il procède par lui-même à
leur saisie. Il est alors précisé à l’utilisateur des sites du réseau
Framasoft le caractère obligatoire ou non des informations qu’il serait
amené à fournir.</p>
<h3>Analyse statistique et confidentialité</h3>
<p>En vue d’adapter le site aux demandes de nos visiteurs, nous analysons le trafic de nos sites avec Piwik.
Piwik génère un cookie avec un identifiant unique, dont la durée de conservation est limitée à 13 mois.
Les données recueillies (adresse IP, User-Agent…) sont anonymisées et conservées pour une durée de 6 mois.
Elles ne sont pas cédées à des tiers ni utilisées à d'autres fins.</p>
<div id="piwik-iframe" class="well center-block"></div>
<h3>Rectification des informations nominatives collectées</h3>
<p>Conformément aux dispositions de l’article&nbsp;34 de la loi n°&nbsp;48-87 du
6 janvier 1978, l’utilisateur dispose d’un droit de modification des
données nominatives collectées le concernant. Pour ce faire,
l’utilisateur envoie à Framasoft&nbsp;: </p>
<ul>
<li>un courrier électronique en utilisant le formulaire de contact </li>
<li>un courrier à l’adresse du siège de l’association (indiquée
ci-dessus) en indiquant son nom ou sa raison sociale, ses coordonnées
physiques et/ou électroniques, ainsi que le cas échéant la référence
dont il disposerait en tant qu’utilisateur du site Framasoft.</li>
</ul>
<p>La modification interviendra dans des délais raisonnables à compter
de la réception de la demande de l’utilisateur.</p>
<hr />
<h2>Limitation de responsabilité</h2>
<p>Ce site comporte des informations mises à disposition par des
communautés ou sociétés externes ou des liens hypertextes vers d’autres sites qui
n’ont pas été développés par le Framasoft. Le contenu mis à disposition
sur le site est fourni à titre informatif. L’existence d’un lien de ce
site vers un autre site ne constitue pas une validation de ce site ou
de son contenu. Il appartient à l’internaute d’utiliser ces
informations avec discernement et esprit critique. La responsabilité de
Framasoft ne saurait être engagée du fait des informations, opinions et
recommandations formulées par des tiers.</p>
<p>Framasoft ne pourra être tenue responsable des dommages directs et
indirects causés au matériel de l’utilisateur, lors de l’accès au site,
et résultant soit de l’utilisation d’un matériel ne répondant pas aux
spécifications techniques requises, soit de l’apparition d’un bug ou
d’une incompatibilité.</p>
<p>Framasoft ne pourra également être tenue responsable des dommages
indirects (tels par exemple qu’une perte de marché ou perte d’une
chance) consécutifs à l’utilisation du site.</p>
<p>Des espaces interactifs (possibilité de poser des questions dans
l’espace contact) sont à la disposition des utilisateurs sur le site
Framasoft. Framasoft se réserve le droit de
supprimer, sans mise en demeure préalable, tout contenu déposé dans cet
espace qui contreviendrait à la législation applicable en France, en
particulier aux dispositions relatives à la protection des données. Le
cas échéant, Framasoft se réserve également la possibilité de mettre en
cause la responsabilité civile et/ou pénale de l’utilisateur, notamment
en cas de message à caractère raciste, injurieux, diffamant, ou
pornographique, quel que soit le support utilisé (texte, photographie…).</p>
<h3>Limitations contractuelles sur les données techniques</h3>
<p>Framasoft ne pourra être tenue responsable de dommages matériels
liés à l’utilisation du site. De plus, l’utilisateur du site s’engage à
accéder au site en utilisant un matériel récent, ne contenant pas de
virus et avec un navigateur de dernière génération mis-à-jour</p>
<h3>Propriété intellectuelle</h3>
<p>Les contenus sont publiés sous la responsabilité des utilisateurs.</p>
<hr />
<div class="signature">
<p>Mentions légales de l'association Framasoft, le 6 octobre 2014. (<a href="https://framagit.org/framasoft/framanav/commits/master/html/legals.html">Historique</a>)</p>
</div>
</div>
</body>
</html>
This diff is collapsed.