mediatheque

themes/plain/CHANGELOG.md

@@ -0,0 +1,5 @@
+# v0.1.0
+##  03/25/2019
+
+1. [](#new)
+    * ChangeLog started...

themes/plain/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 armansansd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

themes/plain/README.md

@@ -0,0 +1,7 @@
+# Basic Theme
+
+The **Basic** Theme is for [Grav CMS](http://github.com/getgrav/grav).  This README.md file should be modified to describe the features, installation, configuration, and general usage of this theme.
+
+## Description
+
+basic using foundation

themes/plain/blueprints.yaml

@@ -0,0 +1,27 @@
+name: Plain
+version: 0.1.0
+description: basic using foundation
+icon: rebel
+author:
+  name: armansansd
+  email: contact@armansansd.net
+homepage: https://github.com/armansansd/grav-theme-basic
+demo: http://demo.yoursite.com
+keywords: grav, theme, etc
+bugs: https://github.com/armansansd/grav-theme-basic/issues
+readme: https://github.com/armansansd/grav-theme-basic/blob/develop/README.md
+license: MIT
+
+form:
+  validation: loose
+  fields:
+    dropdown.enabled:
+        type: toggle
+        label: Dropdown in Menu
+        highlight: 1
+        default: 1
+        options:
+          1: PLUGIN_ADMIN.ENABLED
+          0: PLUGIN_ADMIN.DISABLED
+        validate:
+          type: bool

themes/plain/blueprints/actualites.yaml

@@ -0,0 +1,48 @@
+title: Actualités
+# extends@: default
+
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        Actualité:
+            type: tab
+            title: Actualités
+            fields:
+                columns:
+                  type: columns
+                  fields:
+                        column1:
+                            type: column
+                            fields:
+                                order_title:
+                                  type: section
+                                  title: Mise en avant
+                                  underline: true
+                                header.top:
+                                    type: pages
+                                    size: medium
+                                    style: vertical
+                                    # classes: fancy
+                                    show_all: false
+                                    show_modular: false
+                                    show_root: false
+                                    start_route: '/actualites/'
+                                    help: PLUGIN_ADMIN.HOME_PAGE_HELP
+                        column2:
+                            type: column
+                            # fields:
+                            #   order_title:
+                            #     type: section
+                            #     title: Accés rapide
+                            #     underline: true
+                            #
+                            #   order:
+                            #     type: order
+                            #     style: vertical
+                            #     start_route: '/actualites/'
+                            #     sitemap:

themes/plain/blueprints/coalitions.yaml

@@ -0,0 +1,63 @@
+title: Coalitions
+# extends@: default
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        Actualité:
+            type: tab
+            title: Coalitions
+            fields:
+                columns:
+                  type: columns
+                  fields:
+                        column1:
+                            type: column
+                            fields:
+                                order_title:
+                                  type: section
+                                  title: Présentation
+                                  underline: true
+                                header.presentation:
+                                    classes: frontmatter
+                                    type: editor
+                                    autofocus: true
+                                    codemirror:
+                                      mode: 'null'
+                                      indentUnit: 4
+                                      autofocus: false
+                                      indentWithTabs: false
+                                      lineNumbers: false
+                                      styleActiveLine: false
+                                      gutters: ['CodeMirror-lint-markers']
+                                      lint: true
+                        column2:
+                            type: column
+                            fields:
+                              cc:
+                                type: fieldset
+                                title: Code pays :
+                                info: https://en.wikipedia.org/wiki/ISO_3166-1
+
+
+                              # order_title:
+                              #   type: section
+                              #   title: Accés rapide
+                              #   underline: true
+                              #
+                              # list:
+                              #     type: childlist
+                                # label: PLUGIN_ADMIN.PARENT
+                                # classes: fancy
+                                # '@data-options': '\Grav\Common\Page\Page'
+                                # data-options@: '\Grav\Theme\Plain::countryCodes'
+                                # '@data-default': '\Grav\Plugin\admin::route'
+                                # options:
+                                #   '/': PLUGIN_ADMIN.DEFAULT_OPTION_ROOT
+                                # type: order
+                                # style: vertical
+                                # sitemap:

themes/plain/blueprints/danger.yaml

@@ -0,0 +1,146 @@
+title: Membres en danger
+# extends@: default
+
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        membres:
+            type: tab
+            title: Membres en danger
+            fields:
+              
+              header.media_thumbnail:
+                type: filepicker
+                label: Image en-tête
+                folder: 'self@'
+                preview_images: true
+              header.intro:
+                type: tinymce
+                label: Texte Introduction
+              header.memberList:
+                type: list
+                label: Membres
+                style: vertical
+                collapsed: true
+                fields:
+                  .membre:
+                    type: text
+                    label: Nom
+                  .pays:
+                    type: text
+                    label: Pays
+                  .photo:
+                     type: filepicker
+                     label: Photos
+                     preview_images: true
+                  .statut:
+                    type: radio
+                    label: Statut
+                    classes: field-selection__select
+                    default: menace
+                    options:
+                      menace: Menacé·e
+                      prison: Emprisonné·e
+                      free: Libéré·e
+                  .prison:
+                    type: datetime
+                    label: Emprisonné·e depuis
+                    classes: prison form-statut
+                  .menace:
+                    type: datetime
+                    label: Menacé·e
+                    classes: menace form-statut
+                  .menace_type:
+                    type: text
+                    label: Menacé·e - description
+                    classes: menace form-statut
+                  .free:
+                    type: datetime
+                    label: Libéré·e depuis
+                    classes: free form-statut
+                  .text:
+                    type: tinymce
+                    label: Informations
+                  .textreso:
+                    type: tinymce
+                    label: Comment agir
+                  .article:
+                    type: pages
+                    label: Article à relier
+                    size: medium
+                    style: vertical
+                    # classes: fancy
+                    show_all: false
+                    show_modular: false
+                    show_root: false
+                    start_route: '/actualites/'
+                    help: PLUGIN_ADMIN.HOME_PAGE_HELP
+
+
+              header.datavis:
+                type: toggle
+                label: Activer datavis
+                highlight: 0
+                default: 0
+                options:
+                  1: 'Oui'
+                  0: 'Non'
+                validate:
+                  type: bool
+              header.datavis_title:
+                type: text 
+                label: titre frise
+              header.datavis_text:
+                type: tinymce
+                label: description de la frise
+
+
+              header.files:
+                type: file
+                multiple: true
+                limit: 1000
+                filesize: 3
+                label: Photos
+                destination: '@self'
+                accept:
+                  - image/*
+
+
+                # columns:
+                #   type: columns
+                #   fields:
+                        # column1:
+                        #     type: column
+                        #     fields:
+                        #         order_title:
+                        #           type: section
+                        #           title: Mise en avant
+                        #           underline: true
+                        #         header.top:
+                        #             type: pages
+                        #             size: medium
+                        #             style: vertical
+                        #             # classes: fancy
+                        #             show_all: false
+                        #             show_modular: false
+                        #             show_root: false
+                        #             start_route: '/actualites/'
+                        #             help: PLUGIN_ADMIN.HOME_PAGE_HELP
+                        # column2:
+                        #     type: column
+                            # fields:
+                            #   order_title:
+                            #     type: section
+                            #     title: Accés rapide
+                            #     underline: true
+                            #
+                            #   order:
+                            #     type: order
+                            #     style: vertical
+                            #     start_route: '/actualites/'
+                            #     sitemap:

themes/plain/blueprints/default.yaml

@@ -0,0 +1,16 @@
+title: Default
+extends@: default
+
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+
+              header.media_thumbnail:
+                type: filepicker
+                folder: '@self'
+                preview_images: true
+                label: Vignette

themes/plain/blueprints/home.yaml

@@ -0,0 +1,76 @@
+title: Home
+extends@: default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.gallery:
+              type: list
+              label: Gallerie Accueil
+              fields:
+                .image:
+                  type: filepicker
+                  folder: '@self'
+                  label: Select a file
+                  preview_images: true
+                .url:
+                  type: pages
+                  size: medium
+                  classes: fancy
+                  label: Url
+                  start_route: '/actualites'
+
+            header.media_order:
+              ordering@: 4
+            header.media_thumbnail:
+              unset@: true
+            columns:
+              type: columns
+              fields:
+
+                    column1:
+                      type: column
+                      fields:
+                        header.activate_top:
+                           type: toggle
+                           label: Afficher "A la Une"
+                           size: medium
+                           style: vertical
+                           highlight: 0
+                           default: 0
+                           options:
+                               1: 'Oui'
+                               0: 'Non'
+                           validate:
+                               type: bool
+                    column2:
+                      type: column
+                      fields:
+                            header.top:
+                              type: pages
+                              size: medium
+                              style: vertical
+                              classes: fancy
+                              label: Page à afficher
+                              start_route: '/actualites/'
+                              show_all: false
+                              show_modular: false
+                              show_root: false
+                              help: PLUGIN_ADMIN.HOME_PAGE_HELP
+            header.info_tel:
+              type: text
+              label: Telephone
+            header.info_addr:
+              type: text
+              label: Adresse Mail
+            header.info_addr_post:
+              type: text
+              label: Adresse Postale
+            header.logo:
+              type: file
+              destination: '@self'
+              label: Logos
+              multiple: true

themes/plain/blueprints/media.yaml

@@ -0,0 +1,86 @@
+title: Media
+extends@: default
+
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+              header.media_order:
+                ordering@: 10
+
+              header.media_thumbnail:
+                style: vertical
+                ordering@: header.title
+
+
+              header.info:
+                style: vertical
+                ordering@: 2
+                type: text
+                label: Référence du média
+                help: auteur du media, date de publication etc.
+
+              header.type: 
+                style: vertical
+                ordering@: header.info
+                label: type de media
+                type: selectize
+                selectize:
+                    options:
+                        - text: "Ouvrage"
+                          value: "ouvrage"
+                        - text: "Film"
+                          value: "film"
+                size: large
+                classes: fancy
+                help: PLUGIN_ADMIN.TAXONOMY_TYPES_HELP
+                validate:
+                    type: commalist
+
+              header.author: 
+                type: text
+                label: Auteur de la fiche
+
+              columns:
+                type: columns
+                fields:
+
+                  column1:
+                    type: column
+                    fields:
+                      header.file:
+                        type: file
+                        label: Fichier
+                        multiple: false
+                        filesize: 20
+                        help: Taille maximum 10Mo
+                        destination: 'self@'
+                        accept:
+                            - '*'
+
+                  column3:
+                    type: column
+                    fields:
+                      header.media_thumb:
+                        type: filepicker
+                        folder: '@self'
+                        preview_images: true
+                        label: Aperçu du média
+                        
+                  column2:
+                    type: column
+                    fields:                      
+                      header.private:
+                        type: toggle
+                        label: Accés privé
+                        highlight: 0
+                        options:
+                            1: PLUGIN_ADMIN.YES
+                            0: PLUGIN_ADMIN.NO
+                        validate:
+                            type: bool
+
+             

themes/plain/blueprints/modules.yaml

@@ -0,0 +1,129 @@
+title: Modules
+extends@: default
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+      label: test
+      fields:
+        content:
+          type: tab
+          title: Sections de la page
+          fields:
+            xss_check:
+              type: xss
+
+            header.media_thumbnail:
+              type: filepicker
+              folder: '@self'
+              preview_images: true
+              label: Vignette
+
+            content:
+              unset@: true
+            header.media_order:
+              ordering@: -1
+            
+            section_title:
+              type: section
+              title: Sections de la page
+              underline: true
+
+            header.sections:
+              name: Sections
+              type: list
+              collapsed: true
+              controls: both
+              style: vertical
+              fields:
+                .title:
+                  type: text
+                  label: Titre
+                  validate: require
+                .text:
+                  type: tinymce
+                  label: Text
+
+            header.image_field:
+              type: file
+              label: Images
+              multiple: true
+              filesize: 5
+              help: Taille maximum 2Mo
+              destination: 'self@'
+              accept:
+                  - image/*
+                  
+            content_title:
+              type: spacer
+              title: Sidebar
+
+            header.post_sidebar:
+                type: list
+                style: vertical
+                validate:
+                  type: array
+                fields:
+                  .type_info:
+                    type: checkboxes
+                    label: Type
+                    default:
+                        url: false
+                        pages: false
+                        ressources: false
+                    options:
+                        url: Référence
+                        pages: Pages
+                        ressources: Ressources
+                    use: keys
+
+                  .title:
+                    type: text
+                    label: Titre
+                    validate: require
+                  .url:
+                    type: text
+                    label: référence extérieur (url)
+                  .page:
+                    type: pages
+                    size: medium
+                    # classes: fancy
+                    label: Pages
+                    show_all: false
+                    show_modular: false
+                    show_root: false
+                    start_route: '/actualites/'
+                    default: null
+                  .ressources:
+                    type: text
+                    label: Ressources
+                    classes: fancy
+
+#       fields:
+        # gallery:
+        #   type: tab
+        #   title: Media Accueil
+        #
+        #   fields:
+        #     header.media_type:
+        #       type: checkboxes
+        #       label: Choisir le media à utiliser
+        #       default:
+        #           picture: true
+        #           video: false
+        #       options:
+        #           image: image
+        #           video: video
+        #       use: keys
+        #     # header.picture_field:
+        #     header.video_field:
+        #         type: file
+        #         label: Fichier video
+        #         multiple: false
+        #         filesize: 20
+        #         help: Taille maximum 10Mo
+        #         destination: 'self@'
+        #         accept:
+        #           - video/*

themes/plain/blueprints/pays.yaml

@@ -0,0 +1,79 @@
+title: Post
+extends@: default
+              
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+              header.media_order:
+                limit: 0
+              columns:
+                type: columns
+                ordering@: 2
+                fields:
+                      column1:
+                        type: column
+                        fields:
+                          header.info.date:
+                            label: Date de création
+                            type: text
+                          header.info.nb:
+                            label: Nombres d'organisations
+                            type: text
+                          header.info.orga:
+                            label: Organisations créatrices
+                            type: text
+
+
+                      column2:
+                        type: column
+                        fields:
+                          header.media_thumbnail:
+                            type: filepicker
+                            style: vertical
+                            folder: '@self'
+                            preview_images: true
+                            label: Vignette
+
+              header.taxonomy.tag:
+                unset@: true
+              member_section:
+                type: section
+                title: Membres en danger
+                ordering@: 5
+              header.membres:
+                type: tab
+                title: Membres en danger
+                ordering@: 6
+                fields:
+                  header.member:
+                    type: list
+                    label: Membre
+                    style: vertical
+                    collapsed: true
+                    fields:
+                      .membre:
+                        type: text
+                        label: Nom
+                      .photo:
+                         type: filepicker
+                         label: Photos
+                         preview_images: true
+                     
+                      .prison:
+                        type: datetime
+                        label: Emprisonné·e depuis
+                        classes: prison form-statut
+                      
+                      .free:
+                        type: datetime
+                        label: Libéré·e depuis
+                        classes: free form-statut
+                      .text:
+                        type: tinymce
+                        label: Informations
+                      
+              header.media_thumbnail:
+                unset@: true

themes/plain/blueprints/post.yaml

@@ -0,0 +1,101 @@
+title: Post
+extends@: default
+
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+
+              header.media_order:
+                ordering@: 6
+              content:
+                 ordering@: 2
+
+              
+              header.media_thumbnail:
+                type: filepicker
+                folder: '@self'
+                preview_images: true
+                label: Vignette
+
+              header.taxonomy:
+                unset@: true
+              # header.danger:
+              #   type: toggle
+              #   label: Membre en danger ?
+              #   highlight: 0
+              #   default: 0
+              #   options:
+              #     1: 'Oui'
+              #     0: 'Non'
+              #   validate:
+              #     type: bool
+
+              header.taxonomy.tag:
+                type: selectize
+                label: Categorie
+                options:
+                  - text: "tribune"
+                    value: "tribune"
+                  - text: "communiqué"
+                    value: "communiqué"
+                classes: fancy
+                validate:
+                  type: commalist
+
+              # header.post_files:
+              #   type: file
+              #   style: vertical
+              #   label: Mes fichiers
+              #   multiple: true
+              #   filesize: 1
+              #   destination: '@self'
+              #   accept:
+              #     - image/*
+
+              content_title:
+                type: spacer
+                title: Sidebar
+
+              header.post_sidebar:
+                  type: list
+                  style: vertical
+                  validate:
+                    type: array
+                  fields:
+                    .type_info:
+                      type: checkboxes
+                      label: Type
+                      default:
+                          url: false
+                          pages: false
+                          ressources: false
+                      options:
+                          url: Référence
+                          pages: Pages
+                          ressources: Ressources
+                      use: keys
+
+                    .title:
+                      type: text
+                      label: Titre
+                      validate: require
+                    .url:
+                      type: text
+                      label: référence extérieur (url)
+                    .page:
+                      type: pages
+                      size: medium
+                      # classes: fancy
+                      label: Pages
+                      show_all: false
+                      show_modular: false
+                      show_root: false
+                      start_route: '/actualites/'
+                      default: null
+                    .ressources:
+                      type: text
+                      label: Ressources - insérer le titre

themes/plain/blueprints/power.yaml

@@ -0,0 +1,69 @@
+title: Membres en danger
+# extends@: default
+
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        podium:
+            type: tab
+            title: Podium
+            fields:
+              header.dictateurIntro:
+                type: tinymce
+                label: Introduction
+              header.classementType:
+                type: text
+                label: Année du classement
+              header.topDic:
+                type: list
+                label: Top 10 des dictateurs
+                style: vertical
+                collapsed: true
+                fields:
+                  .name:
+                    type: text
+                    label: Nom
+                  .country:
+                    type: text
+                    label: Pays
+                  .years:
+                    type: number
+                    label: Année
+                  .dicpic:
+                    type: filepicker
+                    label: Photos
+                    preview_images: true
+
+              header.classement:
+                type: list
+                label: Classement pays
+                style: vertical
+                collapsed: true
+                fields:
+                  .name:
+                    type: text
+                    label: Nom
+                  .perc:
+                    type: number
+                    label: Pourcentage
+                  .info:
+                    type: text
+                    label: Informations
+                  .flag:
+                    type: filepicker
+                    label: Photos
+                    preview_images: true
+
+              header.files:
+                type: file
+                multiple: true
+                limit: 100
+                label: Photos
+                destination: '@self'
+                accept:
+                  - image/*

themes/plain/blueprints/projects.yaml

@@ -0,0 +1,14 @@
+title: Projets
+extends@: default
+
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.textform:
+              type: tinymce
+              label: Texte formulaire (médiathéque)
+              

themes/plain/blueprints/ressources.yaml

@@ -0,0 +1,245 @@
+title: Ressources
+# extends@: default
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+      label: tabs
+      fields:
+        content:
+          type: tab
+          title: Ressources
+          fields:
+            header.title:
+              type: text
+              autofocus: true
+              style: vertical
+              label: PLUGIN_ADMIN.TITLE
+              
+            header.media_thumbnail:
+              type: file
+              label: Vignette
+              multiple: false
+              filesize: 5
+              help: Taille maximum 2Mo
+              destination: 'self@'
+              accept:
+                  - image/*
+
+            section_title:
+              type: section
+              title: Fichiers
+              underline: true
+
+            tabs:
+              type: tabs
+              active: 1
+              label: tabs
+              fields:
+                image:
+                  type: tab
+                  title: Images
+                  fields:
+                    header.images:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+                          .image_list:
+                            type: file
+                            label: Image(s)
+                            multiple: true
+                            filesize: 5
+                            help: Taille maximum 2Mo
+                            destination: 'self@'
+                            accept:
+                                - image/*
+                          .tag:
+                              type: selectize
+                              label: Tag
+                              classes: fancy
+                              validate:
+                                type: commalist
+                documents:
+                  type: tab
+                  title: Documents
+                  fields:
+                    
+
+                    header.doc:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+                          .thumbnail:
+                            type: file
+                            label: Vignette pdf
+                            multiple: false
+                            filesize: 2
+                            help: Taille maximum 1Mo
+                            destination: 'self@'
+                            accept:
+                                - image/*
+                          .doc:
+                            type: file
+                            label: Fichier
+                            multiple: false
+                            filesize: 20
+                            help: Taille maximum 10Mo, pdf, odt, doc, docx
+                            destination: 'self@'
+                            accept: ["image/*", '.pdf', '.odt', '.doc','.docx']
+
+                          .description:
+                            label: Description
+                            type: textarea
+
+                          .docTag:
+                            type: selectize
+                            label: tag
+                            selectize:
+                                options:
+                                    - text: "Rapports de recherche"
+                                      value: "rapports"
+                                    - text: "Rapports d’activités et administratifs"
+                                      value: "admin"
+                                    - text: "Outils numériques"
+                                      value: "digital"
+                                    - text: "Rapports d'activités et autres documents administratifs"
+                                      value: "other"
+                                    - text: "Communiqués et tribunes"
+                                      value: "com"
+                                    - text: "Tribunes"
+                                      value: "tribunes"
+                            size: large
+                            classes: fancy
+                            validate:
+                                type: commalist
+                          
+                videos:
+                  type: tab
+                  title: Vidéos
+                  fields:
+                    header.vid:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+
+                          # .thumbnail:
+                              # https://img.youtube.com/vi/nL34zDTPkcs/0.jpg
+                          .url:
+                            type: text
+                            label: url de la vidéo
+                          .tag:
+                              type: selectize
+                              label: Tag
+                              classes: fancy
+                              validate:
+                                type: commalist
+                podcast:
+                  type: tab
+                  title: Podcasts
+                  fields:
+                    header.pod:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+                          .desc:
+                            type: tinymce
+                            label: description
+
+                          .thumbnail:
+                            type: file
+                            label: Vignette pdf
+                            multiple: false
+                            filesize: 2
+                            help: Taille maximum 1Mo
+                            destination: 'self@'
+                            accept:
+                                - image/*
+                          .file:
+                            type: file
+                            label: Fichier audio
+                            multiple: false
+                            filesize: 20
+                            help: Taille maximum 10Mo
+                            destination: 'self@'
+                            accept:
+                               - '*'
+
+                        
+                newsletter:
+                  type: tab
+                  title: Newsletter
+                  fields:
+                    header.nl:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+                          .url:
+                            type: text
+                            label: Url de la newsletter
+                media:
+                  type: tab
+                  title: TLP dans les médias
+                  fields:
+                    header.media:
+                      type: list
+                      collapsed: true
+                      controls: top
+                      style: vertical
+                      fields:
+                          .title:
+                            type: text
+                            label: Titre
+                            validate: require
+                          .date:
+                            type: date
+                            label: Date de publication
+                          .desc:
+                            type: textarea
+                            label: Description
+
+                          .thumbnail:
+                            type: file
+                            label: Vignette
+                            multiple: false
+                            filesize: 2
+                            help: Taille maximum 1Mo
+                            destination: 'self@'
+                            accept:
+                                - image/*
+                          .url:
+                            label: Lien de l'article
+                            type: text
+
+                          

themes/plain/blueprints/sub_cat.yaml

@@ -0,0 +1,2 @@
+title: Sous categorie
+extends@: default

themes/plain/css/admin.css

@@ -0,0 +1,9 @@
+/* Hide form-fieldset by default */
+.hide {
+    /* display: none; */
+}
+
+/* Show form-fieldset that is selected */
+/*ul.field-selection > li > .form-fieldset.field-selection--show {
+    display: block;
+} */

themes/plain/css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

themes/plain/images/Donation.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Capa_1"
+   enable-background="new 0 0 513.307 513.307"
+   height="512"
+   viewBox="0 0 513.307 513.307"
+   width="512"
+   version="1.1"
+   sodipodi:docname="Donation.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs11" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="1.546875"
+     inkscape:cx="115.39394"
+     inkscape:cy="228.84848"
+     inkscape:current-layer="g6" />
+  <g
+     id="g6">
+    <path
+       d="m118.356 340.559c-3.467-2.267-8.115-1.296-10.382 2.171-2.268 3.466-1.296 8.114 2.171 10.382 9.588 6.272 16.138 8.142 24.595 8.618v8.111c0 4.143 3.357 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-8.707c16.827-3.301 26.656-17.177 28.834-30.138 2.802-16.663-5.915-31.151-22.206-36.91-2.178-.77-4.406-1.578-6.628-2.418v-36.145c6.57.862 10.664 3.5 11 3.724 3.394 2.323 8.032 1.483 10.391-1.897 2.37-3.397 1.536-8.072-1.861-10.441-.447-.312-7.898-5.388-19.529-6.45v-6.765c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v7.803c-1.116.254-2.246.543-3.397.89-10.729 3.232-18.745 12.413-20.921 23.961-1.984 10.53 1.389 20.684 8.804 26.5 3.929 3.082 8.818 5.904 15.515 8.885v44.971c-5.789-.429-9.811-1.846-16.386-6.145zm10.126-59.515c-2.991-2.346-4.264-6.913-3.32-11.919.845-4.485 3.806-9.874 9.578-12.053v27.971c-2.355-1.277-4.485-2.609-6.258-3.999zm22.886 27.184c13.859 4.898 13.006 16.762 12.414 20.281-1.154 6.866-5.936 14.144-14.042 17.044v-37.908c.541.193 1.071.385 1.628.583z"
+       id="path2"
+       style="fill:#6c6d7d;fill-opacity:1" />
+    <path
+       d="m505.807 181.185c4.143 0 7.5-3.357 7.5-7.5v-89.993c0-8.307-6.758-15.064-15.064-15.064h-65.029c-8.306 0-15.063 6.758-15.063 15.064v4.714l-103.343-3.62c-4.148-.163-7.612 3.093-7.758 7.232s3.093 7.613 7.232 7.758l103.868 3.639v95.84c-5.43.611-17.682-2.675-28.598 7.425l-53.918 49.89c-32.671 30.23-64.757 32.264-100.255 45.547-.092.029-.184.061-.274.094-6.794 2.463-14.439-.245-18.175-6.448-4.081-6.778-2.018-15.787 4.699-20.51.044-.031.088-.062.132-.095l73.305-53.965c20.083-14.197 18.783-44.443-2.484-56.85l-24.038-14.022c-10.114-5.899-22.798-6.113-33.102-.557l-37.352 20.135c-12.066-5.06-24.648-8.396-37.593-9.977l27.787-27.819c22.441-22.468 53.525-34.767 85.235-33.753l10.774.377c.09.004.179.005.268.005 4.021 0 7.349-3.188 7.49-7.237.146-4.14-3.094-7.613-7.232-7.758l-10.797-.378c-35.868-1.143-70.988 12.753-96.352 38.145l-37.342 37.383c-77.613 1.384-140.328 64.941-140.328 142.88 0 29.69 9.025 58.165 26.099 82.344 1.462 2.069 3.779 3.175 6.134 3.175 1.495 0 3.005-.446 4.319-1.374 3.384-2.39 4.189-7.069 1.801-10.453-15.278-21.636-23.353-47.117-23.353-73.692 0-73.192 61.943-132.727 136.963-127.584 40.841 2.907 78.079 25.345 99.744 60.304l-38.777 28.547c-13.07 9.243-16.959 27.001-8.85 40.468 7.406 12.298 22.531 17.672 35.995 12.862l30.649-9.8c-2.532 68.317-58.888 123.116-127.813 123.116-31.744 0-62.188-11.714-85.726-32.982-3.071-2.776-7.814-2.537-10.593.536-2.777 3.073-2.537 7.815.536 10.593 26.299 23.766 60.314 36.854 95.782 36.854 78.595 0 142.912-63.893 142.912-142.943 1.874-.821 31.827-8.088 59.999-34.155l53.918-49.89c5.516-5.104 11.547-2.912 18.41-3.435v15.455c0 8.307 6.758 15.064 15.063 15.064h65.029c8.307 0 15.064-6.758 15.064-15.064v-26.039c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5l-.064 26.104-65.093-.064.063-146.083 65.094.064v89.992c.002 4.14 3.359 7.498 7.502 7.498zm-291.339-3.074 28.091-15.144c5.738-3.093 12.797-2.974 18.426.311l24.038 14.022c11.812 6.89 12.648 23.723 1.343 31.673-.044.031-.088.062-.132.095l-22.418 16.504c-12.53-19.842-29.568-36.014-49.348-47.461z"
+       id="path4"
+       style="fill:#6c6d7d;fill-opacity:1" />
+  </g>
+</svg>

themes/plain/images/com.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="com.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg4038"
+   version="1.1"
+   viewBox="0 0 8 8.0000094"
+   height="8.0000095mm"
+   width="8mm">
+  <style
+     id="style4040"></style>
+  <defs
+     id="defs4032" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="90"
+     inkscape:window-x="60"
+     inkscape:window-height="930"
+     inkscape:window-width="1800"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="33.283743"
+     inkscape:cx="-30.916061"
+     inkscape:zoom="3.959798"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata4035">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <g
+       id="g10152"
+       transform="matrix(0.35277777,0,0,-0.35277777,1.0017241,0.47222707)">
+      <g
+         id="g10154">
+        <g
+           id="g10156">
+          <path
+             d="M 16.345,-7.02727 10.0825,-0.66364 9.42499,0 H 0 V -20 H 16.9981 V -7.69545 Z M 1.99376,-17.9728 1.9251,-1.99588 8.49903,-2.04418 v -6.59218 h 6.52507 l 0.0469,-9.35894 z"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path10158" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/plain/images/contact.svg

@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       id="g2606"
+       clip-path="url(#clipPath2610)"
+       transform="matrix(0.35277777,0,0,-0.35277777,1.07091,10.413072)">
+      <g
+         id="g2612"
+         transform="translate(0,17.19636)">
+        <g
+           id="g2614">
+          <g
+             id="g2616">
+            <path
+               d="M 0,0 V -16.0616 L 8.59961,-5.25449 Z"
+               style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="path2618" />
+          </g>
+        </g>
+      </g>
+      <g
+         id="g2620"
+         transform="translate(0.98111,11.18815)">
+        <g
+           id="g2622">
+          <g
+             id="g2624">
+            <path
+               d="M 8.88633,-0.01988 0,-11.1882 H 29.4282 L 20.5337,0 14.715,-3.58141 Z"
+               style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="path2626" />
+          </g>
+        </g>
+      </g>
+      <g
+         id="g2628"
+         transform="translate(0,21.53479)">
+        <g
+           id="g2630">
+          <g
+             id="g2632">
+            <path
+               d="M 31.4287,0 H 0 v -2.61067 l 15.6945,-9.58793 15.7342,9.68566 z"
+               style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="path2634" />
+          </g>
+        </g>
+      </g>
+      <g
+         id="g2636"
+         transform="translate(22.77929,17.29078)">
+        <g
+           id="g2638">
+          <g
+             id="g2640">
+            <path
+               d="M 8.64934,0 0,-5.32406 8.64934,-16.2024 Z"
+               style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="path2642" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/plain/images/contact_w.svg

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg2746">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       id="clipPath2610"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2608"
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="fill:#ffffff;fill-opacity:1"
+     id="layer1">
+    <g
+       style="fill:#ffffff;fill-opacity:1"
+       transform="matrix(0.35277777,0,0,-0.35277777,1.07091,10.413072)"
+       clip-path="url(#clipPath2610)"
+       id="g2606">
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(0,17.19636)"
+         id="g2612">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2614">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2616">
+            <path
+               id="path2618"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               d="M 0,0 V -16.0616 L 8.59961,-5.25449 Z" />
+          </g>
+        </g>
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(0.98111,11.18815)"
+         id="g2620">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2622">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2624">
+            <path
+               id="path2626"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               d="M 8.88633,-0.01988 0,-11.1882 H 29.4282 L 20.5337,0 14.715,-3.58141 Z" />
+          </g>
+        </g>
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(0,21.53479)"
+         id="g2628">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2630">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2632">
+            <path
+               id="path2634"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               d="M 31.4287,0 H 0 v -2.61067 l 15.6945,-9.58793 15.7342,9.68566 z" />
+          </g>
+        </g>
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(22.77929,17.29078)"
+         id="g2636">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2638">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2640">
+            <path
+               id="path2642"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               d="M 8.64934,0 0,-5.32406 8.64934,-16.2024 Z" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/plain/images/crown.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="17mm"
+   height="8mm"
+   viewBox="0 0 17 8"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="crown.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9195959"
+     inkscape:cx="53.116642"
+     inkscape:cy="52.009441"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-289)">
+    <path
+       style="fill:#eb4f1a;fill-opacity:1;stroke:none;stroke-width:0.06649467px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 0.60941943,296.99513 -0.048217,-7.91221 3.92545577,4.023 3.9867562,-4.07122 3.9217516,4.07035 3.877242,-3.88922 -0.02797,7.66805 z"
+       id="path828"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

themes/plain/images/f.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <path
+       id="path2650"
+       d="m 5.2640173,11.817366 h 2.150928 V 6.6139673 h 1.434746 l 0.190004,-1.792888 h -1.62475 l 0.0024,-0.897607 c 0,-0.467501 0.04443,-0.718185 0.715627,-0.718185 h 0.896863 v -1.793487 h -1.435338 c -1.72415,0 -2.330434,0.870161 -2.330434,2.332849 v 1.07643 h -1.074592 v 1.793487 h 1.074592 z"
+       style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777" />
+  </g>
+</svg>

themes/plain/images/f_w.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg2746">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       id="clipPath2610"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2608"
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="fill:#ffffff;fill-opacity:1"
+     id="layer1">
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+       d="m 5.2640173,11.817366 h 2.150928 V 6.6139673 h 1.434746 l 0.190004,-1.792888 h -1.62475 l 0.0024,-0.897607 c 0,-0.467501 0.04443,-0.718185 0.715627,-0.718185 h 0.896863 v -1.793487 h -1.435338 c -1.72415,0 -2.330434,0.870161 -2.330434,2.332849 v 1.07643 h -1.074592 v 1.793487 h 1.074592 z"
+       id="path2650" />
+  </g>
+</svg>

themes/plain/images/ffr.svg

@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2466">
+      <path
+         d="M 0,-35.65994 H 1440 V 35.65994 H 0 Z"
+         id="path2464" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2486">
+      <path
+         d="M 0,0 H 27.6974 V -14.0291 H 0 Z"
+         clip-rule="evenodd"
+         id="path2484" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2498">
+      <path
+         d="M 0,-14.02909 H 1440 V 14.02909 H 0 Z"
+         id="path2496" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2542">
+      <path
+         d="M 0,0 H 21.062 V -13.6928 H 0 Z"
+         clip-rule="evenodd"
+         id="path2540" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2554">
+      <path
+         d="M 0,-13.69283 H 1440 V 13.69283 H 0 Z"
+         id="path2552" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       transform="translate(-0.44768171,0.28209378)"
+       id="g3171">
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:11.7758"
+         d="m 0.70385508,10.413584 c 0,0 0.49879002,0 0.49879002,0 0,0 0,-3.6665627 0,-3.6665627 0,0 3.99013,0 3.99013,0 0,0 0,-0.4904322 0,-0.4904322 0,0 -3.99013,0 -3.99013,0 0,0 0,-3.526437 0,-3.526437 0,0 4.5007801,0 4.5007801,0 0,0 0,-0.478755 0,-0.478755 0,0 -4.99957012,0 -4.99957012,0 0,0 0,8.1621869 0,8.1621869 z"
+         id="path2430-5" />
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:11.7758"
+         d="m 7.7323449,7.2140992 c 0,0 0,-4.4839471 0,-4.4839471 0,0 2.4463401,0 2.4463401,0 1.73379,0 2.71946,0.782355 2.71946,2.218619 0,1.4596182 -0.98567,2.2653281 -2.71946,2.2653281 0,0 -2.4463401,0 -2.4463401,0 z"
+         id="path72617-3" />
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:11.7758"
+         d="m 7.2335649,10.413584 c 0,0 0.49878,0 0.49878,0 0,0 0,-2.7207308 0,-2.7207308 0,0 2.4344501,0 2.4344501,0 0.24938,0 0.47501,-0.01164 0.70065,-0.04671 0,0 1.95947,2.7674388 1.95947,2.7674388 0,0 0.59376,0 0.59376,0 0,0 -2.07822,-2.8491778 -2.07822,-2.8491778 1.3182,-0.3269542 2.04259,-1.2377561 2.04259,-2.6273121 0,-1.704834 -1.16378,-2.685697 -3.21825,-2.685697 0,0 -2.9332301,0 -2.9332301,0 0,0 0,8.1621869 0,8.1621869 0,0 0,0 0,0 z"
+         id="path2442-5" />
+    </g>
+  </g>
+</svg>

themes/plain/images/in.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       transform="translate(-109.10157,-18.962235)"
+       id="g2879">
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+         d="m 113.0671,30.211811 v -6.255212 h -2.07959 v 6.255212 z"
+         id="path72613" />
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+         d="m 112.027,23.102841 c 0.72496,0 1.1769,-0.480977 1.1769,-1.081122 -0.0134,-0.613622 -0.45194,-1.080523 -1.16346,-1.080523 -0.71151,0 -1.1763,0.466901 -1.1763,1.080523 0,0.600745 0.45135,1.081122 1.15002,1.081122 z"
+         id="path72611" />
+      <path
+         style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+         d="m 120.56817,30.211811 v -3.586343 c 0,-1.921439 -1.02605,-2.815519 -2.39472,-2.815519 -1.10441,0 -1.599,0.607166 -1.87438,1.03318 v -0.88653 h -2.08019 c 0.0275,0.587304 0,6.255212 0,6.255212 h 2.08019 v -3.493386 c 0,-0.186443 0.0134,-0.373415 0.0684,-0.506659 0.15024,-0.37345 0.49226,-0.760307 1.06697,-0.760307 0.75301,0 1.0541,0.573335 1.0541,1.414251 v 3.346731 z"
+         id="path2586" />
+    </g>
+  </g>
+</svg>

themes/plain/images/in_w.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg2746">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       id="clipPath2610"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2608"
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="fill:#ffffff;fill-opacity:1"
+     id="layer1">
+    <g
+       style="fill:#ffffff;fill-opacity:1"
+       id="g2879"
+       transform="translate(-109.10157,-18.962235)">
+      <path
+         id="path72613"
+         d="m 113.0671,30.211811 v -6.255212 h -2.07959 v 6.255212 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777" />
+      <path
+         id="path72611"
+         d="m 112.027,23.102841 c 0.72496,0 1.1769,-0.480977 1.1769,-1.081122 -0.0134,-0.613622 -0.45194,-1.080523 -1.16346,-1.080523 -0.71151,0 -1.1763,0.466901 -1.1763,1.080523 0,0.600745 0.45135,1.081122 1.15002,1.081122 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777" />
+      <path
+         id="path2586"
+         d="m 120.56817,30.211811 v -3.586343 c 0,-1.921439 -1.02605,-2.815519 -2.39472,-2.815519 -1.10441,0 -1.599,0.607166 -1.87438,1.03318 v -0.88653 h -2.08019 c 0.0275,0.587304 0,6.255212 0,6.255212 h 2.08019 v -3.493386 c 0,-0.186443 0.0134,-0.373415 0.0684,-0.506659 0.15024,-0.37345 0.49226,-0.760307 1.06697,-0.760307 0.75301,0 1.0541,0.573335 1.0541,1.414251 v 3.346731 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777" />
+    </g>
+  </g>
+</svg>

themes/plain/images/newsletter.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="114"
+   height="114"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="newsletter.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="6.9473684"
+     inkscape:cx="25.693182"
+     inkscape:cy="56.712121"
+     inkscape:current-layer="svg6" />
+  <path
+     stroke="#FFF"
+     stroke-width="6"
+     d="m16,25h82v60H16zl37,37q4,3 8,0l37-37M16,85l30-30m22,0 30,30"
+     id="path4"
+     style="fill-opacity:1;fill:none;stroke:#6c6d7d;stroke-opacity:1" />
+</svg>

themes/plain/images/outils.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="outils.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg1749"
+   version="1.1"
+   viewBox="0 0 48 48"
+   height="48mm"
+   width="48mm">
+  <style
+     id="style2312"></style>
+  <defs
+     id="defs1743" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="90"
+     inkscape:window-x="60"
+     inkscape:window-height="930"
+     inkscape:window-width="1800"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="116.13495"
+     inkscape:cx="101.36232"
+     inkscape:zoom="2.8"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata1746">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <path
+       id="path1310"
+       style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.263595"
+       d="m 32.03057,5.800667 c -0.61331,0.15168 -1.29284,0.0785 -1.90824,0.29784 -2.95633,0.82506 -5.36809,3.0398401 -6.97497,5.59657 -1.09856,1.8353 -1.79617,3.9071 -1.52698,6.06169 0.11792,0.98538 0.5537,1.91571 1.21467,2.6537 -0.81194,0.95925 -1.62332,1.91899 -2.43569,2.87788 -2.337755,-2.30015 -4.676706,-4.59908 -7.015216,-6.89846 -0.213504,-0.60821 -0.288317,-1.2863 -0.58375,-1.85341 -1.32358,-0.91085 -2.605278,-1.9087 -3.9549055,-2.76551 -0.481585,0.17584 -0.765239,0.72026 -1.168168,1.0389 -0.330675,0.41033 -0.857084,0.70605 -1.071972,1.18519 0.219196,0.58128 0.747781,1.03165 1.086386,1.56178 0.638976,0.80637 1.223644,1.69278 1.895116,2.4515 0.6120345,0.1807 1.2983115,0.2297 1.8636225,0.49911 2.374052,2.2901 4.747003,4.58134 7.121747,6.87073 -3.218186,3.81482 -6.462602,7.608489 -9.6654375,11.435661 -0.777509,1.042799 -0.448713,2.67807 0.613895,3.36056 0.8806015,0.639969 1.5886875,1.57961 2.6463485,1.935509 1.049854,0.32929 2.173987,-0.26412 2.730369,-1.11365 2.581943,-3.03953 5.165645,-6.077561 7.746475,-9.11802 3.3798,3.252592 6.72641,6.542349 10.12953,9.769041 1.038179,0.848418 2.659289,0.567251 3.45855,-0.473832 0.708081,-0.742328 1.650431,-1.487948 1.612501,-2.623439 0.0897,-1.034021 -0.678051,-1.815758 -1.396892,-2.437209 -3.182308,-3.066852 -6.363959,-6.134401 -9.546689,-9.200821 0.50958,-0.59826 1.02309,-1.19316 1.53527,-1.78919 1.28334,0.85675 2.91982,0.98697 4.38072,0.56571 3.29175,-0.92736 5.951931,-3.5007 7.477561,-6.50526 0.876059,-1.71239 1.30901,-3.69728 1.00172,-5.60118 -0.693372,-0.5883 -1.35247,-1.25658 -2.09565,-1.76877 -0.41129,0.10515 -0.585611,0.63668 -0.90423,0.90437 -1.155919,1.32868 -2.24927,2.72056 -3.44325,4.01081 -0.56247,0.45217 -1.279372,0.0448 -1.688211,-0.4122 -0.96868,-0.85509 -2.00209,-1.64767 -2.93218,-2.54012 -0.42647,-0.55573 -0.10525,-1.28228 0.37042,-1.68752 1.21114,-1.45364 2.47789,-2.8706499 3.654539,-4.34699 0.008,-0.41244 -0.555299,-0.55919 -0.783188,-0.85537 C 32.99231,6.547357 32.6039,6.015757 32.06122,5.797747 Z m 0.13573,0.63482 c 0.47672,0.40475 0.95383,0.80903 1.430191,1.2142 -1.307711,1.5696001 -2.682761,3.08956 -3.944691,4.69336 -0.45751,0.76336 -0.0719,1.73571 0.64484,2.18033 1.08225,0.87809 2.08636,1.86381 3.215201,2.67792 0.7362,0.37839 1.66343,0.03 2.06594,-0.63343 1.191768,-1.40313 2.385568,-2.80452 3.576008,-4.20877 0.514461,0.43708 1.02929,0.87374 1.54401,1.31052 0.456092,2.66479 -0.736568,5.32735 -2.353429,7.38655 -1.68689,2.08052 -4.010239,3.87672 -6.73529,4.21964 -1.13165,0.14774 -2.32353,-0.14196 -3.20651,-0.87541 -0.37901,-0.004 -0.53835,0.49651 -0.81021,0.71513 -4.53004,5.35252 -9.031193,10.731809 -13.579225,16.06768 -0.755065,0.73829 -2.059002,0.641051 -2.755079,-0.13235 -0.652771,-0.626819 -1.4892065,-1.084818 -2.0170775,-1.829049 -0.513954,-0.80645 -0.301139,-1.89684 0.402431,-2.520482 4.5948675,-5.416929 9.2079725,-10.820099 13.7914505,-16.245619 0.12208,-0.37485 -0.40966,-0.52221 -0.54441,-0.82994 -1.19836,-1.62663 -0.95909,-3.84832 -0.3065,-5.64378 1.21482,-3.24205 3.81939,-5.99645 7.06785,-7.2371 0.76871,-0.27587 1.58336,-0.42042 2.40067,-0.40571 l 0.057,0.0483 z m -23.1048245,6.11624 c 1.1081415,0.78078 2.2163665,1.56145 3.3244565,2.3423 0.151246,0.52288 0.299531,1.04662 0.448027,1.57029 -0.463936,0.4856 -0.929865,0.9693 -1.393703,1.455 -0.530653,-0.14824 -1.137232,-0.17746 -1.6210735,-0.39827 -0.877236,-1.1675 -1.754808,-2.33476 -2.631543,-3.50264 0.53165,-0.55508 1.064855,-1.10866 1.596555,-1.66369 0.09243,0.0657 0.184854,0.13134 0.277281,0.19701 z m 4.3868815,4.64957 c 2.212766,2.14493 4.426609,4.28875 6.638693,6.43439 -0.38674,0.46326 -0.77154,0.92814 -1.157283,1.39224 -2.35388,-2.26502 -4.706076,-4.5318 -7.060455,-6.79631 0.433396,-0.43299 0.865463,-0.8673 1.298845,-1.3003 0.0934,0.09 0.1868,0.17999 0.2802,0.26998 z M 26.8498,27.602267 c 3.35604,3.26224 6.741431,6.49838 10.07933,9.77676 0.652399,0.821481 0.480981,2.09993 -0.340601,2.74582 -0.666559,0.649441 -1.273119,1.628082 -2.329489,1.586651 -1.134129,0.0437 -1.78766,-1.01721 -2.54494,-1.676742 -2.91975,-2.837098 -5.83982,-5.67386 -8.75938,-8.511149 1.1985,-1.4037 2.39472,-2.80933 3.59298,-4.21322 0.1007,0.0973 0.2014,0.19458 0.3021,0.29188 z" />
+  </g>
+</svg>

themes/plain/images/pictos_pagearrestation.svg

@@ -0,0 +1,189 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="89pt"
+   height="89pt"
+   viewBox="0 0 31.397223 31.397222"
+   version="1.1"
+   id="svg8"
+   inkscape:export-filename="/home/figureslibres/Documents/chloe/TOURNONS LA PAGE/chloe/picto_arrestation2.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="pictos_pagearrestation.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="94.920577"
+     inkscape:cy="350.73519"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="pt"
+     inkscape:window-width="1449"
+     inkscape:window-height="900"
+     inkscape:window-x="437"
+     inkscape:window-y="163"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#ea4e19;fill-opacity:0.992157;fill-rule:evenodd;stroke:none;stroke-width:0.11049;stroke-linecap:round;stroke-linejoin:round"
+       id="rect833"
+       width="31.639509"
+       height="31.639511"
+       x="-0.12114349"
+       y="-0.12114444"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150" />
+    <g
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.725421;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(0.58717598,-0.30169971,0.30169971,0.58717598,-41.874545,-149.92202)"
+       id="g1750">
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.725421;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1.54963;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m -37.265625,243.59766 c -1.150437,-0.171 -2.338138,-0.12167 -3.478516,0.16992 l 0.548829,2.14453 c 0.839091,-0.21455 1.734604,-0.2522 2.603515,-0.12305 0.372614,0.0586 0.733989,0.15233 1.070313,0.28516 l 0.8125,-2.0586 c -0.50641,-0.2 -1.028859,-0.33471 -1.550782,-0.41601 a 1.1069906,1.1069906 0 0 0 -0.0059,-0.002 z m -5.824219,1.22656 c -0.110888,0.0735 -0.205911,0.14332 -0.287109,0.20312 a 1.1069906,1.1069906 0 0 0 -0.0039,0.004 c -1.294578,0.9642 -2.214285,2.27292 -2.859375,3.63477 l 2,0.94921 c 0.529102,-1.11698 1.257372,-2.11779 2.177734,-2.80468 l 0.002,-0.002 c 7.11e-4,-5.3e-4 0.0012,-0.001 0.002,-0.002 0.07552,-0.0556 0.138855,-0.10187 0.191406,-0.13672 z m 9.589844,0.59766 -1.519531,1.60937 c 0.836169,0.78981 1.427736,1.89374 1.824219,3.0918 4.81e-4,0.001 0.0015,0.002 0.002,0.004 l 0.06641,0.20703 2.121094,-0.63281 -0.002,-0.006 a 1.1069906,1.1069906 0 0 0 -0.0059,-0.0215 l -0.07422,-0.23047 a 1.1069906,1.1069906 0 0 0 -0.0039,-0.01 c -0.473779,-1.43362 -1.210517,-2.88043 -2.408203,-4.01171 z m -13.580078,5.48828 c -0.277453,0.97808 -0.481165,1.99258 -0.570313,3.03125 l 2.205079,0.18945 c 0.07491,-0.87274 0.250355,-1.7509 0.496093,-2.61719 z m 16.59375,1.10351 -2.191406,0.32227 c 0.10697,0.72558 0.173593,1.44539 0.171875,2.15039 l 2.21289,0.006 c 0.0021,-0.84401 -0.07455,-1.67263 -0.193359,-2.47852 z"
+         id="path1744" />
+      <path
+         id="path1746"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.74175;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
+         d="m -191.8125,967.79492 -0.48828,9 c -12.58691,5.89591 -20.62763,18.54009 -20.62891,32.43948 -2.9e-4,19.7856 16.03863,35.8254 35.82422,35.8261 10.62859,2e-4 20.17137,-4.6332 26.73242,-11.9843 -1.94914,-2.7985 -3.52864,-5.7731 -4.79101,-8.75 -4.80309,6.9698 -12.83665,11.5413 -21.94141,11.541 -14.70835,-5e-4 -26.63139,-11.9244 -26.63086,-26.6328 2.1e-4,-14.64002 11.81737,-26.53477 26.45703,-26.63088 0.0579,-1.9e-4 0.11589,-1.9e-4 0.17383,0 9.24989,-3.4e-4 17.39559,4.71672 22.16992,11.875 1.75835,-2.92895 3.62397,-5.77671 5.28321,-8.25196 -3.25468,-3.88429 -7.34947,-7.10715 -12.10352,-9.36133 v -9.07031 z"
+         transform="scale(0.26458333)" />
+      <path
+         d="m -35.345742,256.08214 -0.129191,2.38125 a 9.4788514,9.4788514 0 0 0 -5.458066,8.58294 9.4788514,9.4788514 0 0 0 9.478492,9.47899 9.4788514,9.4788514 0 0 0 9.479007,-9.47899 9.4788514,9.4788514 0 0 0 -5.417757,-8.56434 v -2.39985 z m 3.845242,3.91811 a 7.0463418,7.0463418 0 0 1 0.04599,0 7.0463418,7.0463418 0 0 1 7.046598,7.04608 7.0463418,7.0463418 0 0 1 -7.046597,7.0466 7.0463418,7.0463418 0 0 1 -7.046082,-7.0466 7.0463418,7.0463418 0 0 1 7.000089,-7.04608 z"
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.725421;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path1748" />
+    </g>
+    <rect
+       style="fill:#ea4e19;fill-opacity:0.992157;fill-rule:evenodd;stroke:none;stroke-width:0.109262;stroke-linecap:round;stroke-linejoin:round"
+       id="rect847"
+       width="31.28796"
+       height="31.28796"
+       x="-0.12175733"
+       y="35.288052"
+       inkscape:export-xdpi="300"
+       inkscape:export-ydpi="300" />
+    <g
+       transform="matrix(2.0552859,0,0,2.0552859,2.4711496,-546.43681)"
+       id="g869"
+       inkscape:export-xdpi="300"
+       inkscape:export-ydpi="300">
+      <path
+         d="m 5.2100068,284.82932 a 0.434085,0.434085 0 0 0 0,0.86817 h 0.7120996 v 0.93172 a 4.9303868,4.9303868 0 0 0 -2.3724658,0.85318 l -0.4640528,-0.45837 a 0.57025677,0.57025677 0 0 0 -0.7808383,-0.0196 6.0778053,6.0778053 0 0 0 -0.3581135,0.34727 0.57025677,0.57025677 0 0 0 0.012435,0.79891 l 0.4423304,0.43719 a 4.9303868,4.9303868 0 1 0 7.8972046,0 l 0.442357,-0.43719 a 0.57025677,0.57025677 0 0 0 0.01296,-0.79891 6.0778053,6.0778053 0 0 0 -0.358643,-0.34727 0.57025677,0.57025677 0 0 0 -0.7803091,0.0196 l -0.4640527,0.45837 a 4.9303868,4.9303868 0 0 0 -2.3734977,-0.85318 v -0.93172 h 0.7120996 a 0.434085,0.434085 0 0 0 0,-0.86817 z m 1.0422996,2.61587 a 4.0750019,4.0750019 0 0 1 4.1723736,4.09535 4.0750019,4.0750019 0 1 1 -8.1499078,0 4.0750019,4.0750019 0 0 1 3.9775342,-4.09535 z"
+         fill="#000000"
+         stroke="none"
+         id="path857" />
+      <path
+         d="M 4.86425,289.83252 4.25662,289.22489 A 0.15746815,0.15746815 0 0 0 4.034,289.4475 l 0.60764,0.60764 a 0.15746815,0.15746815 0 0 0 0.22261,-0.22262 z"
+         fill="#000000"
+         stroke="none"
+         id="path859" />
+      <path
+         d="m 4.86425,293.24873 -0.60763,0.60764 A 0.15746815,0.15746815 0 0 1 4.034,293.63375 l 0.60764,-0.60763 a 0.15746816,0.15746816 0 0 1 0.22261,0.22261 z"
+         fill="#000000"
+         stroke="none"
+         id="path861" />
+      <path
+         d="m 4.09141,291.69814 a 0.15751,0.15751 0 0 0 0,-0.31502 H 3.23245 a 0.15751,0.15751 0 0 0 0,0.31502 z"
+         fill="#000000"
+         stroke="none"
+         id="path863" />
+      <path
+         d="m 6.19223,294.65862 a 0.15751,0.15751 0 0 0 0.31502,0 v -0.85966 a 0.15751,0.15751 0 0 0 -0.31502,0 z"
+         fill="#000000"
+         stroke="none"
+         id="path865" />
+      <path
+         d="m 7.88143,294.4353 a 3.2751562,3.2751562 0 0 0 -1.53169,-6.17017 v 3.2755 z"
+         fill="#000000"
+         stroke="none"
+         id="path867" />
+    </g>
+    <g
+       id="g1042"
+       inkscape:export-xdpi="300"
+       inkscape:export-ydpi="300">
+      <rect
+         style="fill:#ea4e19;fill-opacity:0.992157;fill-rule:evenodd;stroke:none;stroke-width:0.109262;stroke-linecap:round;stroke-linejoin:round"
+         id="rect843"
+         width="31.28796"
+         height="31.28796"
+         x="0.054631084"
+         y="73.249878"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
+      <path
+         fill="#000000"
+         d="m 4.5102208,99.67993 c 1.3520401,1.35204 3.5866622,1.30979 4.9809527,-0.0845 l 1.4928745,-1.492875 c 1.00464,-1.004643 1.30979,-2.445878 0.896666,-3.67586 l -1.478791,1.478795 c -0.07512,0.38026 -0.2629,0.746437 -0.5633527,1.04689 l -1.4928748,1.492878 c -0.7652176,0.765218 -1.9717262,0.802775 -2.6853,0.0845 -0.7182738,-0.71827 -0.6807167,-1.924775 0.084501,-2.6853 l 1.4928781,-1.492874 c 0.300453,-0.300453 0.66663,-0.488239 1.0468904,-0.563353 L 9.7634596,92.309437 C 8.5334774,91.896313 7.0922431,92.196766 6.0875998,93.206103 L 4.594725,94.698977 C 3.2004345,96.093268 3.1581841,98.32789 4.5102208,99.67993 Z"
+         id="path951"
+         style="stroke-width:0.0469458" />
+      <path
+         fill="#000000"
+         d="m 23.119425,81.71568 c -0.408454,-0.463031 -1.120639,-0.507628 -1.583666,-0.09917 l -5.396731,4.756243 c -0.463031,0.408454 -0.507628,1.120639 -0.09917,1.583669 0.408455,0.463027 1.120636,0.507625 1.583666,0.09917 l 5.397023,-4.76093 c 0.467717,-0.408159 0.51202,-1.115661 0.09888,-1.578979 z"
+         id="path859-7"
+         style="stroke-width:0.0469458" />
+      <path
+         fill="#000000"
+         d="m 14.880554,89.309597 c -0.436598,-0.436594 -1.150175,-0.436594 -1.586769,0 l -5.0889276,5.088927 c -0.4365943,0.436598 -0.4365943,1.150172 0,1.586769 0.4365977,0.436595 1.1501714,0.436595 1.5867691,0 l 5.0889275,-5.088927 c 0.436594,-0.436594 0.436594,-1.145478 0,-1.586769 z"
+         id="path861-5"
+         style="stroke-width:0.0469458" />
+      <path
+         id="path871"
+         style="stroke-width:0.0469458"
+         d="m 16.063935,84.638434 c -0.358064,0.0088 -0.716544,0.07361 -1.062704,0.190637 l 0.146181,1.708138 c 0.198987,-0.117087 0.411907,-0.198444 0.629875,-0.241498 l 1.478747,-1.478748 c -0.382908,-0.129101 -0.786932,-0.188515 -1.192099,-0.178529 z m -4.421025,3.107479 c -0.63775,0.942053 -0.790794,2.109709 -0.447531,3.131703 l 1.478747,-1.478748 c 0.07511,-0.38026 0.262813,-0.746504 0.563269,-1.046957 l 0.0029,-0.003 C 12.7059,88.140953 12.15062,87.928841 11.642869,87.745856 Z" />
+      <path
+         fill="#000000"
+         d="m 19.377962,86.929447 -1.478795,1.478791 c -0.07511,0.380261 -0.262896,0.746441 -0.563349,1.046894 l -1.492878,1.492875 c -0.300453,0.300453 -0.66663,0.488238 -1.046891,0.563349 l -1.483488,1.478794 c 1.229983,0.413124 2.671217,0.112671 3.675857,-0.896665 l 1.492878,-1.492875 c 1.00464,-0.999947 1.305093,-2.441184 0.896666,-3.671163 z"
+         id="path881"
+         style="stroke-width:0.0469458" />
+      <path
+         fill="#000000"
+         d="M 27.032769,78.263562 C 25.767871,76.829669 23.534976,76.73218 22.056272,78.036603 l -1.583261,1.396654 c -1.065463,0.939894 -1.460092,2.359238 -1.124646,3.612637 l 1.568324,-1.383485 c 0.09873,-0.37482 0.309036,-0.728547 0.62768,-1.009634 l 1.583258,-1.396658 c 0.811545,-0.715897 2.018044,-0.677978 2.68533,0.08349 0.671979,0.761756 0.55909,1.963555 -0.25216,2.674769 l -1.583261,1.396653 c -0.318644,0.281091 -0.695842,0.445623 -1.080052,0.496825 l -1.568327,1.383478 c 1.201758,0.489189 2.658954,0.279396 3.724715,-0.66518 l 1.583257,-1.396654 c 1.478705,-1.304424 1.660531,-3.532039 0.39564,-4.965936 z"
+         id="path883"
+         style="stroke-width:0.0469458" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m 12.869111,77.632491 0.332061,3.982743 1.498047,0.04297 0.105469,-3.6875 z"
+         id="path1030"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="M 8.5898438,79.107422 7.2557917,79.8074 9.7421875,82.919922 10.634776,82.149843 Z"
+         id="path1022"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m 9.2341987,84.764629 -3.8861192,-0.0093 0.4741861,2.053296 3.5976563,-0.81836 z"
+         id="path1026"
+         sodipodi:nodetypes="ccccc" />
+    </g>
+  </g>
+</svg>

themes/plain/images/t.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <path
+       id="path2658"
+       d="m 7.9161303,2.4572162 c -0.929602,0.338349 -1.517154,1.210239 -1.450514,2.164574 l 0.0222,0.368158 -0.371827,-0.04501 c -1.353466,-0.172967 -2.536214,-0.759107 -3.540644,-1.743816 l -0.4911027,-0.488526 -0.125704,0.360574 c -0.267769,0.804086 -0.09647,1.653822 0.46129,2.225322 0.2975847,0.31556 0.2303487,0.360574 -0.282384,0.173002 -0.178324,-0.06022 -0.335005,-0.105198 -0.34962,-0.08241 -0.05204,0.0526 0.126283,0.736318 0.267768,1.007463 0.193519,0.376343 0.5875767,0.743938 1.0190427,0.962483 l 0.364824,0.173003 -0.43206,0.0063 c -0.416269,0 -0.431466,0.0078 -0.38645,0.166017 0.148503,0.488526 0.736076,1.007463 1.39088,1.233064 l 0.461288,0.157762 -0.401651,0.240736 c -0.595175,0.346604 -1.294418,0.541762 -1.9936537,0.555762 -0.335007,0.008 -0.610378,0.0374 -0.610378,0.0602 0,0.0748 0.907966,0.4955498 1.4353117,0.6615298 1.58441,0.48853 3.466394,0.2776 4.879481,-0.55629 1.004498,-0.5937978 2.008293,-1.7742278 2.4772057,-2.9172628 0.253082,-0.608365 0.505707,-1.721027 0.505707,-2.254568 0,-0.345969 0.02215,-0.390983 0.438467,-0.804121 0.245568,-0.240771 0.475932,-0.503732 0.520982,-0.578556 0.07479,-0.143157 0.0666,-0.143157 -0.312244,-0.01517 -0.632037,0.225566 -0.721467,0.195757 -0.408692,-0.142592 0.230362,-0.240771 0.505777,-0.676734 0.505777,-0.804122 0,-0.02222 -0.11169,0.01517 -0.237985,0.08237 -0.133878,0.07539 -0.431516,0.188207 -0.654825,0.255411 l -0.401674,0.127957 -0.3642417,-0.24892 c -0.201082,-0.135008 -0.482917,-0.285786 -0.631968,-0.3308 -0.380081,-0.105163 -0.960014,-0.08996 -1.302596,0.03034 z"
+       style="fill:#6c6d7d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777" />
+  </g>
+</svg>

themes/plain/images/t_w.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg2746">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       id="clipPath2610"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2608"
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="fill:#ffffff;fill-opacity:1"
+     id="layer1">
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+       d="m 7.9161303,2.4572162 c -0.929602,0.338349 -1.517154,1.210239 -1.450514,2.164574 l 0.0222,0.368158 -0.371827,-0.04501 c -1.353466,-0.172967 -2.536214,-0.759107 -3.540644,-1.743816 l -0.4911027,-0.488526 -0.125704,0.360574 c -0.267769,0.804086 -0.09647,1.653822 0.46129,2.225322 0.2975847,0.31556 0.2303487,0.360574 -0.282384,0.173002 -0.178324,-0.06022 -0.335005,-0.105198 -0.34962,-0.08241 -0.05204,0.0526 0.126283,0.736318 0.267768,1.007463 0.193519,0.376343 0.5875767,0.743938 1.0190427,0.962483 l 0.364824,0.173003 -0.43206,0.0063 c -0.416269,0 -0.431466,0.0078 -0.38645,0.166017 0.148503,0.488526 0.736076,1.007463 1.39088,1.233064 l 0.461288,0.157762 -0.401651,0.240736 c -0.595175,0.346604 -1.294418,0.541762 -1.9936537,0.555762 -0.335007,0.008 -0.610378,0.0374 -0.610378,0.0602 0,0.0748 0.907966,0.4955498 1.4353117,0.6615298 1.58441,0.48853 3.466394,0.2776 4.879481,-0.55629 1.004498,-0.5937978 2.008293,-1.7742278 2.4772057,-2.9172628 0.253082,-0.608365 0.505707,-1.721027 0.505707,-2.254568 0,-0.345969 0.02215,-0.390983 0.438467,-0.804121 0.245568,-0.240771 0.475932,-0.503732 0.520982,-0.578556 0.07479,-0.143157 0.0666,-0.143157 -0.312244,-0.01517 -0.632037,0.225566 -0.721467,0.195757 -0.408692,-0.142592 0.230362,-0.240771 0.505777,-0.676734 0.505777,-0.804122 0,-0.02222 -0.11169,0.01517 -0.237985,0.08237 -0.133878,0.07539 -0.431516,0.188207 -0.654825,0.255411 l -0.401674,0.127957 -0.3642417,-0.24892 c -0.201082,-0.135008 -0.482917,-0.285786 -0.631968,-0.3308 -0.380081,-0.105163 -0.960014,-0.08996 -1.302596,0.03034 z"
+       id="path2658" />
+  </g>
+</svg>

themes/plain/images/trib.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="com.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg4038"
+   version="1.1"
+   viewBox="0 0 8 8.0000094"
+   height="8.0000095mm"
+   width="8mm">
+  <style
+     id="style4040"></style>
+  <defs
+     id="defs4032" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="90"
+     inkscape:window-x="60"
+     inkscape:window-height="930"
+     inkscape:window-width="1800"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="33.283743"
+     inkscape:cx="-30.916061"
+     inkscape:zoom="3.959798"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata4035">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <g
+       transform="translate(-20.190456,-23.214277)"
+       id="g4049">
+      <path
+         d="m 24.184207,28.659427 0.753241,1.440392 c 0.0753,0.136419 0.01595,0.300954 -0.124521,0.37592 -0.02991,0.0063 -0.04488,0.0095 -0.0748,0.01552 l -1.107073,0.230999 c -0.134645,0.02822 -0.257616,-0.03754 -0.311877,-0.147955 l -0.946174,-1.841395 -0.897629,0.18729 c -0.164564,0.03422 -0.308586,-0.05736 -0.339006,-0.203165 L 20.57059,26.005124 c -0.03041,-0.145803 0.06493,-0.287408 0.229496,-0.321733 l 1.077154,-0.22472 4.242982,-1.737254 c 0.143521,-0.06036 0.314413,0.01058 0.374774,0.150037 0.0032,0.01446 0.0061,0.02928 0.0091,0.04374 v 0 l 0.234216,1.12268 c 0.203588,0.0035 0.404424,0.06777 0.566448,0.170921 0.237045,0.163548 0.426448,0.397898 0.490326,0.704074 0.06084,0.291606 -0.01601,0.596723 -0.170935,0.82684 v 0 c -0.104229,0.173885 -0.265522,0.298838 -0.447816,0.397687 l 0.231178,1.10811 c 0.03041,0.145803 -0.0619,0.302013 -0.226455,0.336338 -0.01499,0.0035 -0.04489,0.0095 -0.06289,-0.0035 z m 2.675809,-3.038263 0.194677,0.933132 c 0.03878,-0.03852 0.06264,-0.07394 0.101409,-0.112465 0.06846,-0.120756 0.115923,-0.267617 0.0855,-0.41342 -0.03041,-0.145803 -0.135671,-0.275978 -0.243678,-0.344735 -0.05399,-0.03422 -0.09001,-0.05729 -0.137911,-0.06251 z m -4.674366,2.587978 -0.45019,-2.157871 -0.553533,0.115464 0.45019,2.157906 z m 0.786018,0.475015 0.756288,1.454996 0.538575,-0.112359 -0.705079,-1.359182 z m 3.048871,-4.318035 -3.74371,1.511335 0.471481,2.25993 4.038769,-0.09708 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352777"
+         id="path15432" />
+    </g>
+  </g>
+</svg>

themes/plain/images/you.svg

@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2746"
+   version="1.1"
+   viewBox="0 0 13.229166 13.229167"
+   height="50"
+   width="50">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2610">
+      <path
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z"
+         id="path2608" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2466">
+      <path
+         d="M 0,-35.65994 H 1440 V 35.65994 H 0 Z"
+         id="path2464" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2486">
+      <path
+         d="M 0,0 H 27.6974 V -14.0291 H 0 Z"
+         clip-rule="evenodd"
+         id="path2484" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2498">
+      <path
+         d="M 0,-14.02909 H 1440 V 14.02909 H 0 Z"
+         id="path2496" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2542">
+      <path
+         d="M 0,0 H 21.062 V -13.6928 H 0 Z"
+         clip-rule="evenodd"
+         id="path2540" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2554">
+      <path
+         d="M 0,-13.69283 H 1440 V 13.69283 H 0 Z"
+         id="path2552" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       id="g2462"
+       clip-path="url(#clipPath2466)"
+       transform="matrix(0.35277777,0,0,-0.35277777,0.63378305,12.904611)">
+      <g
+         id="g2468"
+         transform="translate(0.70465,19.99991)">
+        <g
+           id="g2470">
+          <g
+             id="g2472" />
+          <path
+             d="M 32.4976,-4.48882 V -14.789 c 0,-2.4746 -2.3809,-4.5062 -5.314,-4.5062 H 5.32203 C 2.38883,-19.2952 0,-17.2636 0,-14.789 V -4.48882 C 0,-2.01429 2.39048,0 5.32203,0 H 27.1836 c 2.9331,0 5.314,-2.01429 5.314,-4.48882 z"
+             style="fill:none;stroke:#6c6d7d;stroke-width:1.4093;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path2474" />
+        </g>
+      </g>
+      <g
+         id="g2476"
+         transform="translate(2.97155,16.55976)">
+        <g
+           id="g2478">
+          <g
+             id="g2480">
+            <g
+               id="g2482"
+               clip-path="url(#clipPath2486)">
+              <g
+                 id="g2488"
+                 transform="translate(0,-14.02909)">
+                <g
+                   id="g2490">
+                  <g
+                     id="g2492">
+                    <g
+                       id="g2494"
+                       clip-path="url(#clipPath2498)">
+                      <g
+                         id="g2500"
+                         transform="translate(0,14.02909)">
+                        <g
+                           id="g2502">
+                          <g
+                             id="g2504">
+                            <path
+                               d="M 4.51276,-12.4762 V -1.62109 H 7.22657 V -0.0088 L 0,0 V -1.58759 H 2.25719 V -12.4776 h 2.25557 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2506" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         id="g2508"
+                         transform="translate(6.76832,10.78697)">
+                        <g
+                           id="g2510">
+                          <g
+                             id="g2512">
+                            <path
+                               d="M 5.86637,-3e-5 H 3.60919 v -5.78656 c 0,-0.85349 0.05681,-1.26278 0,-1.41716 C 3.41906,-7.64805 2.6,-8.12575 2.27667,-7.25468 2.21986,-7.08432 2.26687,-6.64001 2.26687,-5.83752 V 0 h -2.2572 l 0.00982,-5.75162 c 0,-0.87093 -0.01949,-1.53655 0.00982,-1.8264 0.04714,-0.52871 0.0293,-1.14333 0.572,-1.5016 1.01889,-0.64816 2.97055,0.10195 3.45642,1.04131 V -9.23258 H 5.8664 Z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2514" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         id="g2516"
+                         transform="translate(13.98485,14.02165)">
+                        <g
+                           id="g2518">
+                          <g
+                             id="g2520">
+                            <path
+                               d="m 0,0 v -12.3999 l 1.84869,0.0325 0.17913,0.7676 c 2.36281,-1.9444 3.84852,-0.6132 3.84852,1.72591 v 4.83913 c 0,1.8264 -1.53244,2.93557 -3.61901,1.44998 L 2.26713,0 Z m 3.21177,-4.0702 c 0.54279,0 0.98942,-0.33449 0.98942,-0.73503 V -10.215 c 0,-0.3933 -0.44663,-0.735 -0.98942,-0.735 -0.54281,0 -0.98242,0.3417 -0.98242,0.735 v 5.40977 c 0,0.40054 0.43969,0.73503 0.98242,0.73503 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2522" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         id="g2524"
+                         transform="translate(21.22427,11.3442)">
+                        <g
+                           id="g2526">
+                          <g
+                             id="g2528">
+                            <path
+                               d="M 3.14599,-0.00927 C 2.45467,0 1.75287,-0.16784 1.23851,-0.49718 0.79979,-0.77103 0.47701,-1.13713 0.28689,-1.6411 0.09677,-2.1363 0,-2.81864 0,-3.68812 V -6.56548 C 0.00817,-11.3442 6.47311,-10.661 5.71259,-6.54793 L 4.01786,-6.56548 V -6.7699 -7.62412 c 0,-0.44424 -0.41993,-0.82035 -0.93345,-0.82035 H 2.76113 c -0.51353,0 -0.92224,0.37611 -0.92224,0.82035 v 0.10163 0.93948 1.21164 h 3.87512 v 1.30571 c 0,0.93946 -0.03691,1.91226 -0.11337,2.44965 -0.17877,1.08233 -1.30247,1.5913 -2.45465,1.60674 z M 2.8731,-1.76026 h 0.13294 c 0.57202,0 1.03001,-0.41792 1.03001,-0.90435 L 3.99826,-3.78344 H 1.86408 l 0.0098,1.11883 c 0,0.48643 0.4467,0.90435 0.99922,0.90435 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2530" />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         id="g2532"
+         transform="translate(5.59932,35.65994)">
+        <g
+           id="g2534">
+          <g
+             id="g2536">
+            <g
+               id="g2538"
+               clip-path="url(#clipPath2542)">
+              <g
+                 id="g2544"
+                 transform="translate(0,-13.69283)">
+                <g
+                   id="g2546">
+                  <g
+                     id="g2548">
+                    <g
+                       id="g2550"
+                       clip-path="url(#clipPath2554)">
+                      <g
+                         id="g2556"
+                         transform="translate(15.35649,9.91186)">
+                        <g
+                           id="g2558">
+                          <g
+                             id="g2560">
+                            <path
+                               d="m 0.25844,-8.93402 c 0.12349,-0.25628 0.30554,-0.46019 0.54273,-0.6146 0.24698,-0.15296 0.56229,-0.23888 0.93275,-0.23888 0.32342,0 0.60938,0.08592 0.86614,0.25632 0.24697,0.16181 0.45668,0.40055 0.63863,0.72537 L 3.18187,-9.60834 H 5.70555 V 0 H 3.72461 v -7.47607 c 0,-0.40928 -0.37209,-0.73403 -0.83856,-0.73403 -0.44689,0 -0.82877,0.33355 -0.82877,0.73403 V 0 H 0 v -6.47697 c 0,-0.81998 0.01949,-1.37342 0.03733,-1.65596 0.03103,-0.27238 0.11713,-0.54626 0.22112,-0.80109 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2562" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         id="g2564"
+                         transform="translate(7.98718,10.27775)">
+                        <g
+                           id="g2566">
+                          <g
+                             id="g2568">
+                            <path
+                               d="M 2.8857,0 C 2.19019,0 1.62804,-0.15455 1.18114,-0.46911 0.73426,-0.78375 0.42138,-1.20196 0.2589,-1.71463 0.08826,-2.23462 0.0014,-2.9513 0.0014,-3.87328 H 0 v -2.54749 c 0,-0.84478 0.04691,-1.47596 0.14275,-1.90281 0.08613,-0.4092 0.24661,-0.77626 0.46602,-1.06616 0.2194,-0.2985 0.5239,-0.513 0.93343,-0.66596 0.39975,-0.1442 0.87644,-0.2221 1.44846,-0.2221 0.52485,0 0.98142,0.0781 1.37147,0.2659 0.39974,0.17052 0.72425,0.43579 0.97123,0.79402 0.25676,0.3583 0.41897,0.74225 0.4856,1.16023 0.0942,0.41802 0.12316,1.07606 0.12316,1.963 v 2.44212 c 0,0.69038 -0.03702,1.21954 -0.12316,1.56035 C 5.74254,-1.74991 5.59013,-1.41731 5.34315,-1.0925 5.12383,-0.7677 4.79965,-0.51119 4.39011,-0.29853 3.97088,-0.11065 3.46586,0 2.8857,0 Z m 0.08676,-1.59422 c 0.54272,0 0.99922,-0.4434 0.99922,-0.98085 v -5.11255 c 0,-0.54612 -0.44671,-0.98206 -0.99922,-0.98206 -0.54273,0 -0.99921,0.43594 -0.99921,0.98206 v 5.11255 c 0,0.53737 0.44669,0.98085 0.99921,0.98085 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2570" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         id="g2572"
+                         transform="translate(0,13.69283)">
+                        <g
+                           id="g2574">
+                          <g
+                             id="g2576">
+                            <path
+                               d="m 2.98023,-13.6878 h 2.38069 l 0.00981,7.36525 2.7999,6.30654 H 5.58034 L 4.08528,-4.69271 2.5708,0 H 0 l 2.98034,-6.32401 c -9e-5,0 -9e-5,-7.36379 -9e-5,-7.36379 z"
+                               style="fill:#6c6d7d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               id="path2578" />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/plain/images/you_w.svg

@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg2746">
+  <style
+     id="style2748"></style>
+  <defs
+     id="defs2740">
+    <clipPath
+       id="clipPath2610"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2608"
+         d="M 0,-21.53479 H 1440 V 21.53479 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2466"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2464"
+         d="M 0,-35.65994 H 1440 V 35.65994 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2486"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2484"
+         clip-rule="evenodd"
+         d="M 0,0 H 27.6974 V -14.0291 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2496"
+         d="M 0,-14.02909 H 1440 V 14.02909 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2542"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2540"
+         clip-rule="evenodd"
+         d="M 0,0 H 21.062 V -13.6928 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2554"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2552"
+         d="M 0,-13.69283 H 1440 V 13.69283 H 0 Z" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata2743">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       transform="matrix(0.35277777,0,0,-0.35277777,0.63378305,12.904611)"
+       clip-path="url(#clipPath2466)"
+       id="g2462">
+      <g
+         style="stroke:#ffffff;stroke-opacity:1"
+         transform="translate(0.70465,19.99991)"
+         id="g2468">
+        <g
+           style="stroke:#ffffff;stroke-opacity:1"
+           id="g2470">
+          <g
+             style="stroke:#ffffff;stroke-opacity:1"
+             id="g2472" />
+          <path
+             id="path2474"
+             style="fill:none;stroke:#ffffff;stroke-width:1.4093;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             d="M 32.4976,-4.48882 V -14.789 c 0,-2.4746 -2.3809,-4.5062 -5.314,-4.5062 H 5.32203 C 2.38883,-19.2952 0,-17.2636 0,-14.789 V -4.48882 C 0,-2.01429 2.39048,0 5.32203,0 H 27.1836 c 2.9331,0 5.314,-2.01429 5.314,-4.48882 z" />
+        </g>
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(2.97155,16.55976)"
+         id="g2476">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2478">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2480">
+            <g
+               style="fill:#ffffff;fill-opacity:1"
+               clip-path="url(#clipPath2486)"
+               id="g2482">
+              <g
+                 style="fill:#ffffff;fill-opacity:1"
+                 transform="translate(0,-14.02909)"
+                 id="g2488">
+                <g
+                   style="fill:#ffffff;fill-opacity:1"
+                   id="g2490">
+                  <g
+                     style="fill:#ffffff;fill-opacity:1"
+                     id="g2492">
+                    <g
+                       style="fill:#ffffff;fill-opacity:1"
+                       clip-path="url(#clipPath2498)"
+                       id="g2494">
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(0,14.02909)"
+                         id="g2500">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2502">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2504">
+                            <path
+                               id="path2506"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="M 4.51276,-12.4762 V -1.62109 H 7.22657 V -0.0088 L 0,0 V -1.58759 H 2.25719 V -12.4776 h 2.25557 z" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(6.76832,10.78697)"
+                         id="g2508">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2510">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2512">
+                            <path
+                               id="path2514"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="M 5.86637,-3e-5 H 3.60919 v -5.78656 c 0,-0.85349 0.05681,-1.26278 0,-1.41716 C 3.41906,-7.64805 2.6,-8.12575 2.27667,-7.25468 2.21986,-7.08432 2.26687,-6.64001 2.26687,-5.83752 V 0 h -2.2572 l 0.00982,-5.75162 c 0,-0.87093 -0.01949,-1.53655 0.00982,-1.8264 0.04714,-0.52871 0.0293,-1.14333 0.572,-1.5016 1.01889,-0.64816 2.97055,0.10195 3.45642,1.04131 V -9.23258 H 5.8664 Z" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(13.98485,14.02165)"
+                         id="g2516">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2518">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2520">
+                            <path
+                               id="path2522"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="m 0,0 v -12.3999 l 1.84869,0.0325 0.17913,0.7676 c 2.36281,-1.9444 3.84852,-0.6132 3.84852,1.72591 v 4.83913 c 0,1.8264 -1.53244,2.93557 -3.61901,1.44998 L 2.26713,0 Z m 3.21177,-4.0702 c 0.54279,0 0.98942,-0.33449 0.98942,-0.73503 V -10.215 c 0,-0.3933 -0.44663,-0.735 -0.98942,-0.735 -0.54281,0 -0.98242,0.3417 -0.98242,0.735 v 5.40977 c 0,0.40054 0.43969,0.73503 0.98242,0.73503 z" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(21.22427,11.3442)"
+                         id="g2524">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2526">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2528">
+                            <path
+                               id="path2530"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="M 3.14599,-0.00927 C 2.45467,0 1.75287,-0.16784 1.23851,-0.49718 0.79979,-0.77103 0.47701,-1.13713 0.28689,-1.6411 0.09677,-2.1363 0,-2.81864 0,-3.68812 V -6.56548 C 0.00817,-11.3442 6.47311,-10.661 5.71259,-6.54793 L 4.01786,-6.56548 V -6.7699 -7.62412 c 0,-0.44424 -0.41993,-0.82035 -0.93345,-0.82035 H 2.76113 c -0.51353,0 -0.92224,0.37611 -0.92224,0.82035 v 0.10163 0.93948 1.21164 h 3.87512 v 1.30571 c 0,0.93946 -0.03691,1.91226 -0.11337,2.44965 -0.17877,1.08233 -1.30247,1.5913 -2.45465,1.60674 z M 2.8731,-1.76026 h 0.13294 c 0.57202,0 1.03001,-0.41792 1.03001,-0.90435 L 3.99826,-3.78344 H 1.86408 l 0.0098,1.11883 c 0,0.48643 0.4467,0.90435 0.99922,0.90435 z" />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         transform="translate(5.59932,35.65994)"
+         id="g2532">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g2534">
+          <g
+             style="fill:#ffffff;fill-opacity:1"
+             id="g2536">
+            <g
+               style="fill:#ffffff;fill-opacity:1"
+               clip-path="url(#clipPath2542)"
+               id="g2538">
+              <g
+                 style="fill:#ffffff;fill-opacity:1"
+                 transform="translate(0,-13.69283)"
+                 id="g2544">
+                <g
+                   style="fill:#ffffff;fill-opacity:1"
+                   id="g2546">
+                  <g
+                     style="fill:#ffffff;fill-opacity:1"
+                     id="g2548">
+                    <g
+                       style="fill:#ffffff;fill-opacity:1"
+                       clip-path="url(#clipPath2554)"
+                       id="g2550">
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(15.35649,9.91186)"
+                         id="g2556">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2558">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2560">
+                            <path
+                               id="path2562"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="m 0.25844,-8.93402 c 0.12349,-0.25628 0.30554,-0.46019 0.54273,-0.6146 0.24698,-0.15296 0.56229,-0.23888 0.93275,-0.23888 0.32342,0 0.60938,0.08592 0.86614,0.25632 0.24697,0.16181 0.45668,0.40055 0.63863,0.72537 L 3.18187,-9.60834 H 5.70555 V 0 H 3.72461 v -7.47607 c 0,-0.40928 -0.37209,-0.73403 -0.83856,-0.73403 -0.44689,0 -0.82877,0.33355 -0.82877,0.73403 V 0 H 0 v -6.47697 c 0,-0.81998 0.01949,-1.37342 0.03733,-1.65596 0.03103,-0.27238 0.11713,-0.54626 0.22112,-0.80109 z" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(7.98718,10.27775)"
+                         id="g2564">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2566">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2568">
+                            <path
+                               id="path2570"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="M 2.8857,0 C 2.19019,0 1.62804,-0.15455 1.18114,-0.46911 0.73426,-0.78375 0.42138,-1.20196 0.2589,-1.71463 0.08826,-2.23462 0.0014,-2.9513 0.0014,-3.87328 H 0 v -2.54749 c 0,-0.84478 0.04691,-1.47596 0.14275,-1.90281 0.08613,-0.4092 0.24661,-0.77626 0.46602,-1.06616 0.2194,-0.2985 0.5239,-0.513 0.93343,-0.66596 0.39975,-0.1442 0.87644,-0.2221 1.44846,-0.2221 0.52485,0 0.98142,0.0781 1.37147,0.2659 0.39974,0.17052 0.72425,0.43579 0.97123,0.79402 0.25676,0.3583 0.41897,0.74225 0.4856,1.16023 0.0942,0.41802 0.12316,1.07606 0.12316,1.963 v 2.44212 c 0,0.69038 -0.03702,1.21954 -0.12316,1.56035 C 5.74254,-1.74991 5.59013,-1.41731 5.34315,-1.0925 5.12383,-0.7677 4.79965,-0.51119 4.39011,-0.29853 3.97088,-0.11065 3.46586,0 2.8857,0 Z m 0.08676,-1.59422 c 0.54272,0 0.99922,-0.4434 0.99922,-0.98085 v -5.11255 c 0,-0.54612 -0.44671,-0.98206 -0.99922,-0.98206 -0.54273,0 -0.99921,0.43594 -0.99921,0.98206 v 5.11255 c 0,0.53737 0.44669,0.98085 0.99921,0.98085 z" />
+                          </g>
+                        </g>
+                      </g>
+                      <g
+                         style="fill:#ffffff;fill-opacity:1"
+                         transform="translate(0,13.69283)"
+                         id="g2572">
+                        <g
+                           style="fill:#ffffff;fill-opacity:1"
+                           id="g2574">
+                          <g
+                             style="fill:#ffffff;fill-opacity:1"
+                             id="g2576">
+                            <path
+                               id="path2578"
+                               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+                               d="m 2.98023,-13.6878 h 2.38069 l 0.00981,7.36525 2.7999,6.30654 H 5.58034 L 4.08528,-4.69271 2.5708,0 H 0 l 2.98034,-6.32401 c -9e-5,0 -9e-5,-7.36379 -9e-5,-7.36379 z" />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/plain/js/admin.js

@@ -0,0 +1,67 @@
+var flexibleContentField = (function (w, d, $, undefined) {
+
+    'use strict';
+
+    var s = {
+            selectors: {
+                theRepeater: '.form-statut',
+                theSelect: '.field-selection__select'
+            }
+        },
+        els = {},
+        init = function () {
+            // console.log("hello !");
+            // $(this).on('change', checkTarget);
+
+            // define elements
+            els.theRepeater = $(s.selectors.theRepeater);
+            els.theSelect = $(s.selectors.theSelect);
+
+            // no elements
+            if (!els.theRepeater.length) { return; }
+            els.theSelect.each(function() {
+              let c = $(this).attr("checked");
+              if(c){
+                // console.log(this);
+                hideShow(this);
+
+              }
+            });
+            els.theSelect.each(function() {
+              $(this).on('mouseup', function(){
+                hideShow(this);
+              });
+            });
+
+        },
+        checkTarget = function(event) {
+            // console.log($(this).attr("value"));
+        },
+        hideShow = function (elem) {
+          els.theRepeater.each(function() {
+            // $(this).parents().eq(2).hide();
+          });
+          let v = $(elem).attr("value");
+          // $("."+v).parents().eq(2).show();
+
+        }
+
+    return {
+        init: init
+    };
+
+}(window, window.document, window.jQuery));
+//
+// // theCall - on window loaded
+(function (w, d, undefined) {
+
+    "use strict";
+
+    // .parentElement.nodeName;
+    var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame,
+        init = function () { w.flexibleContentField.init(); };
+
+    // when all is loaded
+    raf ? raf(function () { w.setTimeout(init, 500); }) : w.addEventListener('load', init);
+
+}(window, window.document));

themes/plain/js/datavis.js

@@ -0,0 +1,513 @@
+
+function displayDataviz(data){		
+		console.log(data);
+		let lane_array = [];
+		let now = Date.now();
+
+ 		let earlier = now;
+
+ 		// ICI CACLCULER UNE HAUTEUR TOTAL EN FONCTION DU NOMBRE D'ACTIVISTE PAR LIGNE
+    //height of items 10 
+    let item_height = 15;
+    //object pour la hauteur 
+    // juste un array que je prendrai dans l'ordre des line
+    const lineHeight_array = [];
+
+
+		data.forEach(function(e){
+		   lane_array.push(e)
+		    if(e.start < earlier){
+		   	 earlier = e.start;
+		   }
+
+		});
+		let items_array = [];
+		data.forEach(function(e){
+			e.activist.forEach(function(d){
+				items_array.push(d);
+				if(d.start < earlier){
+			   	 earlier = d.start;
+			   }
+			});
+			if (e.activist.length*item_height > 50) {
+				lineHeight_array.push(e.activist.length*item_height);
+			}else{
+				lineHeight_array.push(50);
+			}
+		});
+		var lanes = lane_array,
+		    laneLength = lanes.length,
+				items = items_array;
+
+		var t1 = new Date(earlier);
+		var t2 = new Date(now);
+
+
+		var timeBegin = earlier,
+      		timeEnd = now ;
+    
+    
+
+
+
+    //	
+    	let pw = $(".post_content").width();
+		var m = [20, 15, 15, 120], //top right bottom left
+			w = pw - m[1] - m[3],
+			h = sumArray(lineHeight_array) + (sumArray(lineHeight_array)/10) + 180,
+			miniHeight = sumArray(lineHeight_array)/10 + 80,
+			mainHeight = h - miniHeight - 40;
+
+		//scales
+		var x = d3.scaleLinear()
+				.domain([timeBegin, timeEnd])
+				.range([0, w]);
+		var revert_x = d3.scaleLinear()
+				.domain([0, w])
+				.range([timeBegin, timeEnd]);
+		var x1 = d3.scaleLinear()
+				.range([0, w]);
+		var y1 = d3.scaleLinear()
+				.domain([0, laneLength])
+				.range([0, mainHeight]);
+		var y2 = d3.scaleLinear()
+				.domain([0, laneLength])
+				.range([0, miniHeight]);
+
+		var chart = d3.select("#datavis")
+					.append("svg")
+					.attr("width", w + m[1] + m[3])
+					.attr("height", h + m[0] + m[2])
+					/*.attr("viewBox", '0 0 '+(h + m[0] + m[2])+' '+(w + m[1] + m[3])+'')*/
+					.attr("class", "chart");
+		
+		chart.append("defs").append("clipPath")
+			.attr("id", "clip")
+			.append("rect")
+			.attr("width", w)
+			.attr("height", mainHeight);
+
+		var main = chart.append("g")
+					.attr("transform", "translate(" + m[3] + "," + m[0] + ")")
+					.attr("width", w)
+					.attr("height", mainHeight)
+					.attr("class", "main");
+
+					
+		var mini = chart.append("g")
+					.attr("transform", "translate(" + m[3] + "," + (mainHeight + m[0]+ 20) + ")")
+					.attr("width", w-100)
+					.attr("height", miniHeight)
+					.attr("class", "mini");
+		
+		//main lanes and texts
+
+		main.append("g").selectAll(".laneText")
+			.data(lanes)
+			.enter().append("text")
+			.text(function(d) {return d.title;})
+			.attr("x", -m[1])
+			.attr("y", function(d, i) { if(d.lane == 0){ return lineHeight_array[i]/2}else{ return lineHeight_array[i]+sumArray(lineHeight_array, i-1)-lineHeight_array[i]/2};})
+			.attr("dy", ".5ex")
+			.attr("text-anchor", "end")
+			.attr("class", "laneText");
+
+		main.append("g").selectAll(".laneLines")
+			.data(lanes)
+			.enter().append("line")
+			.attr("x1", m[1])
+			.attr("y1", function(d,i) { if(d.lane == 0){ return lineHeight_array[i]}else{ return lineHeight_array[i]+sumArray(lineHeight_array, i-1)};})
+			.attr("x2", w)
+			.attr("y2", function(d,i) {if(d.lane == 0){return lineHeight_array[i]}else{return lineHeight_array[i]+sumArray(lineHeight_array, i-1)};})
+			.attr("stroke", "black")
+		
+
+		const xaxis = d3.scaleLinear()
+          .domain([timeBegin, timeEnd])
+          .range([0, w]);
+
+    mini.append("g")
+        .attr("transform", "translate(0," + miniHeight + ")")
+        .call(d3.axisBottom(xaxis).ticks(t2.getFullYear()-t1.getFullYear()).tickFormat(d3.timeFormat('%Y')))
+        .selectAll("text")
+        /*.attr("transform", "translate(-10,10)rotate(-45)")*/
+        .style("text-anchor", "center")
+        .style("font-size", 20)
+        .style("fill", "black");
+
+
+
+		// coalition 
+		// adapt in display
+    	/*var coa = main.append("g").selectAll("rect")
+                  .data(lanes)
+                  .enter().append("rect")
+                  .attr("class", "coalition")
+                  .attr("x", function(d) {var date = new Date(d.start);  return x(d.start);})
+                  .attr("y", function(d) {return y1(d.lane) + 10;})
+                  .attr("height", function(d) {return .8 * y1(1);})
+                  .attr("width", function(d) { return x(d.end) - x(d.start);})
+                  .attr("pos", function(d) {return d.lane });*/
+
+		
+		//mini lanes and texts
+		mini.append("g").selectAll(".laneLines")
+			.data(items)
+			.enter().append("line")
+			.attr("x1", m[1])
+			.attr("y1", function(d) {return y2(d.lane);})
+			.attr("x2", w)
+			.attr("y2", function(d) {return y2(d.lane);})
+			.attr("stroke", "lightgray");
+
+		mini.append("g").selectAll(".laneText")
+			.data(lanes)
+			.enter().append("text")
+			.text(function(d) {return d.title;})
+			.attr("x", -m[1])
+			.attr("y", function(d, i) {return y2(i + .5);})
+			.attr("dy", ".5ex")
+			.attr("text-anchor", "end")
+			.attr("class", "laneText");
+
+		var itemCoa = main.append("g").attr("clip-path", "url(#clip)");
+		var itemCircles = main.append("g")
+							.attr("clip-path", "url(#clip)");
+		var itemRects = main.append("g")
+							.attr("clip-path", "url(#clip)");
+		
+		var axisMain = main.append("g")
+							.attr("clip-path", "url(#clip)");
+
+		coa = mini.append("g").selectAll("rect")
+                  .data(lanes)
+                  .enter().append("rect")
+                  .attr("class", "coalition")
+                  .attr("x", function(d) { return x(d.start);})
+                  .attr("y", function(d) {return y2(d.lane) + 2;})
+                  .attr("height", function(d) {return .8 * y2(1);})
+                  .attr("width", function(d) { return x(d.end) - x(d.start);})
+                  .attr("pos", function(d) {return d.lane });
+		
+		//mini item rects
+		mini.append("g").selectAll("miniItems")
+			.data(items)
+			.enter().append("rect")
+			.attr("class", function(d) {return "markers";})
+			.attr("x", function(d) {return x(d.start);})
+			/*.attr("y", function(d, i) {let l1 = d.lane+1; let increments = (y2(l1)-y2(d.lane)) / (lanes[d.lane].activist.length)*i; return y2(d.lane)+increments;})*/
+			.attr("y", function(d){ let idx = lanes[d.lane].activist.indexOf(d); let increments = y2(1) / (lanes[d.lane].activist.length)*idx; return y2(d.lane)+(increments) })
+			.attr("width", function(d) {return x(d.end) - x(d.start);})
+			.attr("height", 1);
+
+		mini.append("g").selectAll("miniCircle")
+			.data(items)
+			.enter().append("circle")
+			.attr("class", function(d) {return "markers";})
+			.attr("cx", function(d) {return x(d.start);})
+			/*.attr("y", function(d, i) {let l1 = d.lane+1; let increments = (y2(l1)-y2(d.lane)) / (lanes[d.lane].activist.length)*i; return y2(d.lane)+increments;})*/
+			.attr("cy", function(d){ let idx = lanes[d.lane].activist.indexOf(d); let increments = y2(1) / (lanes[d.lane].activist.length)*idx; return y2(d.lane)+(increments) })
+			.attr("r", 1);
+
+
+		
+		//mini labels
+		/*mini.append("g").selectAll(".miniLabels")
+			.data(items)
+			.enter().append("text")
+			.text(function(d) {return d.id;})
+			.attr("x", function(d) {return x(d.start);})
+			.attr("y", function(d, i) { let l1 = d.lane+1; let increments = (y2(l1)-y2(d.lane)) / (lanes[d.lane].activist.length)*i; return y2(d.lane)+increments;})
+			.attr("dy", ".5ex");
+*/
+
+		// data interaction 
+		$("body").on("mouseover", ".label_info", function(){
+			let id = $(this).data("id");
+			let elem = $("body").find('.miniItem[data-id="'+id+'"]');
+			let c = $("body").find('.miniCircle[data-id="'+id+'"]');
+			let y = parseFloat(elem.attr("y"))-10;
+			elem.css({
+				"y" :y,
+				"height": "25px",
+				"fill": 'black'
+			});
+			/*c.css({
+				"r" : "13px",
+				"fill": 'black'
+			});*/
+			$(this).css({
+				"font" : "15px sans-serif",
+				"fill": '#e94d1a'
+			});
+		});
+
+		$("body").on("mouseleave", ".label_info", function(){
+			let id = $(this).data("id");
+			let elem = $("body").find('.miniItem[data-id="'+id+'"]');
+			let c = $("body").find('.miniCircle[data-id="'+id+'"]');
+			let y = parseFloat(elem.attr("y"));
+			elem.css({
+				"y" :y,
+				"height" : "10px",
+				"fill": '#e94d1a'
+			});
+			/*c.css({
+				"r" : "5px",
+				"fill": '#e94d1a'
+			});*/
+			$(this).css({
+				"font" : "10px sans-serif",
+				"fill": 'black'
+			})
+		});
+		
+		$("body").on("mouseover", ".miniItem", function(){
+			let id = $(this).data("id");
+			let elem = $("body").find('.label_info[data-id="'+id+'"]');
+			let c = $("body").find('.miniCircle[data-id="'+id+'"]');
+			let y = parseFloat($(this).attr("y"))-10;
+			elem.css({
+				"font" : "15px sans-serif",
+				"fill": '#e94d1a'
+			});
+			/*c.css({
+				"r" : "13px",
+				"fill": 'black'
+			});*/
+			$(this).css({
+				"y" :y,
+				"height": "25px",
+				"fill": 'black'
+			});
+		});
+
+		$("body").on("mouseleave", ".miniItem", function(){
+			let id = $(this).data("id");
+			let elem = $("body").find('.label_info[data-id="'+id+'"]');
+			let c = $("body").find('.miniCircle[data-id="'+id+'"]');
+			let y = parseFloat($(this).attr("y"));
+			elem.css({
+				"font" : "10px sans-serif",
+				"fill": 'black'
+			});
+			/*c.css({
+				"r" : "5px",
+				"fill": '#e94d1a'
+			});*/
+			$(this).css({
+				"y" :y,
+				"height" : "10px",
+				"fill": '#e94d1a'
+			})
+		});
+		
+		// brush function
+		/*const brush = d3.brushX().on('brush', handleBrush);
+
+
+		initBrush();*/
+		// mini.select(".brush")
+		// 		.call(brush.extent([[0, 0], [w, miniHeight]]));
+		 // Selecting SVG element
+		/*mini.call(d3.brush().move, [[0, 0], [w, miniHeight]])*/
+		/*function initBrush() {
+		  mini.append("g")
+		    .attr("class", "brush")
+		    .call(brush.extent([[0, 0], [w, miniHeight]]));
+
+		}*/
+		// brush old 
+		var brush = d3.brushX()
+			          .on("brush", handleBrush)
+
+		mini.append("g")
+			.attr("class", "brush")
+			.call(brush.extent([[0, 0], [w, miniHeight]]));
+
+		handleBrush();
+		
+		function handleBrush() {
+
+			var minExtent = d3.brushSelection(this) == null  ? 0 : d3.brushSelection(this)[0] ;
+			var maxExtent = d3.brushSelection(this) == null  ? w : d3.brushSelection(this)[1] ;
+
+
+			var rects, points, labels,
+				visItems = items.filter(function(d) {return x(d.start) < maxExtent && x(d.end) > minExtent;});
+				
+				vislanes = lanes.filter(function(d) {return x(d.start) < maxExtent && x(d.end) > minExtent;});
+
+				var checkable = [];
+				visItems.forEach(function(e){ checkable.push(e.id)});
+				vislanes.forEach(function(e){
+				   e.activist.forEach(function(d){
+
+						if(checkable.includes(d.id) == false){
+								//console.log(d.id);
+								const index = e.activist.indexOf(d);
+								if (index == -1) { 
+								  e.activist.splice(index, 1); 
+								}
+						}
+					});
+
+				});
+
+				
+
+
+
+		/*	*/
+
+			x1.domain([revert_x(minExtent), revert_x(maxExtent)]);
+			
+			//update main item rects
+			rects = itemRects.selectAll("rect")
+			        .data(visItems, function(d) { return d.id; })
+							.attr("x", function(d) {return x1(d.start);})
+							.attr("width", function(d) {return x1(d.end) - x1(d.start);});
+			
+			rects.enter().append("rect")
+				.attr("class", function(d) {return "miniItem";})
+				.attr('data-id',function(d,i) {return i+'-'+d.lane+'_'+d.id;} )
+				.attr('data-ref',function(d,i) {return d.pos+'_'+d.id.replace(/\s/g, '');} )
+				.attr("x", function(d) {return x1(d.start);})
+				.attr("y", function(d) { 
+					let idx = lanes[d.lane].activist.indexOf(d);
+					let increments = ( lineHeight_array[d.lane]-15) / (lanes[d.lane].activist.length)*idx; 
+
+
+					return  sumArray(lineHeight_array, d.lane, true)+(increments)+7
+
+				})
+				.attr("width", function(d) {return x1(d.end) - x1(d.start);})
+				.attr("height", function(d) {return 10;});
+
+
+			rects.exit().remove();
+			
+			//axis
+			const bigAxis = d3.scaleLinear()
+          .domain([revert_x(minExtent), revert_x(maxExtent)])
+          .range([0, w]);
+
+      let t2 =new Date(revert_x(maxExtent));
+      let t1 =new Date(revert_x(minExtent));
+	  	axisMain.attr("transform", "translate(0," + (mainHeight - 50) +")")
+	        .call(d3.axisBottom(bigAxis).ticks(t2.getFullYear()-t1.getFullYear()).tickFormat(d3.timeFormat('%Y')))
+	        .selectAll("text")
+	        /*.attr("transform", "translate(-10,10)rotate(-45)")*/
+	        .style("text-anchor", "center")
+	        .style("font-size", 20)
+	        .style("fill", "black");
+			
+	    axisMain.exit().remove();
+
+
+			//update the item labels
+			labels = itemRects.selectAll("text")
+				.data(visItems, function (d) { return d.id; })
+				.attr("x", function(d) {return x1(Math.max(d.start, revert_x(minExtent) + 2))+10;});
+
+			labels.enter().append("text")
+				.text(function(d) {return d.id;})
+				.attr('class', 'label_info')
+				.attr('data-id',function(d,i) {return i+'-'+d.lane+'_'+d.id;} )
+				.attr('data-ref',function(d,i) {return d.pos+'_'+d.id.replace(/\s/g, '');} )
+				.attr("x", function(d) {return x1(Math.max(d.start, revert_x(minExtent)));})
+				.attr("y", function(d) {
+					let idx = lanes[d.lane].activist.indexOf(d);
+					let increments = (lineHeight_array[d.lane]-15) / (lanes[d.lane].activist.length)*idx; 
+
+					return sumArray(lineHeight_array, d.lane, true)+(increments)+15
+
+				})
+				.attr("text-anchor", "start");
+
+			labels.exit().remove();
+			//circles
+			ccs = itemCircles.selectAll("circle")
+			        .data(visItems, function(d) { return d.id; })
+					.attr("cx", function(d) {return x1(Math.max(d.start, revert_x(minExtent)));});
+							/*.attr("width", function(d) {return x1(d.end) - x1(d.start);});*/
+
+			ccs.enter().append("circle")
+				.attr("class", function(d) {return "miniCircle";})
+				.attr('data-id',function(d,i) {return i+'-'+d.lane+'_'+d.id;} )
+				.attr("cx", function(d) {return x1(Math.max(d.start, revert_x(minExtent)))-7;})
+				.attr("cy", function(d) { 
+					let idx = lanes[d.lane].activist.indexOf(d);
+					let increments = (( lineHeight_array[d.lane] -15 ) / (lanes[d.lane].activist.length))*idx; 
+
+
+					return  sumArray(lineHeight_array, d.lane, true)+(increments)+12
+
+				})
+				.attr("r", function(d,i) {
+					let id = i+'-'+d.lane+'_'+d.id;
+					let itemw = $("body").find('.miniItem[data-id="'+id+'"]').attr("width");
+					let lbw = $("body").find('.label_info[data-id="'+id+'"]')[0].getBoundingClientRect().width;
+					
+					if (lbw > itemw && itemw < 8 ) {
+						return 5;
+					}else{
+						return 0;
+					}
+					
+
+				});
+			ccs.exit().remove();
+			//redraw coa lane 
+			coa = itemCoa.selectAll("rect")
+                  .data(lanes)
+                  .attr("x", function(d) {return x1(d.start);})
+									.attr("width", function(d) {return x1(d.end) - x1(d.start);});
+
+      		coa.enter().append("rect")
+         		 .attr("class", "coalition")
+         		 .attr("x", function(d) {return x1(d.start);})
+                 .attr("y", function(d, i ) {return sumArray(lineHeight_array, i, true)+5;})
+                 .attr("height", function(d, i) {return lineHeight_array[i]-10;})
+                 .attr("width", function(d) {return x1(d.end) - x1(d.start);})
+                 .attr("pos", function(d) {return d.lane });
+
+            coa.exit().remove();
+
+            labelcoa = itemCoa.selectAll("text")
+				.data(lanes)
+				.attr("x", function(d) {return x1(Math.max(d.start, revert_x(minExtent)))+20;});
+
+
+            labelcoa.enter().append("text")
+            	.text(function(d) {return d.coa_name})
+				.attr('class', 'coa_name')
+				.attr('fill','white')
+				.attr("y", function(d, i ) {return sumArray(lineHeight_array, i, true)+lineHeight_array[i]/2+10;})
+				
+
+			labelcoa.exit().remove();
+
+		}
+
+		function sumArray(array, to, strict){
+			let s = 0;
+			if (to == null) {
+				array.forEach(function(e){
+	 					s = s+e;
+				});
+			}else{
+				if (strict == false || strict == null) {
+				for (var i = 0; i <= to; i++) {
+						s = s+array[i];
+				}
+			}else{
+				for (var i = 0; i < to; i++) {
+						s = s+array[i];
+				}
+			}
+			}
+			return s;
+		}
+		
+}

themes/plain/js/lightbox.js

@@ -0,0 +1,554 @@
+/*!
+ * Lightbox v2.11.3
+ * by Lokesh Dhakar
+ *
+ * More info:
+ * http://lokeshdhakar.com/projects/lightbox2/
+ *
+ * Copyright Lokesh Dhakar
+ * Released under the MIT license
+ * https://github.com/lokesh/lightbox2/blob/master/LICENSE
+ *
+ * @preserve
+ */
+
+// Uses Node, AMD or browser globals to create a module.
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof exports === 'object') {
+        // Node. Does not work with strict CommonJS, but
+        // only CommonJS-like environments that support module.exports,
+        // like Node.
+        module.exports = factory(require('jquery'));
+    } else {
+        // Browser globals (root is window)
+        root.lightbox = factory(root.jQuery);
+    }
+}(this, function ($) {
+
+  function Lightbox(options) {
+    this.album = [];
+    this.currentImageIndex = void 0;
+    this.init();
+
+    // options
+    this.options = $.extend({}, this.constructor.defaults);
+    this.option(options);
+  }
+
+  // Descriptions of all options available on the demo site:
+  // http://lokeshdhakar.com/projects/lightbox2/index.html#options
+  Lightbox.defaults = {
+    albumLabel: 'Image %1 of %2',
+    alwaysShowNavOnTouchDevices: false,
+    fadeDuration: 600,
+    fitImagesInViewport: true,
+    imageFadeDuration: 600,
+    // maxWidth: 800,
+    // maxHeight: 600,
+    positionFromTop: 50,
+    resizeDuration: 700,
+    showImageNumberLabel: true,
+    wrapAround: false,
+    disableScrolling: false,
+    /*
+    Sanitize Title
+    If the caption data is trusted, for example you are hardcoding it in, then leave this to false.
+    This will free you to add html tags, such as links, in the caption.
+
+    If the caption data is user submitted or from some other untrusted source, then set this to true
+    to prevent xss and other injection attacks.
+     */
+    sanitizeTitle: false
+  };
+
+  Lightbox.prototype.option = function(options) {
+    $.extend(this.options, options);
+  };
+
+  Lightbox.prototype.imageCountLabel = function(currentImageNum, totalImages) {
+    return this.options.albumLabel.replace(/%1/g, currentImageNum).replace(/%2/g, totalImages);
+  };
+
+  Lightbox.prototype.init = function() {
+    var self = this;
+    // Both enable and build methods require the body tag to be in the DOM.
+    $(document).ready(function() {
+      self.enable();
+      self.build();
+    });
+  };
+
+  // Loop through anchors and areamaps looking for either data-lightbox attributes or rel attributes
+  // that contain 'lightbox'. When these are clicked, start lightbox.
+  Lightbox.prototype.enable = function() {
+    var self = this;
+    $('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {
+      self.start($(event.currentTarget));
+      return false;
+    });
+  };
+
+  // Build html for the lightbox and the overlay.
+  // Attach event handlers to the new DOM elements. click click click
+  Lightbox.prototype.build = function() {
+    if ($('#lightbox').length > 0) {
+        return;
+    }
+
+    var self = this;
+
+    // The two root notes generated, #lightboxOverlay and #lightbox are given
+    // tabindex attrs so they are focusable. We attach our keyboard event
+    // listeners to these two elements, and not the document. Clicking anywhere
+    // while Lightbox is opened will keep the focus on or inside one of these
+    // two elements.
+    //
+    // We do this so we can prevent propogation of the Esc keypress when
+    // Lightbox is open. This prevents it from intefering with other components
+    // on the page below.
+    //
+    // Github issue: https://github.com/lokesh/lightbox2/issues/663
+    $('<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" aria-label="Previous image" href="" ></a><a class="lb-next" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo($('body'));
+
+    // Cache jQuery objects
+    this.$lightbox       = $('#lightbox');
+    this.$overlay        = $('#lightboxOverlay');
+    this.$outerContainer = this.$lightbox.find('.lb-outerContainer');
+    this.$container      = this.$lightbox.find('.lb-container');
+    this.$image          = this.$lightbox.find('.lb-image');
+    this.$nav            = this.$lightbox.find('.lb-nav');
+
+    // Store css values for future lookup
+    this.containerPadding = {
+      top: parseInt(this.$container.css('padding-top'), 10),
+      right: parseInt(this.$container.css('padding-right'), 10),
+      bottom: parseInt(this.$container.css('padding-bottom'), 10),
+      left: parseInt(this.$container.css('padding-left'), 10)
+    };
+
+    this.imageBorderWidth = {
+      top: parseInt(this.$image.css('border-top-width'), 10),
+      right: parseInt(this.$image.css('border-right-width'), 10),
+      bottom: parseInt(this.$image.css('border-bottom-width'), 10),
+      left: parseInt(this.$image.css('border-left-width'), 10)
+    };
+
+    // Attach event handlers to the newly minted DOM elements
+    this.$overlay.hide().on('click', function() {
+      self.end();
+      return false;
+    });
+
+    this.$lightbox.hide().on('click', function(event) {
+      if ($(event.target).attr('id') === 'lightbox') {
+        self.end();
+      }
+    });
+
+    this.$outerContainer.on('click', function(event) {
+      if ($(event.target).attr('id') === 'lightbox') {
+        self.end();
+      }
+      return false;
+    });
+
+    this.$lightbox.find('.lb-prev').on('click', function() {
+      if (self.currentImageIndex === 0) {
+        self.changeImage(self.album.length - 1);
+      } else {
+        self.changeImage(self.currentImageIndex - 1);
+      }
+      return false;
+    });
+
+    this.$lightbox.find('.lb-next').on('click', function() {
+      if (self.currentImageIndex === self.album.length - 1) {
+        self.changeImage(0);
+      } else {
+        self.changeImage(self.currentImageIndex + 1);
+      }
+      return false;
+    });
+
+    /*
+      Show context menu for image on right-click
+
+      There is a div containing the navigation that spans the entire image and lives above of it. If
+      you right-click, you are right clicking this div and not the image. This prevents users from
+      saving the image or using other context menu actions with the image.
+
+      To fix this, when we detect the right mouse button is pressed down, but not yet clicked, we
+      set pointer-events to none on the nav div. This is so that the upcoming right-click event on
+      the next mouseup will bubble down to the image. Once the right-click/contextmenu event occurs
+      we set the pointer events back to auto for the nav div so it can capture hover and left-click
+      events as usual.
+     */
+    this.$nav.on('mousedown', function(event) {
+      if (event.which === 3) {
+        self.$nav.css('pointer-events', 'none');
+
+        self.$lightbox.one('contextmenu', function() {
+          setTimeout(function() {
+              this.$nav.css('pointer-events', 'auto');
+          }.bind(self), 0);
+        });
+      }
+    });
+
+
+    this.$lightbox.find('.lb-loader, .lb-close').on('click', function() {
+      self.end();
+      return false;
+    });
+  };
+
+  // Show overlay and lightbox. If the image is part of a set, add siblings to album array.
+  Lightbox.prototype.start = function($link) {
+    var self    = this;
+    var $window = $(window);
+
+    $window.on('resize', $.proxy(this.sizeOverlay, this));
+
+    this.sizeOverlay();
+
+    this.album = [];
+    var imageNumber = 0;
+
+    function addToAlbum($link) {
+      self.album.push({
+        alt: $link.attr('data-alt'),
+        link: $link.attr('href'),
+        title: $link.attr('data-title') || $link.attr('title')
+      });
+    }
+
+    // Support both data-lightbox attribute and rel attribute implementations
+    var dataLightboxValue = $link.attr('data-lightbox');
+    var $links;
+
+    if (dataLightboxValue) {
+      $links = $($link.prop('tagName') + '[data-lightbox="' + dataLightboxValue + '"]');
+      for (var i = 0; i < $links.length; i = ++i) {
+        addToAlbum($($links[i]));
+        if ($links[i] === $link[0]) {
+          imageNumber = i;
+        }
+      }
+    } else {
+      if ($link.attr('rel') === 'lightbox') {
+        // If image is not part of a set
+        addToAlbum($link);
+      } else {
+        // If image is part of a set
+        $links = $($link.prop('tagName') + '[rel="' + $link.attr('rel') + '"]');
+        for (var j = 0; j < $links.length; j = ++j) {
+          addToAlbum($($links[j]));
+          if ($links[j] === $link[0]) {
+            imageNumber = j;
+          }
+        }
+      }
+    }
+
+    // Position Lightbox
+    var top  = $window.scrollTop() + this.options.positionFromTop;
+    var left = $window.scrollLeft();
+    this.$lightbox.css({
+      top: top + 'px',
+      left: left + 'px'
+    }).fadeIn(this.options.fadeDuration);
+
+    // Disable scrolling of the page while open
+    if (this.options.disableScrolling) {
+      $('body').addClass('lb-disable-scrolling');
+    }
+
+    this.changeImage(imageNumber);
+  };
+
+  // Hide most UI elements in preparation for the animated resizing of the lightbox.
+  Lightbox.prototype.changeImage = function(imageNumber) {
+    var self = this;
+    var filename = this.album[imageNumber].link;
+    var filetype = filename.split('.').slice(-1)[0];
+    var $image = this.$lightbox.find('.lb-image');
+
+    // Disable keyboard nav during transitions
+    this.disableKeyboardNav();
+
+    // Show loading state
+    this.$overlay.fadeIn(this.options.fadeDuration);
+    $('.lb-loader').fadeIn('slow');
+    this.$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
+    this.$outerContainer.addClass('animating');
+
+    // When image to show is preloaded, we send the width and height to sizeContainer()
+    var preloader = new Image();
+    preloader.onload = function() {
+      var $preloader;
+      var imageHeight;
+      var imageWidth;
+      var maxImageHeight;
+      var maxImageWidth;
+      var windowHeight;
+      var windowWidth;
+
+      $image.attr({
+        'alt': self.album[imageNumber].alt,
+        'src': filename
+      });
+
+      $preloader = $(preloader);
+
+      $image.width(preloader.width);
+      $image.height(preloader.height);
+      windowWidth = $(window).width();
+      windowHeight = $(window).height();
+
+      // Calculate the max image dimensions for the current viewport.
+      // Take into account the border around the image and an additional 10px gutter on each side.
+      maxImageWidth  = windowWidth - self.containerPadding.left - self.containerPadding.right - self.imageBorderWidth.left - self.imageBorderWidth.right - 20;
+      maxImageHeight = windowHeight - self.containerPadding.top - self.containerPadding.bottom - self.imageBorderWidth.top - self.imageBorderWidth.bottom - self.options.positionFromTop - 70;
+
+      /*
+      Since many SVGs have small intrinsic dimensions, but they support scaling
+      up without quality loss because of their vector format, max out their
+      size.
+      */
+      if (filetype === 'svg') {
+        $image.width(maxImageWidth);
+        $image.height(maxImageHeight);
+      }
+
+      // Fit image inside the viewport.
+      if (self.options.fitImagesInViewport) {
+
+        // Check if image size is larger then maxWidth|maxHeight in settings
+        if (self.options.maxWidth && self.options.maxWidth < maxImageWidth) {
+          maxImageWidth = self.options.maxWidth;
+        }
+        if (self.options.maxHeight && self.options.maxHeight < maxImageHeight) {
+          maxImageHeight = self.options.maxHeight;
+        }
+
+      } else {
+        maxImageWidth = self.options.maxWidth || preloader.width || maxImageWidth;
+        maxImageHeight = self.options.maxHeight || preloader.height || maxImageHeight;
+      }
+
+      // Is the current image's width or height is greater than the maxImageWidth or maxImageHeight
+      // option than we need to size down while maintaining the aspect ratio.
+      if ((preloader.width > maxImageWidth) || (preloader.height > maxImageHeight)) {
+        if ((preloader.width / maxImageWidth) > (preloader.height / maxImageHeight)) {
+          imageWidth  = maxImageWidth;
+          imageHeight = parseInt(preloader.height / (preloader.width / imageWidth), 10);
+          $image.width(imageWidth);
+          $image.height(imageHeight);
+        } else {
+          imageHeight = maxImageHeight;
+          imageWidth = parseInt(preloader.width / (preloader.height / imageHeight), 10);
+          $image.width(imageWidth);
+          $image.height(imageHeight);
+        }
+      }
+      self.sizeContainer($image.width(), $image.height());
+    };
+
+    // Preload image before showing
+    preloader.src = this.album[imageNumber].link;
+    this.currentImageIndex = imageNumber;
+  };
+
+  // Stretch overlay to fit the viewport
+  Lightbox.prototype.sizeOverlay = function() {
+    var self = this;
+    /*
+    We use a setTimeout 0 to pause JS execution and let the rendering catch-up.
+    Why do this? If the `disableScrolling` option is set to true, a class is added to the body
+    tag that disables scrolling and hides the scrollbar. We want to make sure the scrollbar is
+    hidden before we measure the document width, as the presence of the scrollbar will affect the
+    number.
+    */
+    setTimeout(function() {
+      self.$overlay
+        .width($(document).width())
+        .height($(document).height());
+
+    }, 0);
+  };
+
+  // Animate the size of the lightbox to fit the image we are showing
+  // This method also shows the the image.
+  Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
+    var self = this;
+
+    var oldWidth  = this.$outerContainer.outerWidth();
+    var oldHeight = this.$outerContainer.outerHeight();
+    var newWidth  = imageWidth + this.containerPadding.left + this.containerPadding.right + this.imageBorderWidth.left + this.imageBorderWidth.right;
+    var newHeight = imageHeight + this.containerPadding.top + this.containerPadding.bottom + this.imageBorderWidth.top + this.imageBorderWidth.bottom;
+
+    function postResize() {
+      self.$lightbox.find('.lb-dataContainer').width(newWidth);
+      self.$lightbox.find('.lb-prevLink').height(newHeight);
+      self.$lightbox.find('.lb-nextLink').height(newHeight);
+
+      // Set focus on one of the two root nodes so keyboard events are captured.
+      self.$overlay.focus();
+
+      self.showImage();
+    }
+
+    if (oldWidth !== newWidth || oldHeight !== newHeight) {
+      this.$outerContainer.animate({
+        width: newWidth,
+        height: newHeight
+      }, this.options.resizeDuration, 'swing', function() {
+        postResize();
+      });
+    } else {
+      postResize();
+    }
+  };
+
+  // Display the image and its details and begin preload neighboring images.
+  Lightbox.prototype.showImage = function() {
+    this.$lightbox.find('.lb-loader').stop(true).hide();
+    this.$lightbox.find('.lb-image').fadeIn(this.options.imageFadeDuration);
+
+    this.updateNav();
+    this.updateDetails();
+    this.preloadNeighboringImages();
+    this.enableKeyboardNav();
+  };
+
+  // Display previous and next navigation if appropriate.
+  Lightbox.prototype.updateNav = function() {
+    // Check to see if the browser supports touch events. If so, we take the conservative approach
+    // and assume that mouse hover events are not supported and always show prev/next navigation
+    // arrows in image sets.
+    var alwaysShowNav = false;
+    try {
+      document.createEvent('TouchEvent');
+      alwaysShowNav = (this.options.alwaysShowNavOnTouchDevices) ? true : false;
+    } catch (e) {}
+
+    this.$lightbox.find('.lb-nav').show();
+
+    if (this.album.length > 1) {
+      if (this.options.wrapAround) {
+        if (alwaysShowNav) {
+          this.$lightbox.find('.lb-prev, .lb-next').css('opacity', '1');
+        }
+        this.$lightbox.find('.lb-prev, .lb-next').show();
+      } else {
+        if (this.currentImageIndex > 0) {
+          this.$lightbox.find('.lb-prev').show();
+          if (alwaysShowNav) {
+            this.$lightbox.find('.lb-prev').css('opacity', '1');
+          }
+        }
+        if (this.currentImageIndex < this.album.length - 1) {
+          this.$lightbox.find('.lb-next').show();
+          if (alwaysShowNav) {
+            this.$lightbox.find('.lb-next').css('opacity', '1');
+          }
+        }
+      }
+    }
+  };
+
+  // Display caption, image number, and closing button.
+  Lightbox.prototype.updateDetails = function() {
+    var self = this;
+
+    // Enable anchor clicks in the injected caption html.
+    // Thanks Nate Wright for the fix. @https://github.com/NateWr
+    if (typeof this.album[this.currentImageIndex].title !== 'undefined' &&
+      this.album[this.currentImageIndex].title !== '') {
+      var $caption = this.$lightbox.find('.lb-caption');
+      if (this.options.sanitizeTitle) {
+        $caption.text(this.album[this.currentImageIndex].title);
+      } else {
+        $caption.html(this.album[this.currentImageIndex].title);
+      }
+      $caption.fadeIn('fast');
+    }
+
+    if (this.album.length > 1 && this.options.showImageNumberLabel) {
+      var labelText = this.imageCountLabel(this.currentImageIndex + 1, this.album.length);
+      this.$lightbox.find('.lb-number').text(labelText).fadeIn('fast');
+    } else {
+      this.$lightbox.find('.lb-number').hide();
+    }
+
+    this.$outerContainer.removeClass('animating');
+
+    this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() {
+      return self.sizeOverlay();
+    });
+  };
+
+  // Preload previous and next images in set.
+  Lightbox.prototype.preloadNeighboringImages = function() {
+    if (this.album.length > this.currentImageIndex + 1) {
+      var preloadNext = new Image();
+      preloadNext.src = this.album[this.currentImageIndex + 1].link;
+    }
+    if (this.currentImageIndex > 0) {
+      var preloadPrev = new Image();
+      preloadPrev.src = this.album[this.currentImageIndex - 1].link;
+    }
+  };
+
+  Lightbox.prototype.enableKeyboardNav = function() {
+    this.$lightbox.on('keyup.keyboard', $.proxy(this.keyboardAction, this));
+    this.$overlay.on('keyup.keyboard', $.proxy(this.keyboardAction, this));
+  };
+
+  Lightbox.prototype.disableKeyboardNav = function() {
+    this.$lightbox.off('.keyboard');
+    this.$overlay.off('.keyboard');
+  };
+
+  Lightbox.prototype.keyboardAction = function(event) {
+    var KEYCODE_ESC        = 27;
+    var KEYCODE_LEFTARROW  = 37;
+    var KEYCODE_RIGHTARROW = 39;
+
+    var keycode = event.keyCode;
+    if (keycode === KEYCODE_ESC) {
+      // Prevent bubbling so as to not affect other components on the page.
+      event.stopPropagation();
+      this.end();
+    } else if (keycode === KEYCODE_LEFTARROW) {
+      if (this.currentImageIndex !== 0) {
+        this.changeImage(this.currentImageIndex - 1);
+      } else if (this.options.wrapAround && this.album.length > 1) {
+        this.changeImage(this.album.length - 1);
+      }
+    } else if (keycode === KEYCODE_RIGHTARROW) {
+      if (this.currentImageIndex !== this.album.length - 1) {
+        this.changeImage(this.currentImageIndex + 1);
+      } else if (this.options.wrapAround && this.album.length > 1) {
+        this.changeImage(0);
+      }
+    }
+  };
+
+  // Closing time. :-(
+  Lightbox.prototype.end = function() {
+    this.disableKeyboardNav();
+    $(window).off('resize', this.sizeOverlay);
+    this.$lightbox.fadeOut(this.options.fadeDuration);
+    this.$overlay.fadeOut(this.options.fadeDuration);
+
+    if (this.options.disableScrolling) {
+      $('body').removeClass('lb-disable-scrolling');
+    }
+  };
+
+  return new Lightbox();
+}));

