actu + auto gall done

app.py

@@ -1,8 +1,11 @@
 from flask import Flask
-from flask import render_template, request
+from flask import render_template, request , send_from_directory
 from flask_flatpages import FlatPages
 import markdown2, os
 import random
+from pathlib import Path
+
+
 
 app = Flask(__name__)
 application = app 
@@ -11,9 +14,9 @@ FLATPAGES_EXTENSION = '.md'
 FLATPAGES_MARKDOWN_EXTENSIONS = ['extra']
 FLATPAGES_AUTO_RELOAD = True
 
+app.config['FLATPAGES_ROOT'] = 'pages'
 app.config['APPLICATION_ROOT'] = '/lpe'
 
-app.config.from_object(__name__)
 BASE_DIR = os.path.abspath(os.path.dirname(__file__))
 app.config.from_object(__name__)
 
@@ -28,20 +31,21 @@ def Liste_cat():
     catList = list(dict.fromkeys(catList))
     return catList 
 
-def imagelist(articlename):
+
-    dir_path = os.path.dirname(os.path.realpath(articlename))+'/pages/blog/'
+def get_article_images(article_path):
-    gallery_path = os.path.join(dir_path, articlename)
+    """Helper function to get images for a given article path."""
-    if os.path.exists(gallery_path):
+    article_folder = os.path.join(app.config['FLATPAGES_ROOT'], article_path)
-        images = [f for f in os.listdir(gallery_path) if f.endswith('.jpg') or f.endswith('.jpeg') or f.endswith('.png') or f.endswith('.gif')]
+    images = []
-        return gallery_path ,images
+    if os.path.isdir(article_folder):
-    else:
+        images = [img for img in os.listdir(article_folder) if img.endswith(('.jpg', '.jpeg', '.png', '.gif'))]
-        return None, None
+    return images
+
+
 
 @app.route('/')
 def index():
     pictoPath = os.listdir('./static/img/shape/') 
     pictoR = random.choice(pictoPath)
-    print(pictoR)
     page = pages.get_or_404('home')
     return render_template('home.html' , page=page , picto=pictoR)
 
@@ -56,26 +60,49 @@ def pageStat(path):
     return render_template('home.html' , page=page )
 
 
-@app.route('/pages/<path:path>')
-def serve_pages(path):
-    return send_from_directory('pages', path)
-
 @app.route('/blog/')
 def blog(): 
     articles = (p for p in pages if 'date' in p.meta and  'type' in p.meta and p.meta['type']=='blog')
-    latest = sorted(articles, reverse=True,
+    latest = sorted(articles, reverse=True,key=lambda p: p.meta['date'])
-                    key=lambda p: p.meta['date'])
     catList = Liste_cat()
     return render_template('archive.html', articles=latest , catList=catList  )
 
+
 @app.route('/actu/')
 def actu(): 
-    articles = (p for p in pages if 'date' in p.meta and  'type' in p.meta and p.meta['type']=='actu')
+    pictoPath = os.listdir('./static/img/shape/') 
-    latest = sorted(articles, reverse=True,
+    pictoR = random.choice(pictoPath)
-                    key=lambda p: p.meta['date'])
+    articles = (p for p in pages if 'date' in p.meta and  'category' in p.meta and p.meta['category']=='actu')
-    catList = Liste_cat()
+
-    return render_template('archive.html', articles=latest , catList=catList  )
+    articles_gal= []
+    for article in articles:
+        images = get_article_images(article.path)
+        articles_gal.append({
+            'article': article,
+            'images': images
+        })
     
+    latest = sorted(articles_gal, reverse=True, key=lambda p: p['article'].meta['date'])
+    catList = Liste_cat()
+    print(articles_gal)
+    return render_template('archive.html', articles=latest , picto=pictoR  )
+
+@app.route('/images/<path:filepath>')
+def image(filepath):
+    """Serve images from the pages folder dynamically."""
+    try:
+        # Use send_from_directory to serve the image
+        print(f"Serving image from: {filepath}")
+        return send_from_directory(app.config['FLATPAGES_ROOT'], filepath)
+    except FileNotFoundError:
+        # Return a 404 error if the file is not found
+        return 'File not found', 404
+
+#@app.route('/images/<path:filepath>')
+#def image(filepath):
+#    # Serve images from the correct folder
+#    return send_from_directory(app.config['FLATPAGES_ROOT'], filepath)
+#
 if __name__ == '__main__':
         app.run(host='0.0.0.0')
 

pages/a-propos.md

@@ -1,46 +0,0 @@
-title: a-propos
-date: 2020-04-13
-author: l'aile
-
-
-
-# Qui nous sommes?
-
-L'Aile est une maison de quartier située à Etterbeek, entre le métro Thieffry et la place Saint Pierre. Elle est implantée dans les logements sociaux de la Plaine de Boncelles et est ouverte à tous les enfants et les familles du quartier. L'Aile se concentre sur le soutien scolaire :  pour les enfants entre 6 et 16 ans et leurs parents.
-
-![image](/static/md_files/image/DSC01492.JPG){.filter}
-
-# Ce que nous faisons
-
-L’Aile est un espace d’accueil chaleureux où l’enfant peut trouver de l’aide, une écoute, des conseils, de la bienveillance, des activités culturelles et émancipatrices qui le soutiendront dans sa scolarité. Accueillir et soutenir l’enfant et sa famille de façon plurielle, serait une des manières de résumer la mission de notre maison de quartier.
-L'Aile organise des séances de soutien scolaire les jours de la semaine, après l’école. Les week-ends et pendant les vacances, nous organisons aussi des activités, des excursions, des ateliers, des stages.
-Vous pouvez consulter notre projet pédagogique et notre page Facebook pour en savoir plus sur notre travail.
-
-# Notre philosophie
-
-L’Aile veut donner une place à chaque enfant : avec ses spécificités, son histoire. Nous voulons que chacun et chacune puisse évoluer à son rythme, s’appuyer sur ses spécificités. En même temps, nous voulons encourager l’entraide, l’approche collective, le souci du partage, de la solidarité entre enfants, famille et habitant.e.s du quartier.
-Le rôle de l'Aile est, avec les écoles, de soutenir les enfants et les familles à tirer le meilleur de leur cursus scolaire, et ce malgré toutes les difficultés actuelles. Ce faisant, nous ne pouvons que nous faire écho des problèmes sociaux et des injustices qui frappent les enfants et les écoles. Nous voulons promouvoir une société plus égalitaire et plus solidaire.
-
-![image](/static/md_files/image/DSC01622.JPG){.filter}
-
-# Notre équipe
-
-L’Aile est sous la responsabilité de Camille.
-L’Aile c’est aussi une équipe de bénévoles pour encadrer les enfants après l’école, pour accompagner les excursions, pour aider aux tâches administratives.<br>
-Enfin, l’Aile est sous la responsabilité de son Conseil d’administration.
-
-
-# Partenaires :
-
-![Etterbeek](/static/md_files/image/logo_partenaire-laile_etterbeek.svg){.img-logo}
-
-![Fondation Roi Baudouin](/static/md_files/image/logo_partenaire-laile-fondation.svg){.img-logo}
-
-![ONE](/static/md_files/image/logo_partenaires.png){.img-logo}
-
-![Bruxelles Francophones](/static/md_files/image/Logo_Francophones_Bruxelles_GRIS.png){.img-logo}
-
-![Cocof](/static/md_files/image/logo-cocof.png){.img-logo}
-
-![Arc en ciel](/static/md_files/image/logo_arc_en_ciel.png){.img-logo}
-

pages/actu/article2.md

@@ -0,0 +1,19 @@
+---
+title: articles test
+author: marie
+date: "2024-10-25"
+category: actu
+desc: blup
+type: actu
+---
+
+
+*Des gens connus parlent de tout sauf de ce pour quoi ils sont connus.*
+
+Small Talk est une série de podcasts où David Castello-Lopes invite des personnalités connues pour leur parler de tout sauf de ce pour quoi elles sont connues. Armé d’une liste de questions toutes moins cruciales les unes que les autres, il les pose toutes, que son invité.e soit une humoriste, un rappeur ou même, un ancien président de la République…
+
+Ici, pas de spectacles, de livres, ou d’actualité, on parle des vraies choses : à quoi ils rêvent, ce qu’ils pensent d’eux-mêmes, des impôts, des déménagements...
+
+Et à la fin de chaque épisode, au moment où David fait un cadeau étrange à son invité, on a l’impression d’avoir fait partie de cette conversation, et on se dit que si on avait été dans la pièce on aurait sûrement eu des trucs à raconter.
+
+Small Talk est un podcast original Konbini sur une idée originale de David Castello-Lopes.

