mgr img
This commit is contained in:
@@ -25,8 +25,8 @@ pages:
|
||||
list:
|
||||
count: 20
|
||||
dateformat:
|
||||
short: 'd.m.y'
|
||||
long: 'd.m.y'
|
||||
short: 'd-m-y G:i'
|
||||
long: 'd-m-y G:i'
|
||||
publish_dates: true
|
||||
process:
|
||||
markdown: true
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
@@ -5,7 +5,14 @@ taxonomy:
|
||||
category:
|
||||
- installation
|
||||
- gallery
|
||||
- test
|
||||
- cc
|
||||
tag:
|
||||
- 'urban space'
|
||||
- commissions
|
||||
- clouds
|
||||
- train
|
||||
continue_link: true
|
||||
---
|
||||
|
||||
Planete Laboratoire II was reworked...
|
||||
Planete Laboratoire II was reworked...
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 235 KiB |
@@ -1,12 +0,0 @@
|
||||
---
|
||||
title: 'projet n°2'
|
||||
media_order: 'Cloud Crash Airbag.jpg'
|
||||
taxonomy:
|
||||
tag:
|
||||
- clouds
|
||||
- train
|
||||
- 'urban space'
|
||||
continue_link: true
|
||||
---
|
||||
|
||||
Cvqfbv fdhqvbdfhqovb dhqjvjds vdfhsq ldbkqd q
|
||||
@@ -3,8 +3,10 @@ title: 'When the Future was about Fracking'
|
||||
media_order: 'FD_2016_IMG_6722_WEB.jpg,FD_2016__IMG_6773_WEB.jpg,FD_2016_IMG_6732_WEB.jpg,FD_2016_IMG_6738_WEB.jpg,FD_2016_IMG_6741_WEB.jpg,FD_2016_IMG_6765_WEB.jpg,FD_2016_IMG_6771_WEB.jpg,FD_2016_IMG_6775_WEB.jpg,FD_2016_IMG_6780_WEB.jpg,FD_2016_IMG_6781_WEB.jpg'
|
||||
taxonomy:
|
||||
category:
|
||||
- installation
|
||||
- gallery
|
||||
- installation
|
||||
tag:
|
||||
- commissions
|
||||
continue_link: true
|
||||
---
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
@@ -1,26 +0,0 @@
|
||||
---
|
||||
title: 'Projets N°2'
|
||||
media_order: 'Airbag_2.jpg,Airbag_2.jpg,nv_ivry_w.jpg'
|
||||
taxonomy:
|
||||
tag:
|
||||
- clouds
|
||||
- train
|
||||
continue_link: true
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle [Lipsum](htp://kevintessier.net) un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
Caractère pratique et non-sens du contenu
|
||||
|
||||
Les faux-textes sont également couramment employés à des fins de présentation et de comparaison de la maquette et des variantes typographiques. Ces textes sont pour la plupart sans valeur sémantique, leurs contenus en soit sont dénués de sens. La perception humaine étant apte à intégrer certaines formes et certains schémas de répétitions à la lecture, l'inintelligibilité de leur contenu reste la principale raison de leur utilisation répandue dans le domaine du graphisme. Si tant est que la répartition et la longueur des "mots" reste arbitraire, ceux-ci ne détournent alors en rien l'attention du lecteur de l'appréciation de l'effet visuel et de la lisibilité des polices de caractère (typographies), tout autant que de la disposition et du calibrage du texte sur la page (mise-en-page et surface de composition). C'est pourquoi les faux-textes consistent souvent en une suite plus ou moins arbitraire de mots ou de syllabes. Les schémas de répétitions ne peuvent donc plus troubler l'impression générale, et les typographies peuvent être comparées plus aisément. D'autre part, il est avantageux que le faux-texte reste relativement réaliste, afin que la maquette corresponde au produit final et que la future publication n'en soit pas altérée.
|
||||
Français ou Latin ? Inintelligibilité ou lisibilité ? Telles sont les questions
|
||||
|
||||
Le plus courant et plus connu des Faux-texte reste "Lorem ipsum", dont les origines semblent remonter au 16ème siècle. Lorem ipsum est rédigé en un pseudo-Latin, relativement proche du Latin réel. Contenant toute une série de vrais mots latins, et imitant le rythme de la plupart des langues européennes ayant une base latine, il n'en reste pas moins incompréhensible. L'avantage de l'origine latine doublée du non-sens du contenu du Lorem ipsum, permet d'éviter au lecteur d'être distrait par le contenu du texte, et par là même de focaliser son attention sur la conception graphique.
|
||||
|
||||
L'utilisation du latin présente tout de même un désavantage, qui est celui de l'absence ou de la présence répétées de certains caractères, pouvant parfois fausser la présentation définitive de l'impression. Par exemple, Le fait que seul les débuts de phrases contiennent une majuscule, font du Latin une langue ne pouvant fidèlement simuler un texte en allemand, dont la règle veut que chaque substantif commence par une majuscule. De ce fait, le Lorem ipsum ne reste que partiellement adapté en tant que substitut visuel pour des textes en allemand. Ceci étant un exemple parmi tant d'autres, Il est donc judicieux - dans le cas précis de l'utilisation de faux-textes dans un but de comparaison des singularités typographiques - de choisir des textes contenant les caractères spéciaux et lettres spécifiques aux langues employées.
|
||||
|
||||
Il existe entre temps une foultitude de faux-textes lisibles, essentiellement utilisés quand leur fonction s'arrête à celle du simple texte de remplissage. Ces alternatives au "Lorem ipsum" classique sont souvent amusantes et racontent de petites histoires légères et comico-absurdes.
|
||||
Origine et signification du Lorem ipsum
|
||||
|
||||
La plupart des sources attribuent l'origine du Lorem ipsum à un texte de Ciceron datant de de 45 av. J-C. Un professeur de Latin retraça récemment l'origine du Lorem ipsum, en appuyant ses recherches sur l'un des mots les plus obscurs du texte : "consectetur", pour finalement retrouver la concordance dans un des passages du traité de Ciceron "De finibus bonorum et malorum ("Des termes extrêmes des biens et des maux""), texte largement connu au Moyen-âge : "Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit [...]", (soit : « Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est... »). Un Lorem ipsum typique donnant à peu de choses près ceci : "Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labo
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
@@ -1,26 +0,0 @@
|
||||
---
|
||||
title: 'Projets N°3'
|
||||
media_order: 'Airbag_2.jpg,Airbag_2.jpg,nv_ivry_w.jpg'
|
||||
taxonomy:
|
||||
tag:
|
||||
- 'urban space'
|
||||
- commissions
|
||||
continue_link: true
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle [Lipsum](htp://kevintessier.net) un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
Caractère pratique et non-sens du contenu
|
||||
|
||||
Les faux-textes sont également couramment employés à des fins de présentation et de comparaison de la maquette et des variantes typographiques. Ces textes sont pour la plupart sans valeur sémantique, leurs contenus en soit sont dénués de sens. La perception humaine étant apte à intégrer certaines formes et certains schémas de répétitions à la lecture, l'inintelligibilité de leur contenu reste la principale raison de leur utilisation répandue dans le domaine du graphisme. Si tant est que la répartition et la longueur des "mots" reste arbitraire, ceux-ci ne détournent alors en rien l'attention du lecteur de l'appréciation de l'effet visuel et de la lisibilité des polices de caractère (typographies), tout autant que de la disposition et du calibrage du texte sur la page (mise-en-page et surface de composition). C'est pourquoi les faux-textes consistent souvent en une suite plus ou moins arbitraire de mots ou de syllabes. Les schémas de répétitions ne peuvent donc plus troubler l'impression générale, et les typographies peuvent être comparées plus aisément. D'autre part, il est avantageux que le faux-texte reste relativement réaliste, afin que la maquette corresponde au produit final et que la future publication n'en soit pas altérée.
|
||||
Français ou Latin ? Inintelligibilité ou lisibilité ? Telles sont les questions
|
||||
|
||||
Le plus courant et plus connu des Faux-texte reste "Lorem ipsum", dont les origines semblent remonter au 16ème siècle. Lorem ipsum est rédigé en un pseudo-Latin, relativement proche du Latin réel. Contenant toute une série de vrais mots latins, et imitant le rythme de la plupart des langues européennes ayant une base latine, il n'en reste pas moins incompréhensible. L'avantage de l'origine latine doublée du non-sens du contenu du Lorem ipsum, permet d'éviter au lecteur d'être distrait par le contenu du texte, et par là même de focaliser son attention sur la conception graphique.
|
||||
|
||||
L'utilisation du latin présente tout de même un désavantage, qui est celui de l'absence ou de la présence répétées de certains caractères, pouvant parfois fausser la présentation définitive de l'impression. Par exemple, Le fait que seul les débuts de phrases contiennent une majuscule, font du Latin une langue ne pouvant fidèlement simuler un texte en allemand, dont la règle veut que chaque substantif commence par une majuscule. De ce fait, le Lorem ipsum ne reste que partiellement adapté en tant que substitut visuel pour des textes en allemand. Ceci étant un exemple parmi tant d'autres, Il est donc judicieux - dans le cas précis de l'utilisation de faux-textes dans un but de comparaison des singularités typographiques - de choisir des textes contenant les caractères spéciaux et lettres spécifiques aux langues employées.
|
||||
|
||||
Il existe entre temps une foultitude de faux-textes lisibles, essentiellement utilisés quand leur fonction s'arrête à celle du simple texte de remplissage. Ces alternatives au "Lorem ipsum" classique sont souvent amusantes et racontent de petites histoires légères et comico-absurdes.
|
||||
Origine et signification du Lorem ipsum
|
||||
|
||||
La plupart des sources attribuent l'origine du Lorem ipsum à un texte de Ciceron datant de de 45 av. J-C. Un professeur de Latin retraça récemment l'origine du Lorem ipsum, en appuyant ses recherches sur l'un des mots les plus obscurs du texte : "consectetur", pour finalement retrouver la concordance dans un des passages du traité de Ciceron "De finibus bonorum et malorum ("Des termes extrêmes des biens et des maux""), texte largement connu au Moyen-âge : "Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit [...]", (soit : « Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est... »). Un Lorem ipsum typique donnant à peu de choses près ceci : "Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labo
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: Projets
|
||||
title: Projects
|
||||
media_order: '_MG_3999.JPG,2016_GWW_MG_3365_WEB.jpg,FD_2016_IMG_6732_WEB.jpg,2018_PL_IMG_7695_WEB.jpg'
|
||||
content:
|
||||
items:
|
||||
- '@self.children'
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
---
|
||||
title: '2050. A Brief History of the Future'
|
||||
image_align: left
|
||||
date_start: 24-05-2019
|
||||
date_end: '09-01-2019 00:00'
|
||||
date: 24-03-2018
|
||||
date_end: 03-06-2018
|
||||
date_start: '19-01-2019 00:00'
|
||||
---
|
||||
|
||||
[The National Taiwan Museum of Fine Arts](http://english.ntmofa.gov.tw/English/ShowInfomation_1.aspx?SN=4981&n=10135), Taichung
|
||||
|
||||
@@ -2,7 +2,9 @@
|
||||
title: 'AIR DELUXE '
|
||||
media_order: airdeluxe_nocrop.jpg
|
||||
image_align: left
|
||||
date_start: '23-05-2019 15:01'
|
||||
date: 15.06.2017
|
||||
date_end: 05.09.2017
|
||||
date_start: '18-03-2019 00:00'
|
||||
---
|
||||
|
||||
[Casino Forum d'Art Contemporain](http://www.casino-luxembourg.lu/fr/Expositions/Air-Deluxe) / [Un été pas comme les autres](http://www.philippe2.lu/2017/)
|
||||
|
||||
@@ -2,8 +2,9 @@
|
||||
title: 'PLANETE LABORATOIRE - HeHe'
|
||||
media_order: ardonome_VISUEL_BAC_w.jpg
|
||||
image_align: left
|
||||
date: '31-03-2018 18:00'
|
||||
publish_date: '03-06-2018 18:00'
|
||||
date: 31-03-2018
|
||||
date_end: 03-06-2018
|
||||
date_start: '17-02-2018 00:00'
|
||||
---
|
||||
|
||||
[ARDENOME](https://www.ardenome.fr/expositionplanetelaboratoire#!) - l'ancien Grenier à Sel
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
title: 'Matter(s) Matter(s)'
|
||||
media_order: MSU_green_desert_w.jpg
|
||||
image_align: left
|
||||
date_start: '04-01-2019 15:01'
|
||||
date_end: '09-01-2019 00:00'
|
||||
date: 27-10-2018
|
||||
date_end: 03-03-2019
|
||||
---
|
||||
|
||||
[The Broad Art Museum](https://broadmuseum.msu.edu/exhibitions/matters-matters) MSU, East Lansing
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
---
|
||||
title: 'CLOUD CRASH - 4th Lovelock Art Commission '
|
||||
image_align: left
|
||||
date_start: 15-02-2019
|
||||
date_end: 18-05-2019
|
||||
date: 20-10-2016
|
||||
date_end: 3-02-2017
|
||||
---
|
||||
|
||||
[Cape Farewell](http://www.capefarewell.com/latest/891-lovelock-4.html) & [Manchester Museum of Science and Industry -MOSI](http://msimanchester.org.uk/whats-on/exhibition/cloud-crash)
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 'CORRIDOR I: ONKALO'
|
||||
image_align: left
|
||||
date: 22-10-2016
|
||||
date_end: 21-01-2017
|
||||
---
|
||||
|
||||
[In Situ Space for Contemporary Art](http://insitu-berlin.com/) Berlin
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'ECO-VISIONARIES (Basel)'
|
||||
media_order: hek_hehe3.jpg
|
||||
image_align: left
|
||||
date: 30-08-2018
|
||||
date_end: 11-11-2018
|
||||
---
|
||||
|
||||
[HeK Haus der elektronischen Künste](http://www.hek.ch/)
|
||||
|
||||
@@ -2,9 +2,8 @@
|
||||
title: 'ECO-VISIONARIES (Lisbon)'
|
||||
media_order: eco_vis_catalog_w.jpg
|
||||
image_align: left
|
||||
date: '11-04-2018 18:00'
|
||||
date_start: 10-01-2019
|
||||
date_end: 09-01-2019
|
||||
date: 11-04-2018
|
||||
date_end: 08-10-2018
|
||||
---
|
||||
|
||||
[Museum of Art Architecture & Technology - MAAT](https://www.maat.pt/en/about)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'Festival Accès)s( #18'
|
||||
media_order: acess_festival_w.jpg
|
||||
image_align: left
|
||||
date: 11-10-2018
|
||||
date_end: 8-12-2018
|
||||
---
|
||||
|
||||
[Paysage Fiction au Bel Ordinaire, Billière](https://acces-s.org/agenda/archives/festival/2018/1162-paysage-fiction/)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'Gone with the Wind'
|
||||
media_order: GWW_Poster_w.jpg
|
||||
image_align: left
|
||||
date: 10-10-16
|
||||
date_end: 06-01-2017
|
||||
---
|
||||
|
||||
[Public Works - Utrecht](http://www.publicworksutrecht.nl/en)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'How much of this is fiction'
|
||||
media_order: tremblay2.jpg
|
||||
image_align: left
|
||||
date: 02-03-2017
|
||||
date_end: 31-03-2017
|
||||
---
|
||||
|
||||
[FACT - Fondation for Art & Technology](https://www.fact.co.uk/), Liverpool & [HeK - House of Electronic Arts](http://www.hek.ch/en/program/events-en/event/how-much-of-this-is-fiction-1.html), Basel
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'Il Terzo Giorno'
|
||||
media_order: il_terzo_giorno.jpeg
|
||||
image_align: left
|
||||
date: 20-04-2018
|
||||
date_end: 1-07-2018
|
||||
---
|
||||
|
||||
[Palazzo del Governatore, Parma](http://www.ilterzogiorno.it/#quote-1)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'J''AI MES CERTITUDES SUR MES DOUTES'
|
||||
media_order: caen_artoteque.jpg
|
||||
image_align: left
|
||||
date: 22-10-2016
|
||||
date_end: 23-12-2016
|
||||
---
|
||||
|
||||
[Artothèque, Espaces d’art contemporain de Caen](http://www.artotheque-caen.net/?nomRubrique=expositions&nomPage=l%A4artotheque)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'LEAVE IT IN THE GROUND'
|
||||
media_order: romania_w.jpg
|
||||
image_align: left
|
||||
date: 26-10-2017
|
||||
date_end: 08-12-2017
|
||||
---
|
||||
|
||||
[House of Arts](https://duul.cz/en/leave-it-in-the-ground/), Ústí nad Labem, Czech Republic
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
title: 'MAN MADE CLOUDS - HeHe'
|
||||
media_order: Man-Made-Clouds-01_w.jpg
|
||||
image_align: left
|
||||
date: 01-09-2016
|
||||
---
|
||||
|
||||
[Editions Hyx, Orleans](http://editions-hyx.com) & [Pollinaria](http://www.pollinaria.org)
|
||||
|
||||
@@ -2,7 +2,8 @@
|
||||
title: 'The Street. Where the World Is Made'
|
||||
media_order: MAXXI_LaStrada_w.jpg
|
||||
image_align: left
|
||||
date_start: 10-04-2019
|
||||
date: 7-12-2018
|
||||
date_end: 28-04-2019
|
||||
---
|
||||
|
||||
[MAXXI, Rome](https://www.maxxi.art/en/events/la-strada-dove-si-crea-il-mondo/)
|
||||
|
||||
@@ -1,11 +0,0 @@
|
||||
---
|
||||
title: 'News 1'
|
||||
image_align: left
|
||||
date_start: '15-08-2018 15:09'
|
||||
date_end: '21-08-2018 15:19'
|
||||
date: '05-08-2018 14:54'
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 11'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 12'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 13'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en f
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 14'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en f
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 3'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus con
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 4'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieux de l'imprimerie et du graphisme, certains chansonniers en font l'utilisation lors de la composition de mélodies, chantant ces textes en amont de l'écriture de leur textes. L'utilisation de faux-textes aurait déjà été une pratique courante depuis le 16ème siècle dans les milieux de l'imprimerie et de la composition.
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 5'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 6'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: 'News 55'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux texte
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'News 7'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: 'News 8'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: 'News 9'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: 'News 10'
|
||||
image_align: left
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
@@ -1,10 +0,0 @@
|
||||
---
|
||||
title: 'News 2'
|
||||
image_align: left
|
||||
date_start: '01-08-2018 15:08'
|
||||
date_end: '02-08-2018 15:08'
|
||||
---
|
||||
|
||||
Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
|
||||
|
||||
On appelle Lipsum un texte qui, en l'absence du texte définitif, sert de substitut aux futurs contenus lors de la production de maquettes pour les publications ou sites Web. Le terme Lipsum est issu de la contraction du plus connu de ce type de texte "Lorem ipsum". Ils sont également connus sous les noms de texte blanc, faux-texte, bolo bolo, pseudo texte, texte factice, vrai faux texte, faux contenu, texte de remplissage, de remplacement, ou d'attente. Outre son usage dans les milieu
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 'Parcours Art & Nature du Sundgau - STUWA'
|
||||
image_align: left
|
||||
date: 04-06-2017
|
||||
date_end: 04-09-2017
|
||||
---
|
||||
|
||||
[PROJET COAL](http://www.projetcoal.org/coal/en/category/stuwa-art-et-nature-dans-le-sundgau/)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'paysage fiction'
|
||||
media_order: exhibit.jpeg
|
||||
image_align: left
|
||||
date: 23-06-2018
|
||||
date_end: 2-09-2018
|
||||
---
|
||||
|
||||
[Tétris / EXHIBIT](https://letetris.fr/exhibit)
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
title: 'Quirky Ecologies'
|
||||
media_order: click2.png
|
||||
image_align: left
|
||||
date: 20-05-2017
|
||||
date_end: 21-05-2017
|
||||
---
|
||||
|
||||
[Click Festival](https://www.clickfestival.dk/previous-click-2017/)
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
---
|
||||
title: 'ECO-VISIONARIES (London)'
|
||||
image_align: left
|
||||
date: '24-11-2019 23:32'
|
||||
date: 24-11-2019
|
||||
date_end: 23-02-2020
|
||||
---
|
||||
|
||||
[ROYAL ACADEMY OF ARTS](https://www.royalacademy.org.uk/exhibition/architecture-environment-eco-visionaries)
|
||||
|
||||
@@ -3,6 +3,7 @@ title: News
|
||||
content:
|
||||
items: '@self.modular'
|
||||
order:
|
||||
by: header.date_start
|
||||
by: date
|
||||
dir: desc
|
||||
---
|
||||
|
||||
|
||||
@@ -32,7 +32,7 @@ form:
|
||||
column1:
|
||||
type: column
|
||||
fields:
|
||||
header.date_start:
|
||||
header.date:
|
||||
type: datetime
|
||||
label: Date-start
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -71,8 +71,41 @@ function scrollreveal() {
|
||||
|
||||
}
|
||||
|
||||
function burger() {
|
||||
var $col = $('.col');
|
||||
var $colOpen = $('.navbar ul.open');
|
||||
|
||||
$col.click(function(e){
|
||||
$(this).parents('.navbar').find('ul:first-child').toggleClass('open');
|
||||
})
|
||||
}
|
||||
|
||||
function deplacement_cat() {
|
||||
var $cat = $('.navbar .tags');
|
||||
var $projets = $('.navbar ul li:first-child');
|
||||
|
||||
var result = document.getElementById('result');
|
||||
if (window.matchMedia("(min-width: 700px)").matches) {
|
||||
/* La largeur minimum de l'affichage est 600 px inclus */
|
||||
} else {
|
||||
/* L'affichage est inférieur à 600px de large */
|
||||
$projets.after($cat);
|
||||
}
|
||||
|
||||
if("matchMedia" in window) { // Détection
|
||||
if(window.matchMedia("(min-width:700px)").matches) {
|
||||
} else {
|
||||
$projets.after($cat);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
burger();
|
||||
scrollreveal();
|
||||
removeAct();
|
||||
catprojets();
|
||||
deplacement_cat();
|
||||
window.addEventListener('resize', deplacement_cat, false);
|
||||
|
||||
});
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
*::selection {
|
||||
background: rgb(0, 255, 0);
|
||||
}
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
@@ -18,6 +22,9 @@ header{
|
||||
}
|
||||
nav{
|
||||
margin: auto 0;
|
||||
.burger{
|
||||
display: none;
|
||||
}
|
||||
ul{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
@@ -58,6 +65,8 @@ header{
|
||||
width: auto;
|
||||
height: 50px;
|
||||
padding: 0 20px;
|
||||
-webkit-transition: padding 0.5s;
|
||||
transition: padding 0.5s;
|
||||
& > li{
|
||||
margin: auto;
|
||||
position: relative;
|
||||
|
||||
@@ -1,30 +1,139 @@
|
||||
@media screen and (max-width: 700px) {
|
||||
@media screen and (max-width: 1024px) {
|
||||
header{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 0;
|
||||
padding: 0 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background-color: white;
|
||||
border-bottom: 2px solid rgb(0,0,0);
|
||||
z-index: 999;
|
||||
h1{
|
||||
margin: auto 0;
|
||||
.navbar{
|
||||
li{
|
||||
margin-right: 20px!important;
|
||||
}
|
||||
.tags{
|
||||
a{
|
||||
padding: 0 10px;
|
||||
-webkit-transition: padding 0.5s;
|
||||
transition: padding 0.5s;
|
||||
}
|
||||
}
|
||||
}
|
||||
nav{
|
||||
margin: auto 0;
|
||||
& > .tags{
|
||||
& > a {
|
||||
height: 30px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 0;
|
||||
padding: 0 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background-color: white;
|
||||
border-bottom: 2px solid rgb(0,0,0);
|
||||
z-index: 999;
|
||||
|
||||
h1{
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
nav{
|
||||
ul{
|
||||
display: none;
|
||||
&.open{
|
||||
// height: 100vh;
|
||||
width: 100vw;
|
||||
left: 0;
|
||||
top: 38px;
|
||||
position: absolute;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #000;
|
||||
background: white;
|
||||
li{
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
border-bottom: 2px solid black;
|
||||
width: 100vw;
|
||||
text-align: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
&:first-child{
|
||||
border-top: 2px solid black;
|
||||
// flex-direction: column;
|
||||
.cat{
|
||||
width: 10px;
|
||||
position: absolute;
|
||||
right: 45px;
|
||||
img{
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child{
|
||||
margin-right: 20px!important;
|
||||
border-bottom: 0px solid #000;
|
||||
}
|
||||
&.act{
|
||||
.cat{
|
||||
img{
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tags{
|
||||
position: relative;
|
||||
border: none;
|
||||
top:-2px;
|
||||
border-bottom: 2px solid black;
|
||||
background: rgb(0, 255, 0);
|
||||
a{
|
||||
padding: 0;
|
||||
margin:0;
|
||||
height: 40px;
|
||||
li{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > .tags{
|
||||
& > a {
|
||||
height: 30px!important;
|
||||
li{
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
&::after{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
background: rgb(0, 255, 0);
|
||||
height: 10px;
|
||||
margin: auto;
|
||||
z-index: -1;
|
||||
-webkit-transition: width 0.5s;
|
||||
transition: width 0.5s;
|
||||
width: 0%;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
li{
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
&::after{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
@@ -32,120 +141,101 @@
|
||||
height: 10px;
|
||||
margin: auto;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
-webkit-transition: width 0.5s;
|
||||
transition: width 0.5s;
|
||||
width: 0%;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
li{
|
||||
&::after{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
background: rgb(0, 255, 0);
|
||||
height: 10px;
|
||||
margin: auto;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
-webkit-transition: width 0.5s;
|
||||
transition: width 0.5s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
& > ul:nth-child(1) {
|
||||
& > li:nth-child(1){
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin-right: 10px!important;
|
||||
& > a{
|
||||
// pointer-events: none;
|
||||
}
|
||||
&:after{
|
||||
content: " ";
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
width: 25px;
|
||||
height: 40px;
|
||||
background-image: url(../images/fleche2.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
// background-size: 10px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
&.hover{
|
||||
&:after{
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul{
|
||||
|
||||
.col {
|
||||
width: auto;
|
||||
text-align: center;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
}
|
||||
.burger{
|
||||
cursor: pointer;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
li{
|
||||
height: 40px;
|
||||
margin-right: 20px!important;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
&:last-child{
|
||||
margin-right: 0px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.tags{
|
||||
display: none;
|
||||
}
|
||||
ul.visible, ul.active{
|
||||
border-left: 2px solid black;
|
||||
border-bottom: 2px solid black;
|
||||
background: white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 0px;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
width: auto;
|
||||
z-index: 999;
|
||||
a{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: auto;
|
||||
height: 40px;
|
||||
padding: 0 20px;
|
||||
&:first-child{
|
||||
margin-top: 0px;
|
||||
margin: 0 auto;
|
||||
-webkit-transition: all .7s ease;
|
||||
transition: all .7s ease;
|
||||
.bar {
|
||||
display: block;
|
||||
height: 2px;
|
||||
width: 20px;
|
||||
background: black;
|
||||
margin: 3px auto;
|
||||
-webkit-transition: all .7s ease;
|
||||
transition: all .7s ease;
|
||||
}
|
||||
.middle {
|
||||
margin: 0 auto;
|
||||
}
|
||||
&:hover{
|
||||
// .bar{
|
||||
// background-color: rgb(0, 255, 0);
|
||||
// }
|
||||
.top {
|
||||
-webkit-transform: translateY(5px) rotateZ(45deg);
|
||||
transform: translateY(5px) rotateZ(45deg);
|
||||
}
|
||||
&:last-child{
|
||||
margin-bottom: 10px;
|
||||
.middle {
|
||||
width: 0;
|
||||
}
|
||||
li{
|
||||
margin: auto;
|
||||
.bottom {
|
||||
-webkit-transform: translateY(-5px) rotateZ(-45deg);
|
||||
transform: translateY(-5px) rotateZ(-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.tags{
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.visible, ul.active{
|
||||
border-left: 2px solid black;
|
||||
border-bottom: 2px solid black;
|
||||
background: white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 0px;
|
||||
width: auto;
|
||||
z-index: 999;
|
||||
a{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: auto;
|
||||
height: 40px;
|
||||
padding: 0 20px;
|
||||
&:first-child{
|
||||
margin-top: 0px;
|
||||
}
|
||||
&:last-child{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
li{
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#start{
|
||||
margin-top: 40px;
|
||||
//home
|
||||
@@ -204,6 +294,7 @@
|
||||
.content{
|
||||
width:100%;
|
||||
min-width: auto!important;
|
||||
height: auto;
|
||||
.txt{
|
||||
position: relative;
|
||||
right: 0;
|
||||
@@ -248,6 +339,7 @@
|
||||
min-width: auto!important;
|
||||
height: auto;
|
||||
padding: 10px 20px 10px 20px;
|
||||
border-bottom: 2px solid black;
|
||||
&:nth-child(1){
|
||||
padding-top: 20px;
|
||||
}
|
||||
@@ -267,5 +359,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -58,6 +58,9 @@
|
||||
}
|
||||
.media{
|
||||
width: calc((100% / 3) * 2);
|
||||
img:not(:last-child){
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
width: calc(100% / 3);
|
||||
@@ -77,12 +80,10 @@
|
||||
/* Track */
|
||||
&::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px white;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
/* Handle */
|
||||
&::-webkit-scrollbar-thumb {
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
background: white;
|
||||
-webkit-box-shadow: inset 0 0 0px white;
|
||||
|
||||
@@ -85,6 +85,12 @@ p{
|
||||
}
|
||||
}
|
||||
|
||||
#start{
|
||||
.card-title{
|
||||
line-height: 1.25;
|
||||
}
|
||||
}
|
||||
|
||||
.taxonomy{
|
||||
a{
|
||||
font-family:$roboto_regular;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
{{ parent() }}
|
||||
{% if show_onpage_menu %}
|
||||
|
||||
<script>
|
||||
<!-- <script>
|
||||
// singlePageNav initialization & configuration
|
||||
$('ul.navigation').singlePageNav({
|
||||
offset: $('#header').outerHeight(),
|
||||
@@ -22,14 +22,14 @@
|
||||
updateHash: true,
|
||||
currentClass: 'active'
|
||||
});
|
||||
</script>
|
||||
</script> -->
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% include 'partials/taxonomylist.html.twig' with { taxonomy: 'tag'} %}
|
||||
{% include 'partials/taxonomylist.html.twig' with { taxonomy: 'category'} %}
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
|
||||
@@ -40,8 +40,18 @@
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% include 'partials/taxonomylist.html.twig' with { taxonomy: 'category'} %}
|
||||
|
||||
{% endblock %}
|
||||
<div class="col">
|
||||
<div class="burger">
|
||||
<div class="bar top"></div>
|
||||
<div class="bar middle"></div>
|
||||
<div class="bar bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
@@ -15,7 +15,11 @@
|
||||
</div>
|
||||
|
||||
<div class="taxonomy">
|
||||
{% include 'partials/taxonomylist.html.twig' with { taxonomy: 'category'} %}
|
||||
|
||||
{% if page.header.taxonomy.category %}
|
||||
{% include 'partials/blog/taxonomy.html.twig' with { taxonomy: 'category'} %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ page.date|date("c") }}">
|
||||
<i class="fa fa-calendar"></i> {{ page.header.date_start|date(system.pages.dateformat.short) }}
|
||||
<i class="fa fa-calendar"></i> {{ page.header.date|date("d-m-y") }}
|
||||
|
||||
{% if page.header.date_end %}
|
||||
|
||||
- <i class="fa fa-calendar"></i> {{ page.header.date_end|date(system.pages.dateformat.short) }}
|
||||
- <i class="fa fa-calendar"></i> {{ page.header.date_end|date("d-m-y") }}
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% if page.taxonomy.tag %}
|
||||
{% if page.header.taxonomy.category %}
|
||||
<span class="tags">
|
||||
{% for tag in page.taxonomy.tag %}
|
||||
<a class="label label-rounded {{ label_style ?: 'label-secondary' }} p-category" href="{{ blog.url|rtrim('/') }}/tag{{ config.system.param_sep }}{{ tag }}#body-wrapper">{{ tag }}</a>
|
||||
{% for category in page.header.taxonomy.category %}
|
||||
<a class="label label-rounded {{ label_style ?: 'label-secondary' }} p-category" href="{{ blog.url|rtrim('/') }}/category{{ config.system.param_sep }}{{ category }}">{{ category }}</a>
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
@@ -6,9 +6,11 @@
|
||||
<a href="{{ p.url }}" class="{{ active_page }}">
|
||||
{{ p.menu }}
|
||||
</a>
|
||||
|
||||
<div class="cat">
|
||||
<img src="/user/themes/hehe/images/fleche2.svg" alt="">
|
||||
</div>
|
||||
|
||||
</li>
|
||||
{% else %}
|
||||
<li>
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
{% block footer %}
|
||||
{% include 'partials/footer.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<div class="mobile-container">
|
||||
<div class="overlay" id="overlay">
|
||||
<div class="mobile-logo">
|
||||
|
||||
Reference in New Issue
Block a user