themes/plain/modular.yaml

@@ -0,0 +1,43 @@
+title: Home
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        # gallery:
+        #   type: tab
+        #   title: Media Accueil
+        #
+        #   fields:
+        #     header.media_type:
+        #       type: checkboxes
+        #       label: Choisir le media à utiliser
+        #       default:
+        #           picture: true
+        #           video: false
+        #       options:
+        #           image: image
+        #           video: video
+        #       use: keys
+        #     # header.picture_field:
+        #     header.video_field:
+        #         type: file
+        #         label: Fichier video
+        #         multiple: false
+        #         filesize: 20
+        #         help: Taille maximum 10Mo
+        #         destination: 'self@'
+        #         accept:
+        #           - video/*
+        #     header.image_field:
+        #         type: file
+        #         label: Fichier images
+        #         multiple: false
+        #         filesize: 20
+        #         help: Taille maximum 10Mo
+        #         destination: 'self@'
+        #         accept:
+        #             - image/*

themes/plain/plain.php

@@ -0,0 +1,42 @@
+<?php
+namespace Grav\Theme;
+
+use Grav\Common\Grav;
+use Grav\Common\Theme;
+use Grav\Common\Page\Page;
+
+class Plain extends Theme
+{
+  public static function countryCodes()
+  {
+      return array (
+          'AF' => 'Afghanistan',
+          'AX' => 'Åland Islands',
+          'AL' => 'Albania',
+          'DZ' => 'Algeria',
+          'AS' => 'American Samoa',
+          'AD' => 'Andorra',
+          'AO' => 'Angola',
+          'AI' => 'Anguilla',
+          'AQ' => 'Antarctica',
+          'AG' => 'Antigua & Barbuda',
+          'AR' => 'Argentina',
+          'AM' => 'Armenia',
+          'AW' => 'Aruba',
+          'AC' => 'Ascension Island',
+          'AU' => 'Australia',
+          'AT' => 'Austria',
+          'AZ' => 'Azerbaijan',
+          'BS' => 'Bahamas',
+          'BH' => 'Bahrain',
+          'BD' => 'Bangladesh',
+          'BB' => 'Barbados',
+          'BY' => 'Belarus',
+          'BE' => 'Belgium',
+          'BZ' => 'Belize',
+          'BJ' => 'Benin',
+          'BM' => 'Bermuda',
+          'BT' => 'Bhutan',
+      );
+  }
+}

