...
 
Commits (2)
  • Sylvain Comte's avatar
    amélioration de l'intégration ICE mkdocs · d959701a
    Sylvain Comte authored
    * readme et style
    * Informations pour l'instatllation de mkdocs
        * problèmes avec tornado
        * problèmes avec cffi
    * amélioration de la séparation de la configuration et du code (#4)
        * d3.css, d3.js et code (création d'une nouvelle échelle de couleurs)
    * ajout d'un readme pour ICE (#3)
    * mise à jour d3 en v4.13.0 impossible de mettre à jour d3.tip simplement à ce stade
    * amélioration de l'intégration ICE mkdocs
        * séparation de certaines variables en constantes config.js
        * markdownification de la page
        * quelques ajustements du script
            * échelle de couleur pour l'intensite de la construction
            * apparitions multiples des échelles de couleurs
            * nettoyage des tests inutiles
    d959701a
  • Sylvain Comte's avatar
    documentation et configuration · 9642bc12
    Sylvain Comte authored
    * poursuite de la séparation des fichiers de configuration (fixes #4) pour _planification_
    * mise en place et correction de readmes (fixes #3) pour _foncier-public_, _planification_, _ville-durable_, _archives_
    9642bc12
......@@ -5,25 +5,61 @@ Ce répertoire contient plusieurs projets (ou leur documentation) destinés à c
## Projets
* Atlas de la [ville durable](./contenu/ville-durable/)
* Atlas de la [ville durable](./contenu/ville-durable/readme.md)
* Indicateurs
* [ICE](./contenu/I/CE) indicateurs de consommation d'espaces
* [ICE](./contenu/I/CE/readme.md) indicateurs de consommation d'espaces
* Cartographies
* des [SCoT](./contenu/planification/) de normandie
* de la [mobilisation du foncier public](./contenu/Foncier/foncier-public/)
* Analyse de l'[évolution des documents d'urbanisme](./contenu/urbanisme/)
* des [SCoT](./contenu/planification/readme.md) de normandie
* de la [mobilisation du foncier public](./contenu/Foncier/foncier-public/readme.md)
* Analyse de l'[évolution des documents d'urbanisme](./contenu/urbanisme/readme.md)
Et d'autres projets désormais [archivés](./contenu/archives/)
## Tester Know-rmandie sur votre machine
L'outil nécessite python 3.x pour produire les pages ainsi que les bibliothèques figurant dans [py-requirements.txt](py-requirements.txt). On peut les installer facilement en faisant
```bash
pip install -r py-requirements.txt
```
Ceci fait, on peut lancer un serveur virtuel qui permet à la fois de prévisualiser le site, mais de visualiser en temps réel les modification qu'on fait dans le projet.
```bash
mkdocs serve
```
On peut également produire l'ensemble du site tel qu'il sera envoyé au serveur. Le résultat apparaitra dans un dossier `site` . Une fois les pages produites, le site est "statique" et ne nécessite rien d'autre qu'un serveur de fichiers.
```bash
mkdocs build
```
### Problèmes dans l'exécution du programme
Il est possible que le programme soit un peu capricieux, au moment de l'installation (problèmes de dépendances, de connexion etc.) ou durant son exécution. Nous essayons de tenir à jour une liste des difficultés rencontrées et des solutions associées : [Problèmes fréquents avec mkdocs](https://gitlab.com/know-rmandie/know-rmandie.gitlab.io/issues/5)
* problèmes avec le paquet `cffi` : ce problème ne se produit pas si vous utilisez PyPy pour faire fonctionner vos programmes en python. Cela peut en revanche arriver avec Python 3.8. Pour le régler, installer proprement cffi avec : `pip install cffi`
* problèmes avec le paquet `tornado` : régulièrement rencontré avec Python 3.8. Il faudra alors éditer le fichier `... \AppData\Local\Programs\Python\Python38\Lib\site-packages\tornado\platform` en ajoutant les lignes suivantes
```
import sys
if sys.platform == 'win32':
asyncio.set_event_loop_policy(asyncio.WindowsSelectorEventLoopPolicy())
```
python vous renvoie une erreur à cause du module tornado. Vous référer à [cette solution](https://github.com/tornadoweb/tornado/issues/2608#issuecomment-491489432) dans un tel cas.
## Licences
Know-rmandie est libre et s'appuye sur des logiciels libres
Know-rmandie est libre et s'appuye sur des logiciels libres. La plate-forme tourne grâce à
* [MkDocs](https://www.mkdocs.org) propulse le wiki - licence BSD 2-Clause
* le theme [material](https://squidfunk.github.io/mkdocs-material) - licence MIT
* le plugin [awesome-pages](https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin) - licence MIT
L'ensemble des adaptations, développements et contenus sont, sauf mention contraire, sous [licence ouverte][./LICENCE.md]
L'ensemble des adaptations, développements et contenus sont, sauf mention contraire, sous [licence ouverte][./LICENCE.md]. Chacun des sous-projets évoqué indique les librairies qu'il utilise. Toutes sont rassemblées dans le répertoire [lib](./theme/lib)
![licence ouverte](https://www.etalab.gouv.fr/wp-content/uploads/2014/05/Logo_Licence_Ouverte_bleu_blanc_rouge.png "licence ouverte")
## Circuit
* **[Gitlab][origin]** ([issues][issues]) > **[gitlab.io page][gl-page]** [![build](https://gitlab.com/know-rmandie/know-rmandie.gitlab.io/badges/master/pipeline.svg)](https://gitlab.com/know-rmandie/know-rmandie.gitlab.io/commits/master)
......
title: à propos
*Le [projet original][origin] est hébergé sur [l'instance gitlab de Framasoft][framagit]. D'autres versions peuvent être déployées, notamment sur github, mais il s'agit de mirroirs...*
*Le projet original est hébergé sur gitlab. D'autres versions peuvent être déployées, notamment sur github, mais il s'agit de miroirs... Il s'intègre dans un site utilisant MkDocs. Se référer à la [racine du dépôt][origin] pour plus d'informations.*
# Cartographie des opérations de cession de foncier public
Cette carte des opérations de cession de foncier public en faveur du logement est un outil initialement développé pour la Normandie. Facilement adaptable à n'importe quel territoire.
## Adaptation / utilisation
* installer les dépendances citées déclarer le bon chemin dans la partie `<head>` de `index.html` (cf. Sources ci-après également)
* modifier le fichier `CessionFoncierEtat.geojson` situé dans `./data`
* en cas de modification de la structure de ce fichiers (champs) il faudra modifier `init-foncP.js` dans `./js` pour en tenir compte
Cette [carte des opérations de cession de foncier public][demo] en faveur du logement est un outil initialement développé pour la Normandie. Facilement adaptable à n'importe quel territoire.
## Options
Il est possible d'activer certaines options non visibles par défaut :
* **Carte en plein écran** : il est possible d'afficher la carte en plein écran, par exemple pour l'insérer dans son site web via une balise iframe en ajoutant `?carteSeule` à la fin de l'url d'accès à l'outil (http://know-rmandie.github.io/foncier-public/?carteSeule)
* **Options supplémentaires** : un mode "administrateur" est disponible en ajoutant `?adminView` à la fin de l'url d'accès à l'outil. Il active les éléments suivants
Il est possible d'activer certaines options non visibles par défaut en ajoutant des termes à l'url d'accès :
* `?tousProjets` pour voir tous les projets, y compris les **projets abandonnés** (le champ `Acom` comporte le terme `archivé`)
* `?carteSeule` pour voir la **Carte en plein écran**. Egalement utile pour insérer la carte sur son site internet via une balise `<iframe>`. Par exemple :
```html
<iframe width="100%" height="542" src="http://know-rmandie.gitlab.io/Foncier/foncier-public/?carteSeule" frameborder="0" allowfullscreen></iframe>
```
* `?adminView` pour accéder à des options supplémentaires :
* choix d'autres couches de fond
* outil de récupération des coordonnées
* affichage de tous les projets, abandonnés compris
* liens vers les éléments pour la mise à jour
## Mettre à jour
La mise à jour s'effectue en remplaçant les données des fichiers [data/CessionFoncierEtat.geojson](./data/CessionFoncierEtat.geojson) et [data/CessionFoncierEtatPolygon.geojson](./data/CessionFoncierEtatPolygon.geojson) dans le dépôt. Seule la branche _master_ est mise en ligne.
La structure des données est décrite dans le répertoire [data](./data/index.md).
## Sources utilisées / licences
* **Code** : L'outil s'appuie sur
* **Code** : Outre les éléments propres à [know-rmandie](../../README.md) l'outil s'appuie sur
* [jQuery][jQuery] - Licence MIT
* [leaflet][leaflet] - Licence 2-clause BSD
* son extension [markerCluster][markerCluster] - Licence MIT
* [normalize.css][normalize.css] - Licence MIT
* [Font Awesome][Font Awesome] - Licence CC By
* **Données** (figurent sur la carte):
* Les données cartographiques sont fournies par [OpenStreetMap](http://osm.org). Il est possible d'utiliser les traitements graphiques de ESRI, Stamen Design...
* Observatoire normand des écoquartiers (données publiques - DREAL Normandie)
* Données du ministère du développement durable (DGALN / AD4)
* Observatoire de la mobilisation du foncier public (données publiques - DDTM et DREAL de Normandie)
L'ensemble des codes de l'outil est **réutilisable sous licence [MIT][MIT]** et les **icones, textes et objets graphiques sous licence [CC By 3.0][CCBy]** à l'exception notable des sources utilisées ci-avant qui possèdent leur propre licence.
Pour tous les éléments non listés ci-avant l'ensemble des codes et données de l'outil est **réutilisable sous [licence Ouverte][LO-v2]**.
[origin]: https://framagit.org/know-rmandie/know-rmandie-gitlab-io
[demo]: http://know-rmandie.github.io/foncier-public
[framagit]: https://framagit.org
[origin]: https://gitlab.com/know-rmandie/know-rmandie.gitlab.io
[demo]: http://know-rmandie.gitlab.io/Foncier/foncier-public
[jQuery]: https://jquery.org
[leaflet]: http://leafletjs.com
[markerCluster]: https://github.com/Leaflet/Leaflet.markercluster
[normalize.css]: github.com/necolas/normalize.css
[Font Awesome]: http://fontawesome.io/
[MIT]: http://opensource.org/licenses/MIT
[CCBy]: http://creativecommons.org/licenses/by/3.0/deed.fr
......@@ -110,58 +110,6 @@ nav#onglets li.active {
stroke-width: 1px;
}
.c11 {
fill: #d44
}
.c12 {
fill: #a58
}
.c13 {
fill: #aaa
}
.c14 {
fill: #7a7
}
.c15 {
fill: #555
}
.c21 {
fill: #eb0
}
.c22 {
fill: #fc0
}
.c23 {
fill: #ac0
}
.c24 {
fill: #ba5
}
.c31 {
fill: #292
}
.c32 {
fill: #8c7
}
.c51 {
fill: #8af
}
.cxx {
fill: #ddd
}
.hyperlink {
display: block;
float: right
......@@ -208,6 +156,11 @@ tr.depart {
display: none !important;
}
.hyperlink {
display: block;
float: right
}
#Infos {
page-break-before: always !important;
}
......
......@@ -20,73 +20,62 @@ author: Sylvain Comte
</ul>
</nav>
<div id="fiche">
<span class="hyperlink" title="double clickez pour obtenir un lien permanent..."><i class="material-icons">link</i><span class="hidden"></span></span>
<h2 id='titreZone'></h2>
<div id="OcSol" class="active">
<h3>Occupation du sol</h3>
<p>L'occupation du sol, représentée ici par grands types d'usages est importante pour <strong>comprendre le contexte</strong> dans lequel les espaces sont utilisés pour le développement des activités humaines.</p>
<figure>
<svg class="full" id="OcsolAdn"></svg>
<div id="OcSoLeg" class="legende">
</div>
</figure>
</div>
<div id="ConsNaf">
<h3>Consommation d'espaces naturels, agricoles et forestiers</h3>
<p>La consommation des espaces <strong>naturels, agricoles et forestier</strong> est un des éléments à surveiller, notamment dans le cadre de l'élaboration des documents d'urbanisme. Avec un point particulier sur <strong>la disparition des prairies</strong> qui sont les principaux espaces touchés, tant au profit des terres arables qu'au profit des espaces urbanisés.</p>
<figure>
<figcaption>évolution des espaces naturels, agricoles et forestiers au cours des 10 dernières années</figcaption>
<div id="iNaf"></div>
<div id="iNafLeg" class="legende"></div>
</figure>
</div>
<div id="ConsNeuve">
<h3>Construction neuve</h3>
<p>La construction neuve est caractérisée, en <i>intensité</i> par l'<strong>indice de construction</strong> (nombre de locaux construits par an pour mille habitants) et en <i>qualité</i> par la <strong>densité de construction</strong> (nombre de locaux par hectare)</p>
<figure>
<figcaption>densité et intensité de la construction au cours des dix dernières années</figcaption>
<div id="iCons"></div>
<div id="iConsLeg" class="legende"></div>
</figure>
</div>
<div id="Infos">
<h3>Informations sur ce travail</h3>
<p>Les indicateurs présentés ici ont été choisis dans le cadre des études réalisées par la DREAL Normandie avec l'appui du CEREMA Normandie Centre. Il a notamment été considéré que la production d'un seul indicateur de synthèse était
insuffisante pour décrire la consommation d'espaces sur un territoire et que la sélection d'un faisceau d'indicateurs était préférable.
<ul>
<li><strong>l'occupation du sol</strong> (onglet "Occ. Sol") fourni un aperçu rapide de la répartition entre espaces urbanisés, agricoles et naturels. C'est une sorte de <i>portrait express</i> qui fourni un contexte à l'évolution
et à la consommation des espaces,</li>
<li><strong>la consommation des espaces naturels, agricoles et forestiers</strong> (onglet "cons. NAF") donne une estimation de la disparition de ces espaces au cours des dix dernières années (période 2008-2017 ramenée à 10 ans)
notamment au profit des espaces artificialisés. Un focus est fait sur <strong>la disparition des prairies</strong>.
<br/><em>Echelles</em> :
<ul>
<li>contexte (% territoire NAF) : urbain --<span id="echPartNaf"></span>--> rural</li>
<li>niveau de disparition (% NAF consommé) : importante --<span id="echNaf"></span>--> faible</li>
</ul>
</li>
<li>la <strong>construction neuve</strong> (onglet "Constr.") donne des chiffres clés de l'utilisation des espaces au cours des dix dernières années à travers deux indicateurs : la <strong>densité de construction</strong> (en locaux
par hectare utilisé) donne une indication sur la <i>sobriété</i> de cette utilisation et l'<strong>indice de construction</strong> (<i>intensité</i> en locaux pour 1&nbsp;000 habitants et par an) montre la pression subie
par le territoire
<br/><em>Echelles</em> :
<ul>
<li>densité (locaux / ha) : faible --<span id="echDens"></span>--> forte</li>
<li>intensité (loc. / an / 1000 hab.) : faible --<span id="echInt"></span>--> forte</li>
</ul>
</li>
</ul>
</p>
<h3>Quelques éléments régionaux</h3>
<p>Les graphes qui suivent présentent la distribution des valeurs pour les communes de Normandie et permettent de situer le territoire étudié par rapport à cette référence.<br/>
<figure id="IcePartNaf">
</figure>
<figure id="IceEvolNaf">
</figure>
<figure id="IceDensGraph">
</figure>
<figure id="IceIntGraph">
</figure>
</p>
</div>
<div markdown="1" id="fiche">
<span class="hyperlink" title="double clickez pour obtenir un lien permanent..."><i class="material-icons">link</i><span class="hidden"></span></span>
## collectivite
<div markdown="1" id="OcSol" class="active">
### Occupation du sol
L'occupation du sol, représentée ici par grands types d'usages est importante pour **comprendre le contexte** dans lequel les espaces sont utilisés pour le développement des activités humaines.
<figure>
<svg class="full" id="OcsolAdn"></svg>
<div id="OcSoLeg" class="legende"></div>
</figure>
</div>
<div markdown="1" id="ConsNaf">
### Consommation d'espaces naturels agricoles et forestiers</h3>
La consommation des espaces **naturels, agricoles et forestier** est un des éléments à surveiller, notamment dans le cadre de l'élaboration des documents d'urbanisme. Avec un point particulier sur **la disparition des prairies** qui sont les principaux espaces touchés, tant au profit des terres arables qu'au profit des espaces urbanisés.
<figure>
<figcaption>évolution des espaces naturels, agricoles et forestiers au cours des 10 dernières années</figcaption>
<div id="iNaf"></div>
<div id="iNafLeg" class="legende"></div>
<div markdown="1" class="legende">
* contexte (% territoire NAF) : urbain --<span id="echPartNaf"></span>--> rural
* niveau de disparition (% NAF consommé) : importante --<span id="echNaf"></span>--> faible
</div>
</figure>
</div>
<div markdown="1" id="ConsNeuve">
### Construction neuve
La construction neuve est caractérisée, en _intensité_ par l'**indice de construction** (nombre de locaux construits par an pour mille habitants) et en _qualité_ par la **densité de construction** (nombre de locaux par hectare)
<figure>
<figcaption>densité et intensité de la construction au cours des dix dernières années</figcaption>
<div id="iCons"></div>
<div id="iConsLeg" class="legende"></div>
<div markdown="1" class="legende">
* densité (locaux / ha) : faible --<span id="echDens"></span>--> forte
* intensité (loc. / an / 1000 hab.) : faible --<span id="echInt"></span>--> forte
</div>
</figure>
</div>
<div markdown="1" id="Infos">
### Informations sur ce travail
Les indicateurs présentés ici ont été choisis dans le cadre des études réalisées par la DREAL Normandie avec l'appui du CEREMA Normandie Centre. Il a notamment été considéré que la production d'un seul indicateur de synthèse était insuffisante pour décrire la consommation d'espaces sur un territoire et que la sélection d'un faisceau d'indicateurs était préférable.
* **l'occupation du sol** (onglet "Occ. Sol") fourni un aperçu rapide de la répartition entre espaces urbanisés, agricoles et naturels. C'est une sorte de _portrait express_ qui fourni un contexte à l'évolution et à la consommation des espaces,
* **la consommation des espaces naturels, agricoles et forestiers** (onglet "cons. NAF") donne une estimation de la disparition de ces espaces au cours des dix dernières années (période 2008-2017 ramenée à 10 ans) notamment au profit des espaces artificialisés. Un focus est fait sur **la disparition des prairies**,
* la **construction neuve** (onglet "Constr.") donne des chiffres clés de l'utilisation des espaces au cours des dix dernières années à travers deux indicateurs : la **densité de construction** (en locaux par hectare utilisé) donne une indication sur la _sobriété_ de cette utilisation et l'**indice de construction** (_intensité_ en locaux pour 1&nbsp;000 habitants et par an) montre la pression subie par le territoire.
#### Quelques éléments régionaux
Les graphes qui suivent présentent la distribution des valeurs pour les communes de Normandie et permettent de situer le territoire étudié par rapport à cette référence.<br/>
<figure id="IcePartNaf"></figure>
<figure id="IceEvolNaf"></figure>
<figure id="IceDensGraph"></figure>
<figure id="IceIntGraph"></figure>
</div>
</div>
// définition des palettes de couleurs
const colorOscom = d3.scaleOrdinal()
.domain([11,12,13,14,15,21,22,23,24,31,32,51,"xx"]) // couleurs par type d'occupation du sol
.range(["#d44","#a58","#aaa","#7a7","#555","#eb0","#fc0","#ac0","#ba5","#292","#8c7","#8af","#ddd"]),
colorPartNaf = d3.scaleLinear() // échelle de couleur pour la part du territoire en NAF (urbain -> rural)
.domain([50, 85, 90, 100])
.range(["purple", "red", "gold", "green"]),
colorNaf = d3.scaleLinear() // échelle de couleur pour la part de NAF consommée (forte -> faible)
.domain([-11, -5, -1, -0.5, 0, 1.5, 20])
.range(["darkred", "red", "darkorange", "gold", "rgb(160, 221, 43)", "green", "rgb(59, 157, 240)"]),
colorDens = d3.scaleLinear() // échelle de couleur pour la densité de construction (faible -> forte)
.domain([0, 2, 5, 8, 15, 30, 1000])
.range(["darkred", "red", "darkorange", "gold", "green", "rgb(59, 157, 240)", "rgb(59, 157, 240)"]),
colorInt = d3.scaleLinear() // échelle de couleur pour l'intensité de la construction (forte -> faible)
.domain([30, 12, 2])
.range(["indigo", "purple", "lightyellow"]);
// liste des données
const Dataliste = [{
id: "",
type: "csv",
url: "./data/territoires.csv"
}, // les entités territoriales, avec noms et appartenances
{
id: "oscom",
type: "csv",
url: "./data/oscom-norm-2017.csv",
meta: "<a target='_blank' href='http://valor.national.agri/R23-01-Haute-Normandie-Occupation?id_rubrique=187'>Observatoire de l'occupation des Sol Communale</a> (OSCOM) 2017 - DRAAF et DREAL Normandie, DDTM de Seine-Maritime"
}, // les données d'occupation du sol (OSCOM)
{
type: "json",
url: "./data/oscom-legende.json"
}, // légende des données OSCOM
{
id: "osnaf",
type: "csv",
url: "./data/oscom-norm-2008-2017.csv",
meta: "<a target='_blank' href='http://valor.national.agri/R23-01-Haute-Normandie-Occupation?id_rubrique=187'>Observatoire de l'occupation des Sol Communale</a> (OSCOM) 2017 - DRAAF et DREAL Normandie, DDTM de Seine-Maritime"
}, // les données de consommation d'espaces naturels, agricoles et forestiers (OSCOM)
{
id: "ccf",
type: "csv",
url: "./data/ccf-norm-2006_2015-2018.csv",
meta: "<a target='_blank' href='http://www.epf-normandie.fr/Actualites/A-la-Une/Donnees-sur-la-consommation-fonciere-en-Normandie'>CCF</a> 2006 > 2015 - <a href='http://www.epf-normandie.fr/' target='_blank'>EPF Normandie</a> <a href='https://www.normandie.fr'>Région Normandie</a> - 2018"
} // les données de construction / densité (CCF)
];
This diff is collapsed.
# Indicateurs de consommation d'espace
Cette partie du projet présente des indicateurs de consommation d'espaces pour les territoires. Les indicateurs présentés ici ont été choisis dans le cadre des études réalisées par la DREAL Normandie avec l'appui du CEREMA Normandie Centre. Il a notamment été considéré que la production d'un seul indicateur de synthèse était insuffisante pour décrire la consommation d'espaces sur un territoire et que la sélection d'un faisceau d'indicateurs était préférable.
## Crédits
Intégrée au cadre plus global du site [know-rmandie](../../README.md) cette partie du projet utilise plus spécifiquement :
* [jQuery][jquery] (*3.2.1*) et son extension
* [jQuery UI][jquery_ui] (*1.12.1*)
* [D3][d3js] (*Data Driven Documents - 4.13.0*) et ses extensions
* [d3-tip][d3-tip]
* [d3-queue][d3-queue]
## Sources
Les indicateurs s'appuyent sur les bases de données qui ont paru les plus adaptées au moment de la mise à jour. A la fois en terme de disponibilité, de fréquence de mise à jour, de qualité et de précision géographique. Dans la version actuelle, les [données](./data) utilisées sont issues
* de l'[observatoire de l'occupation des sols communale][OSCOM] (OSCOM) développé et mis à jours par la DRAAF Normandie et la DDTM de Seine-Maritime
* de la base [cartographie de la consommation foncière][CCF] (CCF) développée et mise à jour par l'EPF Normandie avec l'appui de la Région Normandie
## Licence
L'ensemble des développements pour cet outil sont sous [licence ouverte](https://www.etalab.gouv.fr/licence-ouverte-open-licence)
[jquery]:http://jquery.com
[jquery_ui]:http://jqueryui.com
[d3js]:https://d3js.org
[d3-tip]:https://d3js.org/d3-tip
[d3-queue]:https://d3js.org/d3-queue
[normalize_css]:http://necolas.github.io/normalize.css
[font-awesome]:http://fontawesome.io
[pgi]:http://sycom.gitlab.io/post-Gitlab-issues/
[OSCOM]:http://carto.geo-ide.application.developpement-durable.gouv.fr/481/DRAAF_OSCOM_R28.map
[CCF]:http://www.epf-normandie.fr/Actualites/A-la-Une/Donnees-sur-la-consommation-fonciere-en-Normandie
title: La syntaxe markdown
source: https://docs.framasoft.org/fr/grav/markdown.html
revision: 2019-10-22
revision: 2019-12-13
# La syntaxe markdown
......@@ -14,76 +13,35 @@ Pour faire un titre, vous devez mettre un `#` devant la ligne. Pour faire un tit
## Un titre un peu moins grand
### Un titre encore moins grand
```
Vous pouvez également souligner le texte en utilisant `===` ou `---` pour créer des titres.
```
Un grand titre
=============
```
## Styles de texte
Vous pouvez utiliser `_` ou `*` autour d'un mot pour le mettre en italique. Mettez-en deux pour le mettre en gras.
Vous pouvez utiliser `_` autour d'un mot pour le mettre en italique. Mettez deux `*` pour le mettre en gras.
* `_italique_` s'affiche ainsi : _italique_
* `**gras**` s'affiche ainsi : **gras**
* `**_gras-italique_**` s'affiche ainsi : **_gras-italique_**
* `~~barré~~` s'affiche ainsi : ~~barré~~
## Liens
Créez un lien intégré en mettant le texte désiré entre crochets et le lien associé entre parenthèses.
`Aidez-vous avec [la documentation de Framasite](https://docs.framasoft.org/fr/grav/) !`
`Aidez-nous à [améliorer le site foncier éco](https://foncier-eco.gitlab.io/a_propos/contribuer) !`
s'affichera :
Aidez-vous avec [la documentation de Framasite](https://docs.framasoft.org/fr/grav/) !
Vous pouvez ajouter aux liens des attributs `id` et `class` de cette manière :
[la documentation de Framasite](https://docs.framasoft.org/fr/grav/){#id .class1 .class2}
Les liens peuvent ainsi être mis sous forme de boutons à l’aide des classes CSS de Bootstrap :
<p>
<button type="button" class="btn btn-default ">Default</button>
<button type="button" class="btn btn-primary ">Primary</button>
<button type="button" class="btn btn-success ">Success</button>
<button type="button" class="btn btn-info ">Info</button>
<button type="button" class="btn btn-warning ">Warning</button>
<button type="button" class="btn btn-danger ">Danger</button>
<button type="button" class="btn btn-link ">Link</button>
</p>
Aidez-nous à [améliorer le site foncier éco](https://foncier-eco.gitlab.io/a_propos/contribuer) !
``` markdown
[Default](#){.btn .btn-default}
[Primary](#){.btn .btn-primary}
[Info](#){.btn .btn-info}
[Success](#){.btn .btn-success}
[Warning](#){.btn .btn-warning}
[Danger](#){.btn .btn-danger}
[Link](#){.btn .btn-link}
```
Dans les modules et autres composants du thème GravStrap, [la syntaxe est plus détaillée](https://docs.framasoft.org/fr/grav/composants-de-base.html#boutons).
On peut également faire des liens entre les documents du site. Au lieu de faire démarrer le lien par `http://`, mettez juste `./` pour le dossier en cours, `./sous-dossier/` pour un sous dossier et remontez l'arborescence avec `../`.
## Images
Utilisez une image en ligne en copiant son adresse (finissant par `.jpg`, `.png`, `.gif` etc…) avec un texte alternatif entre crochets (qui sera affiché si l'image n'apparaît pas) et le lien entre parenthèses. Vous pouvez aussi ajouter un texte qui apparaîtra au survol de la souris grâce aux `"`.
```
![le logo de Framasoft](https://framasoft.org/nav/img/logo.png)
```
donnera :
![le logo de Framasoft](https://framasoft.org/nav/img/logo.png)
On peut ajouter un texte au survol :
```
![Le logo de Framasoft](https://framasoft.org/nav/img/logo.png "Un bien beau logo !")
![Le logo de know-rmandie](https://know-rmandie.gitlab.io/images/logo.png "Mais qu'est ce que c'est?")
```
Qui donnera (survolez l'image avec votre souris pour voir apparaître le texte) :
![Le logo de Framasoft](https://framasoft.org/nav/img/logo.png "Un bien beau logo !")
![Le logo de know-rmandie](https://know-rmandie.gitlab.io/images/logo.png "Mais qu'est ce que c'est?")
## Citation
Les citations se font avec le signe `>` :
......@@ -94,6 +52,8 @@ Les citations se font avec le signe `>` :
> Oh la belle prise !
On peut également pour une autre mise en forme utiliser les encadrés, parfois appelés [admonition](#admonitions)
## Listes
Vous pouvez créer des listes avec les caractères `*` et `-` pour des listes non ordonnées ou avec des nombres pour des listes ordonnées.
......@@ -102,26 +62,26 @@ Une liste non ordonnée :
```
* une élément
* un autre
* un sous élément
* un autre sous élément
* un sous élément
* un autre sous élément
* un dernier élément
```
* une élément
* un autre
* un sous élément
* un autre sous élément
* un sous élément
* un autre sous élément
* un dernier élément
Une liste ordonnée :
Une liste ordonnée (notez que le numéro n'a aucune importance):
```
1. élément un
2. élément deux
2. élément un
17. élément deux
```
1. élément un
2. élément deux
2. élément un
17. élément deux
## Tableaux
Pour créer un tableau vous devez placer une ligne de tirets (`-`) sous la ligne d'entête et séparer les colonnes avec des `|`. Vous pouvez aussi préciser l'alignement en utilisant des `:`. :
......@@ -141,7 +101,6 @@ Pour créer un tableau vous devez placer une ligne de tirets (`-`) sous la ligne
| Aligné à gauche | centré | Aligné à droite |
## Blocs de code
Créez un bloc de code en indentant chaque ligne avec quatre espaces, ou en mettant trois accents graves sur la ligne au dessus et en dessous de votre code.
Exemple :
......@@ -153,4 +112,81 @@ s'affiche ainsi :
bloc de code
```
[^1]: ceci est une note de bas de page
## Notes de bas de page
pour créer une note de bas de page, indiquez juste sa référence entre crochets avec un accent circonflexe devant, puis placez quelque part dans votre texte le contenu de cette note. Les notes de bas de page s'affiche en fin de document et la notation est automatique (elle dépend du moment où est rencontré le texte de la note et pas du moment où apparait le renvoi).
```
Les notes de bas de page permettent d'alléger le texte[^nbp]
[^nbp]: cela permet de laisser le lecteur se concentrer sur le fond du texte tout en lui offrant la possibilité d'approfondir le sujet si il le souhaite.
```
S'affichera comme ceci (notez que la note de bas page est bien en bas de la page...)
Les notes de bas de page permettent d'alléger le texte[^nbp]
[^nbp]: cela permet de laisser le lecteur se concentrer sur le fond du texte tout en lui offrant la possibilité d'approfondir le sujet si il le souhaite.
## Admonitions
Les _admonitions_ permettent de placer des encadrés avec un petit logo pour mettre en exergue certains éléments. On place `!!!` au début de la ligne du titre (ou `???` pour un bloc dépliable), puis le type (voir liste), puis le titre entre `""`. Le texte contenu dans le bloc doit quant à lui être **indenté de 4 espaces**.
```
??? info "A propos des _admonitions_"
Il existe plusieurs sortes d'admonitions avec des logos et parfois des couleurs différentes. Il n'est pas sûr que la liste qui suit soit complète.
```
donnera (cliquez sur le titre pour déplier) :
??? info "A propos des _admonitions_"
Il existe plusieurs sortes d'admonitions avec des logos et parfois des couleurs différentes. Il n'est pas sûr que la liste qui suit soit complète.
Quelques types d'admonitions
<div markdown="1" class="five cols">
!!! abstract "abstract"
!!! chart "chart"
!!! contact "contact"
!!! bug "bug"
!!! danger "danger"
!!! doc "doc"
!!! error "error"
!!! euro "euros"
!!! example "example"
!!! failure "failure"
!!! info "info"
!!! label "label"
!!! map "map"
!!! note "note"
!!! question "question"
!!! quote "quote"
!!! recycle "recycle"
!!! success "success"
!!! tip "tip"
!!! warning "warning"
</div>
## Références
* [Writing with markdown](https://www.mkdocs.org/user-guide/writing-your-docs/#writing-with-markdown) un guide (en anglais) sur la syntaxe markdown - Site officiel de MkDocs
* Eléments ajoutés par le thème _material_ utilisé sur ce site dont [Admonition](https://squidfunk.github.io/mkdocs-material/extensions/admonition/) et [Footnotes](https://squidfunk.github.io/mkdocs-material/extensions/footnotes/) - Site officiel de MkDocs-material
Cette partie du site rassemble des projets archivés, mais dont il nous a semblé utile de conserver des éléments d'historique ou de documentation. Ces archives sont à distinguer de celles des projets vivants, utiles pour voir l'évolution dans le temps...
Si vous cherchez une vision plus complète, la liste des projets archivés est plutôt [à retrouver sur le dépôt](https://gitlab.com/groups/know-rmandie/-/archived).
## AGENor - Application Gestion des Etudes Normandie
AGENor a été écrite pour faciliter la programmation et le suivi des études entre la DREAL, les DDTM et le CEREMA. Le projet a été présenté par la DREAL Normandie à la [Fabrique numérique](https://mtes-mct.github.io/numerique/fabrique-numerique) fin 2017 pour permettre son extension. Désormais reprise au niveau national sous le nom d'**Agile** elle n'est désormais plus maintenue. On retrouvera ici les archives de [la documentation](AGENor/index.md) du projet.
## TiddlyPAC - Porter à Connaissance Automatisé
[TiddlyPAC](https://know-rmandie.gitlab.io/TiddlyPAC) a été conçu comme un démonstrateur fonctionnel des possibilités offertes pour l'automatisation des porter à connaissance dans le cadre de l'élaboration des documents d'urbanisme. Une application plus complète est en cours de développement.
## Réseau Transition Energétique - Cartographie
Une [cartographie](./reseau-TE/index.md) réalisée rapidement pour présenter les acteurs de la transition énergétique en Normandie.
......@@ -5,7 +5,7 @@ Cette partie du site rassemble des projets archivés, mais dont il nous a sembl
Si vous cherchez une vision plus complète, la liste des projets archivés est plutôt [à retrouver sur le dépôt](https://gitlab.com/groups/know-rmandie/-/archived).
## AGENor - Application Gestion des Etudes Normandie
[AGENor](AGENor/index.md) a été écrite pour faciliter la programmation et le suivi des études entre la DREAL, les DDTM et le CEREMA. Le projet AGILE a été présenté par la DREAL Normandie à la [Fabrique numérique](https://mtes-mct.github.io/numerique/fabrique-numerique) fin 2017 pour permettre son extension. Désormais reprise au niveau national sous le nom d'[Agile]() elle n'est désormais plus maintenue.
AGENor a été écrite pour faciliter la programmation et le suivi des études entre la DREAL, les DDTM et le CEREMA. Le projet a été présenté par la DREAL Normandie à la [Fabrique numérique](https://mtes-mct.github.io/numerique/fabrique-numerique) fin 2017 pour permettre son extension. Désormais reprise au niveau national sous le nom d'**Agile** elle n'est désormais plus maintenue. On retrouvera ici les archives de [la documentation](AGENor/index.md) du projet.
## TiddlyPAC - Porter à Connaissance Automatisé
[TiddlyPAC](https://know-rmandie.gitlab.io/TiddlyPAC) a été conçu comme un démonstrateur fonctionnel des possibilités offertes pour l'automatisation des porter à connaissance dans le cadre de l'élaboration des documents d'urbanisme. Une application plus complète est en cours de développement.
......
{
"metadata":{
"date": "avril 2015",
"source": "IGN - GeoFLA 2010, METL - SUDOCUH, DREAL Haute-Normandie - <a href='http://www.haute-normandie.developpement-durable.gouv.fr/'>Observatoire des SCoTs</a>"},
"source": "IGN - GeoFLA 2010, METL - SUDOCUH, DREAL Normandie - <a href='http://www.normandie.developpement-durable.gouv.fr/'>Observatoire des SCoTs</a>"},
"liste": {
"$14b1": {
"nom": "ScoT du Bessin",
......
title: structure des données
structure des données utilisées pour la présentation des SCoTs. Il est bien sûr possible de modifier cette structure. Il faudra alors modifier le [script](../js/leaflet.js) en conséquence. Pour des raisons de facilité, nous avons utilisé la projection WGS84, mais ça n'est pas une obligation.
## structure des données pour les SCoT
Fichier `data-normandie.json`. Il s'agit d'un fichier json.
* `metadata`
* `date`: date de mise à jour
* `source`: source de la donnée (html possible)
* `liste`
* **$** _identifiant-SCoT_ identifiant du SCoT pour le joint avec les données géographiques (`N_SCOT_ZSUP_R23etR25_FLA.geojson`) précédé d'un `$`
* `nom du SCoT`: nom d'affichage du ScoT
* `avancement`: état d'avancement (cf. liste des valeurs possibles)
* `description`: éléments intéressant pour connaitre le SCoT (nombre de communes, d'habitants, superficie, dates...). Au format htmal pour les retours à la ligne et les listes à puce. S'affichera dans la bulle d'information de l'objet.
## structure des données pour les périmètres
Fichier `N_SCOT_ZSUP_R23etR25_FLA.geojson`. Il s'agit d'un fichier de **polygones** geojson standard Dans cette version, les données sont issues de Sudocuh et les polygones de geoFLA. Les métadonnées sont fournies dans le fichier de données `data-normandie.json`. Les objets (_features_) disposent de propriétés propres au projet. Seules les propriétés indispensables au fonctionnement sont reprises ici...
* `type`: "FeatureCollection"
* `crs` (système de projection - ici les valeurs par défaut)
* `type`: "name"
* `properties`
* `name` : **urn:ogc:def:crs:OGC:1.3:CRS84**
* `features` (tableau des objets encadré par `[` et `]`)
* `type`:**Feature**,
* `geometry`
* `type`:**MultiPolygon**
* `coordinates`: [ [ [ [_longitude_,_latitude_] ...
* `properties`:
* `idScot`: identifiant unique du projet (pour faire le joint avec les données de _data-normandie.json_)
* `NomOffic`: nom officiel du SCoT (sera utilisé si la valeur n'existe pas dans _data-normandie.json_)
* `CODE_ETAT1`: code etat d'avancement du SCoT (sera utilisé si la valeur n'existe pas dans _data-normandie.json_)
* `ETAT1_SCOT`: etat d'avancement du SCoT (sera utilisé si la valeur n'existe pas dans _data-normandie.json_)
* `DATE_APPRO`: date d'approbation du SCoT (du SCoT (sera utilisée si la valeur n'existe pas dans _data-normandie.json_))
## valeurs d'avancement possibles
Les valeurs prises par `avancement` dans le fichier `data-normandie.json` peuvent prendre les valeurs suivantes
* _elab_ : SCoT en cours d'élaboration
* _cad_ : SCoT
* _opelab_ : SCoT en révision (opposable + élaboration)
* _opap_ : SCoT opposable (opposable + approuvé)
* _presc_ : SCoT prescrit
* _inten_ : intention de SCoT
* _saispas_ : information inconnue
Une série de valeur peuvent être utilisées pour les SCoTs des régions voisines si on veut une mise en forme différente
* _voissaispas_ : information inconnue (SCoT d'une autre région)
* _voisap_ : SCoT approuvé (autre région)
* _voiselab_ : SCoT en cours d'élaboration (autre région)
/* Fichier de configuration */
var knwrmdLat=49.4; // latitude du centre de la carte au premier chargement
var knwrmdLong=0; // longitude du centre de la carte au premier chargement
var knwrmdZoom=null; // niveau de zoom entre 1 et 20 au premier chargement
var knwrmdFond=null; // identifiant du fond chargé (cf. ../data/fonds-hr.json)
\ No newline at end of file
let knwrmdLat=49.4, // latitude du centre de la carte au premier chargement
knwrmdLong=0, // longitude du centre de la carte au premier chargement
knwrmdZoom=null, // niveau de zoom entre 1 et 20 au premier chargement
knwrmdFond=null; // identifiant du fond chargé (cf. ~theme/assets/static/data/fonds.json)
let FichierGeometrie = "N_SCOT_ZSUP_R23etR25_FLA.geojson", // Fichier contenant les géométries des SCoT
FichierDonnees = "data-normandie.json"; // Fichier contenant les données
$.getJSON("./data/data-normandie.json", function(data) {
$.getJSON("./data/N_SCOT_ZSUP_R23etR25_FLA-201502.geojson", function(SCoTs) {
$.getJSON("./data/"+FichierDonnees, function(data) {
$.getJSON("./data/"+FichierGeometrie, function(SCoTs) {
var sources = "sources : " + data.metadata.source + " - " + data.metadata.date;
var context = "map";
var Couches = new Array;
......@@ -57,12 +56,11 @@ function letsStart() {
// insertion des SCoTs au format geoJSON (export direct depuis QGIS, stockage dans N_SCOT_ZSUP_R23etR25_FLA-201502.geo.json)
var dataScots;
var cScots=new L.geoJson(SCoTs, {
attribution: 'sources : IGN - GeoFLA 2010, METL - SUDOCUH, DREAL Haute-Normandie - Observatoire des SCoTs',
// colorisation des polygones
style: function (feature) {
var fill;
// recherche des données dans la base de l'Observatoire normand (plus à jour)
dataScots=data.liste;
dataScots = data.liste;
if (eval("dataScots.$"+feature.properties.idScot)) {
var avancement=eval("dataScots.$"+feature.properties.idScot+".avancement");
switch(avancement) {
......@@ -121,7 +119,7 @@ function letsStart() {
legende.addTo(carte);
// adding function on local network only
if(document.location.href.match(/file:\/\/\//g)) {
if(document.location.href.match(/adminView/g)) {
// possibilité de choisir sa couche de fond
// couche IGN WMS sur i²
var RgeIgn = L.tileLayer.wms("http://georef.application.i2/cartes/mapserv?", {
......
*Le projet original est hébergé sur gitlab. D'autres versions peuvent être déployées, notamment sur github, mais il s'agit de miroirs... Il s'intègre dans un site utilisant MkDocs. Se référer à la [racine du dépôt][origin] pour plus d'informations.*
# Cartographie des Schémas de Cohérence Territoriale
Cette [carte des SCoT][demo] est un outil initialement développé pour la Normandie. Facilement adaptable à n'importe quel territoire.
## Options
Il est possible d'activer certaines options non visibles par défaut en ajoutant des termes à l'url d'accès :
* `?carteSeule` pour voir la **Carte en plein écran**. Egalement utile pour insérer la carte sur son site internet via une balise `<iframe>`. Par exemple :
```html
<iframe width="100%" height="542" src="http://know-rmandie.gitlab.io/planification/?carteSeule" frameborder="0" allowfullscreen></iframe>
```
* `?adminView` pour accéder à des options supplémentaires :
* choix d'autres couches de fond
* outil de récupération des coordonnées
## Mettre à jour
La mise à jour s'effectue en remplaçant les données des fichiers [data/data-normandie.json](./data/data-normandie.json) et en cas de changement de périmètre [data/N_SCOT_ZSUP_R23etR25_FLA-201502.geojson](./data/N_SCOT_ZSUP_R23etR25_FLA-201502.geojson) dans le dépôt. Seule la branche _master_ est mise en ligne.
La structure des données est décrite dans le répertoire [data](./data/index.md).
## Sources utilisées / licences
* **Code** : Outre les éléments propres à [know-rmandie](../../README.md) l'outil s'appuie sur
* [jQuery][jQuery] - Licence MIT
* [leaflet][leaflet] - Licence 2-clause BSD
* **Données** (figurent sur la carte):
* Les données cartographiques sont fournies par [OpenStreetMap](http://osm.org). Il est possible d'utiliser les traitements graphiques de ESRI, Stamen Design...
* Observatoire des SCoT de Normandie (données publiques - DDTM et DREAL de Normandie)
Pour tous les éléments non listés ci-avant l'ensemble des codes et données de l'outil est **réutilisable sous [licence Ouverte][LO-v2]**.
[origin]: https://gitlab.com/know-rmandie/know-rmandie.gitlab.io
[demo]: http://know-rmandie.gitlab.io/planification
[jQuery]: https://jquery.org
[leaflet]: http://leafletjs.com
[markerCluster]: https://github.com/Leaflet/Leaflet.markercluster
===============================
*Le [projet original](https://git.framasoft.org/territoires/cartoPlanification) est hébergé sur [l'instance gitlab de Framasoft](https://git.framasoft.org). D'autres versions peuvent être déployées, notamment sur github, mais il s'agit de mirroirs...*
# Cartographie des Schémas de Cohérence Territoriale
......@@ -20,7 +61,7 @@ On peut facilement accéder à ces options en ajoutant ``?file://`` à la fin de
Il est également possible d'intégrer la carte sur son propre site en utilisant une balise ``<iframe>`` et en ajoutant ``?carteSeule`` à la fin de l'url.
## Sources utilisées / licences
* **Code** : L'outil s'appuie sur
* **Code** : L'outil s'appuie sur
* [jQuery](https://jquery.org) - Licence MIT
* [leaflet](http://leafletjs.com/) - Licence 2-clause BSD
* son extension [markerCluster](https://github.com/Leaflet/Leaflet.markercluster) - Licence MIT
......@@ -31,5 +72,5 @@ Il est également possible d'intégrer la carte sur son propre site en utilisant
* Les données cartographiques sont fournies par [OpenStreetMap](http://osm.org). Il est possible d'utiliser les traitements graphiques de ESRI, Stamen Design...
* Observatoire normand des écoquartiers (données publiques - DREAL Haute-Normandie)
* Données du ministère du développement durable (DGALN / AD4)
L'ensemble des codes de l'outil est **réutilisable sous licence [MIT](http://opensource.org/licenses/MIT)** et les **icones, textes et objets graphiques sous licence [CC By 3.0](http://creativecommons.org/licenses/by/3.0/deed.fr)** à l'exception notable des sources utilisées ci-avant qui possèdent leur propre licence.
\ No newline at end of file
L'ensemble des codes de l'outil est **réutilisable sous licence [MIT](http://opensource.org/licenses/MIT)** et les **icones, textes et objets graphiques sous licence [CC By 3.0](http://creativecommons.org/licenses/by/3.0/deed.fr)** à l'exception notable des sources utilisées ci-avant qui possèdent leur propre licence.
*Le [projet original][origin] est hébergé sur gitlab. D'autres versions peuvent être déployées, notamment sur github, mais il s'agit de miroirs...*
# Cartographie des projets urbains durables
Cette carte interactive des projets d'écoquartiers ([demonstration][demo]) ou assimilés est un outil initialement développé pour la Haute-Normandie puis adapté à la Normandie. Assez facilement adaptable à n'importe quel territoire.
Cette [carte interactive des projets d'écoquartiers][demo] ou assimilés est un outil initialement développé pour la Haute-Normandie puis adapté à la Normandie. Assez facilement adaptable à n'importe quel territoire.
## Options
Il est possible d'activer certaines options non visibles par défaut en ajoutant des termes à l'url d'accès :
* `?tousProjets` pour voir tous les projets, y compris les **projets abandonnés** (champs ` ` comporte le terme `archivé`)
* `?tousProjets` pour voir tous les projets, y compris les **projets abandonnés** (le champ `Acom` comporte le terme `archivé`)
* `?carteSeule` pour voir la **Carte en plein écran**. Egalement utile pour insérer la carte sur son site internet via une balise `<iframe>`. Par exemple :
```html
<iframe width="100%" height="542" src="http://know-rmandie.gitlab.io/ville-durable/?carteSeule" frameborder="0" allowfullscreen></iframe>
```
* `?adminView` pour accéder à des options supplémentaires :
* choix d'autres couches de fond
* outil de récupération des coordonnées
......
......@@ -82,6 +82,34 @@ td.real {
margin: 2rem 0;
}
.m-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.m-icons.petit {
font-size: .8rem;
vertical-align: sub;
}
.md-typeset code, .md-typeset pre {
font-size: 100%;
}
......@@ -127,11 +155,11 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
}
.md-footer-copyright__inner>div:last-child>div {
text-align:right;
text-align: right;
}
.md-footer-copyright__inner>div:last-child>div li {
list-style:none;
list-style: none;
}
.md-footer-copyright__highlight .material-icons {
......@@ -142,7 +170,6 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
font-size: 1.5rem;
}
.md-grid {
max-width: 66rem;
}
......@@ -159,47 +186,81 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
text-align: center;
}
.md-typeset .admonition {
.md-typeset .admonition, .md-typeset details {
margin: .5rem 0;
font-size: 100%;
}
.md-typeset .admonition.chart>.admonition-title::before,
.md-typeset .admonition.chart>summary::before {
color: #00bfa5;
content: "\e6e1";
}
.md-typeset .admonition.contact>.admonition-title::before,
.md-typeset .admonition.contact>summary::before {
color: #3f51b5;
content: "\e7fb";
}
.md-typeset .admonition.doc>.admonition-title::before,
.md-typeset .admonition.doc>summary::before {
color: #3f51b5;
content: "\e865";
}
.md-typeset .admonition.euro>.admonition-title::before,
.md-typeset .admonition.euro>summary::before {
content: "\e926";
}
.md-typeset .admonition.idee>.admonition-title::before,
.md-typeset .admonition.idee>summary::before {
content: "\e90f";
}
.md-typeset .admonition.label>.admonition-title::before,
.md-typeset .admonition.label>summary::before {
content: "emoji_events";
}
.md-typeset .admonition.map>.admonition-title::before,
.md-typeset .admonition.map>summary::before {
color: #00bfa5;
content: "\e55b";
}
.md-typeset .admonition.map>.admonition-title,
.md-typeset .admonition.chart>.admonition-title {
.md-typeset .admonition.recycle>.admonition-title::before,
.md-typeset .admonition.recycle>summary::before {
content: "\e627";
}
.md-typeset .admonition>.admonition-title,
.md-typeset .admonition>summary {
background-color: rgba(0, 191, 165, .1);
}
.md-typeset .admonition.map,
.md-typeset .admonition.chart {
.md-typeset .admonition>.admonition-title::before,
.md-typeset .admonition>summary::before {
font-feature-settings: liga;
color: #00bfa5;
}
.md-typeset .admonition {
border-left-color: #00bfa5;
}
.md-typeset .admonition.doc {
border-left-color: #3f51b5;
.colonnes, .colonnes ul, .colonnes ol {
margin:0;
padding:0;
}
.five.cols {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.five>.admonition {
flex-basis: 32%;
max-width: 32%;
flex-grow: 1;
}
@media (min-width:50em) {
......@@ -218,7 +279,7 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
.cols {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-around;
}
.three>.admonition, .three>div {
......@@ -226,6 +287,26 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
max-width: 49%;
flex-grow: 1;
}
.four>.admonition, .four>div {
flex-basis: 32%;
max-width: 32%;
flex-grow: 1;
}
.five>.admonition, .five>div {
flex-basis: 23%;
max-width: 23%;
flex-grow: 1;
}
.trois {
column-count:2;
}
.quatre {
column-count:3;
}
}
@media (min-width:76.25em) {
......@@ -251,11 +332,31 @@ article .md-search__input:hover, article .md-search__input:focus, article .md-se
flex-grow: 1;
}
.three>.admonition, .two>div {
.three>.admonition, .three>div {
flex-basis: 31%;
max-width: 31%;
flex-grow: 1;
}
.four>.admonition, .four>div {
flex-basis: 24%;
max-width: 24%;
flex-grow: 1;
}
.five>.admonition, .five>div {
flex-basis: 19%;
max-width: 19%;
flex-grow: 1;
}
.trois {
column-count:3;
}
.quatre {
column-count:4;
}
}
@media print {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -64,16 +64,15 @@
{% endif %}
{% set comment_url = repo + '/issues/new?issue%5Bdescription%5D=' + page.url + '%20>' %}
{% set mail_url = 'mailto:incoming+know-rmandie-know-rmandie-gitlab-io-1216279-L1bnsR1r7dELmXL4uLbQ-issue@incoming.gitlab.com?subject=' + page.url + '%20>' %}
{% set source_url = repo + 'tree/master/docs/' + page.url[:-1] + '.md' %}
<li>
source <a href="{{ source_url | url }}" title="code source de cette page"><i class="material-icons">code</i></a>
<a href="{{ comment_url | url }}" title="déposer une 'issue' sur gitlab (compte nécessaire)">déposer un ticket <i class="material-icons">code</i></a>
</li>
<li>
une remarque? une proposition? <a href="{{ comment_url | url }}" title="déposer un ticket"><i class="material-icons">comment</i></a> <a href="{{ mail_url | url }}" title="par email"><i class="material-icons">email</i></a>
<a href="{{ mail_url | url }}" title="par email">envoyer un ticket <i class="material-icons">email</i></a>
</li>
{% if page.edit_url %}
<li>
modifier <a href="{{ page.edit_url | url }}" title="proposer des modifications (compte nécessaire)"><i class="material-icons">edit</i></a>
<a href="{{ page.edit_url | url }}" title="proposer des modifications (compte nécessaire)">modifier <i class="material-icons">edit</i></a>
</li>
{% endif %}
{% endif %}
......