pages/actu/vimavim.md

@@ -1,9 +1,11 @@
-title: VIM basics
+---
-author: zvevqx
+title: La petite ecole 
-date: 2025-11-22
+author: marie
-category: linux
+date: "2024-10-22"
+category: actu
 desc: ws
 type: actu
+---
 
 
 
@@ -14,57 +16,5 @@ Vim is a powerful and popular text editor that runs in the command-line interfac
 ## Basic Vim Commands
 
 Here are some of the basic Vim commands you should know:
-
-* `i`: Enters insert mode, allowing you to insert text.
-* `Esc`: Exits insert mode and returns to command mode.
-* `:w`: Writes the file to disk.
-* `:q`: Quits Vim.
-* `:q!`: Quits Vim without saving changes.
-* `:wq`: Writes the file to disk and quits Vim.
-* `yy`: Copies the current line to the clipboard.
-* `dd`: Deletes the current line.
-* `p`: Pastes the clipboard contents after the cursor.
-* `/`: Searches for a pattern in the text.
-* `n`: Jumps to the next occurrence of the pattern.
-* `N`: Jumps to the previous occurrence of the pattern.
-
-## Advanced Vim Commands
-
-Here are some of the advanced Vim commands you can use to improve your editing workflow:
-
-* `u`: Undoes the last change.
-* `Ctrl + r`: Redoes the last change.
-* `o`: Inserts a new line below the cursor and enters insert mode.
-* `O`: Inserts a new line above the cursor and enters insert mode.
-* `:s/pattern/replacement/g`: Replaces all occurrences of a pattern with a replacement string.
-* `:%s/pattern/replacement/g`: Replaces all occurrences of a pattern with a replacement string in the entire file.
-* `:w !sudo tee %`: Writes the current file with sudo privileges.
-
-## Vim Cheat Sheet
-
-Here's a cheat sheet of common Vim commands:
-
-| Command | Description |
-| --- | --- |
-| `i` | Enter insert mode |
-| `Esc` | Exit insert mode |
-| `:w` | Write file |
-| `:q` | Quit Vim |
-| `:q!` | Quit Vim without saving |
-| `:wq` | Write file and quit |
-| `yy` | Copy current line |
-| `dd` | Delete current line |
-| `p` | Paste clipboard contents after cursor |
-| `/pattern` | Search for pattern |
-| `n` | Jump to next occurrence of pattern |
-| `N` | Jump to previous occurrence of pattern |
-| `u` | Undo last change |
-| `Ctrl + r` | Redo last change |
-| `o` | Insert new line below cursor |
-| `O` | Insert new line above cursor |
-| `:s/pattern/replacement/g` | Replace all occurrences of pattern with replacement |
-| `:%s/pattern/replacement/g` | Replace all occurrences of pattern with replacement in entire file |
-| `:w !sudo tee %` | Write file with sudo privileges |
-
 Use this cheat sheet as a reference as you become more familiar with Vim. With practice, you'll be able to use Vim to edit text with speed and efficiency.
 

pages/aider.md

@@ -1,37 +0,0 @@
-title: aider
-date: 2020-12-04
-author: l'aile
-
-
-
-
-# Devenir bénévole 
-
-L’Aile invite les habitant.e.s du quartier à s’impliquer de manière bénévole. Elles et ils soutiennent les enfants de leur quartier via notre programme de soutien scolaire ou pour d’autres tâches (administration, organisations d’ateliers, accompagnement lors d’excursions). Nous sommes convaincu.e.s que l’engagement volontaire et citoyen constitue une plus-value pour les enfants et les habitant.e.s. C’est pourquoi l’Aile travaille avec des bénévoles du quartier, de toutes les générations, tous les genres, toutes les cultures.
-
-[Devenir bénévole !](mailto:asb_aile@hotmail.com)
-
-![image](/static/md_files/image/DSC01445.JPG){.filter}
-
-# Nous soutenir financièrement
-
-Pour soutenir notre projet, vous pouvez aussi contribuer financièrement.<br>
-
-Ces dons serviront à :<br><br>
-    • Acheter du matériel scolaire <br>
-    • Faire appel aux services de psychologues et/ou logopède pour les enfants qui en ont besoin et n’ont pas trouvé de professionnel.le.s disponibles et conventionné.e.s.<br>
-    • Organiser des séjours et des camps pour les enfants.<br>
-    • Acheter des manuels scolaires récents.<br>
-    • Organiser des ateliers scientifiques et pédagogiques animés par des professionnel.le.s.<br>
-
-![image](/static/md_files/image/DSC01580.jpg){.filter}
-
-# Comment faire un don ?
-
-Verser votre contribution sur le compte de l’asbl arc-en-ciel (notre partenaire facilitant la récolte de fonds),<br>
-au n° BE41 6300 1180 0010.
-En communication libre, écrire : *Votre Nom et Prénom, votre adresse et Projet 66*
-
-N’oubliez pas de mentionner qu’il s’agit du projet 66.
-
-Dès 40€, l’asbl Arc-En-Ciel enverra, à votre adresse, une attestation fiscale, et ce dans le courant de l’année suivant le versement.

pages/image/logo_partenaire-laile-fondation.svg