themes/plain/plain.yaml

@@ -0,0 +1,3 @@
+enabled: true
+dropdown:
+  enabled: true

themes/plain/templates/actualites.html.twig

@@ -0,0 +1,73 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+<div class="post_bottom columns large-12">
+  <div class="row">
+    {% set top_name = page.header.top %}
+    {% if top_name != "/actualites" %}
+      <div class="columns small-12 recent-posts">
+        <div  class=" row ">
+          <div  class="columns large-12 thumb_news top">
+
+              {% set top_page = page.find(top_name) %}
+              {% set source = top_page.header.media_thumbnail %}
+
+            {% if source != null%}
+              {% set info = "url('"~top_page.url~"/"~source~"')" %}
+            {% endif %}
+            <a style="background: {{ info }} rgb(  233, 77, 26);" href="{{ top_page.url }}">
+              <div class="row">
+                <div class="columns large-8 align-self-bottom">
+                  <mark>{{ top_page.title }}</mark>
+                  <span class="tag" ><span>{{ top_page.header.taxonomy.tag|first }}</span></span>
+                </div>
+              </div>
+
+            </a>
+
+          </div>
+
+        </div>
+      </div>
+    {% endif %}
+    {% for post in page.collection %}
+      {% set source = post.header.media_thumbnail %}
+      {% if source != null %}
+        {% set info = post.url~"/"~source %}
+      {% else %}
+        {% set info = null %}
+      {% endif %}
+      {% if top_page.title != post.title %}
+      <div   class=" columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 recent-posts">
+        <div  class=" row ">
+          <div  class="columns large-12 ">
+            <a style="background: rgb(  233, 77, 26);" href="{{ post.url }}">
+              <div class="row">
+                <div class="columns small-4">
+                  <img src="{{ info }}" alt="">
+                </div>
+                <div class="columns small-7 small-offset-0 align-self-middle">
+                  <mark>{{ post.title }} - {{ post.header.publish_date|date("d/m/Y") }}</mark>
+                  <span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
+                  <br>
+                  <p style="color:black;">
+                    {{post.content|truncate(260, true)|raw|striptags  }}
+                  </p>
+                </div>
+              </div>
+
+            </a>
+          </div>
+        </div>
+      </div>
+      {% endif %}
+
+    {% endfor %}
+  </div>
+  {% if config.plugins.pagination.enabled and page.collection.params.pagination %}
+    {% include 'partials/pagination.html.twig' with {'base_url':page.url, 'pagination':collection.params.pagination} %}
+  {% endif %}
+</div>
+
+
+{% endblock %}

