Commit 66b12748 authored by  JosephK's avatar JosephK
Browse files

Update from VueFS + restruturing data

parent 83f6e154
......@@ -2,3 +2,4 @@ node_modules/
public/
.zanata-cache/etag-cache.xml
npm-debug.log
/zanata.xml
......@@ -35,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:
......
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
zanata/scripts/po2yml.sh
preview:
npm run preview
......
......@@ -3,6 +3,7 @@
<vue-headful
:title="$t('meta.title')"
:html="{ body: {id: $route.meta.id } }"
:lang="$route.meta.lang"
:description="$t('meta.desc')"
:keywords="$t('meta.keywords')"
:head="{
......
......@@ -32,15 +32,15 @@
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pagination";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pager";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/labels";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/badges";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/labels";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/badges";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/jumbotron";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/alerts";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/alerts";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/progress-bars";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/media";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/list-group";
// @import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/panels";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/panels";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/wells";
@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/close";
......
......@@ -50,14 +50,14 @@
button {
cursor: pointer;
font-size: 30px;
font-size: 26px;
z-index: 1000;
background: #f3f3f3;
border-radius: 30px;
color: #767676;
width: 40px;
height: 40px;
padding-left: 4px;
padding-left: 1px;
padding-top: 0px;
position: absolute;
opacity: 1;
......
......@@ -58,7 +58,7 @@
right: 0;
}
.router-link-active,
.router-link-exact-active,
.navEntities {
display: none;
}
......
......@@ -117,30 +117,6 @@ body > .row {
margin-left:0;
margin-right:0;
}
/*
#internav ul {
margin-top: 0px;
margin-bottom: 10px;
}
#internav li a {
color: #666;
padding: 12px 15px;
text-decoration: none;
border:none !important;
line-height: 14px;
&:hover,
&:focus,
.active {
background: #767676;
color: #fff;
}
}
#internav form div {
margin-top: 4px;
margin-left: 25px
}*/
.col-md-2 {float:left} /* pb pour cliquer sur les liens des blocs en dessous sinon */
......@@ -326,7 +302,7 @@ body > .row {
margin-top: 1.5em;
}
.partenaires.blocCommunaute img {
#home #app .partenaires img {
width: 150px;
}
......@@ -569,16 +545,16 @@ blockquote {
@import "frama/colors";
@import "frama/links";
// @import "frama/text";
// @import "frama/backgrounds";
// @import "frama/alerts";
// @import "frama/buttons";
@import "frama/text";
@import "frama/backgrounds";
@import "frama/alerts";
@import "frama/buttons";
@import "frama/carousel";
// @import "frama/internav";
// @import "frama/labels";
@import "frama/labels";
// @import "frama/modals";
// @import "frama/navs";
// @import "frama/panels";
@import "frama/panels";
// @import "frama/popovers";
@import "frama/cleaning";
......
<template>
<div class="container ombre apropos">
<vue-headful
:title="$t('data.meta.name') + ' - ' + $t('asso.title')"
:title="$root.meta.title + ' - ' + $t('asso.title')"
/>
<header class="clearfix header">
<h1 class="pull-left" v-html="$t('asso.title')"></h1>
......@@ -25,10 +25,10 @@
<div class="col-sm-10 col-sm-offset-1">
<img class="img-responsive" alt=""
title="Clic droit sur l’image et « Enregistrer l’image sous » pour la réutiliser"
:src="data['/img/'] + 'infographie_Le-Monde-de-Framasoft_CC-By-SA-Geoffrey-Dorne-1920px-2018-' + ($t('lang') === 'fr' ? 'fr' : 'en') + '.jpg'" />
:src="$root['/'] + 'img/infographie_Le-Monde-de-Framasoft_CC-By-SA-Geoffrey-Dorne-1920px-2018-' + ($t('lang') === 'fr' ? 'fr' : 'en') + '.jpg'" />
<p class="text-right">
<span v-html="$t('asso.prez.infography')"></span>
<a href="http://geoffreydorne.com">Geoffrey Dorne</a>, <span v-html="data.license.ccbysa4fr"></span>
<a href="http://geoffreydorne.com" v-html="$root.people.dorme"></a>, <span v-html="$root.license.ccbysa4fr"></span>
</p>
</div>
</div>
......@@ -42,19 +42,19 @@
></p>
<ul>
<li>
<a :href="data.asso.files + 'statuts-Framasoft-2015-v8.pdf'">
<a :href="$root.asso.files + 'statuts-Framasoft-2015-v8.pdf'">
<strong v-html="$t('asso.infos.statuts')"></strong>
</a>
</li>
<li>
<a :href="data.asso.files + 'reglement-interieur-2015-v6c.pdf'">
<a :href="$root.asso.files + 'reglement-interieur-2015-v6c.pdf'">
<strong v-html="$t('asso.infos.ri')"></strong>
</a>
</li>
</ul>
<p class="text-center">
<img style="width:180px;" alt="" :src="data['/img/'] + 'biglogo.png'" />
<img style="width:180px;" alt="" :src="$root['/'] + 'img/biglogo.png'" />
</p>
<hr />
......@@ -67,7 +67,7 @@
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.coprez')"></dt>
<dd v-html="data.legals.editor.coprezName"></dd>
<dd v-html="$root.legals.editor.coprezName"></dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.dg')"></dt>
......@@ -77,9 +77,9 @@
<dt v-html="$t('asso.data.dt.registration')"></dt>
<dd>
2004
(<a :href="data.asso.files + 'statuts-Framasoft-2015-v8.pdf'"
(<a :href="$root.asso.files + 'statuts-Framasoft-2015-v8.pdf'"
rel="nofollow" v-html="$t('asso.infos.statuts')"></a>)
(<a :href="data.asso.files + 'reglement-interieur-2015-v6c.pdf'"
(<a :href="$root.asso.files + 'reglement-interieur-2015-v6c.pdf'"
rel="nofollow" v-html="$t('asso.infos.ri')"></a>)
</dd>
</dl>
......@@ -98,56 +98,56 @@
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.id')"></dt>
<dd>
<a :href="data.asso.files + 'fiche_identification_framasoft.pdf'"
<a :href="$root.asso.files + 'fiche_identification_framasoft.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.id')"></a>
</dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.projects')"></dt>
<dd>
<a :href="$t('link.cuo')" v-html="data.cat.campagnes.sites.cuo.name"></a> -
<a :href="$t('link.dio')" v-html="$t('cat.campagnes.sites.dio.name')"></a>
<a :href="$root.link.cuo" v-html="$root.color.cuo"></a> -
<a :href="$root.link.dio" v-html="$t('color.dio')"></a>
</dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.charte')"></dt>
<dd><a :href="$t('link.charte')" v-html="$t('charte.title')"></a></dd>
<dd><a href="../charte" v-html="$t('charte.title')"></a></dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.reports')"></dt>
<dd>
<ul>
<li>
2016 : <a :href="data.asso.files + 'rapport_financier_2016.pdf'"
2016 : <a :href="$root.asso.files + 'rapport_financier_2016.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsFinancial')"></a>
(<span v-html="$t('asso.data.dd.reportsWriting')"></span>)
</li>
<li>
2015 : <a :href="data.asso.files + 'rapports-moraux/Framasoft_rapport_activite_2015.pdf'"
2015 : <a :href="$root.asso.files + 'rapports-moraux/Framasoft_rapport_activite_2015.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsFinancial')"></a>
</li>
<li>
2014 : <a :href="data.asso.files + 'rapports-moraux/Framasoft_rapport_activite_2014.pdf'"
2014 : <a :href="$root.asso.files + 'rapports-moraux/Framasoft_rapport_activite_2014.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsResults')"></a>
</li>
<li>
2013 : <a :href="data.asso.files + 'rapports-moraux/rapport_activites_framasoft_2013-v0.3.pdf'"
2013 : <a :href="$root.asso.files + 'rapports-moraux/rapport_activites_framasoft_2013-v0.3.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsMAndF')"></a>
</li>
<li>
2012 : <a :href="data.asso.files + 'rapport_moral_framasoft_2012-v0.5.pdf'"
2012 : <a :href="$root.asso.files + 'rapport_moral_framasoft_2012-v0.5.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsMAndF')"></a>
</li>
<li>
2011 : <a :href="data.asso.files + 'rapport_moral_framasoft_2011-v3.pdf'"
2011 : <a :href="$root.asso.files + 'rapport_moral_framasoft_2011-v3.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsMAndF')"></a>
</li>
<li>
2010 : <a :href="data.asso.files + 'rapport_moral_framasoft_2010_v3.pdf'"
2010 : <a :href="$root.asso.files + 'rapport_moral_framasoft_2010_v3.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsMAndF')"></a>
</li>
<li>
2009 : <a :href="data.asso.files + 'rapport_moral_framasoft_2009_v2.4.3_0.pdf'"
2009 : <a :href="$root.asso.files + 'rapport_moral_framasoft_2009_v2.4.3_0.pdf'"
rel="nofollow" v-html="$t('asso.data.dd.reportsMAndF')"></a>
</li>
</ul>
......@@ -155,15 +155,15 @@
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.newsletter')"></dt>
<dd><a href="https://contact.framasoft.org/newsletter/" v-html="$t('asso.data.dd.newsletter')"></a></dd>
<dd><a :href="$root.link.newsletter" v-html="$t('asso.data.dd.newsletter')"></a></dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.press')"></dt>
<dd><a href="https://wiki.framasoft.org/speakabout" v-html="$t('asso.data.dd.press')"></a></dd>
<dd><a :href="$root.link.press" v-html="$t('asso.data.dd.press')"></a></dd>
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.graphics')"></dt>
<dd><a :href="$t('link.graphics')" v-html="$t('asso.data.dd.graphics')"></a></dd>
<dd><a href="../graphics" v-html="$t('asso.data.dd.graphics')"></a></dd>
</dl>
<dl class="dl-horizontal">
<dd>
......@@ -173,7 +173,7 @@
</dl>
<dl class="dl-horizontal">
<dt v-html="$t('asso.data.dt.founders')"></dt>
<dd>Alexis Kauffmann, Paul Lunetta, Georges Silva</dd>
<dd>{{ $root.people.aka }}, Paul Lunetta, Georges Silva</dd>
</dl>
</div>
</main>
......@@ -187,10 +187,5 @@ export default {
components: {
I18n,
},
data() {
return {
data: this.$i18n.messages.data,
}
},
}
</script>
<template>
<div class="container ombre apropos">
<vue-headful
:title="$t('data.meta.name') + ' - ' + $t('cgu.title')"
:title="$root.meta.title + ' - ' + $t('cgu.title')"
/>
<header class="clearfix header">
<h1 class="pull-left">{{ $t('cgu.title') }}</h1>
<h1 class="pull-left" v-html="$t('cgu.title')"></h1>
<I18n/>
</header>
<main>
<h2>{{ $t('cgu.intro.title') }}</h2>
<h2 v-html="$t('cgu.intro.title')"></h2>
<p v-html="$t('cgu.intro.text')"></p>
<h2>{{ $t('cgu.short.title') }}</h2>
<h2 v-html="$t('cgu.short.title')"></h2>
<p v-html="$t('cgu.short.desc')"></p>
<p><b v-html="$t('cgu.short.sympa.text')"></b></p>
<ul class="list-group">
......@@ -28,8 +28,8 @@
></li>
</ul>
<h2>{{ $t('cgu.full.title') }}</h2>
<h3>{{ $t('cgu.full.conditions.title') }}</h3>
<h2 v-html="$t('cgu.full.title')"></h2>
<h3 v-html="$t('cgu.full.conditions.title')"></h3>
<ol>
<li
......@@ -45,7 +45,7 @@
></li>
</ol>
<h2>{{ $t('cgu.modify.title') }}</h2>
<h2 v-html="$t('cgu.modify.title')"></h2>
<ol>
<li
v-for="li, index in $t('cgu.modify.list')"
......@@ -53,7 +53,7 @@
></li>
</ol>
<h3>{{ $t('cgu.modify.copyright.title') }}</h3>
<h3 v-html="$t('cgu.modify.copyright.title')"></h3>
<ol>
<li
v-for="li, index in $t('cgu.modify.copyright.list')"
......@@ -61,7 +61,7 @@
></li>
</ol>
<h3>{{ $t('cgu.modify.share.title') }}</h3>
<h3 v-html="$t('cgu.modify.share.title')"></h3>
<ul>
<li
v-for="li, index in $t('cgu.modify.share.list')"
......@@ -69,13 +69,13 @@
></li>
</ul>
<h3>{{ $t('cgu.modify.closure.title') }}</h3>
<h3 v-html="$t('cgu.modify.closure.title')"></h3>
<p
v-for="p, index in $t('cgu.modify.closure.text')"
v-html="$t('cgu.modify.closure.text[' + index + ']')"
></p>
<h3>{{ $t('cgu.modify.private.title') }}</h3>
<h3 v-html="$t('cgu.modify.private.title')"></h3>
<p
v-for="p, index in $t('cgu.modify.private.text')"
v-html="$t('cgu.modify.private.text[' + index + ']')"
......@@ -102,10 +102,5 @@ export default {
components: {
I18n,
},
data() {
return {
data: this.$i18n.messages.data,
}
},
}
</script>
<template>
<div class="container ombre apropos">
<vue-headful
:title="$t('data.meta.name') + ' - ' + $t('charte.title')"
:title="$root.meta.title + ' - ' + $t('charte.title')"
/>
<header class="clearfix header">
<h1 class="pull-left">{{ $t('charte.title') }}</h1>
<h1 class="pull-left" v-html="$t('charte.title')"></h1>
<I18n/>
</header>
<main>
<p v-html="$t('charte.intro')"></p>
<h2>{{ $t('charte.libre.title') }}</h2>
<h2 v-html="$t('charte.libre.title')"></h2>
<p v-for="p, index in $t('charte.libre.text')" v-html="$t('charte.libre.text['+ index +']')"></p>
<h2>{{ $t('charte.decentralized.title') }}</h2>
<p v-for="p, index in $t('charte.decentralized.text')" v-html="$t('charte.decentralized.text['+ index +']')""></p>
<h2 v-html="$t('charte.decentralized.title')"></h2>
<p v-for="p, index in $t('charte.decentralized.text')" v-html="$t('charte.decentralized.text['+ index +']')"></p>
<h2>{{ $t('charte.ethic.title') }}</h2>
<p v-for="p, index in $t('charte.ethic.text')" v-html="$t('charte.ethic.text['+ index +']')""></p>
<h2 v-html="$t('charte.ethic.title')"></h2>
<p v-for="p, index in $t('charte.ethic.text')" v-html="$t('charte.ethic.text['+ index +']')"></p>
<h2>{{ $t('charte.solidary.title') }}</h2>
<p v-for="p, index in $t('charte.solidary.text')" v-html="$t('charte.solidary.text['+ index +']')""></p>
<h2 v-html="$t('charte.solidary.title')"></h2>
<p v-for="p, index in $t('charte.solidary.text')" v-html="$t('charte.solidary.text['+ index +']')"></p>
<div class="signature">
<hr />
<p v-for="p, index in $t('charte.footer')" v-html="$t('charte.footer['+ index +']')""></p>
<p v-for="p, index in $t('charte.footer')" v-html="$t('charte.footer['+ index +']')"></p>
</div>
</main>
</div>
......@@ -37,10 +37,5 @@ export default {
components: {
I18n,
},
data() {
return {
data: this.$i18n.messages.data,
}
},
}
</script>
This diff is collapsed.
<template>
<div class="container ombre apropos">
<vue-headful
:title="$t('data.meta.name') + ' - ' + $t('graphics.title')"
:title="$root.meta.title + ' - ' + $t('graphics.title')"
/>
<header class="clearfix header">
<h1 class="pull-left" v-html="$t('graphics.title')"></h1>
......@@ -341,11 +341,11 @@
<div class="row">
<div class="col-md-5">
<h1><img :src="data['/img/'] + 'logo.png'" alt="" /> <b class="violet">Frama</b><b class="orange">soft</b></h1>
<h1><img :src="data['/img/'] + 'logo-bleu.png'" alt="" /> <b class="violet">Frama</b><b class="bleu">libre</b></h1>
<h1><img :src="data['/img/'] + 'logo-rouge.png'" alt="" /> <b class="violet">Frama</b><b class="rouge">blog</b></h1>
<h1><img :src="data['/img/'] + 'logo-vert.png'" alt="" /> <b class="violet">Frama</b><b class="vert">date</b></h1>
<h1><img :src="data['/img/'] + 'logo-jaune.png'" alt="" /> <b class="violet">Frama</b><b class="jaune">colibri</b></h1>
<h1><img :src="$root['/'] + 'img/logo.png'" alt="" /> <b class="violet">Frama</b><b class="orange">soft</b></h1>
<h1><img :src="$root['/'] + 'img/logo-bleu.png'" alt="" /> <b class="violet">Frama</b><b class="bleu">libre</b></h1>
<h1><img :src="$root['/'] + 'img/logo-rouge.png'" alt="" /> <b class="violet">Frama</b><b class="rouge">blog</b></h1>
<h1><img :src="$root['/'] + 'img/logo-vert.png'" alt="" /> <b class="violet">Frama</b><b class="vert">date</b></h1>
<h1><img :src="$root['/'] + 'img/logo-jaune.png'" alt="" /> <b class="violet">Frama</b><b class="jaune">colibri</b></h1>
<h1>Titre h1</h1>
<hr class="trait" />
<h2>Titre h2</h2>
......@@ -485,7 +485,7 @@
<h1>Images</h1>
<p>
Les sources de toutes ces images se trouvent dans
<a :href="data['/img/'] + 'sources-logo-set.svg'">ce fichier <abbr>.svg</abbr></a>.
<a :href="$root['/'] + 'img/sources-logo-set.svg'">ce fichier <abbr>.svg</abbr></a>.
Les emblèmes sont créés à partir des icônes de
<a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>
pour les utiliser dans Inkscape, il faut ajouter le fichier <abbr>.ttf</abbr>
......@@ -493,20 +493,20 @@
</p>
<div class="col-sm-8 clearfix">
<h2>Logo</h2>
<p class="col-sm-6 text-center"><img :src="data['/img/'] + 'biglogo.png'" alt="" style="width:300px"/></p>
<p class="col-sm-6 text-center"><img :src="data['/img/'] + 'biglogo-noir.png'" alt="" style="width:300px"/></p>
<p class="col-sm-6 text-center"><img :src="$root['/'] + 'img/biglogo.png'" alt="" style="width:300px"/></p>
<p class="col-sm-6 text-center"><img :src="$root['/'] + 'img/biglogo-noir.png'" alt="" style="width:300px"/></p>
<p class="row col-sm-12 alert" v-html="$t('credits.main.license.text[3]')"></p>
<ul class="list-inline text-center">
<li><img :src="data['/img/'] + 'logo.png'" alt="" /></li>
<li><img :src="data['/img/'] + 'logo-bleu.png'" alt="" /></li>
<li><img :src="data['/img/'] + 'logo-rouge.png'" alt="" /></li>
<li><img :src="data['/img/'] + 'logo-vert.png'" alt="" /></li>
<li><img :src="data['/img/'] + 'logo-jaune.png'" alt="" /></li>
<li><img :src="$root['/'] + 'img/logo.png'" alt="" /></li>
<li><img :src="$root['/'] + 'img/logo-bleu.png'" alt="" /></li>
<li><img :src="$root['/'] + 'img/logo-rouge.png'" alt="" /></li>
<li><img :src="$root['/'] + 'img/logo-vert.png'" alt="" /></li>
<li><img :src="$root['/'] + 'img/logo-jaune.png'" alt="" /></li>
</ul>
</div>
<div class="col-sm-4 clearfix well">
<p>Historiquement, les <cite>Pingouins</cite> de LL de Mars sont des manchots : ils ne peuvent pas voler.</p>
<p class="text-center"><img :src="data['/img/'] + 'mascotte.png'" alt="" style="width:120px"/></p>
<p>Historiquement, les <cite>Pingouins</cite> de {{ $root.people.lldemars }} sont des manchots : ils ne peuvent pas voler.</p>
<p class="text-center"><img :src="$root['/'] + 'img/pingouinVolantRefait.png'" alt="" style="width:120px"/></p>
<p>
Ce manchot (<a href="http://tofz.org/?displaypic=.priv8%2Fpingouins%2F42.jpg&amp;non_lr=">planche originale</a>)
a été choisi car il sort de sa condition en agissant différemment de ses congénères.
......@@ -518,31 +518,31 @@
<h2>Icônes</h2>
<h3>Apple Touch Icons</h3>
<ul class="list-inline">
<li><img :src="data['/img/'] + 'apple-violet.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-orange.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-bleu.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-rouge.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-vert.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-jaune.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-gris.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'apple-rose.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-violet.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-orange.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-bleu.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-rouge.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-vert.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-jaune.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-gris.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/apple-rose.png'" alt="" width="120" height="120"/></li>
</ul>
<ul class="list-inline">
<li><img :src="data['/img/'] + 'fa-ati-bleu.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'fa-ati-rouge.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'fa-ati-vert.png'" alt="" width="120" height="120"/></li>
<li><img :src="data['/img/'] + 'fa-ati-jaune.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/fa-ati-bleu.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/fa-ati-rouge.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/fa-ati-vert.png'" alt="" width="120" height="120"/></li>
<li><img :src="$root['/'] + 'img/fa-ati-jaune.png'" alt="" width="120" height="120"/></li>
</ul>
<h3>Favicons</h3>
<ul class="list-inline">
<li><img :src="data['/img/'] + 'favicon-violet.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-orange.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-bleu.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-rouge.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-vert.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-jaune.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-gris.png'" alt=""/></li>
<li><img :src="data['/img/'] + 'favicon-rose.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-violet.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-orange.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-bleu.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-rouge.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-vert.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-jaune.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-gris.png'" alt=""/></li>
<li><img :src="$root['/'] + 'img/favicon-rose.png'" alt=""/></li>
</ul>
<h3>Par service avec emblème Fork Awesome</h3>
......@@ -733,7 +733,6 @@ export default {
},
data() {
return {
data: this.$i18n.messages.data,
ati: {
border: '#6A5687',
bec: '#EB7239',
......
......@@ -8,7 +8,7 @@
<div class="col-md-8">