@@ -1,125 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 97.8 39.1" style="enable-background:new 0 0 97.8 39.1;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#1E1E1C;}
-	.st1{clip-path:url(#SVGID_2_);fill:#1E1E1C;}
-	.st2{clip-path:url(#SVGID_4_);fill:#1E1E1C;}
-</style>
-<g>
-	<path d="M8,38.4c0.1,0,0.3-0.1,0.4-0.1c1.3-0.3,1.5-0.5,1.6-1.9c0.1-3.8,0.2-7.5,0.2-11.3c0-2-0.1-4-0.2-6
-		c-0.1-1.3-0.4-1.7-1.7-1.8c-0.2,0-0.5-0.1-0.7-0.2c0-0.1,0-0.1,0-0.2c0.1,0,0.3-0.1,0.4-0.1c2,0,4,0,6,0c0.8,0,1.6,0.1,2.4,0.2
-		c1.9,0.3,3.1,1.4,3.6,3.2c0.5,1.8,0,3.4-1.4,4.7c-0.6,0.5-1.3,1-2.1,1.5c0.2,0.1,0.3,0.1,0.5,0.2c2.9,0.8,4.6,3.3,4.4,6.3
-		c-0.2,3.3-2.3,5.7-5.4,5.9c-1.7,0.1-3.5,0-5.2,0c-0.8,0-1.5,0-2.3,0c-0.2,0-0.4-0.2-0.6-0.3C7.9,38.5,7.9,38.4,8,38.4z M13,26.1
-		c0.2,0,0.4,0,0.5,0.1c2,0.3,4.1-1.1,4.4-3.2c0.6-3.2-2-5.8-5.3-5.2c-0.4,0.1-0.5,0.3-0.5,0.7c0,6.1,0,12.3,0.1,18.4
-		c0,0.2,0.2,0.6,0.4,0.6c2.9,1,5.4-0.3,6.2-2.8c0.2-0.8,0.3-1.7,0.3-2.5c-0.1-2.6-2.1-5-4.4-5.3c-0.6-0.1-1.2,0-1.8,0
-		C12.9,26.7,12.9,26.5,13,26.1z"/>
-	<path d="M6.2,7.8c0.5,0,0.5,0,1.1,0.9C7.5,8.5,7.7,8.3,8,7.9c0.2,0.4,0.4,0.8,0.6,1.2C8.2,9.1,7.9,9.1,7.7,9
-		C7.6,9.1,7.6,9.2,7.5,9.2c0.4,0.3,0.8,0.6,1.2,0.8c0.1,0,0.5-0.3,0.4-0.4c0-0.3-0.2-0.6-0.3-0.9c-0.1-0.1-0.1-0.3,0-0.5
-		c0.3,0.4,0.6,0.9,0.9,1.2c0.2,0.2,0.5,0.1,0.8,0.1c-0.1-0.4-0.1-0.7-0.2-1.1c-0.3,0.1-0.5,0.1-0.9,0.2C9.4,8.6,9.2,8.2,9,7.7
-		C9.5,7.9,9.7,8,10,8.1c0,0,0.1-0.1,0.1-0.1C10,7.7,9.8,7.5,9.5,7.1C9.7,7,9.9,6.8,10.1,6.6l0,0c0.4,0.1,0.8,0.1,0.6,0.7
-		c-0.1,0.2,0.1,0.4,0.2,0.7c0.3-0.2,0.5-0.4,0.7-0.6c0.1,0.4,0.2,0.8,0.3,1.1c-0.1,0-0.2,0.1-0.2,0.1c-0.2-0.1-0.5-0.2-0.7-0.2
-		c0,0.2-0.1,0.5,0,0.6c0.2,0.3,0.5,0.5,0.8,0.7c0.1-0.2,0.3-0.4,0.4-0.6c0-0.3-0.1-0.6-0.1-0.8c0-0.1,0.1-0.3,0.1-0.4
-		c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.4,0.2,0.8,0.4,1.1c0.3,0.4,0.7,0.4,0.9-0.1c0.1-0.3,0.1-0.6,0.1-1c-0.3,0.1-0.6,0.2-1.1,0.3
-		c-0.1-0.3-0.1-0.7-0.2-1.1c0.5,0.1,0.7,0.2,1,0.2c-0.1-0.3-0.1-0.6-0.2-1.1c0.4,0,0.9,0,1.3,0c0,0.4-0.1,0.8-0.1,1.1
-		c0.3-0.1,0.5-0.2,0.9-0.3c0,0.4-0.1,0.8-0.1,1.1c-0.2,0-0.3,0-0.3,0c-0.3-0.1-0.6-0.2-0.9-0.3c0.1,0.4,0.2,0.8,0.3,1.2
-		c0.3-0.1,0.7-0.1,0.8-0.3c0.2-0.3,0.3-0.8,0.5-1.3c0.1,0.2,0.1,0.3,0.2,0.4C16.2,8.5,16,8.8,16.1,9c0,0.2,0.3,0.4,0.4,0.7
-		c0.3-0.2,0.6-0.4,0.8-0.7c0.1-0.1,0-0.4,0.1-0.6c-0.3,0.1-0.5,0.1-0.9,0.2c-0.1-0.1-0.2-0.2-0.3-0.4c0.2-0.2,0.4-0.5,0.6-0.7
-		c0.2,0.1,0.4,0.3,0.5,0.4c0.7-0.2-0.2-1.4,0.9-1.2l0,0c0.2,0.1,0.4,0.3,0.6,0.5c-0.2,0.3-0.4,0.6-0.6,0.8c0,0,0.1,0.1,0.1,0.1
-		c0.2-0.1,0.5-0.2,0.9-0.4c-0.2,0.5-0.3,0.8-0.5,1.3c-0.4-0.4-0.7-0.9-1-0.2c-0.1,0.2,0,0.6,0.1,0.9c0.3-0.1,0.6,0,0.8-0.2
-		c0.3-0.3,0.6-0.8,0.9-1.2c0.1,0.1,0.1,0.2,0.2,0.4c0,0-0.2,0.1-0.2,0.2c-0.1,0.4-0.2,0.8-0.2,1.2c0.4-0.1,0.8-0.3,1.2-0.5
-		c0.1-0.1,0.2-0.3,0.4-0.6c-0.4,0.1-0.7,0.1-1.1,0.1c0.2-0.4,0.4-0.8,0.6-1.2c0.3,0.3,0.4,0.5,0.7,0.9c0.1-0.3,0.2-0.5,0.3-0.7
-		c0.1-0.1,0.2-0.3,0.4-0.3c0.1,0,0.4,0.1,0.4,0.2c0,0.2-0.1,0.4-0.2,0.5c-0.7,0.9-1.4,1.7-2.2,2.6c-1.7-0.8-3.6-0.8-5.5-0.8
-		c-1.9,0-3.8,0-5.6,0.7c-0.7-0.9-1.5-1.7-2.3-2.6C6.3,8.2,6.3,8,6.2,7.8L6.2,7.8z"/>
-	<path d="M54.8,39c0-2.5,0-4.8,0-7.1c0.9,0,1.9-0.1,2.8,0c0.5,0.1,1.1,0.6,1.3,1c0.3,0.6,0.1,1.3-0.5,1.8c-0.1,0.1-0.2,0.2-0.3,0.3
-		c0.8,0.3,1.4,0.8,1.5,1.6c0.1,1-0.6,1.9-1.7,2.1C56.8,38.9,55.8,38.9,54.8,39z M55.6,35.4c0,0.7,0,1.2,0,1.7c0,1.1,0.1,1.2,1.2,1.1
-		c0.2,0,0.4-0.1,0.5-0.1c0.6-0.2,1-0.5,1-1.2c0-0.7-0.3-1.2-1-1.3C56.9,35.5,56.3,35.5,55.6,35.4z M55.7,34.8c0.8,0,1.7,0.2,2.1-0.6
-		c0.2-0.3,0.2-0.9,0-1.3c-0.5-0.8-1.3-0.6-2-0.5C55.7,33.2,55.7,34,55.7,34.8z"/>
-	<path d="M0.4,2.7c0,12,0,24.1,0,36.4c-0.2-0.3-0.4-0.4-0.4-0.5c0-0.2,0-0.4,0-0.6C0,26.5,0,15,0,3.5C0,3.3,0.1,3,0.1,2.7
-		C0.2,2.7,0.3,2.7,0.4,2.7z"/>
-	<path d="M28,38.9c0-12,0-24.1,0-36.4c0.2,0.3,0.4,0.4,0.4,0.5c0,0.2,0,0.4,0,0.6c0,11.5,0,23,0,34.5c0,0.3-0.1,0.6-0.1,0.9
-		C28.2,38.9,28.1,38.9,28,38.9z"/>
-	<path d="M35.4,31.8c0.9,0,1.8-0.1,2.7,0c0.8,0.1,1.5,0.5,1.7,1.4c0.2,0.9-0.1,1.6-0.7,2.1c-0.1,0.1-0.3,0.2-0.6,0.5
-		c0.9,0.8,1.7,1.7,2.6,2.5c0.1,0.1,0.2,0.2,0.3,0.4c-0.2,0.1-0.4,0.3-0.5,0.3c-0.4-0.1-0.8-0.2-1.1-0.5c-0.6-0.6-1.2-1.2-1.7-1.8
-		c-0.4-0.6-1-0.8-1.7-0.6c0,0.9,0,1.8,0,2.8c-0.3,0-0.6,0-0.9,0C35.4,36.5,35.4,34.2,35.4,31.8z M36.4,35.3c0.8,0.1,1.6,0.2,2.2-0.6
-		c0.4-0.6,0.4-1.2,0-1.8c-0.6-0.7-1.4-0.6-2.2-0.5C36.4,33.4,36.4,34.3,36.4,35.3z"/>
-	<path d="M8.6,13.4c1.7-1.1,9.6-1,11,0C18.4,14.5,10.2,14.5,8.6,13.4z"/>
-	<path d="M75.6,34.3c0-1,0-1.9,0-2.8c0.6-0.2,0.9-0.1,0.9,0.6c0,2.1,0,4.1,0,6.2c0,0.7-0.3,0.8-0.9,0.5c-0.1-0.1-0.3-0.1-0.4-0.1
-		c-0.9,0.4-1.8,0.4-2.5-0.4c-0.7-0.8-0.7-1.8-0.3-2.8c0.4-0.9,1.2-1.3,2.2-1.4C74.9,34.2,75.2,34.2,75.6,34.3z M75.6,36.5
-		c0-0.2,0-0.5,0-0.7c0-0.8-0.2-1-1-1c-0.8,0-1.3,0.5-1.4,1.3c-0.2,1.1,0.2,1.9,0.9,2.2c0.9,0.3,1.5-0.1,1.5-1.1
-		C75.6,36.9,75.6,36.7,75.6,36.5z"/>
-	<path d="M8.3,12.6c0.3-1.5,1.2-1.7,2.3-1.8c1.1-0.1,2.2-0.2,3.4,0c-0.3,0.2-0.5,0.4-0.8,0.6c1,0.8,1,0.8,2.1,0
-		c-0.3-0.2-0.5-0.4-0.8-0.6c0-0.1,0-0.2,0-0.3c1.5,0.2,3.1,0.4,4.6,0.6c0.8,0.1,0.6,0.9,0.8,1.4c-0.2,0.1-0.5,0.2-0.7,0.2
-		c-3.2-0.6-6.5-0.6-9.7-0.1C9.1,12.6,8.7,12.6,8.3,12.6z M16.3,11c-0.2,1-0.1,1.1,1.6,1c0-0.2,0-0.5,0-0.8
-		C17.4,11.1,16.9,11.1,16.3,11z M10.4,12c1.7-0.1,1.7-0.1,1.5-1C10.3,11.1,10.1,11.1,10.4,12z"/>
-	<path d="M57.2,24.5c-0.8,0.1-1.6,0.2-2.4,0.2c-1,0-1.6-0.8-1.8-1.9c-0.2-1.2,0.5-2.4,1.5-2.7c0.5-0.2,1.1-0.1,1.9-0.2
-		c0-0.6,0-1.4,0-2.1c0-0.6,0.3-0.7,0.8-0.5C57.2,19.7,57.2,22.2,57.2,24.5z M56.4,22.3c0-0.3,0-0.5,0-0.8c0.1-0.8-0.3-1-1-1
-		c-1.3,0-2,1.4-1.4,2.7c0.3,0.6,0.9,0.9,1.7,0.8c0.7-0.1,0.7-0.7,0.7-1.2C56.4,22.7,56.4,22.5,56.4,22.3z"/>
-	<path d="M36.3,24.7c-0.4,0-0.6,0-0.9,0c0-1.2,0-2.3,0-3.5c0-1.2,0-2.3,0-3.6c1.3,0,2.7,0,4,0c0,0.2,0,0.4,0,0.7c-1.1,0-2.1,0-3.1,0
-		c0,0.8,0,1.5,0,2.4c1,0,2,0,3,0c0.3,0.6,0.1,0.8-0.5,0.8c-0.8,0-1.6,0-2.5,0C36.3,22.6,36.3,23.6,36.3,24.7z"/>
-	<path d="M45.6,22.4c0,1.4-1,2.4-2.4,2.4c-1.4,0-2.4-1-2.4-2.4c0-1.4,1-2.3,2.4-2.4C44.6,19.9,45.6,20.9,45.6,22.4z M44.7,22.4
-		c0-1.1-0.6-1.9-1.5-1.8c-0.9,0-1.4,0.7-1.4,1.8c0,1.1,0.6,1.8,1.6,1.8C44.2,24.1,44.7,23.5,44.7,22.4z"/>
-	<path d="M76,22.4c0,1.4-1,2.4-2.4,2.4c-1.4,0-2.4-1-2.3-2.5c0-1.3,1.1-2.3,2.4-2.3C75.1,19.9,76,20.9,76,22.4z M75.2,22.4
-		c0-1.1-0.6-1.9-1.5-1.9c-0.9,0-1.5,0.7-1.5,1.7c0,1.1,0.6,1.9,1.6,1.8C74.6,24.1,75.2,23.5,75.2,22.4z"/>
-	<path d="M47.1,36.7c0,1.4-1,2.3-2.5,2.3c-1.4,0-2.3-1-2.3-2.4c0-1.4,1.1-2.4,2.5-2.4C46.2,34.2,47.1,35.2,47.1,36.7z M46.2,36.7
-		c0-1.1-0.6-1.9-1.5-1.9c-0.9,0-1.5,0.7-1.5,1.7c0,1.1,0.6,1.9,1.6,1.9C45.7,38.3,46.2,37.7,46.2,36.7z"/>
-	<path d="M78.7,24.6c-0.3,0-0.5,0-0.8,0c0-1.5,0-3,0-4.4c0.8-0.1,1.6-0.3,2.4-0.3c0.7,0,1.3,0.4,1.3,1.2c0.1,1.1,0,2.3,0,3.5
-		c-0.2,0-0.5,0-0.8,0c0-1,0-1.9,0-2.8c0-1-0.5-1.3-1.4-1.1c-0.5,0.1-0.8,0.3-0.8,0.9C78.7,22.6,78.7,23.6,78.7,24.6z"/>
-	<path d="M97.8,38.9c-0.2,0-0.5,0-0.8,0c0-1,0-1.9,0-2.8c0-1-0.5-1.3-1.5-1.1c-0.5,0.1-0.7,0.4-0.7,0.9c0,1,0,2,0,3.1
-		c-0.3,0-0.6,0-0.9,0c0-0.8,0-1.5,0-2.2c0-0.7,0-1.5,0-2.2c0.1-0.1,0.2-0.1,0.2-0.1c0.7,0.4,1.4,0,2-0.1c0.8-0.1,1.4,0.3,1.5,1
-		C97.8,36.4,97.8,37.6,97.8,38.9z"/>
-	<path d="M87.7,34.3c0.3,0,0.5,0,0.8,0c0,1.5,0,3,0,4.7c-0.4-0.1-0.7-0.2-1.1-0.3c-0.1,0-0.3,0.1-0.6,0.2c-1.2,0.3-2-0.2-2-1.4
-		c-0.1-1,0-2.1,0-3.1c0.3,0,0.5,0,0.9,0c0,0.9,0,1.9,0,2.8c0,1,0.6,1.5,1.6,1c0.2-0.1,0.5-0.5,0.5-0.7
-		C87.8,36.4,87.7,35.4,87.7,34.3z"/>
-	<path d="M83,36.6c0,1.4-1,2.4-2.4,2.4c-1.4,0-2.4-1-2.3-2.4c0-1.4,1-2.3,2.4-2.4C82,34.1,83,35.1,83,36.6z M82.1,36.6
-		c0-1.1-0.7-1.9-1.6-1.9c-0.9,0-1.5,0.7-1.5,1.7c0,1.1,0.6,1.8,1.6,1.8C81.5,38.4,82.1,37.7,82.1,36.6z"/>
-	<path d="M70.4,39c-0.9-0.7-1.8,0.1-2.7-0.1c-0.7-0.1-1.1-0.6-1.1-1.3c0-0.9-0.1-1.8,0-2.6c0-0.7,0-0.7,0.9-0.6c0,0.9,0,1.8,0,2.8
-		c0,1,0.6,1.5,1.6,1.1c0.3-0.1,0.5-0.5,0.5-0.8c0.1-1,0-2,0-3c0.3,0,0.6,0,0.8,0C70.4,35.9,70.4,37.3,70.4,39z"/>
-	<path d="M63.3,24.1c-0.7,0.8-1.1,0.8-1.7,0.2c-0.4,0.1-0.8,0.3-1.1,0.4c-0.6,0.1-1.1-0.2-1.3-0.8c-0.2-0.6,0-1.2,0.6-1.5
-		c0.4-0.2,0.8-0.3,1.2-0.4c0.4-0.1,0.7-0.1,0.6-0.6c0-0.5-0.2-0.8-0.7-0.8c-0.5,0-1,0.2-1.6,0.3c0-0.2,0-0.5,0.1-0.5
-		c0.7-0.4,1.4-0.7,2.3-0.4c0.8,0.3,0.7,0.9,0.7,1.6c0,0.5,0,1,0,1.4C62.3,23.7,62.4,24.2,63.3,24.1z M61.4,22.5
-		c-1,0-1.7,0.4-1.5,0.9c0.1,0.3,0.6,0.6,0.9,0.7C61.5,24.1,61.6,23.7,61.4,22.5z"/>
-	<path d="M65.2,38.3c-0.6,0.8-1,0.8-1.7,0.2c-0.4,0.1-0.8,0.3-1.2,0.4c-0.6,0.1-1.1-0.3-1.3-0.9c-0.2-0.6,0-1.1,0.5-1.4
-		c0.4-0.2,0.9-0.3,1.3-0.5c0.2-0.1,0.6-0.4,0.5-0.5c-0.1-0.3-0.3-0.8-0.5-0.8c-0.5-0.1-1.1,0.1-1.8,0.2c0-0.1,0-0.4,0.1-0.5
-		c0.6-0.2,1.3-0.4,2-0.4c0.6,0,1,0.5,1,1.2c0,0.7,0,1.3,0,2C64.2,38,64.4,38.5,65.2,38.3z M63.4,36.7c-1,0-1.6,0.4-1.6,0.9
-		c0,0.6,0.4,0.8,0.9,0.7C63.4,38.3,63.6,37.9,63.4,36.7z"/>
-	<path d="M47.4,19.9c0.8,0.6,1.5,0.1,2.3,0c0.7-0.1,1.4,0.4,1.4,1.1c0.1,1.2,0,2.4,0,3.6c-0.2,0-0.5,0-0.7,0c0-0.1-0.1-0.2-0.1-0.2
-		c0-0.9,0-1.7,0-2.6c0-0.8-0.3-1.2-1.1-1.2c-0.8,0-1.1,0.3-1.1,1.2c0,0.9,0,1.8,0,2.8c-0.3,0-0.5,0-0.8,0
-		C47.4,23.1,47.4,21.6,47.4,19.9z"/>
-	<path d="M67,23.7c0,0.8-0.6,0.9-1.1,1c-0.7,0.1-1.1-0.2-1.2-0.9c-0.1-0.7,0-1.4,0-2.1c0-0.3,0-0.6,0-0.8c-0.3-0.2-0.5-0.3-0.7-0.5
-		c0.2-0.1,0.4-0.2,0.6-0.4c0.1-0.2,0.2-0.4,0.3-0.6c0.1-0.2,0.3-0.4,0.4-0.6c0.1,0,0.1,0.1,0.2,0.1c0,0.3,0.1,0.7,0.1,0.9
-		c0.4,0.4,1.2-0.2,1.4,0.7c-0.5,0-0.9,0.1-1.4,0.1c0,0.9-0.1,1.8,0,2.8C65.6,24.1,65.9,24.1,67,23.7z"/>
-	<path d="M12.7,3.5c1,0.8,2,0.8,3,0c-0.3,0.9-0.6,1.8-0.9,2.8c-0.4,0-0.8,0-1.2,0C13.2,5.3,13,4.4,12.7,3.5z"/>
-	<path d="M49.7,38.9c-0.3,0-0.5,0-0.8,0c0-1.5,0-3,0-4.5c0.3,0,0.5,0,0.8,0C49.7,35.9,49.7,37.3,49.7,38.9z"/>
-	<path d="M90.9,34.3c0.3,0,0.5,0,0.7,0c0,1.5,0,3,0,4.5c-0.2,0-0.4,0-0.7,0.1C90.9,37.4,90.9,35.9,90.9,34.3z"/>
-	<path d="M68.7,20.1c0.2,0,0.5,0,0.8,0c0,1.4,0,2.8,0,4.2c0,0.2-0.4,0.3-0.7,0.6C68.7,23.2,68.7,21.7,68.7,20.1z"/>
-	<path d="M15.2,2.7c-0.1,0.7-0.5,1-1,1c-0.6,0-1-0.2-1.2-1C13.8,2.7,14.5,2.7,15.2,2.7z"/>
-	<path d="M15,2.2c-0.4-0.3-0.8-0.6-1.2-0.9c0,0,0.1-0.2,0.1-0.2c-0.6-0.3-0.3-0.6,0-0.9c0,0,0-0.1,0-0.1C14,0.1,14.3,0,14.3,0
-		c0.2,0.2,0.4,0.5,0.5,0.8c0,0-0.3,0.2-0.5,0.3c0.2,0.3,0.5,0.6,0.8,1C15.1,2.1,15.1,2.2,15,2.2z"/>
-	<path d="M6.3,7.8C5.9,7.9,5.4,8.1,5.2,7.6C5.1,7.4,5.1,7,5.2,6.9c0.1-0.2,0.6-0.2,0.7-0.2C6.1,7,6.1,7.4,6.3,7.8
-		C6.2,7.8,6.3,7.8,6.3,7.8z"/>
-	<path d="M22.7,4.4c-0.5,0.3-0.7,0.6-1,0.6c-0.2,0-0.6-0.4-0.6-0.6c0-0.2,0.3-0.6,0.5-0.6C21.9,3.9,22.2,4.2,22.7,4.4z"/>
-	<path d="M17.4,3.4C17,3.7,16.7,4,16.4,4c-0.2,0-0.6-0.4-0.6-0.6c0.1-0.3,0.4-0.6,0.6-0.6C16.7,2.8,17,3.1,17.4,3.4z"/>
-	<path d="M18.5,4.1c-0.2,0-0.4,0.1-0.5,0c-0.3-0.2-0.5-0.4-0.7-0.6c0.2-0.2,0.4-0.4,0.7-0.6c0.2,0.2,0.4,0.4,0.6,0.7
-		C18.6,3.7,18.5,3.9,18.5,4.1C18.5,4.1,18.5,4.1,18.5,4.1z"/>
-	<path d="M22.8,6.6c-0.3-0.4-0.7-0.7-0.6-0.9c0-0.3,0.3-0.6,0.6-0.7c0.1,0,0.6,0.3,0.6,0.5C23.3,5.9,23,6.1,22.8,6.6z"/>
-	<path d="M23.5,7.2c-0.4,0.3-0.7,0.6-0.9,0.6c-0.3-0.1-0.5-0.4-0.7-0.6c0.2-0.2,0.4-0.5,0.7-0.6C22.8,6.6,23.1,6.9,23.5,7.2z"/>
-	<path d="M18.2,6.7c0,0,0-0.1,0-0.1c0-0.3-0.1-0.7,0-1c0-0.1,0.5-0.2,0.7-0.1c0.2,0.1,0.4,0.6,0.3,0.6c-0.2,0.2-0.5,0.4-0.8,0.5
-		C18.3,6.7,18.3,6.6,18.2,6.7C18.2,6.6,18.2,6.7,18.2,6.7z"/>
-	<path d="M11.8,4.3c-0.3-0.4-0.6-0.7-0.6-0.9c0-0.2,0.3-0.6,0.6-0.6c0.2,0,0.6,0.3,0.6,0.5C12.4,3.6,12.1,3.9,11.8,4.3z"/>
-	<path d="M10.1,6.6c-0.2,0-0.4,0.1-0.5,0C9.4,6.5,9.2,6.2,9,6c0.2-0.2,0.4-0.4,0.7-0.6c0.2,0.3,0.4,0.5,0.6,0.8
-		C10.3,6.3,10.1,6.5,10.1,6.6C10.1,6.6,10.1,6.6,10.1,6.6z"/>
-	<path d="M8.8,4C8.4,4.3,8.2,4.6,8,4.6C7.8,4.6,7.4,4.3,7.4,4c0-0.2,0.3-0.6,0.5-0.6C8.1,3.4,8.4,3.7,8.8,4z"/>
-	<path d="M5.5,4.8c0.3,0.4,0.7,0.7,0.7,0.9c0,0.2-0.3,0.6-0.6,0.6C5.4,6.4,5,6,5,5.8C5,5.6,5.2,5.3,5.5,4.8z"/>
-	<path d="M21.3,3.9c-0.4,0.3-0.7,0.6-0.9,0.6c-0.3,0-0.6-0.4-0.6-0.6c0-0.2,0.3-0.6,0.6-0.6C20.5,3.3,20.8,3.6,21.3,3.9z"/>
-	<path d="M18.5,4.1C18.5,4.1,18.5,4.1,18.5,4.1c0.4-0.2,0.8-0.2,1,0.3c0.1,0.2,0,0.6-0.2,0.7c-0.1,0.1-0.5,0.1-0.7,0
-		C18.2,4.8,18.2,4.4,18.5,4.1z"/>
-	<path d="M6.5,5.5C6.2,5.1,5.9,4.8,5.9,4.6C6,4.4,6.3,4,6.5,4c0.2,0,0.6,0.3,0.6,0.5C7.1,4.8,6.8,5,6.5,5.5z"/>
-	<path d="M10.2,4.7C9.8,4.9,9.5,5.3,9.3,5.2C9.1,5.1,8.9,4.8,8.7,4.6C8.9,4.4,9.1,4,9.3,4C9.6,4,9.8,4.3,10.2,4.7z"/>
-	<path d="M11.2,3.5c-0.4,0.3-0.7,0.6-0.9,0.6c-0.3-0.1-0.5-0.4-0.7-0.6c0.2-0.2,0.4-0.5,0.7-0.6C10.5,2.9,10.8,3.2,11.2,3.5z"/>
-	<path d="M91.2,31.5c0.3,0.4,0.6,0.6,0.6,0.8c0,0.2-0.3,0.5-0.5,0.5c-0.1,0-0.5-0.3-0.5-0.5C90.8,32.1,91,31.9,91.2,31.5z"/>
-	<path d="M50.1,32.3c-0.4,0.3-0.6,0.6-0.8,0.5c-0.2,0-0.5-0.3-0.5-0.6c0-0.1,0.3-0.5,0.5-0.5C49.4,31.8,49.7,32,50.1,32.3z"/>
-	<path d="M69,17.3c0.3,0.4,0.5,0.6,0.6,0.8c0,0.2-0.3,0.5-0.4,0.5c-0.2,0-0.5-0.3-0.6-0.5C68.5,17.9,68.8,17.7,69,17.3z"/>
-</g>
-</svg>

pages/image/logo_partenaire-laile_etterbeek.svg

@@ -1,81 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 81.7 24.5" style="enable-background:new 0 0 81.7 24.5;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#1E1E1C;}
-	.st1{clip-path:url(#SVGID_2_);fill:#1E1E1C;}
-	.st2{clip-path:url(#SVGID_4_);fill:#1E1E1C;}
-</style>
-<g>
-	<g>
-		<path class="st0" d="M47.6,19.4v-2.1c0-1.9-1.5-3.5-3.5-3.5h-0.2c-0.8,0-1.5,0.3-1.9,0.7v-4.4c0-0.5-0.4-0.8-0.8-0.8
-			s-0.8,0.3-0.8,0.8v8.1c0.6,0.2,1.1,0.4,1.6,0.5v-1.6c0-1,0.9-1.7,1.8-1.7H44c1,0,1.9,0.8,1.9,1.8v2.1c0.3,0,0.7,0,1,0
-			C47.1,19.4,47.3,19.4,47.6,19.4 M40.4,20.8v3c0,0.5,0.4,0.8,0.8,0.8c0.4,0,0.7-0.2,0.8-0.6c0.3,0.3,0.9,0.6,1.9,0.6H44
-			c1.6,0,3-1.1,3.4-2.6c-0.2,0-0.4,0-0.5,0c-0.4,0-0.8,0-1.2,0c-0.3,0.6-0.9,1-1.7,1h-0.2c-1,0-1.8-0.6-1.8-1.6
-			C41.5,21.1,40.9,21,40.4,20.8"/>
-		<path class="st0" d="M73.9,23.7c0,0.4-0.3,0.8-0.8,0.8c-0.3,0-0.5-0.1-0.7-0.4l-2.7-4.8l-1.5,1.6v2.8c0,0.5-0.4,0.8-0.8,0.8
-			s-0.8-0.3-0.8-0.8V10.1c0-0.5,0.4-0.8,0.8-0.8s0.8,0.3,0.8,0.8v8.4l4.1-4.4c0.2-0.2,0.4-0.3,0.6-0.3c0.5,0,0.8,0.4,0.8,0.8
-			c0,0.2-0.1,0.4-0.2,0.6l-2.7,2.9l3,5.2C73.8,23.5,73.9,23.6,73.9,23.7"/>
-		<path class="st0" d="M15,23.7c0,0.4-0.2,0.8-0.8,0.8c-1.6,0-2.8-1.3-2.8-2.8v-6.2h-0.8c-0.5,0-0.8-0.4-0.8-0.8
-			c0-0.4,0.3-0.8,0.8-0.8h0.8v-3.8c0-0.5,0.4-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v3.8h1.2c0.5,0,0.8,0.4,0.8,0.8
-			c0,0.4-0.3,0.8-0.8,0.8H13v6.1c0,0.8,0.6,1.2,1.3,1.2C14.8,22.9,15,23.3,15,23.7"/>
-		<path class="st0" d="M21.7,23.7c0,0.4-0.2,0.8-0.8,0.8c-1.6,0-2.8-1.3-2.8-2.8v-6.2h-0.8c-0.5,0-0.8-0.4-0.8-0.8
-			c0-0.4,0.3-0.8,0.8-0.8H18v-3.8c0-0.5,0.4-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v3.8h1.2c0.5,0,0.8,0.4,0.8,0.8
-			c0,0.4-0.3,0.8-0.8,0.8h-1.2v6.1c0,0.8,0.6,1.2,1.3,1.2C21.4,22.9,21.7,23.3,21.7,23.7"/>
-		<path class="st0" d="M30.6,19.1v-1.8c0-2-1.6-3.5-3.5-3.5h-0.2c-1.9,0-3.5,1.6-3.5,3.5V21c0,2,1.6,3.5,3.5,3.5h0.2
-			c1.5,0,2.6-0.8,3.2-2c0.1-0.1,0.1-0.2,0.1-0.4c0-0.5-0.4-0.8-0.8-0.8c-0.3,0-0.6,0.2-0.7,0.5c-0.3,0.6-0.8,1.1-1.7,1.1h-0.2
-			c-1,0-1.8-0.8-1.8-1.8v-1.1h4.7C30.2,19.9,30.6,19.5,30.6,19.1 M28.9,18.4H25v-1.1c0-1,0.8-1.8,1.9-1.8h0.2c1,0,1.8,0.8,1.8,1.9
-			V18.4z"/>
-		<path class="st0" d="M38.2,15.4c0,0.5-0.4,0.8-0.8,0.8c-0.2,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.5-0.5-1-0.5c-1.3,0-1.5,0.8-1.5,1.5v6.8
-			c0,0.6-0.4,0.8-0.8,0.8c-0.4,0-0.8-0.3-0.8-0.8v-9c0-0.5,0.4-0.8,0.8-0.8c0.3,0,0.6,0.1,0.7,0.4c0,0,0.4-0.4,1.6-0.4
-			c0.8,0,1.7,0.3,2.3,1.1C38.1,15.1,38.2,15.2,38.2,15.4"/>
-		<path class="st0" d="M8.4,23.6c0,0.4-0.2,0.8-0.8,0.8H0.8C0.4,24.4,0,24,0,23.6V10.2c0-0.4,0.4-0.8,0.8-0.8h6.8
-			c0.6,0,0.8,0.4,0.8,0.8c0,0.4-0.2,0.8-0.8,0.8h-6v4.8h4.1c0.5,0,0.8,0.4,0.8,0.8c0,0.4-0.3,0.8-0.8,0.8H1.6v5.3h6
-			C8.2,22.8,8.4,23.2,8.4,23.6"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_1_" d="M52.7,16.5c0.5-0.8,0.9-1.3,1.4-1.7c0.3-0.2,0.7-0.4,0.9-0.5c0,0,0,0,0,0h0c0,0,0.1,0,0.1,0
-				c0,0,0.1,0.1,0.1,0.3c0,0.1,0,0.3,0,0.5c-0.3,1.9-2,3.2-3.6,4C52,18,52.4,16.9,52.7,16.5 M58.2,18.3c0.5-1.4,1.2-2.6,2-3.5
-				c0.3-0.4,1-1,1.4-1c0,0,0,0,0,0c0.1,0,0.2,0,0.3,0.1c0,0,0,0.1,0,0.1c0,0.2-0.1,0.6-0.6,1.3l-0.1,0.1c-0.7,1.1-1.6,2-2.3,2.7
-				c-0.3,0.3-0.7,0.7-1.2,1.1C58,18.9,58.1,18.6,58.2,18.3 M72.3,10.3c-2.4,3.8-5,6.7-7.8,9.1c-0.9,0.8-3.5,2.9-5.5,3
-				c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.4,0-0.7-0.2-0.9-0.5c-0.1-0.3-0.2-0.6-0.2-1c0,0,0,0,0,0c0.1,0,0.1-0.1,0.2-0.1
-				c1.3-1,2.5-2.2,3.5-3.4l0,0c0.7-0.8,1.5-1.9,1.8-3c0-0.1,0-0.3,0-0.4c0-0.3-0.1-0.6-0.2-0.8c-0.2-0.3-0.5-0.5-1-0.5
-				c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0c-1.1,0.1-1.9,1-2.4,1.7c-1,1.3-1.7,2.9-2.2,4.6c-0.1,0.3-0.2,0.8-0.3,1.3
-				c-1.3,1-2.4,1.5-3.5,1.7c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.2-0.3-0.6-0.3-1.2
-				c0-0.1,0-0.2,0-0.3c0,0,0,0,0,0c2.4-0.9,4.3-2.7,4.8-4.7c0.1-0.4,0.2-0.7,0.2-1c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1-0.5
-				c0,0-0.1,0-0.1,0c-0.6,0.1-1.2,0.4-1.4,0.5c-1.7,1.1-2.6,3.3-2.9,4.5c-0.2,0.5-0.3,1-0.4,1.4c-0.7,0.2-1.4,0.3-2.2,0.4
-				c-0.4,0-0.8,0.1-1.2,0.1c-2.4,0-5-0.6-8.3-1.8c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c-0.3,0-0.5,0.2-0.5,0.5c0,0,0,0.1,0,0.1
-				c0,0.2,0.1,0.4,0.3,0.5c3.4,1.3,6.2,1.9,8.7,1.9c0.4,0,0.9,0,1.3-0.1c0.7-0.1,1.4-0.2,2-0.3c0,0.8,0.3,1.4,0.7,1.9
-				c0.4,0.4,1,0.7,1.7,0.7c0.1,0,0.2,0,0.3,0c1-0.1,2.2-0.6,3.7-1.6c0.1,0.5,0.3,0.9,0.6,1.2c0.4,0.5,1,0.7,1.6,0.7h0
-				c0.1,0,0.2,0,0.3,0c2-0.2,4.5-2.3,5.4-3.1c3-2.6,5.6-5.8,8.1-10l0,0l0,0c0,0,0,0,0,0C72.4,10.4,72.4,10.3,72.3,10.3L72.3,10.3
-				L72.3,10.3z"/>
-		</defs>
-		<use xlink:href="#SVGID_1_"  style="overflow:visible;fill:#1E1E1C;"/>
-		<clipPath id="SVGID_2_">
-			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-		</clipPath>
-		<rect x="37.9" y="10.3" class="st1" width="34.7" height="13.4"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_3_" d="M73.9,3c0.8,0.4,1.6,0.4,2.1,0.3c0,0,0,0,0,0c-0.4,0.1-1.4,0.3-2.4-0.2c-0.2-0.1-0.5-0.2-0.7-0.4
-				c-0.7,0-1.4-0.1-1.8-0.1c-0.4-0.1-0.5,0.5-0.1,1c0.4,0.6,1.4,1.1,3.2,1c0.6,0,1.1-0.3,1.5-0.6c0,0.1,0,0.2,0,0.2
-				c-0.2,0-0.5,0.3-0.6,0.6c-0.1,0.3-0.2,0.5-0.2,0.7l-2.3,3.9c-0.1,0.2-0.1,0.4,0.1,0.4c0.1,0.1,0.3,0,0.4-0.1l2.3-3.9
-				c0.2-0.1,0.4-0.3,0.5-0.5c0.2-0.3,0.2-0.6,0.2-0.8c0.1,0,0.1-0.1,0.2-0.1c-0.1,0.5-0.1,1.1,0.2,1.6c1.5,3.1,3.8,2.3,3.3,1.6
-				c-0.2-0.3-0.6-0.8-1-1.5c-0.2-0.1-0.4-0.2-0.6-0.4c-0.9-0.6-1.2-1.6-1.3-2c0,0,0,0,0,0C77,4.2,77.4,5,78.1,5.5
-				c2.9,1.9,4.2,0.4,3.4,0.1c-0.9-0.4-4.2-2.2-4.4-2.3c0-0.1,0-0.3,0-0.4c0.1,0,0.1-0.1,0.2-0.1c0,0,0,0,0,0c0.1,0.1,0.2,0,0.3-0.1
-				c0.1-0.1,0-0.2-0.1-0.3c-0.1,0-0.1,0-0.2,0c0-0.1-0.1-0.2-0.2-0.2c-0.1-0.1-0.2-0.1-0.3,0c0-0.1,0-0.1-0.1-0.1
-				c-0.1-0.1-0.2,0-0.3,0.1c-0.1,0.1,0,0.2,0.1,0.3c0,0,0,0,0.1,0c0,0.1,0,0.1,0,0.2c-0.1,0-0.2,0.1-0.3,0.2
-				c-0.2-0.1-3.4-2.1-4.2-2.7C72,0,71.9,0,71.9,0C71.3,0,71.1,1.6,73.9,3"/>
-		</defs>
-		<use xlink:href="#SVGID_3_"  style="overflow:visible;fill:#1E1E1C;"/>
-		<clipPath id="SVGID_4_">
-			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="68.9" y="-2.6" transform="matrix(0.6529 -0.7574 0.7574 0.6529 22.7299 59.6733)" class="st2" width="15.2" height="15.4"/>
-	</g>
-</g>
-</svg>

pages/info-box.txt

@@ -1,8 +0,0 @@
----
-title: info-box
-date: 2020-12-04
-author: l'aile
----
-
-
-L'Aile recherche activement des bénévoles pour le soutien scolaire. Si vous avez du temps libre, que vous habitez à Etterbeek et que vous avez envie de soutenir des enfants dans leur scolarité, contactez nous !

pages/template.md

@@ -1,79 +0,0 @@
-title: template
-date: 2020-12-04
-author: l'aile
-
-
-
-# Comment se connecter au FTP
- <br>
-[Client FTP (Clique droit enregistré sous)](http://asbl-aile.be/static/md_files/client-ftp-laile.xml) 
- <br> <br>
-–Ouvrir FileZilla <br>
-–Cliquer en haut a gauche (trois petits ordinateurs) <br>
-–Si première connection, télécharger le client FTP et l'importer dans FileZilla <br>
-–Cliquer sur "L'aile - content" ensuite sur "Connexion" <br>
- <br>
-
-# Faire un nouvel événement pour la page Activités
-
-[Template d'un fichier .MD pour l'agenda](http://asbl-aile.be/static/md_files/2001-01-01_titre.md) 
-<br><br>
-Les fichiers (.MD) pour les événements sont dans le dossier "Agenda". 
-Le nom du fichier doit toujouts avoir la même nomenclature.
-exemple: 2021-06-21_concert.md<br><br>
-Un fichier .MD pour une activité est composé de:<br>
-title: Concert de l'atelier de création sonore <br>
-category: agenda (ne pas modifier)<br>
-date: 2021-06-21 (date de l'événement)<br>
-author: l'aile (ne pas modifier)<br>
-link: www.facebook.com (le lien vers l'événement facebook par exemple)<br>
-lieu: Atelier (lieu de l'activité)<br>
-<br>
-Description de l'activité<br><br>
-
-# Pour modifier le contenu du site
-Il y a un .MD par page du site internet.<br>
-L'école de devoirs = horaire.md<br>
-À propos = a-propos.md<br>
-Contact = contact.md<br>
-Nous aider = aider.md<br><br>
-Pour activer l'infobox (info-box.md), il faut enlever le tiret au début du nom du fichier .MD. Ou le rajouter pour la désactiver.
-
-
-# Base du markdown
-
-Pour avoir un titre utiliser le markup suivant
-
-
-dans l'éditeur de texte :<br>
-`#Titre`<br>
-
-dans le naviguateur :
-# Titre
-
-<br><br>
-
-Pour faire un saut de ligne inserer un<br> `<br>`
-<br><br>
-
-Pour les liens 
-[text link](https://duckduckgo.com)  
-`[text link](https://duckduckgo.com)`
-<br><br>
-
-Pour ajouter une image inline dans le texte
-![laika](https://upload.wikimedia.org/wikipedia/en/thumb/7/71/Laika_%28Soviet_dog%29.jpg/220px-Laika_%28Soviet_dog%29.jpg)
-`![image](/static/md_files/image/nom-de-limage.JPG){.filter}
-`
-<br><br>
-
-
-
-
-
-
-
-
----
-[Les références complète pour le markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)
-

static/css/style.css

@@ -113,11 +113,9 @@ nav{
 }
 
 
-.active{
+.menu_active{
   height:calc(var(--menu_h)) !important;
   border: solid 3px var(--hover_color-menu)!important;
-
-	
 }
 
 #menu ul{
@@ -126,7 +124,6 @@ nav{
   line-height: var(--menu_h);
 	transition: all ease 0.3s;
 	height: 0;
-	//overflow: hidden;
 }	
 
 
@@ -152,7 +149,6 @@ nav{
 #menu ul li span img{
 	width: 20px;
 	display:inline-block;
-	//padding: 0 20px 0 15px;
 }
 
 #menu ul li h3, #menu ul li span{
@@ -164,9 +160,10 @@ nav{
 }
 
 #content{
-//	min-height: 100vh;
 	/*! z-index: -1; */	
 }
+
+
 .picto_sun{
 	width: 250px;
 	height: 250px;
@@ -217,9 +214,21 @@ nav{
 	height:auto;
 	top:calc(var(--menu_h)*2);
 	left:var(--menu_h);
-	z-index: 500;
+	z-index: -1;
+	
+	
+}
+
 
 
+.page_data{
+	font-size: 2.5em;
+	line-height: 1.4em;
+}
+
+.page_data h1{
+		font-size: 2.5em;
+  	line-height: 1.4em;
 }
 .wrapper{
 	padding-top:150px;
@@ -237,14 +246,114 @@ nav{
 	font-size: 2em;
 }
 
-.wrapper .gal{
+.content_wrapper{
-	margin: 3em 0 3em 0;
+	padding-top: calc(100px + var(--menu_h));
+	width:70%;
+	margin:auto;
+	
+}
+
+article {
+	margin-bottom: 40px;
+}
+article .a_title{
+  font-family:'script12_btroman';
+  font-size: 5em;	
+  text-transform: capitalize;
+	font-weight:bolder;
+}
+
+article p{
+	margin-top: 20px;
+	font-size: 1.5em;
+	line-height: 1.4em;
+}
+
+.content_wrapper .separator{
+	width: 50%;
+	height: 12px;
+	margin: 150px auto;
+	
+}
+.gallery {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 20px;
+    margin-top: 20px;
+}
+
+.gallery .img_container{
+	height:200px;
+	overflow :hidden;
 	display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+	
-	column-gap:3em;
+}
+.gallery img {
+    width: 100%;
+    min-height: 100%;
+	  align-self: center;
+    object-fit: cover;
+    cursor: pointer;
+/*     transition: transform 0.3s ease; */
 }
 
-.wrapper .gal .gal-img img{
+.lightbox { 
-	max-width: 100%;
+	  display:none;
-	height:auto;
+	  position: fixed;
+    z-index: 999;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255,255,255, 0.5);
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+}
+
+.lightbox img {
+    max-width: 50%;
+    max-height: 50%;
+    margin: auto;
+}
+
+.lightbox.active {
+  display:flex;
+}
+
+.close-btn {
+    position: absolute;
+    top: 200px;
+    right: 200px;
+    color: white;
+    font-size: 100px;
+    background: none;
+    border: none;
+    cursor: pointer;
+}
+
+/* Responsive layout */
+/* @media (max-width: 768px) {
+    .gallery {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 480px) {
+    .gallery {
+        grid-template-columns: 1fr;
+    }
+}
+
+
+@media (max-width: 768px) {
+    .gallery {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 480px) {
+    .gallery {
+        grid-template-columns: 1fr;
+    }
 }

static/js/script.js

@@ -17,21 +17,21 @@ $(document).ready(function(){
     var vw = $(window).width(); 
     var sun_x = getRndInteger(0, vw - 100);
     var sun_y = getRndInteger(0, 550);
-    var shape_x = getRndInteger(-1500, vw - 200);
+    var shape_x = getRndInteger(-vw/2, vw/2);
     var shape_y = getRndInteger(0, 200);
 
 
     $('.picto_sun').css({top:sun_y , left:sun_x,});
-    $('.picto_shape').css({top:shape_y , left:shape_x,});
+    $('.picto_shape').css({top:shape_y , left:shape_x, width:vw , height: 'auto'});
 
     $('#topBtn').click(function(){
         $('.menuItem').toggleClass('open')
       });
 
     $('.menuItem').click(function(){
-        $('.menuItem').removeClass('active');
+        $('.menuItem').removeClass('menu_active');
         $('.menuItem').toggleClass('open');
-        $(this).addClass('active');
+        $(this).addClass('menu_active');
       });
 
     $(document).scroll(function() {
@@ -43,4 +43,36 @@ $(document).ready(function(){
         $('#logo').css('top',topval );
     })
 
+
+
+    actu_img_width = $('.img_container').width();
+    console.log(actu_img_width);
+    $('.img_container').css('height', actu_img_width);
 })
+
+  // Lightbox functionality
+const galleryThumbnails = document.querySelectorAll('.gallery-thumbnail');
+const lightboxModal = document.getElementById('lightboxModal');
+const lightboxImage = document.getElementById('lightboxImage');
+const closeLightbox = document.getElementById('closeLightbox');
+
+// Open lightbox when thumbnail is clicked
+galleryThumbnails.forEach(thumbnail => {
+    thumbnail.addEventListener('click', function() {
+        const fullsizeImageSrc = thumbnail.getAttribute('data-fullsize');
+        lightboxImage.src = fullsizeImageSrc;
+        lightboxModal.classList.add('active');
+    });
+});
+
+// Close lightbox
+closeLightbox.addEventListener('click', function() {
+    lightboxModal.classList.remove('active');
+});
+
+// Close lightbox when clicked outside the image
+window.addEventListener('click', function(event) {
+    if (event.target === lightboxModal) {
+        lightboxModal.classList.remove('active');
+    }
+});

templates/archive.html

@@ -11,30 +11,43 @@
 
 {% block content %}
 
-
-
 <div class="content_wrapper wide_content">
 <div class="page_data">
         {% for a in articles %}
         <article>
-	    <div class="{{a.category}}">
+	    <div class="{{a.article.category}}">
-	    	<span class ="a_title">{{a.title}}</span>, 
+	    	<span class ="a_title">{{a.article.title}}</span>, 
-	    	<span class ="a_meta">{{a.category}}</span>, 
+	    	<span class ="a_meta">{{a.article.date}}</span>, 
-	    	<span class ="a_meta">{{a.date}}</span>, 
             </div>
             <div class="a_content">
-                {{a}}
+                {{a.article}}
             </div>
+
+
+          {% if a.images %}
+    <div class="gallery">
+                    {% for image in a.images %}
+                    <div class="img_container">
+                            <img src="{{ url_for('image', filepath=a.article.path + '/' + image) }}" alt="{{ image }}" class="gallery-thumbnail" data-fullsize="{{ url_for('image', filepath=a.article.path + '/' + image) }}">
+                    </div>
+                    {% endfor %}
+        </div>
+            {% endif %}
+
+
         </article>
-        {% endfor %}
+        <div class="separator">
-    </div>
+            <img src="{{ url_for('static', filename='img/separator.svg') }}" alt="">
-    <div class="img_container">
+        </div>
 
     </div>
-</div>
-
 
+        {% endfor %}
 
+    <div class="lightbox" id="lightboxModal">
+        <button class="close-btn" id="closeLightbox">&times;</button>
+        <img id="lightboxImage" src="" alt="Enlarged image">
+    </div>
 
 
  

templates/base.html

@@ -26,7 +26,11 @@
         </div>
     
         <div class="picto_shape">
-              <img src="./static/img/shape/{{picto}}" alt="" />
+              <img src="/static/img/shape/{{picto}}" alt="" />
+        </div>
+
+        <div id="logo">
+            <img src="{{ url_for('static', filename='img/logo.svg')}}" alt="logo"> 
         </div>     
 
         {% block content %}

templates/home.html

@@ -22,14 +22,6 @@
 
 <div class="content_wrapper ">
 <div class="page_data">
-{% if request.path == "/" %}
-    {% if infobox is not none %}
-        <div id="infobox">
-            {{ infobox }}
-        </div> 
-    {% endif %}
-{% else %}
-{% endif %}
 
                 {{page}}	
 </div>

templates/menu.html

@@ -5,11 +5,11 @@
                 <div>☓</div>
             </div>
             <ul >
+                <li class="menuItem"><a href="/actu"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>actualite </h3></a> </li>
+                <li class="menuItem"><a href="index.html"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Blog </h3></a> </li>
+                <li class="menuItem"><a href="index.html"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Blog </h3></a> </li>
+                <li class="menuItem"><a href="index.html"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Blog </h3></a> </li>
                 <li class="menuItem"><a href="index.html"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Blog </h3></a> </li>
-                <li class="menuItem"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Actualite </h3></li>
-                <li class="menuItem"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Vitrine </h3></li>
-                <li class="menuItem"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Recherche </h3></li>
-                <li class="menuItem"><span><img src="{{ url_for('static', filename='img/barre.svg')}}" alt="bar"></span><h3>Contact </h3></li>
             </ul>
 
         </div>