themes/plain/templates/coalitions.html.twig

@@ -0,0 +1,5 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+	
+{% endblock %}

themes/plain/templates/danger.html.twig

@@ -0,0 +1,271 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+
+{% include 'partials/head.html.twig' %}
+<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
+  <div class="row">
+    {% for module in page.header.sections %}
+      <div class="">
+        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
+      </div>
+    {% endfor %}
+  </div>
+
+</div>
+
+  {% include 'partials/sidebar.html.twig' %}
+
+
+  <div class="post columns small-12">
+    <div class="row">
+
+        <div class="columns  post_content large-12 large-offset-0 medium-12 medium-offset-0 small-10 small-offset-1">
+
+          <div class="row">
+
+            <div class="columns small-8 small-offset-4">
+              {{ page.header.intro}}
+            </div>
+
+            {% for member in page.header.memberList %}
+
+            <div class="columns medium-4 medium-offset-0 small-12 membre" id="{{member.membre|replace({' ': '_'})}}">
+              {% if page.find(member.article).url %}
+                <a href="{{page.find(member.article).url}}">
+              {% else %}
+                <a href="">
+              {% endif %}
+
+              <div class="pays">
+                <mark>{{member.pays}}</mark>
+              </div>
+              <div class="picture">
+                <img src="{{ uri.url }}/{{member.photo}}" alt="">
+                <mark>{{member.membre}}</mark>
+              </div>
+              <div class="info">
+                <div class="row">
+
+
+                {% set stat = member.statut %}
+                {% switch stat %}
+                    {% case 'menace' %}
+                    <div class="columns small-3 pic">
+                      <img src="{{ url('theme://images/menace.png') }}" alt="">
+                    </div>
+                    <div class="columns small-8">
+                      <p class="date">{{t('DANGER.MENACE')|e}} 
+                        {% if  lang == "fr"  %}
+                          {{member.menace|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.menace|date('n') - 1)}} {{member.menace|date('Y')}}
+                        {% else %}
+                          {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.menace|date('n') - 1)}} {{member.menace|date('d')}}, {{member.menace|date('Y')}}
+                        {% endif %}                     
+
+                      </p>
+                      <p>
+                        <b>{{member.menace_type}}</b>
+                      </p>
+                    </div>
+                    {% case 'prison' %}
+                      <div class="columns small-3 pic">
+                        <img src="{{ url('theme://images/prison.png') }}" alt="">
+                      </div>
+                      <div class="columns small-8">
+                        <p class="date">{{t('DANGER.PRISON')|e}}  
+                          {% if  lang == "fr"  %}
+                            {{member.prison|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.prison|date('n') - 1)}} {{member.prison|date('Y')}}
+                          {% else %}
+                            {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.prison|date('n') - 1)}} {{member.prison|date('d')}}, {{member.prison|date('Y')}}
+                          {% endif %}                     
+
+                          
+                        </p>
+                        <p><b>{{t('DANGER.PRISON')|e}}<br/> {{nicetime(member.prison, true, false)}}</b></p>
+                      </div>
+
+                    {% case 'free' %}
+                        <div class="columns small-3 pic">
+                          <img src="{{ url('theme://images/free.png') }}" alt="">
+                        </div>
+                        <div class="columns small-8">
+
+                          <p class="date">{{t('DANGER.FREE')|e}}  
+                             {% if  lang == "fr"  %}
+                              {{member.free|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.free|date('n') - 1)}} {{member.free|date('Y')}}
+                            {% else %}
+                              {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.free|date('n') - 1)}} {{member.free|date('d')}}, {{member.free|date('Y')}}
+                            {% endif %}  
+
+                          </p>
+                          <p><b>Encore en danger</b></p>
+                        </div>
+
+                    {% default %}
+                        <p>error</p>
+                {% endswitch %}
+
+                </div>
+              </div>
+              <div class="resume">
+                {{member.text}}
+              </div>
+              <div class="act">
+                {% if member.textreso %}
+                  {% if  lang == "fr"  %}
+                    <h5>Comment agir ?</h5>
+                    {{ member.textreso }}
+                  {% else %}
+                    <h5>How to act ?</h5>
+                    {{ member.textreso }}
+                  {% endif %}
+                {% endif %}
+                {% if  lang == "fr"  %}
+                  <h5>Partager sur les réseaux</h5>
+                {% else %}
+                  <h5>Share on social media</h5>
+                {% endif %}
+                <div class="row">
+
+                  <div class="columns small-3 post_picto">
+                    <a href="mailto:mail?subject={{ page.title }}&body={{ uri.url }}#{{member.membre|replace({' ': '_'})}}">
+                      <img src="{{ url('theme://images/contact.svg') }}" alt="">
+                    </a>
+                  </div>
+                  <div class="columns small-3 post_picto">
+                    <a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}#{{member.membre|replace({' ': '_'})}}" target="_blank">
+                      <img src="{{ url('theme://images/f.svg') }}" alt="">
+                    </a>
+                  </div>
+                  <div class="columns small-3 post_picto">
+                    <a href="https://twitter.com/intent/tweet?url={{uri.url}}#{{member.membre|replace({' ': '_'})}}&text={{ page.title }}" target="_blank">
+                      <img src="{{ url('theme://images/t.svg') }}" alt="">
+                    </a>
+                  </div>
+                  <div class="columns small-3 post_picto">
+                    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}#{{member.membre|replace({' ': '_'})}}&title={{ page.title }}" target="_blank">
+                      <img src="{{ url('theme://images/in.svg') }}" alt="">
+                    </a>
+                  </div>
+                </div>
+              </div>
+
+            </a>
+            </div>
+
+
+
+            {% endfor %}
+          </div>
+          {% if   page.header.datavis == 1 %}
+          <div id="datavis" class="columns large-12 large-offset-0 medium-12 medium-offset-0 small-10 small-offset-1" >
+            <h2>{{ page.header.datavis_title}}</h2>
+            <p>{{ page.header.datavis_text}}</p>
+             {% set data = getJson() %}
+          </div>
+          {% endif %}
+
+      </div>
+    </div>
+  </div>
+  {% if   page.header.datavis == 1 %}
+  <div class="overlay_danger">
+    <div class="row">
+      
+      {% set coa_page = page.find("/coalitions") %}
+      {% set c = 0 %}
+      {% for coa in coa_page.children %}
+         
+        {% if coa.header.member|length > 0 %}
+          
+          {% for activist in coa.header.member %}
+          
+        
+        <div class="columns small-10 small-offset-1 fiche" data-ref="{{c}}_{{activist.membre|replace({' ': ''})}}">
+        <div class="row ">
+          <div class="large-1 close-btn large-offset-11"></div>
+          <div class="small-12">         
+            <div class=" row description">
+              <div class="small-12 medium-6">
+                <img  class="member_pic" src="{{coa.url}}/{{activist.photo}}" alt="">
+              </div>
+              <div class="small-12 medium-6">
+                <h3> {{coa.title}} </h3>
+
+                <mark class="act_name"> {{activist.membre}} </mark>
+
+                <p>                
+                  <span class="info_date" >Arrêté·e le {{activist.prison|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(activist.prison|date('n') - 1)}} {{activist.prison|date('Y')}} </span><br/>
+                 {% if activist.free %}
+                   <span class="info_date" >Libéré·e le {{activist.free|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(activist.free|date('n') - 1)}} {{activist.free|date('Y')}} </span><br/>
+                 {% else %}
+                    <span class="info_date" >Toujours en prison </span><br/>
+                 {% endif %}
+                 <br/>
+                 {{activist.text}}
+                </p>
+              </div>
+                
+            </div>
+          </div>
+        </div>
+
+        
+      </div>
+            {% set c = c + 1 %}
+          {% endfor %}
+        {% endif %}
+      {% endfor %}
+
+      
+
+
+
+    </div>
+  </div>
+  {% endif %}
+ {% if   page.header.datavis == 1 %}
+<script type="text/javascript">
+  let data = {{ data|json_encode|raw }};
+  displayDataviz(data);
+  $( window ).resize(function() {
+    $(".chart").remove();
+    displayDataviz(data);
+  });
+  
+  $(".close-btn").on("click", function(){
+   /* console.log($(".overlay_danger"));*/
+    $(".overlay_danger").hide();
+    $("body").find('.fiche').fadeOut();
+    $("body").removeClass("no-scroll");
+  });
+  $(".overlay_danger").on("click", function(){
+   /* console.log($(".overlay_danger"));*/
+    $(".overlay_danger").hide();
+    $("body").find('.fiche').fadeOut();
+    $("body").removeClass("no-scroll");
+  });
+
+
+  $("#datavis").on("click",".label_info", function(){
+     let ref = $(this).data("ref");
+     $("body").find('.fiche[data-ref="'+ref+'"]').fadeIn();
+     $(".overlay_danger").show();
+     $("body").addClass("no-scroll");
+
+
+  });
+  $("#datavis").on("click",".miniItem", function(){
+     let ref = $(this).data("ref");
+
+     $("body").find('.fiche[data-ref="'+ref+'"]').fadeIn();
+     $(".overlay_danger").show();
+     $("body").addClass("no-scroll");
+     
+  });
+</script>
+{% endif %}
+
+
+
+{% endblock %}

