This commit is contained in:
Loïc Guibert
2022-09-30 20:02:02 +01:00
commit 66dafc36c3
2561 changed files with 454489 additions and 0 deletions

13
user/pages/about/page.md Normal file
View File

@@ -0,0 +1,13 @@
---
title: 'À propos'
---
**Boyatzon, Boyatz** : *nom masculin. Bon garçon alcoolique malgré lui. "Tû le boyatz', tu prends une ou bien ?"* [Désencyclopédie](https://desencyclopedie.org/wiki/Valaisan_(langue)#B)
J'aime beaucoup écrire. Le problème, c'est que je suis très irrégulier. J'ai créé ce blog sans prétention, pour partager des idées, des concepts ou des opinions qui peuvent intéresser certains et certaines.
La forme de ce blog, et peut-être son fond, est sujette au changement, comme l'a très bien expliqué [Serveur 410](https://serveur410.com/ton-coin-de-web-tattends/). J'ai préféré publiere ce blog sous sa forme non-finalisée plutôt que de repousser sa publication, sinon je ne l'aurais jamais fait.
Je vais parler de technologies, de sujets plus sociétaux ou encore de ce qui me passe par la tête. Je vais essayer de ne pas me restreindre.
[Image de fond](https://www.firewatchgame.com/media/)

View File

@@ -0,0 +1,152 @@
---
title: 'Mediator Theme Setup'
slug: theme-setup
date: '05-02-2014 00:00'
taxonomy:
tag:
- post
- featured
image: tools.jpg
---
# Mediator Origins
The Mediator theme for Grav is a direct port of the [Mediator Theme for Jekyll](https://github.com/dirkfabisch/mediator) designed by [Dirk Fabisch](http://blog.base68.com/about/) which in turn was inspired by the [Readium 2.0 Theme for Ghost](http://www.svenread.com/readium-ghost-theme/).
A couple of minor tweaks and adjustments have been made to better take advantage of Grav features and functionality.
# Features
* Fully Responsive layout
* Use header images in articles, if you want to (add tag "image" and url to the image in the front matter section of a post)
* Minimal design
* Featured article support
* FontAwesome implemented for easy use of icons fonts
* Free & Open Source Font usage
## Basic Setup for a new Grav site
The simplest way to install Mediator theme for Grav is to download and install the Mediator Skeleton package:
1. [Download Mediator Skeleton](http://getgrav.org/downloads/skeletons#extras)
2. Simply unzip the package into your web root folder.
3. Point your browser at the folder, job done!
**TIP:** Check out the [general Grav installation instructions](http://learn.getgrav.org/basics/installation) for more details on this process.
---
## Existing Grav site
It is possible to install just the theme, but page content will need to reference the Mediator theme's supported templates. It is strongly advised to at least install the Mediator Skeleton package to see the theme's capabilities in action.
To install **just** the theme:
```
$ bin/gpm install mediator
```
---
## Advanced GitHub-based installation
1. Download and install [Grav](https://github.com/getgrav/grav)
2. Create a new sandbox site with: `bin/grav sandbox ~/public_html/mediator`
3. Clone this repo into the `mediator` folder as `user`: `git clone: https://github.com/getgrav/grav-skeleton-mediator-site ~/public_html/mediator/user`
4. Install the plugin and theme dependencies: `bin/grav install`
# Configuration
Most of the configuration of the theme is done in the `user/config/site.yaml` file:
```
title: Mediator
description: A Grav theme - Medium inspired
taxonomies: [tag, featured]
metadata:
description: Grav is an easy to use, yet powerful, open source flat-file CMS
logo: /user/images/logo.jpg
date_long: 'd F Y'
date_short: 'd M Y'
author:
name: Bill Bloggs
email: a-mail@mail.mail
image: /user/images/avatar.jpg
bio: I'm a blogger and a Grav-lover
social:
- icon: twitter
url: https://twitter.com/getgrav
desc: Follow me on twitter
share_url: http://twitter.com/share
share_title: ?text=
share_link: "&url="
- icon: facebook
url: https://facebook.com/???
desc: Connect with me facebook
share_url: //www.facebook.com/sharer.php
share_title: ?t=
share_link: "&u="
- icon: github
url: https://github.com/getgrav
desc: Fork me on github
share_url:
share_title:
share_link:
- icon: google-plus
url: https://google.com/???
desc: Add me on google+
share_url:
share_title:
share_link:
```
Main settings for the site
* **title**: name of your site
* **description**: description of your site
* **logo**: small logo for the site (300x * 300x)
* **long date**: date used in the `default` listing page
* **short date**: date used in the `post` details page
* **author name**: name site owner
* **author email**: mail address of the site owner
* **author image**: small image of author (300x * 300px)
* **author bio**: short one sentence biography
### Social
The template allows to add all major social platforms to your site.
Fill the the form for each platform. If you leave the share_* entries empty, the sharing buttons below a post are not shown. If you leave the **url** and **desc** empty the icons are not shown on the index page, but the share icons on the article pages remains untouched (Thanks to [Phil](https://github.com/philsturgeon))
* **icon**: name of social platform (must match a name of [font-awsome](http://fortawesome.github.io/Font-Awesome/) icon set )
* **url**: url of your account
* **desc**: slogan of the platform
* **share_url**: share url
* **share_title**: first part of url for the title
* **share_link**: second part of the share url for the link to the post
The Twig template engine will magical combine the different parts to a share url.
```
http://twitter.com/share?text=post_title&url=post_url
````
# Supported Page Types
The Mediator theme supports 3 page types via templates:
* **default**: the template used to display the default blog listing view
* **post**: a full page of the blog post
* **page**: similar to the post, but without author information or reading-time
# Licensing
[MIT](https://github.com/dirkfabisch/madiator/blob/master/LICENSE) with no added caveats, so feel free to use this on your site without linking back to me or using a disclaimer or anything silly like that.

Binary file not shown.

After

Width:  |  Height:  |  Size: 652 KiB

View File

@@ -0,0 +1,11 @@
---
title: 'Sample Link Post'
slug: sample-link-post
description: 'Example and code for using link posts.'
date: '12-08-2014 00:00'
comments: true
link: 'http://getgrav.org'
published: false
---
This theme supports **link posts**, made famous by John Gruber. To use, just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done.

View File

@@ -0,0 +1,51 @@
---
title: 'Welcome to Grav'
slug: welcome-to-grav
date: '30-11-2014 00:00'
image: swim.jpg
published: false
---
#Mediator Formats and CSS features
Examples for different formats and css features
#Header Formats
#Header1
##Header2
#Blockquotes
>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
#Lists
##orderd lists
1. one
2. two
3. three
##unorderd lists
- Apple
- Banana
- Plum
#Links
This is an [example link](http://example.com/ "With a Title").
#Images
![Unsplash Image](stuff.jpg)
#Code
```
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
```
#Combinations
>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
>
> - Apple
> - Banana
> - Plum

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 496 KiB

View File

@@ -0,0 +1,19 @@
---
title: 'Derniers articles'
sitemap:
changefreq: weekly
priority: 1.03
content:
items: '@self.children'
order:
by: date
dir: desc
limit: 10
pagination: true
feed:
description: 'Derniers articles'
limit: 10
pagination: true
cover: firewatch-forest-mountains-minimalism-4k-hb.jpg
---

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
user/pages/blog/shore.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 397 KiB

View File

@@ -0,0 +1,6 @@
---
title: Contact
published: true
---
Je travaille sur les formulaires, en attendant vous pouvez [m'envoyer un mail](mailto:hello@boyatzon.ch).

View File

@@ -0,0 +1,9 @@
---
title: 'Mail envoyé'
cache_enable: false
process:
twig: true
---
Merci pour votre message !
Je vous répondrai dans les plus brefs délais.

View File

@@ -0,0 +1,53 @@
---
title: Contact
form:
name: contact
fields:
name:
label: Name
placeholder: 'Votre nom'
autocomplete: 'on'
type: text
validate:
required: true
email:
label: Email
placeholder: 'Votre adresse mail'
type: email
validate:
required: true
message:
label: Message
placeholder: 'Votre message'
type: textarea
validate:
required: true
g-recaptcha-response:
label: Captcha
type: captcha
recaptcha_not_validated: 'Captcha not valid!'
buttons:
submit:
type: submit
value: Envoyer
reset:
type: reset
value: Reset
process:
captcha: false
save:
fileprefix: contact-
dateformat: Ymd-His-u
extension: txt
body: '{% include ''forms/data.txt.twig'' %}'
email:
subject: '[Site Contact Form] {{ form.value.name|e }}'
body: '{% include ''forms/data.html.twig'' %}'
message: 'Merci pour votre envoi !'
display: emailsent
published: true
---
# Contact form
Some sample page content