diff --git a/.DS_Store b/.DS_Store index f23ffb4..c66ed42 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/content/jardin/fevrier25/fevrier25.md b/content/jardin/fevrier25/fevrier25.md new file mode 100644 index 0000000..42b49ef --- /dev/null +++ b/content/jardin/fevrier25/fevrier25.md @@ -0,0 +1,46 @@ ++++ +title = "Quoi de neuf : Février 2025" +date = "2025-02-09" +categories = ["jardin"] +tags = ["février-25","semis"] ++++ + +En ce mois de Février, je continue toujours les semis : +* Tomate Roma : une première au jardin pour les sauces tomates et tomates séchées +* Laitue Batavia blonde de Paris : une première au jardin. +* Tomate Beefsteak : pour notre consomation cet été + +C'est la première année que je me lance dans la Batavia avec la cette laitue blonde. Elle a la particularité de produire des feuilles finement gauffrées, produisant des salades volumineuses et bien croquantes. Variété peu sensible à la chaleur, intéressant pour notre climat méditerranéen. + +C'est aussi une première pour les tomates Roma, chaque année nous avions l'habitude de planter une seule variété de tomate pour notre consomation et lla conservation. Cette nous essayons les tomates Roma pour la conservation. Variété connue pour être très productive et donner des fruits de taille moyenne, à la silhouette allongée et lisse. Les tomates sont charnues et presque sans pépins ce qui fait une candidate parfaite pour nos conserve. + +Les semis semés au mois Janvier commence et sortir de terre, ainsi j'ai l'honneur d'avoir une petit forêt de poireau d'hiver de Saint Victor. + +[![poireau](/img/jardin/fevrier25/foret-poireau-thumb.jpg)](/img/jardin/fevrier25/foret-poireau.jpg) +*Forêt de Saint Victor* + +Mes laitues à couper chêne blonde commencent elles aussi à prendre leur forme définitive attendant patiament d'être installées au jardin durant le mois mars. Je suis aussi dans l'attente de la germination mes pommes de terre. Pour rester dans la germination je me suis lancé dans la patate douce, instalée bien au chaud dans la véranda. + +[![laitues](/img/jardin/fevrier25/laitues.jpg)](/img/jardin/fevrier25/laitues.jpg) +*Laitues à couper chêne blonde* + +[![pattatedouce](/img/jardin/fevrier25/pattatedouce.jpg)](/img/jardin/fevrier25/pattatedouce.jpg) +*Pataes Douces* + +[![ppommeterre](/img/jardin/fevrier25/pommeterre.jpg)](/img/jardin/fevrier25/pommeterre.jpg) +*Germination en cours* + +En préparant la parcelle de pommes de terre j'ai eu l'heureuse surprise de trouver un jeune pousse d'Amandier. Le champs justaposant la maison en possède quelques-un, je pense qu'il provient de là. Je l'ai délicatement détérré pour le rempoter au chaud dans la serre, où je vais le laisser grandrir en attendant de le mettre au jardin. + +[![amandier](/img/jardin/fevrier25/amandier.jpg)](/img/jardin/fevrier25/amandier.jpg) +*Mon petit amandier* + +Mes arômatiques semés au mois de novembre se portent très bien, ils poussent tellement vite j'en suis déjà à mon troisème rempotage. + +[![aromatiques](/img/jardin/fevrier25/aromatiques.jpg)](/img/jardin/fevrier25/aromatiques.jpg) +*Ciboulette, Aneth, Coriandre* + +Pour conclure le mois Février est dans la continuité du mois précédent, la Patience est le maître mot. + + + diff --git a/content/photos/expo-egypte/index.md b/content/photos/expo-egypte/index.md index deec8f9..3fbcc27 100644 --- a/content/photos/expo-egypte/index.md +++ b/content/photos/expo-egypte/index.md @@ -1,13 +1,10 @@ +++ image = "egypte-21.jpg" date = "2025-01-04" -title = "Expo, Les pharaons d'Egypte" +title = "L'Egypte des pharaons" +type = "gallery" +++ -=[Photo](gallerie/egypte-21.jpg) + De retour pour une troisième fois au [Carrières de lumières](https://fr.wikipedia.org/wiki/Carri%C3%A8res_de_Lumi%C3%A8res) des Beaux de Provence. Cette fois-ci pour une projection sur l’Égypte des pharaons et l’orientalisme. -{{< gallery >}} - {{< figure src="/img/expo-egypte/egypte-carriere-lumiere-1.jpg" >}} - {{< figure src="/img/expo-egypte/egypte-carriere-lumiere-2.jpg" >}} - {{< figure src="/img/expo-egypte/egypte-carriere-lumiere-3.jpg" >}} -{{< /gallery >}} \ No newline at end of file +{{< gallery dir="img/expo-egypte" />}} \ No newline at end of file diff --git a/content/posts/date-in-french/index.md b/content/posts/date-in-french/index.md new file mode 100644 index 0000000..2a29c84 --- /dev/null +++ b/content/posts/date-in-french/index.md @@ -0,0 +1,60 @@ ++++ +title = "Hugo: Afficher les dates en français" +date = "2025-02-09" +categories = ["adminsys"] +tags = ["hugo","date"] ++++ + +Hugo est un générateur de sites statiques rapide et moderne écrit en Go, conçu pour rendre la création de sites web à nouveau amusante. + +Cependant à chaque fois je rencontre le même problème sur le système de date. Hugo s’appuie sur des librairies de format de date du langage go, 100% américain, +du coup je me retrouve avec les dates à l’envers en mode YYYY-DD-MM à la place du logique YYYY-MM-DD et les mois en langue Anglaise. +Pour site entièrement francophone cela pose un problème de lecture. + +Pour y remidier j'ai mis en place une petite routine : + +* Je créé deux petits fichier en `YAML` appellé : `mois.yml` et `moishort.yml`. Ces deux fichiers font le pont entre le numéro de mois et l’affichage en français. +Comme leur nom l'indique l'un affiche les mois en entier et l'autre les noms tronqués, en fonction des besoins et du theme utilisé. +* J'utilise ensuite le numéro de mois comme un index et stocke la valeur correspondante dans une variable locale : `{{ $mymonths := index $.Site.Data.mois }}` +* Pour finir avec `printf` j'affiche cette valeur : `{{ index $mymonths (printf "%d" .Date.Month) }} {{ .Date.Year }}` + +Ainsi, mes dates seront bien formattées en français, il me suiffit de mettre à jour toutes les parties de mon template qui affichent des dates ainsi que dans les partials. + +## Le Code + +mois.yml : +```yaml +1: "Janvier" +2: "Février" +3: "Mars" +4: "Avril" +5: "Mai" +6: "Juin" +7: "Juillet" +8: "Août" +9: "Septembre" +10: "Octobre" +11: "Novembre" +12: "Décembre" +``` + +moisshort.yml : +```yaml +1: "Jan" +2: "Fév" +3: "Mar" +4: "Avr" +5: "Mai" +6: "Jui" +7: "Juil" +8: "Aoû" +9: "Sept" +10: "Oct" +11: "Nov" +12: "Déc" +``` +Le code en go pour traduire les dates : +``` go +{{ $mymonths := index $.Site.Data.mois }}{{ .Date.Day }} +{{ index $mymonths (printf "%d" .Date.Month) }} {{ .Date.Year }} +``` \ No newline at end of file diff --git a/content/posts/dotfiles/index.md b/content/posts/dotfiles/index.md new file mode 100644 index 0000000..2e8a8dd --- /dev/null +++ b/content/posts/dotfiles/index.md @@ -0,0 +1,183 @@ ++++ +title = "Gérer ses dotfiles avec git" +date = "2014-05-19" +Categories = ["adminsys"] +tags = ["dotfiles","git","mr","vcsh"] ++++ + +L’utilisation de plusieurs ordinateurs sous Linux, peut devenir un vrai cauchemar lorsque l’on veut maintenir la même configuration à jour. Dans mon quotidien il m’arrive d’utiliser trois ordinateurs différents. Et j’aime bien retrouver mes marques quel que soit la machine utilisée. Au départ je « trimballais » partout une clef usb avec tous mes fichiers de configurations, mais cette solution a atteint sa limite très rapidement. + +Elle était surtout très contraignante car, je devais en permanence avoir ma clef usb sur moi et en cas de modification de configuration penser à faire une copie (ce qui arrivait une fois sur mille) sur la dite clef pour pouvoir mettre à jour mes autres ordinateurs. Du coup je me retrouvais avec des configurations très hétéroclites. + +J’ai donc décidé de créer un dépôt git pour les différentes configurations que je souhaite déployer sur mes ordinateurs. Certains diront pourquoi ne pas tout grouper dans un même dépôt, je préfère les séparer en cas problème sur un cela ne me bloquera pas le reste. + +C’est alors que j’ai entendu parler de vcsh et mr (Merci à Brice camarade libriste qui m’a expliqué les bases). Ses deux petits programmes couplés avec git m’ont permit de centraliser tous mes fichiers de configurations sur mon serveur gitlab et ainsi de pouvoir installer mon environnement sur tous les ordinateurs que j’utilise. + +### VCSH – Version Control System for $HOME – multiple Git repositories in $HOME + +Comme son nom l’indique il permet de faire de la gestion de version pour le $HOME. Grâce à lui plusieurs dépôts git peuvent cohabiter dans le même répertoire. Il centralise toutes les têtes de dépôts au même endroit, par défaut il les place dans `~/.config/vcsh/repos.d` mais il est tout à fait possible de le changer, de même si l’on désire maintenir plusieurs dépôts git ailleurs que dans le $HOME. Pour plus d’informations je vous invite sur [la page github](https://github.com/RichiH/vcsh) du projet + +Passons à son installation, sous Debian, + +``` shell +sudo apt-get install vcsh +``` + +### mr pour myrepo + +`mr` intervient principalement sur l’utilisation et la configuration des dépôts. Dans un premier temps il permet avec une seule ligne de commande, de livrer et pousser les modifications, mettre à jour simultanément tous les dépôts renseignés dans sa configuration. Dans un second temps il permet aussi de gérer la configuration de ses mêmes dépôts. Dans mon cas il me permet de pousser mes modifications à la fois sur mon serveur gitlab mais aussi sur mon compte github pour en garder une sauvegarde. Il me permet de rajouter une url à mon origin dès le clonage des dépôts, ce qui m’évite une configuration post-installation de tous mes dépots. Pour plus d’informations voici la [page](http://myrepos.branchable.com) du projet. + +L’installation sur Debian est toujours aussi simple + +``` shell +sudo apt-get install mr +``` + +### Préparatifs avant la transformation + +Tout d’abords j’ai défini quels fichiers de configurations que je souhaite garder à jour et déployer sur mes différents ordinateurs: + +1. La configuration d’openbox +2. La configuration d’emacs +3. La configuration de terminator +4. La configuration de zsh + +### Initialisation avec vcsh + +J’ai au préalable créé sur gitlab et github un dépôt par configurations. Ensuite j’ai suivi la documentation de vcsh pour créer un par un par les dépôts. Exemple avec openbox : + +``` shell +#initialisation du dépôt +vcsh init openbox +#création du gitignore pour éviter d'avoir des erreures sur les dossiers non #suivi +vcsh write-gitignore openbox +#ajout des fichiers +vcsh openbox add ~/.config/openbox/rc.xml ~/.config/openbox/menu.xml ~/.config/openbox/autostart ~/.gitignore/openbox +vcsh commit -am 'intial commit' +vcsh openbox remot set-url --add origin git@github.com:colmaris/dotfiles-openbox.git +``` + +J’ai reproduit cette manipulation pour chacun des dépôts à initialiser. Petite astuce si le dépôt git existe déjà, comme ce fut le cas pour moi avec ma configuration d’emacs, dont je ne voulais pas perdre l’historique. Il m’a suffi de créer le chemin vers les fichiers de configurations dans le dépôts git avant la migration vers vcsh. + +Pour emacs il faut de l’on retrouve le chemin exact vers le fichier `init.el`. + +``` shell +cd ~/.emacs +mkdir .emacs/ +git mv init.el .emacs +git add .emacs +git commit -am 'moving file init.el' +git push +``` + +Ensuite j’ai supprimé totalement le dossier .emacs de mon `$HOME`, pour le cloner avec vcsh. + +``` shell +vcsh clone git@git.olivierdelort.net:colmaris/emacs emacs +``` + +Ainsi j’ai put garder l’historique de mon dépôt emacs, et je peux maintenant l’utiliser avec vcsh sans problème. + +### Configuration de mr + +Une fois tous mes dépôts de configuration initialiser avec vcsh, je suis passé à la configuration de mr dont le but premier, dans mon cas, est de pouvoir pousser mes modifications sur mon gitlab et les sauvegarder sur github. + +La configuration de *mr* se fait via un fichier .mrconfig directement placé dans le $HOME. Voici le mien + +``` shell +[DEFAULT] +git_gc = git gc "$@" +# * Dotfiles Organisation + +# ** Emacs +[$HOME/.config/vcsh/repo.d/emacs.git] +checkout = + vcsh clone git@git.olivierdelort.net:colmaris/emacs.git emacs + vcsh emacs remote set-url --add origin git@github.com:colmaris/dotfiles-emacs.git + +# ** Openbox +[$HOME/.config/vcsh/repo.d/openbox.git] +checkout = + vcsh clone git@git.olivierdelort.net:colmaris/dotfiles-openbox.git openbox + vcsh openbox remote set-url --add origin git@github.com:colmaris/dotfiles-openbox.git + +# ** Terminator +[$HOME/.config/vcsh/repo.d/terminator.git] +checkout = + vcsh clone git@git.olivierdelort.net:colmaris/terminator-solarized.git terminator + vcsh terminator remote set-url --add origin git@github.com:colmaris/terminator-solarized.git + +# ** Zsh +[$HOME/.config/vcsh/repo.d/zsh.git] +checkout = + vcsh clone git@git.olivierdelort.net:colmaris/dotfiles-zsh.git zsh + vcsh zsh remote set-url --add origin git@github.com:colmaris/dotfiles-zsh.git +``` + +Petite explication : + +``` shell +# ** Emacs +#ici j'indique ou se trouve la tête du dépôt +[$HOME/.config/vcsh/repo.d/emacs.git] +#ici se trouve les actions à réaliser lors du clonage +checkout = +# je clone à partir de mon gitlab +vcsh clone git@git.olivierdelort.net:colmaris/emacs.git emacs +#je rajoute mon compte github à l'origin de mon dépôt +vcsh emacs remote set-url --add origin git@github.com:colmaris/dotfiles-emacs.git +``` + +Lors du clonage des dépôts mr rajoutera l’url de mon compte github à l’origin déjà configurée. + +Ce qui me permet de pousser d’un seul coup tous les dépôts sur mon github. + +``` shell +mr push +``` + +### Déploiement + +A partir de maintenant je peux déployer mes configurations sur n’importe quel ordinateur ou git, vcsh et mr sont installés. + +Je procède comme suit : + +``` shell +#installation des prérequis +sudo apt-get install git vcsh mr +#configuration de mr +git clone git@git.olivierdelort.net:colmaris/dotfiles-mr.git ~/.mrconfig +#clonage +mr checkout +``` + +Et voilà en quelques minutes j’ai déployé ma configuration et je suis prêt à travailler. S’il m’arrive de faire des modifications je les livre et les pousse directement dans le dépôt concerné. Et sur mes autres ordinateurs il me suffit de faire une mise à jour avec la commande `mr update` pour qu’elles soient prises en comptent. + +``` shell +mr update +mr update: /home/draconis/.config/vcsh/repo.d/apache-autoindex.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/draconis-install.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/emacs.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/eso-theme.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/motd-colmaris.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/mrconfig.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/mytheme-lightdm.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/openbox.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/terminator.git +Already up-to-date. +mr update: /home/draconis/.config/vcsh/repo.d/zsh.git +Already up-to-date. +mr update: finished (10 ok) +``` + +### Conclusion + +Depuis que j’utilise cette méthode je revis littéralement, je ne me soucis plus de savoir si j’ai ma clef usb à jour et avec moi. Tout est centralisé sur mon gitlab et j’ai mon github en sauvegarde. Je l’ai étendu sur d’autre projet sur lesquels je travaille. diff --git a/content/posts/introduction/index.md b/content/posts/introduction/index.md deleted file mode 100644 index 10ebcee..0000000 --- a/content/posts/introduction/index.md +++ /dev/null @@ -1,12 +0,0 @@ -+++ -title = "What is Hugo" -date = "2019-07-01" -+++ - -Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun again. - -Hugo is a general-purpose website framework. Technically speaking, Hugo is a static site generator. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website’s end users and an ideal writing experience for website authors. - -Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including Netlify, Heroku, GoDaddy, DreamHost, GitHub Pages, GitLab Pages, Surge, Aerobatic, Firebase, Google Cloud Storage, Amazon S3, Rackspace, Azure, and CloudFront and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP. - -We think of Hugo as the ideal website creation tool with nearly instant build times, able to rebuild whenever a change is made. \ No newline at end of file diff --git a/content/posts/what-is-hugo/index.md b/content/posts/what-is-hugo/index.md deleted file mode 100644 index 866810d..0000000 --- a/content/posts/what-is-hugo/index.md +++ /dev/null @@ -1,45 +0,0 @@ -+++ -title = "Introduction" -date = "2019-08-03" -+++ - -Hugo is an open-source project and lives by the work of its contributors. There are plenty of open issues, and we need your help to make Hugo even more awesome. You don't need to be a Go guru to contribute to the project's development. - - - -## Assumptions - -This contribution guide takes a step-by-step approach in hopes of helping newcomers. Therefore, we only assume the following: - -* You are new to Git or open-source projects in general -* You are a fan of Hugo and enthusiastic about contributing to the project - -## Install Go - -The installation of Go should take only a few minutes. You have more than one option to get Go up and running on your machine. - -If you are having trouble following the installation guides for Go, check out Go Bootcamp, which contains setups for every platform or reach out to the Hugo community in the Hugo Discussion Forums. - -### Install Go From Source - -Download the latest stable version of Go and follow the official Go installation guide. - -Once you're finished installing Go, let's confirm everything is working correctly. Open a terminal---or command line under Windows--and type the following: - -``` -go version -``` - -You should see something similar to the following written to the console. Note that the version here reflects the most recent version of Go as of the last update for this page: - -``` -go version go1.12 darwin/amd64 -``` - -Next, make sure that you set up your `GOPATH` as described in the installation guide. - -You can print the `GOPATH` with `echo $GOPATH`. You should see a non-empty string containing a valid path to your Go workspace; for example: - -``` -/Users//Code/go -``` diff --git a/hugo.toml b/hugo.toml index 779eff7..feb9464 100644 --- a/hugo.toml +++ b/hugo.toml @@ -1,9 +1,80 @@ baseurl = "https://colmaris.fr" title = "colmaris" -theme = "hugo-theme-console" +theme = ["hugo-theme-console", "hugo-easy-gallery"] languageCode = 'fr-FR' defaultContentLanguage = "fr" defaultContentLang = "fr" +pygmentsstyle = "nordic" +pygmentscodefences = true +pygmentscodefencesguesssyntax = true + + +[markup] + [markup.goldmark] + duplicateResourceFiles = false + [markup.goldmark.extensions] + definitionList = true + footnote = true + linkify = true + linkifyProtocol = 'https' + strikethrough = true + table = true + taskList = true + [markup.goldmark.extensions.cjk] + eastAsianLineBreaks = false + eastAsianLineBreaksStyle = 'simple' + enable = false + escapedSpace = false + [markup.goldmark.extensions.extras] + [markup.goldmark.extensions.extras.delete] + enable = false + [markup.goldmark.extensions.extras.insert] + enable = false + [markup.goldmark.extensions.extras.mark] + enable = false + [markup.goldmark.extensions.extras.subscript] + enable = false + [markup.goldmark.extensions.extras.superscript] + enable = false + [markup.goldmark.extensions.passthrough] + enable = false + [markup.goldmark.extensions.passthrough.delimiters] + block = [] + inline = [] + [markup.goldmark.extensions.typographer] + apostrophe = '’' + disable = false + ellipsis = '…' + emDash = '—' + enDash = '–' + leftAngleQuote = '«' + leftDoubleQuote = '“' + leftSingleQuote = '‘' + rightAngleQuote = '»' + rightDoubleQuote = '”' + rightSingleQuote = '’' + [markup.goldmark.parser] + autoHeadingID = true + autoHeadingIDType = 'github' + wrapStandAloneImageWithinParagraph = true + [markup.goldmark.parser.attribute] + block = false + title = true + [markup.goldmark.renderHooks] + [markup.goldmark.renderHooks.image] + enableDefault = false + [markup.goldmark.renderHooks.link] + enableDefault = false + [markup.goldmark.renderer] + hardWraps = false + unsafe = false + xhtml = false + +[taxonomies] + tag = "tags" + category = "categories" + + [params] # Cutting off the page title to two chars for mobile (console-demo -> co) @@ -24,3 +95,7 @@ defaultContentLang = "fr" [[params.navlinks]] name = "photographie/" url = "photos/" + + [[params.navlinks]] + name = "au-jardin/" + url = "jardin/" diff --git a/layouts/render-link.html b/layouts/render-link.html new file mode 100644 index 0000000..145bf16 --- /dev/null +++ b/layouts/render-link.html @@ -0,0 +1,34 @@ + + + + {{ .Text }} + + + \ No newline at end of file diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-1-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-1-thumb.jpg new file mode 100644 index 0000000..1be515b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-1-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-1.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-1.jpg new file mode 100644 index 0000000..78c276c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-1.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-10-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-10-thumb.jpg new file mode 100644 index 0000000..0b2bf26 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-10-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-10.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-10.jpg new file mode 100644 index 0000000..d6061be Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-10.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-11-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-11-thumb.jpg new file mode 100644 index 0000000..a498343 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-11-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-11.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-11.jpg new file mode 100644 index 0000000..cc208f4 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-11.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-12-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-12-thumb.jpg new file mode 100644 index 0000000..70fb181 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-12-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-12.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-12.jpg new file mode 100644 index 0000000..5b90ce2 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-12.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-13-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-13-thumb.jpg new file mode 100644 index 0000000..735d868 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-13-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-13.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-13.jpg new file mode 100644 index 0000000..f5f181d Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-13.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-14-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-14-thumb.jpg new file mode 100644 index 0000000..46bbbf9 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-14-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-14.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-14.jpg new file mode 100644 index 0000000..d40d6be Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-14.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-15-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-15-thumb.jpg new file mode 100644 index 0000000..12d3012 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-15-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-15.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-15.jpg new file mode 100644 index 0000000..1e509c9 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-15.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-16-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-16-thumb.jpg new file mode 100644 index 0000000..6790d75 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-16-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-16.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-16.jpg new file mode 100644 index 0000000..4567cc1 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-16.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-17-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-17-thumb.jpg new file mode 100644 index 0000000..cf170ee Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-17-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-17.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-17.jpg new file mode 100644 index 0000000..3cbd18a Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-17.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-18-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-18-thumb.jpg new file mode 100644 index 0000000..0bf9a90 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-18-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-18.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-18.jpg new file mode 100644 index 0000000..63d1b1c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-18.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-19-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-19-thumb.jpg new file mode 100644 index 0000000..9a51f00 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-19-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-19.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-19.jpg new file mode 100644 index 0000000..228245b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-19.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-2-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-2-thumb.jpg new file mode 100644 index 0000000..99e6b19 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-2-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-2.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-2.jpg new file mode 100644 index 0000000..0e2ea6e Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-2.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-20-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-20-thumb.jpg new file mode 100644 index 0000000..7a5681c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-20-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-20.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-20.jpg new file mode 100644 index 0000000..84eafb6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-20.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-21-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-21-thumb.jpg new file mode 100644 index 0000000..34546dc Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-21-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-21.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-21.jpg new file mode 100644 index 0000000..6ccfe69 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-21.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-22-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-22-thumb.jpg new file mode 100644 index 0000000..2f62543 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-22-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-22.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-22.jpg new file mode 100644 index 0000000..aca3ba6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-22.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-23-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-23-thumb.jpg new file mode 100644 index 0000000..a1e063b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-23-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-23.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-23.jpg new file mode 100644 index 0000000..1c23e6a Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-23.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-24-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-24-thumb.jpg new file mode 100644 index 0000000..ccfdb90 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-24-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-24.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-24.jpg new file mode 100644 index 0000000..0edf336 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-24.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-25-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-25-thumb.jpg new file mode 100644 index 0000000..795f2f4 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-25-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-25.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-25.jpg new file mode 100644 index 0000000..845b50e Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-25.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-26-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-26-thumb.jpg new file mode 100644 index 0000000..3e2c9a0 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-26-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-26.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-26.jpg new file mode 100644 index 0000000..b54fb8c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-26.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-27-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-27-thumb.jpg new file mode 100644 index 0000000..bbd88b6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-27-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-27.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-27.jpg new file mode 100644 index 0000000..4129546 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-27.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-28-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-28-thumb.jpg new file mode 100644 index 0000000..2b31b82 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-28-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-28.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-28.jpg new file mode 100644 index 0000000..499ae90 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-28.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-29-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-29-thumb.jpg new file mode 100644 index 0000000..4e08215 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-29-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-29.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-29.jpg new file mode 100644 index 0000000..6f792fd Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-29.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-3-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-3-thumb.jpg new file mode 100644 index 0000000..b67b95f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-3-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-3.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-3.jpg new file mode 100644 index 0000000..8cdc3f6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-3.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-30-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-30-thumb.jpg new file mode 100644 index 0000000..4558685 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-30-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-30.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-30.jpg new file mode 100644 index 0000000..9e24825 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-30.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-31-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-31-thumb.jpg new file mode 100644 index 0000000..bd61da6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-31-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-31.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-31.jpg new file mode 100644 index 0000000..0d14300 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-31.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-32-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-32-thumb.jpg new file mode 100644 index 0000000..10ee601 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-32-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-32.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-32.jpg new file mode 100644 index 0000000..09c63fd Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-32.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-33-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-33-thumb.jpg new file mode 100644 index 0000000..221d08b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-33-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-33.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-33.jpg new file mode 100644 index 0000000..6276fd0 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-33.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-34-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-34-thumb.jpg new file mode 100644 index 0000000..9eb5a74 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-34-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-34.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-34.jpg new file mode 100644 index 0000000..4343e89 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-34.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-35-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-35-thumb.jpg new file mode 100644 index 0000000..b9502c1 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-35-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-35.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-35.jpg new file mode 100644 index 0000000..ff3c0de Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-35.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-36-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-36-thumb.jpg new file mode 100644 index 0000000..cc29eaf Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-36-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-36.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-36.jpg new file mode 100644 index 0000000..459d2a2 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-36.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-37-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-37-thumb.jpg new file mode 100644 index 0000000..dde4694 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-37-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-37.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-37.jpg new file mode 100644 index 0000000..ae7fbe2 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-37.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-38-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-38-thumb.jpg new file mode 100644 index 0000000..652ebee Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-38-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-38.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-38.jpg new file mode 100644 index 0000000..b844fd5 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-38.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-39-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-39-thumb.jpg new file mode 100644 index 0000000..02c642f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-39-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-39.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-39.jpg new file mode 100644 index 0000000..d765a54 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-39.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-4-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-4-thumb.jpg new file mode 100644 index 0000000..8da08f6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-4-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-4.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-4.jpg new file mode 100644 index 0000000..af1e91a Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-4.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-40-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-40-thumb.jpg new file mode 100644 index 0000000..6254d66 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-40-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-40.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-40.jpg new file mode 100644 index 0000000..aff690f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-40.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-41-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-41-thumb.jpg new file mode 100644 index 0000000..4335f74 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-41-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-41.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-41.jpg new file mode 100644 index 0000000..1416b41 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-41.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-42-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-42-thumb.jpg new file mode 100644 index 0000000..3922bf2 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-42-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-42.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-42.jpg new file mode 100644 index 0000000..11900a6 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-42.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-43-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-43-thumb.jpg new file mode 100644 index 0000000..c69d4d1 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-43-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-43.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-43.jpg new file mode 100644 index 0000000..e3edf7a Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-43.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-44-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-44-thumb.jpg new file mode 100644 index 0000000..491b56d Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-44-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-44.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-44.jpg new file mode 100644 index 0000000..7ef0120 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-44.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-45-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-45-thumb.jpg new file mode 100644 index 0000000..6f1d934 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-45-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-45.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-45.jpg new file mode 100644 index 0000000..178c11d Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-45.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-46-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-46-thumb.jpg new file mode 100644 index 0000000..a792d74 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-46-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-46.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-46.jpg new file mode 100644 index 0000000..1c8d9af Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-46.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-47-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-47-thumb.jpg new file mode 100644 index 0000000..ecac654 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-47-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-47.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-47.jpg new file mode 100644 index 0000000..609b901 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-47.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-48-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-48-thumb.jpg new file mode 100644 index 0000000..a60b545 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-48-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-48.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-48.jpg new file mode 100644 index 0000000..fd50871 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-48.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-49-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-49-thumb.jpg new file mode 100644 index 0000000..766eb70 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-49-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-49.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-49.jpg new file mode 100644 index 0000000..71104e4 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-49.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-5-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-5-thumb.jpg new file mode 100644 index 0000000..7029c5b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-5-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-5.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-5.jpg new file mode 100644 index 0000000..dc617e5 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-5.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-50-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-50-thumb.jpg new file mode 100644 index 0000000..b6833fb Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-50-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-50.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-50.jpg new file mode 100644 index 0000000..4457e0c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-50.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-51-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-51-thumb.jpg new file mode 100644 index 0000000..0ccd3b1 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-51-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-51.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-51.jpg new file mode 100644 index 0000000..c7ec81c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-51.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-52-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-52-thumb.jpg new file mode 100644 index 0000000..d49b8a3 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-52-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-52.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-52.jpg new file mode 100644 index 0000000..1d7b38b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-52.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-53-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-53-thumb.jpg new file mode 100644 index 0000000..a387161 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-53-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-53.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-53.jpg new file mode 100644 index 0000000..5a05bf0 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-53.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-54-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-54-thumb.jpg new file mode 100644 index 0000000..0da853c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-54-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-54.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-54.jpg new file mode 100644 index 0000000..2fe5a31 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-54.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-55-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-55-thumb.jpg new file mode 100644 index 0000000..dbdd6bb Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-55-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-55.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-55.jpg new file mode 100644 index 0000000..dc22cf7 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-55.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-56-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-56-thumb.jpg new file mode 100644 index 0000000..866d346 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-56-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-56.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-56.jpg new file mode 100644 index 0000000..0c55308 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-56.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-57-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-57-thumb.jpg new file mode 100644 index 0000000..1ebe487 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-57-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-57.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-57.jpg new file mode 100644 index 0000000..7e97af4 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-57.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-58-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-58-thumb.jpg new file mode 100644 index 0000000..0ef85eb Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-58-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-58.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-58.jpg new file mode 100644 index 0000000..317edb5 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-58.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-59-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-59-thumb.jpg new file mode 100644 index 0000000..c6a0e05 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-59-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-59.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-59.jpg new file mode 100644 index 0000000..3775bae Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-59.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-6-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-6-thumb.jpg new file mode 100644 index 0000000..5ad204d Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-6-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-6.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-6.jpg new file mode 100644 index 0000000..fbcfd1b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-6.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-60-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-60-thumb.jpg new file mode 100644 index 0000000..36d3afe Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-60-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-60.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-60.jpg new file mode 100644 index 0000000..c5e839f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-60.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-61-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-61-thumb.jpg new file mode 100644 index 0000000..6ee7b7c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-61-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-61.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-61.jpg new file mode 100644 index 0000000..dd92584 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-61.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-62-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-62-thumb.jpg new file mode 100644 index 0000000..6e1ac41 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-62-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-62.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-62.jpg new file mode 100644 index 0000000..b4f44e7 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-62.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-63-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-63-thumb.jpg new file mode 100644 index 0000000..fa1158e Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-63-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-63.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-63.jpg new file mode 100644 index 0000000..74eee91 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-63.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-64-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-64-thumb.jpg new file mode 100644 index 0000000..dc9a865 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-64-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-64.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-64.jpg new file mode 100644 index 0000000..eb84226 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-64.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-65-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-65-thumb.jpg new file mode 100644 index 0000000..7e671f8 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-65-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-65.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-65.jpg new file mode 100644 index 0000000..5cde1ec Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-65.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-66-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-66-thumb.jpg new file mode 100644 index 0000000..1806366 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-66-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-66.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-66.jpg new file mode 100644 index 0000000..4eda1d7 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-66.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-67-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-67-thumb.jpg new file mode 100644 index 0000000..c34101b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-67-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-67.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-67.jpg new file mode 100644 index 0000000..96cf2b9 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-67.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-68-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-68-thumb.jpg new file mode 100644 index 0000000..23e4588 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-68-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-68.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-68.jpg new file mode 100644 index 0000000..67c9f2b Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-68.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-69-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-69-thumb.jpg new file mode 100644 index 0000000..5fc90b8 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-69-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-69.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-69.jpg new file mode 100644 index 0000000..de2a67f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-69.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-7-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-7-thumb.jpg new file mode 100644 index 0000000..b00e684 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-7-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-7.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-7.jpg new file mode 100644 index 0000000..9969f4f Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-7.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-70-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-70-thumb.jpg new file mode 100644 index 0000000..c9ba5ae Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-70-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-70.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-70.jpg new file mode 100644 index 0000000..777ea87 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-70.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-71-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-71-thumb.jpg new file mode 100644 index 0000000..05bbc38 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-71-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-71.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-71.jpg new file mode 100644 index 0000000..b5eeca5 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-71.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-8-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-8-thumb.jpg new file mode 100644 index 0000000..437e62e Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-8-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-8.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-8.jpg new file mode 100644 index 0000000..e14b02c Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-8.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-9-thumb.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-9-thumb.jpg new file mode 100644 index 0000000..47a6c80 Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-9-thumb.jpg differ diff --git a/static/img/expo-egypte/egypte-carriere-lumiere-9.jpg b/static/img/expo-egypte/egypte-carriere-lumiere-9.jpg new file mode 100644 index 0000000..aaccf4e Binary files /dev/null and b/static/img/expo-egypte/egypte-carriere-lumiere-9.jpg differ diff --git a/static/img/jardin/fevrier25/amandier.jpg b/static/img/jardin/fevrier25/amandier.jpg new file mode 100644 index 0000000..f22adef Binary files /dev/null and b/static/img/jardin/fevrier25/amandier.jpg differ diff --git a/static/img/jardin/fevrier25/aromatiques.jpg b/static/img/jardin/fevrier25/aromatiques.jpg new file mode 100644 index 0000000..d1b6f27 Binary files /dev/null and b/static/img/jardin/fevrier25/aromatiques.jpg differ diff --git a/static/img/jardin/fevrier25/foret-poireau-thumb.jpg b/static/img/jardin/fevrier25/foret-poireau-thumb.jpg new file mode 100644 index 0000000..55d4c06 Binary files /dev/null and b/static/img/jardin/fevrier25/foret-poireau-thumb.jpg differ diff --git a/static/img/jardin/fevrier25/laitues.jpg b/static/img/jardin/fevrier25/laitues.jpg new file mode 100644 index 0000000..c0c6191 Binary files /dev/null and b/static/img/jardin/fevrier25/laitues.jpg differ diff --git a/static/img/jardin/fevrier25/pattatedouce.jpg b/static/img/jardin/fevrier25/pattatedouce.jpg new file mode 100644 index 0000000..e16ebe8 Binary files /dev/null and b/static/img/jardin/fevrier25/pattatedouce.jpg differ diff --git a/static/img/jardin/fevrier25/pommeterre.jpg b/static/img/jardin/fevrier25/pommeterre.jpg new file mode 100644 index 0000000..a66afa4 Binary files /dev/null and b/static/img/jardin/fevrier25/pommeterre.jpg differ diff --git a/themes/.DS_Store b/themes/.DS_Store index d6ba209..acb050f 100644 Binary files a/themes/.DS_Store and b/themes/.DS_Store differ diff --git a/themes/hugo-easy-gallery/.gitattributes b/themes/hugo-easy-gallery/.gitattributes new file mode 100644 index 0000000..bdb0cab --- /dev/null +++ b/themes/hugo-easy-gallery/.gitattributes @@ -0,0 +1,17 @@ +# Auto detect text files and perform LF normalization +* text=auto + +# Custom for Visual Studio +*.cs diff=csharp + +# Standard to msysgit +*.doc diff=astextplain +*.DOC diff=astextplain +*.docx diff=astextplain +*.DOCX diff=astextplain +*.dot diff=astextplain +*.DOT diff=astextplain +*.pdf diff=astextplain +*.PDF diff=astextplain +*.rtf diff=astextplain +*.RTF diff=astextplain diff --git a/themes/hugo-easy-gallery/.gitignore b/themes/hugo-easy-gallery/.gitignore new file mode 100644 index 0000000..cd2946a --- /dev/null +++ b/themes/hugo-easy-gallery/.gitignore @@ -0,0 +1,47 @@ +# Windows image file caches +Thumbs.db +ehthumbs.db + +# Folder config file +Desktop.ini + +# Recycle Bin used on file shares +$RECYCLE.BIN/ + +# Windows Installer files +*.cab +*.msi +*.msm +*.msp + +# Windows shortcuts +*.lnk + +# ========================= +# Operating System Files +# ========================= + +# OSX +# ========================= + +.DS_Store +.AppleDouble +.LSOverride + +# Thumbnails +._* + +# Files that might appear in the root of a volume +.DocumentRevisions-V100 +.fseventsd +.Spotlight-V100 +.TemporaryItems +.Trashes +.VolumeIcon.icns + +# Directories potentially created on remote AFP share +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk diff --git a/themes/hugo-easy-gallery/LICENCE.md b/themes/hugo-easy-gallery/LICENCE.md new file mode 100644 index 0000000..4b8da62 --- /dev/null +++ b/themes/hugo-easy-gallery/LICENCE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Li-Wen Yip + +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. diff --git a/themes/hugo-easy-gallery/README.md b/themes/hugo-easy-gallery/README.md new file mode 100644 index 0000000..ddc5e4a --- /dev/null +++ b/themes/hugo-easy-gallery/README.md @@ -0,0 +1,225 @@ +# hugo-easy-gallery 🖼 +### This fork is currently maintained by [Darthagnon] ([homepage]), associate of Flukey and [Mesh Infrasoft](https://www.meshinfrasoft.com/). + +Automagical css image gallery in [Hugo](https://gohugo.io/) using shortcodes, with optional lightbox/carousel gadget using [PhotoSwipe] and **no jQuery** or other frameworks. + +## Screenshot + +![screenshot](/screenshot.png) + +## Demo + +- Feature demonstration at https://www.liwen.id.au/heg/ +- Real-life example at https://www.liwen.id.au/arduino-rf-codes/ +- Production usage by [iroQuai](https://github.com/iroQuai) at https://buurlandutrecht.nl/buurtinbeeld/ ; features a creative example of a grid gallery that links to other pages in Hugo (see also [/exampleSite/buurtinbeeld.md](/exampleSite/buurtinbeeld.md), copied from his [website source](https://raw.githubusercontent.com/iroQuai/buurlandutrecht.nl/main/content/buurtinbeeld/_index.md)) +- Production usage by maintainer [Darthagnon] on websites he manages: https://robot-one.github.io/, https://dragonsnotincluded.com/ + + +## Image Gallery Features + +- Create a gallery of all images in a directory with just one line of shortcode, see [demo](https://www.liwen.id.au/heg/#gallery-usage): `{{< gallery dir="/img/your-directory-of-images/" />}}` +- Custom `{{< figure >}}` shortcode that enables new features but is backwards-compatible with Hugo's built-in `{{< figure >}}`shortcode +- Use the `{{< figure >}}` shortcode by itself to enable pretty captions +- Put multiple `{{< figure >}}` shortcodes inside a `{{< gallery >}}` to create a pretty image gallery +- **Point `{{< gallery >}}` at a directory to generate a gallery of all images in that directory** +- Gallery is responsive, images are scaled/cropped to fill square (or other evenly-sized) tiles +- Pretty captions appear/slide/fade upon hovering over the image +- Optionally make gallery images zoom, grow, shrink, slide up, or slide down upon hover +- Only requires 3.6kB of CSS (unminified; you can minify it if you want) +- CSS is automatically loaded the first time you use the `{{< figure >}}` shortcode on each page +- **Coming soon:** Automatic thumbnail generation from image resources via [Hugo image processing](https://gohugo.io/content-management/image-processing/) + +## PhotoSwipe Features + +- Load PhotoSwipe by calling the `{{< load-photoswipe >}}` shortcode anywhere in your post +- Loads all of the `
` elements in your post, regardless of where in your post they appear, into a lightbox/carousel style image gallery +- Works with any existing `
` elements/shortcodes in your posts +- Does not require you to [pre-define the image sizes](http://photoswipe.com/documentation/faq.html#image-size) (the initialisation script pre-loads the image to determine its size; you can optionally pre-define the image size if you want to avoid this pre-loading) +- Loads PhotoSwipe js and css libraries locally or from `cdnjs.cloudflare.com` (specify `CDNJS= true` in `config.toml/[Params]` + +## Installation +### As a Theme +**(1)** Check out this repo into your `themes/` folder: + +``` +git submodule add https://github.com/Darthagnon/hugo-easy-gallery.git themes/hugo-easy-gallery +git submodule init +``` + +**(2)** Then update your `./config.toml` to load the theme, for example: + +``` +theme = ["hugo-coder", "hugo-easy-gallery"] +``` + +### Manual Installation +Click the big green `Code` button at the top of this page, then `Download ZIP` and extract it to your `themes/` folder. + +**Or**, put files in following places: + +- `/layouts/shortcodes/figure.html` +- `/layouts/shortcodes/gallery.html` +- `/layouts/shortcodes/load-photoswipe.html` +- `/static/js/load-photoswipe.js` +- `/static/css/hugo-easy-gallery.css` + +Then, update your `./config.toml` to load the theme, for example: + +``` +theme = ["hugo-coder", "hugo-easy-gallery"] +``` + +If you want, you could (depending on a front matter param) conditionally load `load-photoswipe.html` or its contents from the footer of your template. But I've consciously chosen to load PhotoSwipe using a shortcode so that you don't have to modify your template if you don't want to. + +## Theme integration + +Feel free to use Hugo Easy Gallery to add Photoswipe to your Hugo themes! Tell us about them so we can list them here! Here's how you do it: + +1. Merge the files into the relevant folders within your theme: + - `myTheme/static/css/{files from hugo-easy-gallery}` + - `myTheme/static/js/{files from hugo-easy-gallery}` + - `myTheme/layouts/shortcodes/{files from hugo-easy-gallery}` + +2. Move `/layouts/shortcodes/load-photoswipe.html` to `/layouts/partials/load-photoswipe.html`. + +3. Add the following line to `myTheme/layouts/_default/baseof.html`, just before the closing `` tag: + +```html + {{ partial "load-photoswipe" }} + +``` + +Hugo Easy Gallery and Photoswipe will now be loaded on every page on your website; call the `{{< figure >}}` and `{{< gallery >}}` shortcodes anywhere! + +## `{{< figure >}}` shortcode usage + +Specifying your image files: + +- `{{< figure src="thumb.jpg" link="image.jpg" >}}` will use `thumb.jpg` for thumbnail and `image.jpg` for lightbox +- `{{< figure src="image.jpg" >}}` or `{{< figure link="image.jpg" >}}` will use `image.jpg` for both thumbnail and lightbox +- `{{< figure link="image.jpg" thumb="-small" >}}` will use `image-small.jpg` for thumbnail and `image.jpg` for lightbox + +Optional parameters: + +- All the [features/parameters](https://gohugo.io/extras/shortcodes) of Hugo's built-in `figure` shortcode work as normal, i.e. src, link, title, caption, class, attr (attribution), attrlink, alt +- `size` (e.g. `size="1024x768"`) pre-defines the image size for PhotoSwipe. Use this option if you don't want to pre-load the linked image to determine its size. +- `class` allows you to set any custom classes you want on the `
` tag. + +Optional parameters for standalone `{{< figure >}}` shortcodes only (i.e. don't use on `{{< figure >}}` inside `{{< gallery >}}` - strange things may happen if you do): + +- `caption-position` and `caption-effect` work the same as for the `{{< gallery >}}` shortcode (see below). +- `width` defines the [`max-width`](https://www.w3schools.com/cssref/pr_dim_max-width.asp) of the image displayed on the page. If using a thumbnail for a standalone figure, set this equal to your thumbnail's native width to make the captions behave properly (or feel free to come up with a better solution and submit a pull request :-)). Also use this option if you don't have a thumbnail and you don't want the hi-res image to take up the entire width of the screen/container. +- `class="no-photoswipe"` prevents a `
` from being loaded into PhotoSwipe. If you click on the figure you'll instead a good ol' fashioned hyperlink to a bigger image (or - if you haven't specified a bigger image - the same one). + +## `{{< gallery >}}` shortcode usage + +To specify a directory of image files: + +``` +{{< gallery dir="/img/your-directory-of-images/" />}} +``` + +**Don't forget the closing forward slash before the end Hugo brackets `/>}}`!!!** + +- The images are automatically captioned with the file name. +- `[image].jpg` is used for the hi-res image, and `[image]-thumb.jpg` is used for the thumbnails. +- If `[image]-thumb.jpg` doesn't exist, then `[image].jpg` will be used for both hi-res and thumbnail images. +- The default thumbnail suffix is `-thumb`, but you can specify a different one e.g. `thumb="-small"` or `thumb="_150x150"`. + +To specify individual image files: + +``` +{{< gallery >}} + {{< figure src="image1.jpg" >}} + {{< figure src="image2.jpg" >}} + {{< figure src="image3.jpg" >}} +{{< /gallery >}} +``` + +Optional parameters: + +- `caption-position` - determines the captions' position over the image. Options: + - `bottom` (default) + - `center` + - `none` hides captions on the page (they will only show in PhotoSwipe) +- `caption-effect` - determines if/how captions appear upon hover. Options: + - `slide` (default) + - `fade` + - `none` (captions always visible) +- `hover-effect` - determines if/how images change upon hover. Options: + - `zoom` (default) + - `grow` + - `shrink` + - `slideup` + - `slidedown` + - `none` +- `hover-transition` - determines if/how images change upon hover. Options: + - not set - smooth transition (default) + - `none` - hard transition +- `thumbnail-size` sets the size of the thumbnails for the gallery. Default is "300x300". First number is width, second number is height. + - example: `{{< gallery dir="/img/your-directory-of-images/" thumbnail-size="150x150" />}}` + +## PhotoSwipe usage + +- Call `{{< load-photoswipe >}}` **once** on each page where you want to use PhotoSwipe. +- It doesn't matter where on the page. +- If you don't load PhotoSwipe, each figure will instead have a good ol' fashioned hyperlink to a bigger image (or - if you haven't specified a bigger image - the same one). + +You can optionally have different captions on page vs in PhotoSwipe: + +- `{{< figure src="image.jpg" alt="This is a caption">}}` or `{{< figure src="image.jpg" caption="This is a caption">}}` will use the same caption both on the page and in PhotoSwipe. +- `{{< figure src="image.jpg" caption="A short caption" alt="This is a much longer, verbose, comprehensive caption that will be used in PhotoSwipe">}}` will use a different caption in PhotoSwipe. + +## CSS Hackers + +`hugo-easy-gallery.css` is designed to provide square tiles in a container with `max-width: 768px`. + +Here are some pointers if you want to adapt the CSS: + + - Change `.gallery {max-width: 768px;}` if you want a gallery wider than 768px. + - Change `min-width` in the `@media` styles to change the screen widths at which the layout changes + - Change `min-width: 9999px` in the last `@media` style to something sensible if you want to use a 4-tile layout + - If you want more than 4 tiles per row, set `width` = 100% / number of tiles per row + - `padding-bottom` = `width` gives square tiles. Change padding-bottom if you want some other aspect ratio, e.g. `width: 33.3%; padding-bottom: 25%` gives a 4:3 aspect ratio. + +## Issues + +This module has been tested with the [beautifulhugo](https://github.com/halogenica/beautifulhugo) theme. If things don't work properly with other themes, raise an issue on GitHub, or even better fix the issue and submit a pull request :-) + +### Need help? +- Post your question in **[Issues](https://github.com/Darthagnon/hugo-easy-gallery/issues)**, or contact Darth via his [homepage]. +- Include a link to a test page that demonstrates the issue you are having + - We recommended hosting for free with [GitHub Pages](https://pages.github.com/) and building site based off the Hugo themes [blank](https://github.com/vimux/blank) or [plain](https://github.com/Darthagnon/hugo-plain-theme) with Hugo Easy Gallery added. +- Include your source code for the test page +- Please be patient; the [original project](https://github.com/liwenyip/hugo-easy-gallery) is kinda dead, and we are maintining this part-time... + +### Fixed an issue or made an improvement? +- Please submit a **[pull request](https://github.com/Darthagnon/hugo-easy-gallery/pulls)** +- Include a link to a test page +- Include your source code for the test page +- Consider volunteering to help maintain this project :-) + +## Credits + +These blog posts helped original author Li-Wen Yip immensely: + +- http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/ +- http://www.thehome.dk/article/photoswipe-gallery-hugo/ +- https://webdesign.tutsplus.com/tutorials/the-perfect-lightbox-using-photoswipe-with-jquery--cms-23587 + +Many thanks to [Li-Wen Yip](https://www.liwen.id.au/), the **original author** of [Hugo Easy Gallery](https://github.com/liwenyip/hugo-easy-gallery), who retired from maintaining it 2022-02-28 due to other commitments and family. Without him, this project wouldn't exist; may he live long and prosper! His blog posts were very informative, and have been included as [exampleSite](/exampleSite) material: +- https://www.liwen.id.au/heg/ +- https://www.liwen.id.au/photoswipe/ + +Thanks to [Kishor Bhat](https://github.com/kishorbhat) and [Emiel Hollander](https://github.com/EmielH), volunteer collaborators. + +Thanks to [Dmytro Semenov](https://github.com/dimsemenov), the [PhotoSwipe] author. + +Thanks to the [BeautifulHugo theme](https://github.com/halogenica/beautifulhugo) authors, who maintained compatibility and provided example code for this module. + +Thanks to [the many community members who have contributed pull requests and issues to the original project](https://github.com/liwenyip/hugo-easy-gallery/pulls) + + +[PhotoSwipe]: https://photoswipe.com/ +[Darthagnon]: https://github.com/Darthagnon +[homepage]: https://robot-one.github.io/ diff --git a/themes/hugo-easy-gallery/exampleSite/config.toml b/themes/hugo-easy-gallery/exampleSite/config.toml new file mode 100644 index 0000000..8f9a638 --- /dev/null +++ b/themes/hugo-easy-gallery/exampleSite/config.toml @@ -0,0 +1,6 @@ +[params] + # Toggle console logging of resources loaded + debug= true + # Choose whether to load JS/CSS remotely from a CDN or locally + CDNJS = false + \ No newline at end of file diff --git a/themes/hugo-easy-gallery/exampleSite/content/posts/buurtinbeeld.md b/themes/hugo-easy-gallery/exampleSite/content/posts/buurtinbeeld.md new file mode 100644 index 0000000..48d079a --- /dev/null +++ b/themes/hugo-easy-gallery/exampleSite/content/posts/buurtinbeeld.md @@ -0,0 +1,18 @@ +--- +title: Buurt in Beeld +lastmod: 2022-11-15T22:44:12.782Z +layout: page +--- +Deelkippen, een buurtkas, zwembaden, boomhutten en totempalen – Buurland is moeilijk in woorden te vangen. In beeld gaat het des te beter! Klik op de foto’s hieronder voor een meer informatie. + +{{< gallery >}} + {{< figure src="images/buurtinbeeld/zwembad.jpg" link="/buurtinbeeld/zwembad/" caption="Zwembad" >}} + {{< figure src="images/buurtinbeeld/buurtkas.jpg" link="/buurtinbeeld/buurtkas/" caption="Buurtkas" >}} + {{< figure src="images/buurtinbeeld/kippen-en-eieren.jpg" link="/buurtinbeeld/eieren/" caption="Kippen (en eieren)">}} + {{< figure src="images/buurtinbeeld/jacuzzi.jpg" link="/buurtinbeeld/jacuzzi/" caption="Jaccuzi" >}} + {{< figure src="images/buurtinbeeld/totempaal.jpg" link="/buurtinbeeld/totempaal/" caption="Totempaal" >}} + {{< figure src="images/buurtinbeeld/pizza-oven.jpg" link="/buurtinbeeld/pizza-oven/" caption="Pizza-oven" >}} + {{< figure src="images/buurtinbeeld/gekleurde-gevels.jpg" link="/buurtinbeeld/gevels/" caption="Gekleurde gevels" >}} + {{< figure src="images/buurtinbeeld/touwbrug-en-boomhut.jpg" link="/buurtinbeeld/touwbrug-boomhut/" caption="Boomhut" >}} + {{< figure src="images/buurtinbeeld/vogelverschrikker.jpg" link="/buurtinbeeld/vogelverschrikker/" caption="Vogelverschrikker" >}} +{{< /gallery >}} diff --git a/themes/hugo-easy-gallery/exampleSite/content/posts/heg.md b/themes/hugo-easy-gallery/exampleSite/content/posts/heg.md new file mode 100644 index 0000000..229e468 --- /dev/null +++ b/themes/hugo-easy-gallery/exampleSite/content/posts/heg.md @@ -0,0 +1,284 @@ +--- +title: Hugo Easy Gallery +date: 2017-03-25T00:00:00Z +lastmod: 2017-03-25T00:00:00Z +author: Li-Wen Yip +avatar: /img/authors/liwenyip.jpg +authorlink: https://www.liwen.id.au/heg/ +cover: /img/authors/liwenyip.jpg +# images: +# - /img/cover.jpg +categories: + - Docs +tags: + - Photoswipe +draft: false +--- +*Automagical PhotoSwipe image gallery with a one-line shortcode* + + +Hugo Easy Gallery makes Hugo image galleries easy. [Get the code and documentation on GitHub](https://github.com/liwenyip/hugo-easy-gallery/). Demo below. + +## Create gallery from a directory +``` +{{}} {{}} +``` + +**Don't forget to close the `gallery` tag with a forward slash before the Hugo brackets `/>))` or by calling `{{}}` afterwards!!!** You can call `load-photoswipe` anywhere on the page (it doesn't have to be before or after anything in particular) + +{{< gallery dir="/img/arduino/" />}} {{< load-photoswipe >}} + +Notes: + +- The images are automatically captioned with the file name. +- `[image].jpg` is used for the hi-res image, and `[image]-thumb.jpg` is used for the thumbnails. +- If `[image]-thumb.jpg` doesn’t exist, then `[image].jpg` will be used for both hi-res and thumbnail images (look at the last image - `test-setup.jpg)`. +- The default thumbnail suffix is `-thumb`, but you can specify a different one e.g. `thumb="-small"` or `thumb="_150x150"`. +- The layout is repsonsive - try changing your browser window size or use Chrome [device mode](https://developers.google.com/web/tools/chrome-devtools/device-mode/) to see the responsiveness. +- `{{}}` enables PhotoSwipe. You only need to call this shortcode once per page. If you don’t enable PhotoSwipe, you’ll still get the same on-page image gallery, but when you click/tap an image, it will link directly to the hi-res image (if you’ve specified one) instead of loading the PhotoSwipe carousel/lightbox gadget. For details of how the PhotoSwipe bit works, see my [previous post](/photoswipe). +- `/static/img/arduino/` contains the following files: +``` +garage-opener-inside-thumb.jpg +garage-opener-inside.jpg +garage-opener-thumb.jpg +garage-opener.jpg +lamp-setup-thumb.jpg +lamp-setup.jpg +ms-front-thumb.jpg +ms-front.jpg +ms-rear-thumb.jpg +ms-rear.jpg +ms-remote-inside-thumb.jpg +ms-remote-inside.jpg +ms-remote-thumb.jpg +ms-remote.jpg +**test**-setup.jpg +``` + +## Create gallery of specific files + +``` +{{}} +{{}} +{{}} +{{}} +{{}} +``` +{{< gallery >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} + +## Gallery options +Optional parameters: + +- `caption-position` - determines the captions’ position over the image. Options: + - `bottom` (default) + - `center` + - `none` hides captions on the page (they will only show in PhotoSwipe) +- `caption-effect` - determines if/how captions appear upon hover. Options: + - `slide` (default) + - `fade` + - `none` (captions always visible) +- `hover-effect` - determines if/how images change upon hover. Options: + - `zoom` (default) + - `grow` + - `shrink` + - `slideup` + - `slidedown` + - `none` +- `hover-transition` - determines if/how images change upon hover. Options: + - not set - smooth transition (default) + - `none` - hard transition + +### Caption effects: + +``` +{{}} ... +{{}} ... +{{}} ... +{{}} ... +``` + +{{< gallery hover-effect="none" caption-effect="slide" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="none" caption-effect="fade" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="none" caption-effect="appear" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="none" caption-effect="none" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} + + +### Caption position: +``` +{{}} ... +{{}} ... +{{}} ... +``` +{{< gallery caption-position="bottom" caption-effect="slide" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery caption-position="center" caption-effect="fade" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery caption-position="none" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} + +### Hover effects: + +``` +{{}} ... +{{}} ... +{{}} ... +{{}} ... +{{}} ... +{{}} ... +``` +{{< gallery hover-effect="grow" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="shrink" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="slideup" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="slidedown" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="none" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} +{{< gallery hover-effect="grow" hover-transition="none" >}} +{{< figure link="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" >}} +{{< figure link="/img/homepage/cc_jeepers.jpg" caption="Capital Chorus" >}} +{{< figure link="/img/arduino/test-setup.jpg" caption="Arduino test setup" >}} +{{< /gallery >}} + +## Figure options +### Specify separate thumbnail and hi-res files: +``` +{{}} +OR +{{}} +``` +{{< figure link="/img/homepage/sydney-harbour.jpg" thumb="-thumb" >}} + +### Specify a hi-res file only: +``` +{{}} +OR +{{}} +``` + +{{< figure link="/img/homepage/sydney-harbour.jpg" >}} + +### Specify the dimensions of your hi-res image: + +`size` (e.g. `size="1024x768"`) pre-defines the image size for PhotoSwipe. Use this option if you don’t want to pre-load the linked image to determine its size. +``` +{{}} +``` +{{< figure link="/img/homepage/cc_jeepers.jpg" + thumb="-thumb" size="1442x662" >}} + +## Figure options - standalone + +Use these options only on figures that are not in a gallery… + +### Disable photoswipe: + +`class="no-photoswipe"` prevents a `
` from being loaded into PhotoSwipe. If you click on the figure you’ll instead a good ol’ fashioned hyperlink to a bigger image (or - if you haven’t specified a bigger image - the same one). +``` +{{}} +``` +{{< figure link="/img/homepage/sydney-harbour.jpg" + thumb="-thumb" class="no-photoswipe" >}} + +### Reduced width: + +`width` defines the `max-width` of the image displayed on the page. If using a thumbnail for a standalone figure, set this equal to your thumbnail’s native width to make the captions behave properly (or feel free to come up with a better solution and submit a pull request :-)). Also use this option if you don’t have a thumbnail and you don’t want the hi-res image to take up the entire width of the screen/container. + +``` +{{}} +``` + +{{< figure src="/img/homepage/sydney-harbour.jpg" + width="400px" >}} + +### With caption: + +By default no CSS styles are applied to the caption. You probably don’t want to do this unless you’ve got your own CSS styles for the
element. + +``` +{{}} +``` +{{< figure src="/img/homepage/sydney-harbour.jpg" + width="400px" caption="Sydney Harbour" >}} + +### With pretty captions: + +You can specify the following options to make your captions pretty: + +- `caption-position` - determines the captions’ position over the image. Options: + - `bottom` (default) + - `center` + - `none` hides captions on the page (they will only show in PhotoSwipe) +- `caption-effect` - determines if/how captions appear upon hover. Options: + - `slide` (default) + - `fade` + - `none` (captions always visible) + +``` +{{}} +{{}} +{{}} +{{}} +``` + +{{< figure src="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" + width="400px" caption-position="bottom" >}} +{{< figure src="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" + width="400px" caption-position="bottom" caption-effect="appear" >}} +{{< figure src="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" + width="400px" caption-position="bottom" caption-effect="slide" >}} +{{< figure src="/img/homepage/sydney-harbour.jpg" caption="Sydney Harbour" + width="400px" caption-position="bottom" caption-effect="fade" >}} diff --git a/themes/hugo-easy-gallery/exampleSite/content/posts/photoswipe.md b/themes/hugo-easy-gallery/exampleSite/content/posts/photoswipe.md new file mode 100644 index 0000000..8b37f4f --- /dev/null +++ b/themes/hugo-easy-gallery/exampleSite/content/posts/photoswipe.md @@ -0,0 +1,304 @@ +--- +title: Automagical image gallery in Hugo with PhotoSwipe and jQuery +date: 2017-03-06T00:00:00Z +lastmod: 2022-03-25T00:00:00Z +author: Li-Wen Yip +avatar: /img/authors/liwenyip.jpg +authorlink: https://www.liwen.id.au/photoswipe/ +cover: /img/authors/liwenyip.jpg +# images: +# - /img/cover.jpg +categories: + - Docs +tags: + - Photoswipe +draft: false +--- + + + +Update 25/03/2017: I’ve combined this PhotoSwipe implementation with a shortcode that generates a responsive css gallery of all the images in a directory - see [Hugo Easy Gallery](/posts/heg). + +There are various solutions for implementing [PhotoSwipe](http://photoswipe.com/) in [Hugo](https://gohugo.io/), including [HugoPhotoSwipe](https://github.com/GjjvdBurg/HugoPhotoSwipe) and [Tom Helmer’s blog post](http://www.thehome.dk/article/photoswipe-gallery-hugo/), but they all require you group all your images in the once place on the page. + +What I wanted was: + +- A lightbox/carousel-style image gallery that loads all of the images in my post, regardless of where in the post they appear; +- Works with any existing images I’ve embedded using the figure shortcode without me having to change anything; and +- Does not require me to [pre-define the image sizes](http://photoswipe.com/documentation/faq.html#image-size); + +I couldn’t find a ready-made solution that met my requirements, so I made my own. + +All the code in this post is available on [GitHub](https://github.com/liwenyip/hugo-pswp). + +## New `figure` shortcode + +If all your existing figures already have a `link` that points to a larger version of the image, then actually Hugo’s built-in `figure` [shortcode](https://gohugo.io/extras/shortcodes/#figure) will work just fine. But if not, we can override the built-in `figure` shortcode to make it work better with PhotoSwipe: + +Put this file in `/layouts/shortcodes/figure.html`: + +```html +
+ + + + {{ if or (or (.Get "title") (.Get "caption")) (.Get "attr")}} +
+ {{ with .Get "title" }}