themes/plain/templates/default.html.twig

@@ -0,0 +1,52 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+  {% include 'partials/head.html.twig' %}
+
+  <div class="post columns large-9 medium-9 medium-offset-3 small-12 small-offset-0">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+        <p>
+          {{ page.content }}
+        </p>
+
+
+      </div>
+
+    </div>
+
+  </div>
+
+{% endblock %}

themes/plain/templates/error.html.twig

@@ -0,0 +1,7 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    <div class="lead text-center">
+        <h2>Nous sommes désolés, cette page est introuvable.</h2>
+    </div>
+{% endblock %}

themes/plain/templates/home.html.twig

@@ -0,0 +1,157 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+
+  <div class="columns large-12 home_top">
+    {% if page.header.activate_top == true %}
+    {% set top = page.find(page.header.top) %}
+    <div class="une row" style="background-image:url('{{top.url}}/{{top.header.media_thumbnail}}'); left:0;">
+      <div class="columns small-3 bl">
+        <h1>A la une</h1>
+      </div>
+      <div class="columns small-12 small-offset-0">
+        <div class="row">
+          <div class="columns medium-6 small-8 small-offset-1 ">
+            <a  href="{{top.url}}">
+
+            <mark>{{top.title}}</mark>
+            <span class="tag" ><span>{{ top.header.taxonomy.tag|first }}</span></span>
+            </a>
+          </div>
+        </div>
+
+      </div>
+      <div class="columns large-12 close_col">
+        <a href="#" class="close"></a>
+      </div>
+    </div>
+    {% endif %}
+    <div  class="row">
+      <div id="carousel" class="columns small-12">
+        {% for image_list in page.header.gallery %}
+        {% set elem = page.find(image_list.url) %}
+        <div class='content'>
+          <a href="{{base_url}}{{image_list.url}}">
+            <mark>{{elem.title}}</mark>
+            <img src="{{page.url}}/{{ image_list.image }}" alt="">
+            
+          </a>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+  <div class="columns large-4 medium-12 small-12">
+  </div>
+  <div class="large-7 medium-12 medium-offset-0 small-10 small-offset-1 intro">
+    {{ page.content }}
+    {# {% if lang == "fr" %}
+      <a class="seemore" href="le-mouvement"> Qui sommes-nous ? </a>
+    {% else %}
+      <a class="seemore" href="le-mouvement"> Who are we ? </a>
+    {% endif %} #}
+    
+  </div>
+  <div class="columns small-4 small-offset-1 big_buttons home_button" >
+    <a href="le-mouvement" style="background:url('{{ url('theme://images/photo_home_qui.jpg') }}') rgba(233, 77, 26, 0.4);">
+    {% if lang == "fr" %}
+      <h3 class="inter"> Qui sommes-nous ?</h3>
+    {% else %}
+      <h3 class="inter"> Who are we ?</h3>
+    {% endif %}
+    {# <img src="{{ url('') }}" alt=""> #}
+    </a>
+  </div>
+  <div class="columns small-3 big_buttons home_button" >
+    
+    {% if lang == "fr" %}
+      <a target="_blank" href="le-mouvement#devenir-membre" style="background:url('{{ url('theme://images/photo_home_membre.jpg') }}') rgb(  233, 77, 26);">
+      <h3 class="inter">Devenir Membre</h3>
+    {% else %}
+      <a target="_blank" href="e/en/le-mouvement#become-a-member" style="background:url('{{ url('theme://images/photo_home_membre.jpg') }}') rgb(  233, 77, 26);">
+      <h3 class="inter">Become a member</h3>
+    {% endif %}
+    {# <img src="" alt=""> #}
+    </a>
+  </div>
+  <div class="columns small-3 big_buttons home_button" >
+    <a target="_blank" href="https://www.helloasso.com/associations/tournons-la-page/formulaires/1" style="background:url('{{ url('theme://images/photo_home_soutenir.jpg') }}') rgb(  233, 77, 26);">
+    {% if lang == "fr" %}
+      <h3 class="inter">Nous soutenir</h3>
+    {% else %}
+      <h3 class="inter">Make a donation</h3>
+    {% endif %}
+   {#  <img src="" alt=""> #}
+    </a>
+  </div>
+
+  <div class="columns small-12">
+    <br><br>
+  </div>
+
+  <div class="footer columns large-10 large-offset-1">
+        {% include 'partials/footer_coa.html.twig' %}
+  </div>
+
+  <!-- Actu  -->
+  <div class="post_bottom columns large-10 large-offset-1 medium-12 small-12 ">
+    <div class="row">
+      <div class="columns large-10 large-offset-0 medium-10 medium-offset-0 small-12">
+          <h1 class="inter" >{{ page.find('/actualites').title }}</h1>
+      </div>
+
+      {% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(0, 2) %}
+          {% set source = post.header.media_thumbnail %}
+          {% if source != null%}
+            {% set info = "url('"~post.url~"/"~source~"')" %}
+          {% else %}
+            {% set info = null %}
+          {% endif %}
+          <div class=" columns large-6 medium-6 medium-offset-0 small-8 small-offset-2 recent-posts">
+            <div  class=" row ">
+              <div  class="columns large-12 thumb_news">
+                <a style="background:{{ info }} rgb(  233, 77, 26);" href="{{ post.url }} ">
+                  <div class="row">
+                    <div class="columns large-8 align-self-bottom">
+                      <mark>{{ post.title }}</mark>
+                      <span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
+                    </div>
+                  </div>
+
+                </a>
+              </div>
+            </div>
+          </div>
+      {% endfor %}
+      {% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(2,3) %}
+      {% set source = post.header.media_thumbnail %}
+      {% if source != null%}
+        {% set info = "url('"~post.url~"/"~source~"')" %}
+      {% else %}
+        {% set info = null %}
+      {% endif %}
+          <div  class="columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 recent-posts">
+            <div  class=" row ">
+              <div  class="columns large-12 thumb_news">
+                <a style="background:{{ info }} rgb(  233, 77, 26);" href="{{ post.url }}">
+                  <div class="row">
+                    <div class="columns large-11 align-self-bottom">
+                      <mark>{{ post.title }}</mark>
+                      <span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
+                    </div>
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+      {% endfor %}
+      <div class="columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 ">
+      {% if lang == "fr" %}
+        <a class="seemore" href="actualites"> Voir toutes les actualités </a>
+      {% else %}
+        <a class="seemore" href="actualites"> See all the news </a>
+      {% endif %}
+      </div>
+    </div>
+  </div>
+{% endblock %}

themes/plain/templates/media.html.twig

@@ -0,0 +1,70 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+  {% include 'partials/head.html.twig' %}
+  <div class="columns large-3 media_col">
+    
+    <img src="{{page.url}}/{{ page.header.media_thumb}}" alt="">
+    <h4 class="media_ref">{{page.header.info}}</h4>
+    <p> fiche de lecture : {{page.header.author }} </p>
+    <mark> {{ page.header.type|join(", ")}}</mark>
+    <hr>
+    {% if header.private == 1 %}
+      {% if  "lecteur" in grav.user.groups %}
+        <div class="big_buttons"> <a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}} </a></div>
+      {% else %}
+        <div class="big_buttons"><a href="{{base_url}}/login" >{{t('MEDIA.CONNECTION')|e}}</a></div>
+      {% endif %}
+    {% else %}
+        <div class="big_buttons"><a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}}</a></div>
+    {% endif %}
+    
+
+  </div>
+  <div class="post columns large-9 medium-9  small-12 small-offset-0">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+        
+          {{ page.content }}
+     
+
+
+      </div>
+
+    </div>
+
+  </div>
+
+{% endblock %}