{{.}}

{{ end }} + {{ if or (.Get "caption") (.Get "attr")}} +

+ {{ .Get "caption" }} + {{ with .Get "attrlink"}}{{ .Get "attr" }}{{ else }}{{ .Get "attr"}}{{ end }} +

+ {{ end }} +
+ {{ end }} +
+``` + +This new shortcode accepts two new parameters size and thumb, and behaves differently as follows: + +`{{}}` does the same as normal, but with a hyperlink to itself: + +{{< figure src="/img/homepage/cc_jeepers.jpg" >}} + +`{{}}` will display `/img/homepage/cc_jeepers-thumb.jpg` and a hyperlink to `/img/homepage/cc_jeepers.jpg`: + +{{< figure link="/img/homepage/cc_jeepers.jpg" thumb="-thumb" >}} + +That’s already kind of useful by itself, but wait, there’s more… + +## Shortcode to enable PhotoSwipe + +To initialise PhotoSwipe we need to add some html and include the PhotoSwipe css/js libraries, which we’ll do by creating a `pswp-init` shortcode and calling it anywhere on the page/post where you want to use PhotoSwipe. Note the bulk of this file is as per the PhotoSwipe [getting started docs](http://photoswipe.com/documentation/getting-started.html#initialization), except that I’m linking the PhotoSwipe css/js libraries from a CDN. + +Put this file in `/layouts/shortcodes/pswp-init.html`: + +```html + + + + + + + + + + + + +``` +Right at the end, we link to jQuery, and then a js and a css file. If you wanted to, you could put the js and css below in a ` + + + +{{ with .Site.Params.CDNJS }} + + + + +{{- else -}} + + + + +{{ end }} + + + + + +{{ end }} diff --git a/themes/hugo-easy-gallery/screenshot.png b/themes/hugo-easy-gallery/screenshot.png new file mode 100644 index 0000000..68374ac Binary files /dev/null and b/themes/hugo-easy-gallery/screenshot.png differ diff --git a/themes/hugo-easy-gallery/static/css/3p/default-skin/default-skin.css b/themes/hugo-easy-gallery/static/css/3p/default-skin/default-skin.css new file mode 100644 index 0000000..c961632 --- /dev/null +++ b/themes/hugo-easy-gallery/static/css/3p/default-skin/default-skin.css @@ -0,0 +1,482 @@ +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/* + + + + + +
+
+
+
+
+
+
+ + + + +
+
+
+ + + +{{ end }} diff --git a/themes/hugo-theme-console/static/css/3p/default-skin/default-skin.css b/themes/hugo-theme-console/static/css/3p/default-skin/default-skin.css new file mode 100644 index 0000000..c961632 --- /dev/null +++ b/themes/hugo-theme-console/static/css/3p/default-skin/default-skin.css @@ -0,0 +1,482 @@ +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/*