themes/plain/templates/modules.html.twig

@@ -0,0 +1,123 @@
+{% extends 'partials/base.html.twig' %}
+
+
+{% block content %}
+{% include 'partials/head.html.twig' %}
+{# <div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
+  <div class="row">
+    {% for module in page.header.sections %}
+      <div class="">
+        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
+      </div>
+    {% endfor %}
+  </div>
+
+</div> #}
+
+<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
+  <div class="row">
+      {% for module in page.header.sections %}
+      <div class="columns small-12 ss_menu">
+        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
+      </div>
+      {% endfor %}
+
+      <div class="columns small-12 extra_content">
+       {% if lang == "fr" %}
+       <h4>Consultez aussi</h4>
+      {% else %}
+       <h4>Consult Also</h4>
+      {% endif %}
+      </div>
+      
+      <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('/home/lappel').url}}" >L'appel</a>
+        {% else %}
+        <a href="{{page.find('/home/lappel').url}}" >Our plea</a>
+      {% endif %}
+        
+      </div>
+      
+      
+      <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('/home/5-questions').url}}" >5 questions pour comprendre la mobilisation</a>
+      {% else %}
+       <a href="{{page.find('/home/5-questions').url}}" >5 questions to understand mobilisation</a>
+      {% endif %}
+      </div>
+    {#   <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('/membres-en-danger').url}}" >Nos membres en danger</a>
+        {% else %}
+        <a href="{{page.find('/membres-en-danger').url}}" >Our members in danger</a>
+      {% endif %}
+      </div> #}
+     {#  <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('/podium').url}}" >Podiums des dictateurs au pouvoir</a>
+        {% else %}
+        <a href="{{page.find('/podium').url}}" >Dictators podium</a>
+      {% endif %}
+      </div> #}
+  </div>
+  {% include 'partials/sidebar.html.twig' %}
+</div>
+
+  <div class="post columns large-9 medium-9 small-12">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{uri.url}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ uri.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+        <div class="columns  post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+        {% for module in page.header.sections %}
+        <div class="row modules">
+          <div class="columns small-12 ">
+            <h3 class="inter" id="{{module.title|hyphenize}}">{{module.title}}</h3>
+            <p>{{ module.text}}</p>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+<script>
+  
+  $("table img").each(function(){
+    $(this).attr("src", window.location.href+"/"+$(this).attr("src"))
+  });
+
+</script>
+
+{% endblock %}

themes/plain/templates/old_d3.js

@@ -0,0 +1,180 @@
+<script type="text/javascript">
+  var data = {{ data|json_encode|raw }};
+
+  let now = Date.now();
+  /*let year_now = new Date().getFullYear() + 0;
+  let futur = new Date( year_now.toString() );
+  
+  now = futur.getTime();*/
+
+  let lane_array = []
+  data.forEach(function(e){
+    lane_array.push(e.title)
+  });
+  let datum = new Date('19990');
+  let sec =  datum.getTime();
+
+  var lanes = lane_array,
+      laneLength = lanes.length,
+      items = data,
+      timeBegin = sec ,
+      timeEnd = now ;
+      
+  // get the d3 lib
+  // append the d3 
+  var m = [20, 15, 15, 120], //top right bottom left -> margin
+      w = 960 - m[1] - m[3], // width
+      h = (laneLength * 150) - m[0] - m[2], // height
+      miniHeight = laneLength * 12 + 50, 
+      mainHeight = h - miniHeight - 50;
+ 
+    //scales
+    var x = d3.scaleLinear()
+        .domain([timeBegin, timeEnd])
+        .range([0, w]);
+
+    var x1 = d3.scaleLinear()
+        .range([0, w]);
+
+    var y1 = d3.scaleLinear()
+        .domain([0, laneLength])
+        .range([0, mainHeight]);
+
+    var y2 = d3.scaleLinear()
+        .domain([0, laneLength])
+        .range([0, miniHeight]);
+
+    
+
+    //creat the chart body
+    var w_box = w + m[1] + m[3];
+    var h_box = h + m[0] + m[2];
+    var chart = d3.select(".datavis")
+          .append("svg")
+          .attr("viewBox",'0 0 '+ w_box +' '+ h_box )
+          /*.attr("width", w + m[1] + m[3])
+          .attr("height", h + m[0] + m[2])*/
+          .attr("class", "chart");
+
+
+    var main = chart.append("g")
+          .attr("transform", "translate(" + m[3] + "," + m[0] + ")")
+          .attr("width", w)
+          .attr("height", mainHeight)
+          .attr("class", "main");
+
+
+    // X axis 
+    const xaxis = d3.scaleLinear()
+          .domain([timeBegin, timeEnd])
+          .range([0, w]);
+
+        main.append("g")
+          .attr("transform", "translate(0," + mainHeight + ")")
+          .call(d3.axisBottom(xaxis).ticks(4).tickFormat(d3.timeFormat('%Y')))
+          .selectAll("text")
+            /*.attr("transform", "translate(-10,10)rotate(-45)")*/
+            .style("text-anchor", "center")
+            .style("font-size", 10)
+            .style("fill", "black");
+
+
+  
+    
+    //main lanes and texts
+    main.append("g").selectAll(".laneLines")
+      .data(items)
+      .enter().append("line")
+      .attr("x1", m[1])
+      .attr("y1", function(d) {return y1(d.lane);})
+      .attr("x2", w)
+      .attr("y2", function(d) {return y1(d.lane);})
+      .attr("stroke", "lightgray")
+
+    main.append("g").selectAll(".laneText")
+      .data(lanes)
+      .enter().append("text")
+      .text(function(d) {return d;})
+      .attr("x", -m[1])
+      .attr("y", function(d, i) {return y1(i + .5);})
+      .attr("dy", ".5ex")
+
+      .attr("text-anchor", "end")
+      .attr("class", "laneText");
+
+    // coalition 
+
+    var coa = main.append("g").selectAll("rect")
+                  .data(items)
+                  .enter().append("rect")
+                  .attr("class", "coalition")
+                  .attr("x", function(d) {var date = new Date(d.start); console.log(d.start); return x(d.start);})
+                  .attr("y", function(d) {return y1(d.lane) + 10;})
+                  .attr("height", function(d) {return .8 * y1(1);})
+                  .attr("width", function(d) { return x(d.end) - x(d.start);})
+                  .attr("pos", function(d) {return d.lane });
+
+
+    // labels
+    /*labels = main.append("g").selectAll("text")
+        .data(items, function (d) { return d.id; })
+        .attr("x", function(d) {return x(d.start + 2);});
+
+    labels.enter().append("text")
+        .text(function(d) {return d.id;})
+        .attr("fill", "White")
+        .attr("x", function(d) {return x(d.start + 2);})
+        .attr("y", function(d) {return y1(d.lane + .5);});*/
+
+
+           
+    //ok 
+    var act = main.append("g").selectAll("activists")
+            .data(items)
+            .enter()
+      act.selectAll("rects")
+        .data(function(d){ return d.activist })
+        .enter().append("rect")
+            .attr("x", function (d) {  return x(d.start) } )
+            .attr("y", function(d, i) { let l = items[d.lane].activist.length; let margin = y1(1)/(l+1) ; /*return y1(d.lane)*/  return y1( d.lane  ) + ( margin * (i+1)) - 10  })
+            .attr("height", 15 )
+            .attr("width", function(d) {return x(d.end) - x(d.start);} )
+            .attr("class", "rectangle");
+
+      act.selectAll("name")
+           .data(function(d){ return d.activist })
+        .enter().append("text")
+            .text(function(d) {return d.name;})
+            .attr("class", "name")
+            .attr("x", function(d) {return x(d.start + .4) + 7;})
+            .attr("y", function(d, i) {let l = items[d.lane].activist.length; let margin = y1(1)/(l+1) ; return y1( d.lane ) + ( margin * (i+1) ) + 1  });
+
+
+      //adjust rect size 
+      let rect_array = $(".rectangle");
+      $(".name").each(function(i, e){
+        var bbox = this.getBBox();
+        let name_size = bbox.width;
+        let rect_size = $(rect_array[i]).width();
+        if( name_size+ 15 > rect_size){
+          $(rect_array[i]).css("width", name_size + 15);
+        }
+      });
+
+
+
+
+
+      //chart interaction 
+
+      $(".rectangle").on("click", function(){
+        $(".container_info").fadeIn("fast", function(){
+          $(this).css("display", "grid");
+        });
+      });
+      $(".container_info .button").on("click", function(){
+        $(".container_info").fadeOut();
+      });
+
+
+</script>

themes/plain/templates/partials/base.html.twig

@@ -0,0 +1,199 @@
+{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
+<!DOCTYPE html>
+<html lang="{{ grav.language.getActive ?: theme_config.default_lang }}">
+<head>
+{% block head %}
+    <meta charset="utf-8" />
+    <title>{% if header.title %}{{ header.title|e('html') }} ~ {% endif %}{{ site.title|e('html') }}</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'partials/metadata.html.twig' %}
+
+    <link rel="icon" href="{{ url('theme://images/favicon.ico') }}" />
+    <link rel="canonical" href="{{ page.url(true, true) }}" />
+
+    {% block stylesheets %}
+        {% do assets.addCss('theme://css/app.css?q=1027') %}
+    {% endblock %}
+    <link rel="stylesheet" type="text/css" href="{{url('theme://css/slick.css')}}"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
+    {{ assets.css() }}
+    <script
+			  src="{{url('theme://js/jq.js')}}"
+		></script>
+
+
+
+    {% block javascripts %}
+        {% do assets.addJs('theme://js/app.js?q=099', 100) %}
+        {% do assets.addJs('theme://js/lightbox.js', 99) %}
+        {% do assets.addJs('theme://js/datavis.js?q=80', 99) %}
+    {% endblock %}
+    {{ assets.js() }}
+    <script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
+    
+{% endblock head %}
+
+</head>
+<body id="top" class="{{ page.header.body_classes }}">
+{%  set lang = grav.language.getActive %}
+<div class="search_overlay row hide_s">
+ {#  <div class="columns small-10 small-offset-1 searchbar">
+  </div>
+  <div class="columns small-10 small-offset-1 results">
+  </div> #}
+  {% embed 'partials/tntsearch.html.twig' with { limit: 20, snippet: 150, min: 1, search_type: 'auto', dropdown: true } %}{% endembed %}
+  <div class="columns small-1"><a class="close_search"><i class="fa fa-times" aria-hidden="true"></i></a></div>
+</div>
+<div class="row">
+  {% if page.slug != "home" %}
+    <div class="container large-10 large-offset-1 medium-10 medium-offset-1 small-12 small-offset-0">
+  {% else %}
+    <div class="container large-12 large-offset-0 medium-12 medium-offset-0 small-12 small-offset-0">
+  {% endif %}
+    {% block body %}
+        <div class="navigation row">
+          {% include 'partials/navigation.html.twig' %}
+        </div>
+        <div class="row">
+        {% block content %}{% endblock %}
+        </div>
+    {% endblock %}
+
+    {% block footer %}
+    {% if page.slug != "home" %}
+    <div class="row">
+      <div class="footer columns large-12">
+        {% include 'partials/footer_coa.html.twig' %}
+      </div>
+    </div>
+    {% endif %}
+    <div class="row">
+      <div class="footer columns large-10 large-offset-1">
+        {% include 'partials/footer.html.twig' %}
+      </div>
+
+    </div>
+
+    {% endblock %}
+
+
+    {% block bottom %}
+        {{ assets.js('bottom') }}
+
+    {% endblock %}
+
+  </div>
+  {% block last %}
+  <div class="columns small-12">
+    <div class="row mention">
+      <div class="columns small-10 small-offset-1">
+        <div class="row">
+          <div class="columns large-4 medium-4 small-12">
+            <p>{{ pages.find("/home").header.info_tel }}<br/>
+            {{ page.find("/home").header.info_addr }}<br/>
+            {{ page.find("/home").header.info_addr_post }}</p>
+          </div>
+          <div class="columns large-4 medium-4 small-12">
+            <p>
+              {% if lang == "fr" %}
+                <a href="{{ page.find('/le-mouvement').url}}">Le Mouvement</a><br>
+                <a href="{{ page.find('/nos-campagnes').url}}">Nos campagnes</a><br>
+                <a href="{{ page.find('/actualites').url}}">Actualités</a><br>
+                <a href="{{ page.find('/home/mentions-legales-et-credits').url}}">Mentions légales et crédits</a>
+              {% else %}
+                <a href="{{ page.find('/le-mouvement').url}}">The movement</a><br>
+                <a href="{{ page.find('/nos-campagnes').url}}">Our campaigns</a><br>
+                <a href="{{ page.find('/actualites').url}}">News</a><br>
+                <a href="{{ page.find('/home/mentions-legales-et-credits').url}}">Credits</a>
+              {% endif %}
+            </p>
+
+          </div>
+          <div class="columns large-4 medium-4 small-12 links">
+            <div class="row">
+              <div class="columns large-2 align-self-bottom">
+                <a href="mailto:{{site.author.email}}">
+                  <img src="{{ url('theme://images/contact_w.svg') }}" alt="">
+                </a>
+              </div>
+              <div class="columns large-2 align-self-bottom">
+                <a href="https://www.facebook.com/CampagneTournonslapage">
+                  <img src="{{ url('theme://images/f_w.svg') }}" alt="">
+                </a>
+              </div>
+              <div class="columns large-2 align-self-bottom">
+                <a href="https://twitter.com/TournonsLaPage/">
+                  <img src="{{ url('theme://images/t_w.svg') }}" alt="">
+                </a>
+              </div>
+              <div class="columns large-2 align-self-bottom">
+                <a href="https://www.linkedin.com/company/tournons-la-page">
+                  <img src="{{ url('theme://images/in_w.svg') }}" alt="">
+                </a>
+              </div>
+              <div class="columns large-2 align-self-bottom">
+                <a href="https://www.youtube.com/channel/UCj5XBLG7pHdvuZaUEmV1HbQ">
+                  <img src="{{ url('theme://images/you_w.svg') }}" alt="">
+                </a>
+              </div>
+              <div class="row" style="margin-top:2rem">
+                {% for item in page.find("/home").header.logo %}
+                  <div class="column small-2">
+                    <img src="{{page.find("/home").url}}/{{ item.name }}" alt="">
+                  </div>
+                {% endfor %}
+              </div>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+  {% endblock %}
+</div>
+
+<script>
+
+$(".close_search").on("click", function(){
+    $(".search_overlay").addClass("hide_s");
+    $("body").removeClass("no-scroll");
+});
+
+$(".searchBar").on("click", function(){
+    $(".search_overlay").removeClass("hide_s");
+    $("body").addClass("no-scroll");
+});
+
+//add  + 
+$(".menu .item a").each(function(){
+   if( $(this).parent().find(".subitem").length > 0) {
+      console.log($(this).find(".subitem"));
+      let elem = " <a style='display:contents;font-weight:600;flex-flow:unset;' class='open_sesame'>&nbsp;+</a>";
+
+      $(this).append(elem);
+    }
+});
+
+/*$(".menu .item a").on("click",function(event){
+
+ if( $(this).parent().find(".subitem").length > 0 ) {
+      event.preventDefault();
+      $(this).parent().find(".subitem").fadeToggle();
+  }
+});*/
+$(".menu .item a").on("click",".open_sesame",function(event){
+  console.log("open");
+  event.preventDefault();
+  $(this).parents().eq(1).find(".subitem").fadeToggle();
+  $(this).toggleClass("rotate");
+});
+</script>
+
+
+</body>
+</html>

themes/plain/templates/partials/footer.html.twig

@@ -0,0 +1,60 @@
+
+{# <div class="columns large-6 medium-6">
+
+      <a href="{{ page.find('/nos-campagnes').url }}"><img src="{{ url('theme://images/campagnes.svg') }}" alt="">
+      {% if lang == "fr" %}
+      <h1 class="inter">Nos<br/>Campagnes</h1>
+      {% else %}
+      <h1 class="inter">Our<br/>campaigns</h1>
+      {% endif %}
+      </a>
+</div> #}
+{# <div class="columns large-6 medium-6">
+
+       
+
+      <a href="{{ page.find('/outils-et-ressources').url }}"><img src="{{ url('theme://images/outils.svg') }}" alt="">
+      {% if lang == "fr" %}
+       <h1 class="inter">Outils et ressources</h1>
+      {% else %}
+        <h1 class="inter">Tools and resources</h1>
+      
+      {% endif %}
+      </a>
+      
+
+
+</div> #}
+<div class="row newsletter-widget">
+  <div class="columns large-6 big_buttons">
+    <a target="_blank" href="http://eepurl.com/g_-arn">
+    {% if lang == "fr" %}
+      <h3 class="inter">Recevoir notre newsletter</h3>
+    {% else %}
+      <h3 class="inter">Receive our newsletter</h3>
+    {% endif %}
+    <img src="{{ url('theme://images/newsletter.svg') }}" alt="">
+    </a>
+{# <div id="mc_embed_signup ">
+<form action="https://tournonslapage.us10.list-manage.com/subscribe/post?u=80863159dc167fbb635d1ce17&amp;id=1a3058fabd" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>
+  <div id="mc_embed_signup_scroll row ">
+	   <input type="email" value="" name="EMAIL" class="email columns medium-10 medium-offset-0 small-10 small-offset-1" id="mce-EMAIL" placeholder="email address" required>
+     <input type="submit" value="Envoyer" name="subscribe" id="mc-embedded-subscribe" class="button columns medium-3 medium-offset-0 small-10 small-offset-1">
+     <!-- <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_80863159dc167fbb635d1ce17_1a3058fabd" tabindex="-1" value=""></div> -->
+  </div>
+</form>
+</div> #}
+
+<!--End mc_embed_signup-->
+  </div>
+  <div class="columns large-6 big_buttons">
+    <a target="_blank" href="https://www.helloasso.com/associations/tournons-la-page/formulaires/1">
+    {% if lang == "fr" %}
+      <h3 class="inter">Faire un don</h3>
+    {% else %}
+      <h3 class="inter">Make a donation</h3>
+    {% endif %}
+    <img src="{{ url('theme://images/Donation.svg') }}" alt="">
+    </a>
+  </div>
+</div>

themes/plain/templates/partials/footer_coa.html.twig

@@ -0,0 +1,115 @@
+
+<div class="coalition_footer row">
+<div class="columns large-12 medium-12 small-12">
+
+{% if lang == "fr" %}
+  <h1 class="inter">Les Coalitions</h1>
+{% else %}
+  <h1 class="inter">The coalitions</h1>
+{% endif %}
+</div>
+<div class="columns large-12 bcklines" style="position:relative;">
+  <div class="europe seemore"><a href=" https://tournonslapage.org/fr/coalitions/tlp-europe ">Europe</a></div>
+  <div class="row">
+
+    <div class="columns large-6 medium-6 small-12 coa_info">
+      {% set pc = page.find('/coalitions') %}
+        {% set coa = 0 %}
+        {% set orga = 0 %}
+        {% set danger = 0 %}
+      {% for pays in pc.children %}
+        {% set coa = coa + 1 %}
+        {% set orga = orga + pays.header.info.nb|number_format %}
+        {% for item in pays.header.member %}
+          {% set danger = danger + 1 %}
+          
+        {% endfor %}
+      {% endfor %}
+      <div class="row coa_intro">
+        <div class="columns large-8 large-offset-1 medium-8 medium-offset-1">
+         {#  {{ pc.header.presentation}} #}
+          <div class="row" style="text-align:center;">
+            <div class="columns small-12 medium-10 medium-offset-1">
+              <h4>{{coa}}</h4>
+              {{t('COALITION')|e}}
+               <hr>
+            </div>
+
+            <div class="columns small-12 medium-10 medium-offset-1">
+              <h4>{{orga}}</h4>
+              {{t('ORGA')|e}}
+              <hr>
+            </div>
+            <div class="columns small-12 medium-10 medium-offset-1">
+
+              <h4>{{danger}}</h4>
+              {{t('MEMBER')|e}}
+              <hr>
+            </div>
+          </div>
+        </div>
+      </div>
+      {% for p in pc.children if p != page and p.slug != "tlp-europe" %}
+        <div class="row {{p.slug}} country" data-country="{{p.slug}}">
+          {# <a href="{{p.url}}"> #}
+          <div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
+            <h2>{{ p.title }}</h2>
+            <p>
+               {% if lang == "fr" %}
+              Crée en <b>{{ p.header.info.date }}</b><br/>
+              &#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
+              <u>Organisation coordinatrice</u>&nbsp;:<br/>
+              <b>{{ p.header.info.orga }}</b>
+              {% else %}
+              Created in <b>{{ p.header.info.date }}</b><br/>
+              &#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
+              <u>Coordinating organization</u>&nbsp;:<br/>
+              <b>{{ p.header.info.orga }}</b>
+              {% endif %}
+              
+            </p>
+          </div>
+          <div class="columns large-12 medium-12 seemore_container">
+
+          {% if lang == "fr" %}
+          <a class="seemore" href="{{p.url}}">En savoir plus </a>
+          {% else %}
+          <a class="seemore" href="{{p.url}}"> Learn more </a>
+          {% endif %}         
+            
+          </div>
+          {# </a> #}
+        </div>
+
+      {% endfor %}
+
+
+      {# fix bug #}
+
+      <div class="row country active_land unknow" data-country="unknow">
+          <a href="">
+          <div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
+           
+          </div>
+          <div class="columns large-12 medium-12 seemore_container">
+
+                  
+            
+          </div>
+          </a>
+        </div>
+
+    </div>
+    <div class="columns large-6 medium-6 small-12 map">
+      {% include 'partials/map.html.twig' %}
+    </div>
+    <script>
+      var url = $(location).attr('href'),
+          parts = url.split("/"),
+          last_part = parts[parts.length-1];
+
+      $("#"+last_part).addClass("current_coa");
+    </script>
+  </div>
+</div>
+</div>

themes/plain/templates/partials/head.html.twig

@@ -0,0 +1,57 @@
+<div class="columns large-12 medium-12 small-12">
+  <div class="row head">
+    {% if page.slug == "outils-et-ressources" %}
+      {% set source = page.header.media_thumbnail|first.name %}
+    {% else %}
+      {% set source = page.header.media_thumbnail %}
+    {% endif %}
+
+    {% if page.parent.slug != "coalitions" %}
+    {% if source %}
+    <div class="columns large-12 medium-12 small-12 image_wrapper">
+      <img src="{{ page.url }}/{{ source }}" alt="">
+    </div>
+    {% endif %}
+    <div class="columns large-12 medium-12 small-12 title_wrapper">
+      <div class="title row align-bottom">
+        <div class="columns large-7 medium-7 small-12">
+          <mark>{{ page.title }}</mark>
+        </div>
+      </div>
+    </div>
+
+    {% else %}
+      <div class="columns large-12 head_coa coa_intro">
+        <div class="row">
+          <div  style="background-color: white;" class="columns large-10 large-offset-1 medium-10 medium-offset-1 coa_info">
+            <div class="row">
+              <div class="columns small-6">
+                <h2>{{ page.title }}</h2>
+            <p>
+              {% if lang == "fr" %}
+              Créée en <b>{{ page.header.info.date }}</b><br/>
+              &#8213;&nbsp;<b>{{ page.header.info.nb }}</b> organisations<br/>
+              <u>Organisation coordinatrice</u>&nbsp;:<br/>
+              <b>{{ page.header.info.orga }}</b>
+              {% else %}
+              Created in <b>{{ page.header.info.date }}</b><br/>
+              &#8213;&nbsp;<b>{{ page.header.info.nb }}</b> organisations<br/>
+              <u>Coordinating organization</u>&nbsp;:<br/>
+              <b>{{ page.header.info.orga }}</b>
+              {% endif %}
+              
+            </p>
+              </div>
+              <div class="columns small-6">
+                <img src="{{ page.url }}/{{ source }}" alt=""></div>
+            </div>
+            
+          </div>
+        </div>
+
+      </div>
+    {% endif %}
+
+
+  </div>
+</div>

themes/plain/templates/partials/langswitcher.hreflang.html.twig

@@ -0,0 +1,9 @@
+{% set langobj = grav['language'] %}
+{% for key in langswitcher.languages %}
+{% if key == langswitcher.current %}
+	{% set lang_url = page.url %}
+{% else %}
+	{% set lang_url = base_url_simple ~ langobj.getLanguageURLPrefix(key) ~ langswitcher.page_route ~ page.urlExtension ?: '/' %}
+{% endif %}
+<link rel="alternate" hreflang="{{ key }}" href="{{ lang_url ~ uri.params }}" />
+{% endfor %}

themes/plain/templates/partials/langswitcher.html.twig

@@ -0,0 +1,30 @@
+<ul class="langswitcher">
+{% for language in langswitcher.languages %}
+
+    {% set show_language = true %}
+    {% if language == langswitcher.current %}
+        {% set lang_url = page.url %}
+        {% set active_class = ' active' %}
+    {% else %}
+        {% set base_lang_url = base_url_simple ~ grav.language.getLanguageURLPrefix(language) %}
+        {% set lang_url = base_lang_url ~ langswitcher.page_route ~ page.urlExtension %}
+        {% set untranslated_pages_behavior = grav.config.plugins.langswitcher.untranslated_pages_behavior %}
+        {% if untranslated_pages_behavior != 'none' %}
+            {% set translated_page = langswitcher.translated_pages[language] %}
+            {% if (not translated_page) or (not translated_page.published) %}
+                {% if untranslated_pages_behavior == 'redirect' %}
+                    {% set lang_url = base_lang_url ~ '/' %}
+                {% elseif untranslated_pages_behavior == 'hide' %}
+                    {% set show_language = false %}
+                {% endif %}
+            {% endif %}
+        {% endif %}
+        {% set active_class = '' %}
+    {% endif %}
+
+    {% if show_language %}
+        <li><a href="{{ lang_url ~ uri.params }}" class="external{{ active_class }}">{{ language }}</a></li>
+    {% endif %}
+
+{% endfor %}
+</ul>

themes/plain/templates/partials/navigation.html.twig

@@ -0,0 +1,92 @@
+{% macro menu(page) %}
+
+<ul class="vertical menu simple icon-top" style="display:none;">
+
+    {% for p in page.children %}
+      {% if p.slug != "coalitions" and p.published() %}
+
+        <li class="item "><a href="{{ p.url }}"><i class="fi-list"></i>{{ p.title }}</a>
+
+        {% if p.slug == "outils-et-ressources" and p.published() %}
+           
+          <ul class="subitem">
+            <li class=""><a href="{{ p.url }}/type:doc">Documents</a></li>
+            <li class=""><a href="{{ p.url }}/type:video">Video</a></li>
+            <li class=""><a href="{{ p.url }}/type:images">Photos</a></li>
+            <li class=""><a href="{{ p.url }}/type:newsletter">Newsletter</a></li>
+            <li class=""><a href="{{ p.url }}/type:pod">Podcasts</a></li>
+            <li class=""><a href="{{ p.url }}/type:media">Media</a></li>
+          </ul>
+        {% else %}
+          {% if p.slug == "nos-projets" %}
+            <ul class="subitem">
+            {% for c in p.children %}
+            
+              <li class=""><a href="{{ c.url }}">{{c.title}}</a></li>
+          
+            {% endfor %}
+          </ul>
+          {% endif %}
+        {% endif %} 
+        </li>
+        
+      {% endif %}
+    {% endfor %}
+
+    {% if grav.user.access.site.login == 1 %} <li><a href="{{ base_url }}/login">{{t('MEDIA.LOGOUT')|e}}</a></li> {% endif %}
+</ul>
+{% endmacro %}
+
+<ul class="nav columns large-11 medium-12 small-12 large-offset-1 medium-offset-0 small-offset-0">
+
+    <div class="row">
+      <div class="logo columns large-5 medium-6 small-9">
+        <a href="{{ base_url }}"><img src="{{ url('theme://images/logo.svg') }}" alt=""></a>
+      </div>
+      <div class="reseau large-5 large-offset-0 medium-5 medium-offset-0">
+        <div class="row">
+          <div class="columns large-2 align-self-bottom">
+            <a href="mailto:{{site.author.email}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+            </a>
+          </div>
+          <div class="columns large-1 align-self-bottom">
+            <a href="https://www.facebook.com/CampagneTournonslapage">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+            </a>
+          </div>
+          <div class="columns large-2 align-self-bottom">
+            <a href="https://twitter.com/TournonsLaPage/">
+            <img src="{{ url('theme://images/t.svg') }}" alt="">
+            </a>
+          </div>
+          <div class="columns large-2 align-self-bottom">
+            <a href="https://www.linkedin.com/company/tournons-la-page">
+            <img src="{{ url('theme://images/in.svg') }}" alt="">
+            </a>
+          </div>
+          <div class="columns large-2 align-self-bottom">
+            <a href="https://www.youtube.com/channel/UCj5XBLG7pHdvuZaUEmV1HbQ">
+            <img src="{{ url('theme://images/you.svg') }}" alt="">
+            </a>
+          </div>
+           <div class="columns large-1 align-self-bottom searchBar">
+                <a>
+                  <i style="color: #6c6d7d"class="fa fa-search" aria-hidden="true"></i>
+                </a>
+          </div>
+          <div class="columns large-2 align-self-bottom" >
+            {% include 'partials/langswitcher.html.twig' %}
+          </div>
+        </div>
+      </div>
+      <div class="large-1 columns large-offset-1 medium-1 small-2" style="position:relative" >
+        <div class="menu-container">
+          <div class="icon">
+            <div></div><div></div><div></div>
+          </div>
+          {{ _self.menu(pages) }}
+        </div>
+      </div>
+    </div>
+</ul>

themes/plain/templates/partials/pagination.html.twig

@@ -0,0 +1,34 @@
+{% set pagination = pagination|default(page.collection.params.pagination) %}
+{% set base_url = base_url|default(page.url) %}
+
+{% if pagination|length > 1 %}
+
+<ul class="pagination">
+    {% if pagination.hasPrev %}
+        {% set url =  (base_url ~ pagination.params ~ pagination.prevUrl)|replace({'//':'/'}) %}
+        <li><a rel="prev" href="{{ url }}">&laquo;</a></li>
+    {% else %}
+        <li><span>&laquo;</span></li>
+    {% endif %}
+
+    {% for paginate in pagination %}
+
+        {% if paginate.isCurrent %}
+            <li><span class="active">{{ paginate.number }}</span></li>
+        {% elseif paginate.isInDelta %}
+            {% set url = (base_url ~ pagination.params ~ paginate.url)|replace({'//':'/'}) %}
+            <li><a href="{{ url }}">{{ paginate.number }}</a></li>
+        {% elseif paginate.isDeltaBorder %}
+            <li class="gap"><span>&hellip;</span></li>
+        {% endif %}
+
+    {% endfor %}
+    {% if pagination.hasNext %}
+        {% set url = (base_url ~ pagination.params ~ pagination.nextUrl)|replace({'//':'/'}) %}
+        <li><a rel="next" href="{{ url }}">&raquo;</a></li>
+    {% else %}
+        <li><span>&raquo;</span></li>
+    {% endif %}
+</ul>
+
+{% endif %}

themes/plain/templates/partials/sidebar.html.twig

@@ -0,0 +1,76 @@
+<div class="row sidebar">
+  {% if page.header.danger == 1 %}
+    <div class="columns small-12 extra_content">
+    {% if lang == "fr" %}
+      <a href="{{page.find('membres-en-danger').url}}" >Nos membres en danger</a>
+      {% else %}
+        <a href="{{page.find('membres-en-danger').url}}" >Our members in danger</a>
+    {% endif %}
+      
+    </div>
+  {% endif %}
+  {% if page.slug == "appel-a-dons" %}
+    <div class="columns small-12 extra_content">
+    <iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/tournons-la-page/formulaires/1/widget-bouton" style="width:100%;height:70px;border:none;"></iframe>
+      
+    </div>
+  {% endif %}
+  {% for element in page.header.post_sidebar %}
+
+    <div class="columns large-12 medium-12 small-12">
+
+      {% set break = false %}
+      {% set value = "" %}
+      {% for key,type in element.type_info if not break %}
+        {% if type == true %}
+          {% set value = key %}
+          {% set break = true %}
+        {% endif %}
+      {% endfor %}
+
+      {% if value == 'pages'%}
+          {% set url_fetch = element.page  %}
+          {% set title = page.find(url_fetch).title %}
+          {% set tag = page.find(url_fetch).taxonomy.tag[0] %}
+          {% set url = base_url ~ element.page  %}
+      {% elseif value == 'url' %}
+          {% set url = element.url  %}
+          {% set title = element.title %}
+          {% set tag ="liens" %}
+      {% elseif value == 'ressources' %}
+          {% set title = element.ressources  %}
+          {% set ressources_collection = page.find("/outils-et-ressources").header%}
+          {% set break = false %}
+          {% for key,r in ressources_collection.images if not break %}
+            {% if r.title == title %}
+            {% set tag = r.tag[0] %}
+            {% set url = page.find("/outils-et-ressources").url~"/title:"~r.title|hyphenize %}
+            {% set break = true %}
+            {% endif %}
+          {% endfor %}
+          {% for key,r in ressources_collection.doc if not break %}
+            {% if r.title == title %}
+            {% set tag = r.tag[0] %}
+            {% set url = base_url ~"/"~r.doc|first.path %}
+            {% set break = true %}
+            {% endif %}
+          {% endfor %}
+          {% for key,r in ressources_collection.vid if not break %}
+            {% if r.title == title %}
+            {% set tag = r.tag[0] %}
+            {% set url = r.url %}
+            {% set break = true %}
+            {% endif %}
+          {% endfor %}
+      {% endif %}
+
+      <a target="_blank" href="{{url}}"><mark>{{ title }}</mark></a>
+      <span class="tag" ><span>{{ tag }}</span></span>
+
+
+    </div>
+
+  {% endfor %}
+
+
+</div>

themes/plain/templates/partials/slider.html.twig

@@ -0,0 +1,8 @@
+{{ _self.img(page) }}
+<div id="carousel">
+
+ {% for image in page.header.custom.gallery %}
+
+  {% endfor %}
+
+</div>

themes/plain/templates/partials/tntsearch.html.twig

@@ -0,0 +1,31 @@
+{% set url = url|default(base_url|rtrim('/') ~ '/' ~ config.get('plugins.tntsearch.query_route', 's')|trim('/')) %}
+{% set limit = limit|default(config.get('plugins.tntsearch.limit', 20)) %}
+{% set snippet = snippet|default(config.get('plugins.tntsearch.snippet', 300)) %}
+{% set min = min|default(config.get('plugins.tntsearch.min', 3)) %}
+{% set search_type = search_type|default(config.get('plugins.tntsearch.search_type', 'auto')) %}
+{% set placeholder = placeholder|default('Search...') %}
+{% set live_update = in_page ? live_update|default(config.get('plugins.tntsearch.live_uri_update', 1)) : 0 %}
+{% set nojs_action = config.get('plugins.tntsearch.search_route', '/search')|trim('/') %}
+
+{% set options = { uri: url, limit: limit, snippet: snippet, min: min, in_page: in_page, live_update: live_update, search_type: search_type } %}
+
+<form role="form" class="tntsearch-form columns small-10 small-offset-1" action="{{ nojs_action }}" method="get">
+    
+    {% block tntsearch_input %}
+    <div id="tntsearch-wrapper columns small-12" class="form-group{{ dropdown ? ' tntsearch-dropdown' : '' }}">
+        <input type="text" name="q" class="form-control form-input tntsearch-field{{ in_page ? ' tntsearch-field-inpage' : '' }}" data-tntsearch="{{ options|json_encode|e('html_attr') }}" placeholder="{{ placeholder }}" value="{{ not dropdown ? query|e : '' }}" autofocus>
+        <span class="tntsearch-clear"{{ not query or dropdown ? ' style="display: none;"' : '' }}>&times;</span>
+    </div>
+    {% endblock %}
+    <div class="tntsearch-results{{ in_page ? ' tntsearch-results-inpage' : '' }}">
+    {% if tntsearch_results is defined and tntsearch_results is not empty and in_page %}
+        {% include 'tntquery-ajax.html.twig' %}
+    {% endif %}
+    </div>
+
+    {% if config.get('plugins.tntsearch.powered_by') %}
+    <p class="tntsearch-powered-by">
+        {{ "PLUGIN_TNTSEARCH.POWERED_BY"|t("<a href='https://github.com/trilbymedia/grav-plugin-tntsearch' target='_blank'>TNTSearch</a>")|raw }}
+    </p>
+    {% endif %}
+</form>

themes/plain/templates/pays.html.twig

@@ -0,0 +1,69 @@
+{% extends 'partials/base.html.twig' %}
+
+
+{% block content %}
+{% include 'partials/head.html.twig' %}
+<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
+  {% include 'partials/sidebar.html.twig' %}
+</div>
+
+  <div class="post columns large-9 medium-9 small-12">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+        <div class="row info_post">
+          {% for cat in page.header.taxonomy.tag %}
+            {% if cat == "Tribune" %}
+                 {% set source = url('theme://images/trib.svg') %}
+            {% else %}
+                  {% set source = url('theme://images/com.svg') %}
+            {% endif %}
+
+            <div class=" columns large-12"><span class="post_cat"><img src="{{ source }}" alt="">  {{ cat }}</span>&nbsp;&nbsp;{{ (page.header.date != "") ? "Posté le "~page.header.date~", " : '' }} {{ (page.header.publish_date != "") ? "modifié le "~page.header.publish_date : '' }} {{ (page.header.author != "") ? "par "~page.header.author : '' }}</div>
+
+          {% endfor %}
+        </div>
+
+        <p>
+          {{ page.content }}
+        </p>
+
+
+      </div>
+
+    </div>
+
+  </div>
+
+{% endblock %}

themes/plain/templates/post.html.twig

@@ -0,0 +1,131 @@
+{% extends 'partials/base.html.twig' %}
+
+
+{% block content %}
+{% include 'partials/head.html.twig' %}
+<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
+  {% include 'partials/sidebar.html.twig' %}
+</div>
+
+  <div class="post columns large-9 medium-9 small-12">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{ uri.url }}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url }}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ uri.url  }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+        <div class="row info_post">
+          {% for cat in page.header.taxonomy.tag %}
+            {% if cat == "Tribune" %}
+                 {% set source = url('theme://images/trib.svg') %}
+            {% else %}
+                  {% set source = url('theme://images/com.svg') %}
+            {% endif %}
+
+            <div class=" columns large-12"><span class="post_cat"><img src="{{ source }}" alt="">  {{ cat }}</span>&nbsp;&nbsp;{{ (page.header.date != "") ? "Posté le "~page.header.date~", " : '' }} {{ (page.header.publish_date != "") ? "modifié le "~page.header.publish_date : '' }} {{ (page.header.author != "") ? "par "~page.header.author : '' }}</div>
+
+          {% endfor %}
+        </div>
+
+        <p>
+          {{ page.content }}
+        </p>
+
+
+      </div>
+
+    </div>
+
+  </div>
+  <div class="post_bottom columns large-12 ">
+    <div class="row">
+      <div class="columns large-12 medium-12 small-12">
+          <h1 class="inter" >{{ page.find('/actualites').title }}</h1>
+      </div>
+
+      {% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(0, 2) %}
+          {% set source = post.header.media_thumbnail %}
+          {% if source != null%}
+            {% set info = "url('"~post.url~"/"~source~"')" %}
+          {% else %}
+            {% set info = null %}
+          {% endif %}
+          <div class=" columns large-6 medium-6 medium-offset-0 small-8 small-offset-2 recent-posts">
+            <div  class=" row ">
+              <div  class="columns large-12 thumb_news">
+                <a style="background:{{ info }};" href="{{ post.url }}">
+                  <div class="row">
+                    <div class="columns large-8 align-self-bottom">
+                      <mark>{{ post.title }}</mark>
+                      <span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
+                    </div>
+                  </div>
+
+                </a>
+              </div>
+            </div>
+          </div>
+      {% endfor %}
+      {% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(2,3) %}
+      {% set source = post.header.media_thumbnail %}
+      {% if source != null%}
+        {% set info = "url('"~post.url~"/"~source~"')" %}
+      {% else %}
+        {% set info = null %}
+      {% endif %}
+          <div  class="columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 recent-posts">
+            <div  class=" row ">
+              <div  class="columns large-12 thumb_news">
+                <a style="background:{{ info }};" href="{{ post.url }}">
+                  <div class="row">
+                    <div class="columns large-11 align-self-bottom">
+                      <mark>{{ post.title }}</mark>
+                      <span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
+                    </div>
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+      {% endfor %}
+      <div class="columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 ">
+        <a class="seemore" href="../actualites"> voir toutes les actualités</a>
+      </div>
+    </div>
+  </div>
+  <script>
+  
+  $("p img").each(function(){
+    $(this).attr("src", window.location.href+"/"+$(this).attr("src"))
+  });
+
+</script>
+{% endblock %}

themes/plain/templates/power.html.twig

@@ -0,0 +1,159 @@
+{% extends 'partials/base.html.twig' %}
+
+
+{% block content %}
+
+{% include 'partials/head.html.twig' %}
+<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
+  <div class="row">
+    {% for module in page.header.sections %}
+      <div class="">
+        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
+      </div>
+    {% endfor %}
+  </div>
+
+</div>
+
+<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
+  <div class="row">
+      <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('\/home\/lappel').url}}" >L'appel</a>
+        {% else %}
+        <a href="{{page.find('\/home\/lappel').url}}" >Our plea</a>
+      {% endif %}
+        
+      </div>
+      <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('\/home\/5-questions').url}}" >5 questions pour comprendre la mobilisation</a>
+      {% else %}
+       <a href="{{page.find('\/home\/5-questions').url}}" >5 questions to understand mobilisation</a>
+      {% endif %}
+      </div>
+      <div class="columns small-12 extra_content">
+      {% if lang == "fr" %}
+        <a href="{{page.find('\/membres-en-danger').url}}" >Nos membres en danger</a>
+        {% else %}
+        <a href="{{page.find('\/membres-en-danger').url}}" >Our members in danger</a>
+      {% endif %}
+      </div>
+  </div>
+  {% include 'partials/sidebar.html.twig' %}
+</div>
+
+  <div class="post columns large-9 medium-9 small-12">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{uri.url}}">
+              <img src="{{ url('theme:\/\/images\/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}" target="_blank">
+              <img src="{{ url('theme:\/\/images\/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ uri.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme:\/\/images\/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme:\/\/images\/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+        <div class="columns  post_content podiums large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
+          {% set this_year = "now"|date('Y')|number_format %}   
+ 
+        {% if lang == "fr" %}
+            <h3 class="inter">TOP 10 DES DICTATEURS AU POUVOIR</h3>
+
+            {% else %}
+            <h3 class="inter">Top 10 dictators in power</h3>
+            {% endif %}
+            <p>{{ page.header.dictateurIntro }}</p>
+            <br>
+            <div class="row dictateurs">
+              {% set max = this_year|number_format - page.header.topDic|first.years|number_format %}
+              {% for dic in page.header.topDic %}
+                <div class="columns small-5 dicInfo">
+                  <b>
+                    {{ dic.name }},<br/>
+                    {{ dic.country }}
+                  </b>
+                </div>
+                <div class="columns small-7 align-self-middle">
+                  {% set c = this_year|number_format - dic.years|number_format %}
+                  
+                  {% set p =  c * 80 / max %}
+                  <div class="chartBar" style="height:100%; width:{{ p }}%">
+                    <span><b>{{ c * -1 }}</b></span>
+                  </div>
+                  <div class="crown" style="width:calc( 100% - {{ p }}%)">
+                      <img  src="{{uri.url}}/{{ dic.dicpic }}" alt="">
+                     <div class="crown_pic" style="content: url({{ url('theme:\/\/images\/crown.svg') }});" ></div>             
+
+                  </div>
+                </div>
+              {% endfor %}
+                <div class="columns small-5 dicInfo"></div>
+                <div class="columns small-7 align-self-middle">
+                  <div class="" style="height:100%; width:100%">
+                    <b>{{header.classementType}}</b>
+                  </div>
+                </div>
+
+            </div>
+            <br><br> 
+            {% if land == "fr" %}
+            <h3 class="inter">Classement - Pourcentage population ayant connu une même famille ou personne au pouvoir</h3>
+            {% else %}
+            <h3 class="inter">Ranking - Percentage of population having known the same family or person in power</h3>
+            {% endif %}
+            <div class="row countries">
+              {% for c in page.header.classement %}
+              <div class="columns small-6 country">
+
+
+                <div class="flag"><div class="percent">{{ c.perc }}%</div><img src="{{uri.url}}\/{{c.flag}}" alt=""></div>
+                <div class="cinfo">
+                  <span class="orange">{{c.name}}</span><br/>
+                  {{ c.info }}
+                </div>
+              </div>
+              {% endfor %}
+            </div>
+
+        </div>
+    </div>
+  </div>
+
+<script type="text/javascript">
+        
+        if($(".crown_pic").length > 0) {
+          $(".crown_pic").each(function(){
+            let angle =   Math.random() * 20 - 1;
+            console.log(angle);
+            $(this).css("transform", "rotate("+angle+"deg)")
+          });
+        }
+
+</script>
+
+
+{% endblock %}

themes/plain/templates/projects.html.twig

@@ -0,0 +1,119 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+  {% include 'partials/head.html.twig' %}
+
+  <div class="post columns large-12 medium-12 medium-offset-0 small-12 small-offset-0">
+    <div class="row">
+      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
+        <div class="row post_picto_container">
+          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
+            <div class="post_picto">
+              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
+              <img src="{{ url('theme://images/contact.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
+              <img src="{{ url('theme://images/f.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/t.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="columns large-12 medium-12 small-1">
+            <div class="post_picto">
+              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
+              <img src="{{ url('theme://images/in.svg') }}" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1" style="margin-bottom: 2rem;">
+
+        <div class="row">
+
+          <div class="columns small-12">
+            {{ page.content }}
+          </div>
+
+          {% if page.slug == "mediatheque" %}
+
+            <div class="columns small-12 ss_menu">
+               <hr>
+              <div class="row">
+               <div class="doc_b columns small-3">
+                {% if lang == "fr" %}
+                  <a class="selectable" data-type="film"   >Film</a>
+                  {% else %}
+                    <a class="selectable" data-type="film"   >Film</a>
+                {% endif %}
+                </div>
+                <div class="doc_b columns small-3">
+                {% if lang == "fr" %}
+                  <a class="selectable" data-type="ouvrage"   >Ouvrage</a>
+                  {% else %}
+                    <a class="selectable" data-type="ouvrage"   >Ouvrage</a>
+                {% endif %}
+                </div>
+                </div>
+            </div>
+          {% endif %}
+
+        {% for post in page.children %}
+          {% set source = post.header.media_thumbnail %}
+      {% if source != null%}
+        {% set info = "url('"~post.url~"/"~source~"')" %}
+      {% else %}
+        {% set info = null %}
+      {% endif %}
+      {% set c = "" %}
+      {% if post.header.type %}
+        {% set c = post.header.type|join(" ") %}
+      {% endif %}
+      {% if top_page.title != post.title %}
+      <div   class=" columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 sub-posts {{ c }} type">
+        <div  class=" row ">
+          <div  class="columns large-12 thumb_news thumb_sub">
+            <a class="sub_grid_lk" style="background:{{ info }} rgb(  233, 77, 26);" href="{{ post.url }}">
+              <div class="row">
+                <div class="sub_title columns large-8 align-self-bottom">
+                  <mark>{{ post.title }}</mark>
+                </div>
+              </div>
+
+            </a>
+          </div>
+        </div>
+      </div>
+      {% endif %}
+        {% endfor %}
+        </div>
+
+      </div>
+      {% if page.slug == "mediatheque" %}
+        <div class="columns small-12" style="margin-top:1rem">
+          <h1 class="inter">Je participe</h1>
+          <div class="columns small-10 small-offset-1 ">
+            {{header.textform}}
+          </div>
+          
+        </div>
+        <div class="columns small-10 small-offset-1 contact_form">
+          
+          {% include "forms/form.html.twig" %}
+        </div>
+      {% endif %}
+    </div>
+
+  </div>
+
+{% endblock %}

themes/plain/templates/ressources.html.twig

@@ -0,0 +1,278 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+{% set t = grav.uri.param('title') %}
+{% set type = grav.uri.param('type') %}
+
+
+{% include 'partials/head.html.twig' %}
+<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
+  <div class="row">
+    <div  class="doc_b">
+        {% if type and type =="doc"%}
+         {% set c = "select" %}
+        {% else %}
+          {% set c = " " %}
+        {% endif %}
+        <a class="selectable {{c}}" data-type="doc"  >Documents</a>
+      </div>
+      <div class="doc_b">
+      {% if type and type == "video"%}
+         {% set c = "select" %}
+      {% else %}
+          {% set c = " " %}
+      {% endif %}
+      {% if lang == "fr" %}
+        <a class="selectable {{c}}" data-type="video"   >Vidéos</a>
+        {% else %}
+          <a class="selectable {{c}}" data-type="video"   >Videos</a>
+        {% endif %}
+      </div>
+      <div class="doc_b">
+      {% if type and type =="images"%}
+       {% set c = "select" %}
+      {% else %}
+        {% set c = " " %}
+      {% endif %}
+
+      {% if lang == "fr" %}
+        <a class="selectable {{c}}" data-type="images"  >Photos</a>
+        {% else %}
+          <a class="selectable {{c}}" data-type="images"  >Pictures</a>
+        {% endif %}
+      </div>
+      <div class="doc_b">
+      {% if type and type =="pod"%}
+       {% set c = "select" %}
+      {% else %}
+        {% set c = " " %}
+      {% endif %}
+
+      {% if lang == "fr" %}
+        <a class="selectable {{c}}" data-type="pod"  >Podcasts</a>
+        {% else %}
+          <a class="selectable {{c}}" data-type="pod"  >Podcasts</a>
+        {% endif %}
+      </div>
+      <div class="doc_b">
+      {% if type and type =="newsletter"%}
+       {% set c = "select" %}
+      {% else %}
+        {% set c = " " %}
+      {% endif %}
+
+      {% if lang == "fr" %}
+        <a class="selectable {{c}}" data-type="newsletter"  >Newsletter</a>
+        {% else %}
+          <a class="selectable {{c}}" data-type="newsletter"  >Newsletter</a>
+        {% endif %}
+      </div>
+      <div class="doc_b">
+      {% if type and type =="media"%}
+       {% set c = "select" %}
+      {% else %}
+        {% set c = " " %}
+      {% endif %}
+
+      {% if lang == "fr" %}
+        <a class="selectable {{c}}" data-type="media"  >TLP dans les médias</a>
+        {% else %}
+          <a class="selectable {{c}}" data-type="media"  >TLP in the media</a>
+        {% endif %}
+      </div>
+  
+  
+<div class="columns medium-12 small-11 doc type">
+
+       {% if lang == "fr" %}
+        {% set arr = {
+        rapports : "Rapports de recherche",
+        admin : "Rapports d’activités et administratifs",
+        digital : "Outils numériques",
+        com: "Communiqués et tribunes"
+        } %}
+      {% else %}
+        {% set arr = {
+        rapports : "Research reports",
+        admin : "Activity and administrative reports",
+        digital : "Digital tools",
+        com: "Press releases and tribunes",
+      } %}
+      {% endif %}
+      
+     
+
+      <div class="row">
+      {% for key,section in arr %}
+        <div class="menu_selector column small-12" >
+          <a class="selector" data-section="{{key}}" onclick="displaysection(this)">{{section}}</a>
+        </div>
+      {% endfor %}  
+      {% for key,section in arr %}
+        <div class="section column small-12" >
+            <div data-type="{{key}}" class="row">
+          {% for item in page.header.doc %}
+              {% if item.docTag[0] == key %}
+              <div class="elem column small-4">
+                {% set id = item.url|split("=") %}
+
+                <a style="background-image:url('{{ page.url~'/'~item.thumbnail|first.name }}'); background-color: grey;" href="{{ page.url~'/'~item.doc|first.name }}">
+                    
+                </a>
+              </div>
+              <div class="doc_desc column small-8">
+                <div class="title">{{ item.title }}</div>
+                <br>
+                <p>{{ item.description }}</p>
+              </div>
+              {% endif %}
+            
+          {% endfor %}
+          </div>
+        </div>
+      
+      {% endfor %}
+      </div>
+    </div>
+    </div>
+  <div class="row doc_container">
+    <div class="columns medium-12 small-11 images type">
+      <div class="row">
+      {% for elem in page.header.images %}
+        {% if t == elem.title|hyphenize %}
+          {% set class = "requested" %}
+        {% else %}
+          {% set class = "" %}
+        {% endif %}
+        <div class=" elem columns small-4 {{ class }}">
+          <!-- <div class="overlay"></div> -->
+          {% for img in elem.image_list %}
+              <a style="background-image:url('{{page.url}}/{{img.name}}')" href="{{page.url}}/{{img.name}}" data-lightbox="{{ elem.title|hyphenize }}" data-title="{{ elem.title }} - {{ img.meta.caption }}">
+                <div class="title">{{ elem.title }} ({{ elem.image_list|length }} photos)</div>
+              </a>
+          {% endfor %}
+
+        </div>
+
+      {% endfor %}
+      </div>
+    </div>
+  </div>
+</div>
+    <div class="columns medium-12 small-11 video type">
+      <div class="row">
+      {% for elem in page.header.vid %}
+        <div class="elem columns small-4">
+          {% set id = elem.url|split("=") %}
+          <a style="background-image:url(' https://img.youtube.com/vi/{{ id[1]}}/0.jpg')" href="{{ elem.url }}">
+            <div class="title">{{ elem.title }}</div>
+          </a>
+        </div>
+      {% endfor %}
+      </div>
+    </div>
+
+    <div class="columns medium-12 small-11 pod type">
+      <div class="row">
+      {% for elem in page.header.pod %}
+        <div class="elem pod_thumb columns large-4 small-10 small-offset-1">
+          <mark>{{ elem.title }}</mark>
+          <img src="{{page.url}}/{{elem.thumbnail|first.name}}" alt="">
+          <br><br>
+          {% for audio in elem.file %}
+           <audio controls>
+            <source src="{{page.url}}/{{audio.path}}" type="{{audio.type}}">
+          Your browser does not support the audio element.
+          </audio>
+          {% endfor %}
+          <p>
+            {{ elem.desc }}
+          </p>
+        </div>
+      {% endfor %}
+      </div>
+    </div>
+
+    <div class="columns medium-12 small-11 newsletter type">
+      <div class="row">
+      {% for elem in page.header.nl %}
+        <div class="columns small-12" style ="margin-bottom:1rem;">
+        <a href="{{elem.url}}">
+        <div class="row">
+        <div class="newsletter_item small-12" >
+          
+          <h5>{{ elem.title }}</h5>
+        
+        </div>
+        </div>
+        </a>
+        </div>
+      {% endfor %}
+      </div>
+    </div>
+
+    <div class="columns medium-12 small-11 media type">
+      <div class="row">
+      {% for elem in page.header.media %}
+        <div class="columns small-12">
+        <a href="{{elem.url}}">
+        <div class="row">
+        <div class="elem pod_thumb columns small-4">
+          <img src="{{page.url}}/{{elem.thumbnail|first.name}}" alt="">
+        </div>
+        <div style="padding-left:1rem; margin:0;"class="elem small-8">
+          
+          <p><mark>{{ elem.title }}</mark><br></p>
+          <p><b>{{elem.date|date("d-m-Y")}}</b></p>
+          <p> {{ elem.desc }} </p>
+          
+        </div>
+        </div>
+        </a>
+        </div>
+      {% endfor %}
+      </div>
+    </div>
+
+    
+  </div>
+
+</div>
+
+
+<script>
+    lightbox.option({
+      'resizeDuration': 200,
+      'wrapAround': true
+    });
+
+    function displaysection(elem){
+      let v = $(elem).data("section");
+      if($(elem).hasClass("active")){
+        $('.selector').removeClass("active");
+         $(".section .row").show();
+      }else{
+        $('.selector').removeClass("active");
+        $(elem).addClass("active");
+        $(".section .row").hide();
+        $(".section").find(`[data-type='${v}']`).show();
+      }
+     
+
+    }
+
+    $(".selectable").each(function(){
+      if($(this).hasClass("select")){
+        console.log(this);
+        var e=$(this).data("type");
+        $(".type").hide();
+        $("."+e).show();
+      }
+      
+    });
+
+</script>
+
+
+
+{% endblock %}