[SITE] Première version du site

This commit is contained in:
Gregory Trolliet 2021-10-26 11:41:22 +02:00
commit ae9a65d774
48 changed files with 1827 additions and 0 deletions

4
.gitignore vendored Normal file
View File

@ -0,0 +1,4 @@
public
resources
themes/*
*.thumb.*

18
CHANGELOG.md Normal file
View File

@ -0,0 +1,18 @@
# Changelog
Toutes les modifications significatives du projet seront documentées
dans ce fichier.
Ce format est basé sur
[Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
et ce projet adhère au
[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## [Unreleased]
## [0.1.0] - 2021-10-26
### Added
* Les pages de base du site
* Le thème pour la page d'accueil
* Les archives
* La gallerie dans chaque archive
* L'appel vers la page de mail

50
LICENSE.md Normal file
View File

@ -0,0 +1,50 @@
## creative commons
# CC0 1.0 Universal
CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED HEREUNDER.
### Statement of Purpose
The laws of most jurisdictions throughout the world automatically confer exclusive Copyright and Related Rights (defined below) upon the creator and subsequent owner(s) (each and all, an "owner") of an original work of authorship and/or a database (each, a "Work").
Certain owners wish to permanently relinquish those rights to a Work for the purpose of contributing to a commons of creative, cultural and scientific works ("Commons") that the public can reliably and without fear of later claims of infringement build upon, modify, incorporate in other works, reuse and redistribute as freely as possible in any form whatsoever and for any purposes, including without limitation commercial purposes. These owners may contribute to the Commons to promote the ideal
of a free culture and the further production of creative, cultural and scientific works, or to gain reputation or greater distribution for their Work in part through the use and efforts of others.
For these and/or other purposes and motivations, and without any expectation of additional consideration or compensation, the person associating CC0 with a Work (the "Affirmer"), to the extent that he or she is an owner of Copyright and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and publicly distribute the Work under its terms, with knowledge of his or her Copyright and Related Rights in the Work and the meaning and intended legal effect of CC0 on those rights.
1. __Copyright and Related Rights.__ A Work made available under CC0 may be protected by copyright and related or neighboring rights ("Copyright and Related Rights"). Copyright and Related Rights include, but are not limited to, the following:
i. the right to reproduce, adapt, distribute, perform, display, communicate, and translate a Work;
ii. moral rights retained by the original author(s) and/or performer(s);
iii. publicity and privacy rights pertaining to a person's image or likeness depicted in a Work;
iv. rights protecting against unfair competition in regards to a Work, subject to the limitations in paragraph 4(a), below;
v. rights protecting the extraction, dissemination, use and reuse of data in a Work;
vi. database rights (such as those arising under Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, and under any national implementation thereof, including any amended or successor version of such directive); and
vii. other similar, equivalent or corresponding rights throughout the world based on applicable law or treaty, and any national implementations thereof.
2. __Waiver.__ To the greatest extent permitted by, but not in contravention of, applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and unconditionally waives, abandons, and surrenders all of Affirmer's Copyright and Related Rights and associated claims and causes of action, whether now known or unknown (including existing as well as future claims and causes of action), in the Work (i) in all territories worldwide, (ii) for the maximum duration
provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each member of the public at large and to the detriment of Affirmer's heirs and successors, fully intending that such Waiver shall not be subject to
revocation, rescission, cancellation, termination, or any other legal or equitable action to disrupt the quiet enjoyment of the Work by the public as contemplated by Affirmer's express Statement of Purpose.
3. __Public License Fallback.__ Should any part of the Waiver for any reason be judged legally invalid or ineffective under applicable law, then the Waiver shall be preserved to the maximum extent permitted taking into account Affirmer's express Statement of Purpose. In addition, to the extent the Waiver is so judged Affirmer hereby grants to each affected person a royalty-free, non transferable, non sublicensable, non exclusive, irrevocable and unconditional
license to exercise Affirmer's Copyright and Related Rights in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "License"). The License shall be deemed effective as of the date CC0
was applied by Affirmer to the Work. Should any part of the License for any reason be judged legally invalid or ineffective under applicable law, such partial invalidity or ineffectiveness shall not invalidate the remainder of the License, and in such case Affirmer hereby affirms that he or she will not (i) exercise any of his or her remaining Copyright and Related Rights in the Work or (ii) assert any associated claims and causes of action with respect to the
Work, in either case contrary to Affirmer's express Statement of Purpose.
4. __Limitations and Disclaimers.__
a. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered, licensed or otherwise affected by this document.
b. Affirmer offers the Work as-is and makes no representations or warranties of any kind concerning the Work, express, implied, statutory or otherwise, including without limitation warranties of title, merchantability, fitness for a particular purpose, non infringement, or the absence of latent or other defects, accuracy, or the present or absence of errors, whether or not discoverable, all to the greatest extent permissible under applicable law.
c. Affirmer disclaims responsibility for clearing rights of other persons that may apply to the Work or any use thereof, including without limitation any person's Copyright and Related Rights in the Work. Further, Affirmer disclaims responsibility for obtaining any necessary consents, permissions or other rights required for any use of the Work.
d. Affirmer understands and acknowledges that Creative Commons is not a party to this document and has no duty or obligation with respect to this CC0 or use of the Work.

4
README.md Normal file
View File

@ -0,0 +1,4 @@
# Site personnel de *Léa Trolliet*
Site personnel de Léa Trolliet.

48
config.toml Normal file
View File

@ -0,0 +1,48 @@
baseURL = "https://trolliet.info/"
languageCode = "fr-fr"
DefaultContentLanguage = "fr"
title = "Léon"
paginate = 15
theme = "frigg"
pluralizeListTitles = false
[markup]
# defaultMarkdownHandler = "blackfriday"
[markup.goldmark]
[markup.goldmark.renderer]
unsafe = true
[author]
name = "Gregory Trolliet"
email = "gregory@trolliet.info"
[params]
author = "Léon"
info = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu est hendrerit ex elementum aliquet eget quis leo. Duis nec scelerisque risus, et auctor turpis. Fusce et iaculis libero. Nullam."
avatar = "avatar.webp"
custom_css = []
description = "Site personnel de Léon"
keywords = "théâtre"
mail = "lea.trolliet99@gmail.com"
name = "Léa Trolliet"
counter = 4
error404_definitionUrl = "https://fr.wikipedia.org/wiki/Erreur_HTTP_404"
[[params.social]]
name = "Mon e-mail"
icon = "envelope"
weight = 1
url = "mailto:lea@trolliet.info"
[[params.social]]
name = "Mon compte Mastodon"
icon = "mastodon"
weight = 5
url = "https://mastodon.zaclys.com/@Faket"
[[params.social]]
name = "Mon compte Twitter"
icon = "twitter"
weight = 5
url = "https://twitter.com/gregorytrolliet"

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -0,0 +1,28 @@
---
author: "Léa Trolliet"
title: "Archive 01"
date: 2021-04-05T13:00:00+02:00
description: "Archive"
images: []
categories: ["Informatique"]
tags: ["Informatique","Internet","Vidéo","Réflexion"]
draft: false
---
# Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis purus a sollicitudin rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus molestie nibh tortor, sit amet ullamcorper odio lobortis eu. Suspendisse aliquet et felis ut porta. Quisque rutrum euismod arcu nec consequat. Mauris porta dolor vel viverra viverra. Ut iaculis tortor nisi, sed lacinia eros mollis ac. Curabitur pretium orci sodales, malesuada risus vitae, auctor
enim. Duis aliquet, tortor id rutrum luctus, eros turpis consectetur ipsum, a pharetra sapien neque ut elit. Donec quis massa elit. Donec nunc mauris, lacinia a purus eget, tincidunt interdum sapien. Nam ultrices massa ut purus dignissim, ut elementum elit aliquet[^1].
Sed sit amet tortor sem. Vivamus non urna aliquam, hendrerit dui eget, gravida elit. Nulla ac eleifend magna. Maecenas gravida quis urna sed mattis. Nullam in dui et eros scelerisque euismod sed vel dolor. Vestibulum in faucibus erat. Aliquam dui sapien, consectetur vel auctor at, porta porta urna. Morbi eget consequat neque, at volutpat orci. Ut non erat egestas, cursus augue eget, aliquam lacus. Mauris lectus quam, tincidunt quis quam nec, fermentum volutpat lorem. Nunc eu libero purus.
Ut non ex magna. Nulla dictum maximus justo, non ultrices nulla elementum vitae. Mauris ut feugiat libero, quis congue nibh. Vestibulum accumsan justo id orci iaculis, vel iaculis dolor dapibus. Sed ut tortor mauris. Donec consequat non metus vel porttitor. Nullam pulvinar est in sollicitudin luctus. Nunc sagittis eu mi sed tristique. Donec sit amet libero ac leo tincidunt aliquet ac ut ante. Sed a vestibulum felis, quis maximus elit. Nulla tempus augue sit amet enim consectetur facilisis.
Praesent ultricies accumsan nisl in bibendum. Proin ut porttitor nisi.
## Aliquam
Aliquam scelerisque blandit leo ac rhoncus. Vivamus luctus ut nunc at molestie. In ac mauris tempor enim hendrerit aliquam. In eu velit eget elit pellentesque molestie. Suspendisse viverra cursus venenatis. Nullam eu tortor eget quam finibus commodo non ut augue. Proin egestas consequat rutrum. Praesent eros lorem, finibus a feugiat et, commodo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat felis nec semper scelerisque. Pellentesque at neque blandit, pulvinar
nulla in, sagittis ipsum. Morbi malesuada arcu a dui facilisis commodo in eget tortor. Aliquam sagittis semper elit, ac blandit erat tincidunt non. Nam eleifend odio nec dui mollis gravida. Curabitur dictum blandit sagittis.
### Mauris nec1
Mauris nec metus sit amet magna ultricies tincidunt vel eu nisl. Duis vitae tempus lorem. In vitae orci a massa luctus posuere. Aliquam erat volutpat. Cras nunc mi, commodo tristique laoreet sed, imperdiet et nisl. Ut maximus suscipit congue. Integer dignissim mollis sapien, non lobortis neque aliquet ut. Pellentesque a laoreet risus. Aenean faucibus mauris et malesuada pretium. Morbi eget enim elementum, mattis dolor at, feugiat sem. Vestibulum ac nisl vel quam porta luctus.
[^1]: Test

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 402 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -0,0 +1,51 @@
---
author: "Léa Trolliet"
title: "Archive 02"
date: 2021-04-21T22:29:28+02:00
description: "Archive 02"
images: ["banner.jpg"]
categories: ["Informatique"]
tags: ["Informatique","Navigateur","Politique","Internet"]
draft: false
---
# Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl ipsum, vehicula eu diam id, sollicitudin finibus tellus. Donec vel congue libero, ac aliquet tellus. Nullam eget mauris vel nibh sagittis eleifend. Vivamus ornare placerat enim finibus interdum. Nunc gravida metus consectetur sollicitudin mattis. Vivamus semper congue augue accumsan condimentum. Nunc mauris urna, accumsan a ex non, tempor imperdiet augue. Donec lobortis blandit nisl, et ullamcorper risus posuere ac. Fusce sit
amet sapien dolor. Sed et felis sit amet ante rhoncus laoreet. Mauris dapibus augue elit, et maximus tortor pretium placerat. Etiam nibh enim, luctus a augue a, efficitur fringilla urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras rutrum felis libero, ut faucibus neque interdum quis. Suspendisse potenti. Donec malesuada felis convallis erat ornare consectetur.
Integer porta pharetra orci eget rhoncus. Nulla sed arcu sit amet mi fringilla hendrerit. Cras id ullamcorper ante, quis ullamcorper nulla. Donec commodo pellentesque felis, id ultricies tellus tristique non. Vivamus faucibus sed nisi id auctor. Ut sagittis lorem hendrerit ipsum posuere commodo. Nulla facilisi. Sed tincidunt risus in eros aliquet maximus. Mauris varius finibus bibendum. Nullam eget rutrum dui. Donec vestibulum, orci cursus luctus fermentum, augue purus gravida diam, sit amet
tristique enim risus quis turpis. Suspendisse hendrerit, ligula vitae commodo viverra, lorem nulla ultrices metus, ut luctus nibh nulla eu elit.
## Mauris vulputate
Mauris vulputate tortor sapien, tincidunt mattis orci dignissim sed. Nam convallis massa non lectus sollicitudin ultrices. Pellentesque sit amet dictum odio. Duis sem nisl, aliquet eget venenatis vel, gravida a elit. Etiam pulvinar turpis ac sapien condimentum pellentesque. Donec purus neque, tincidunt sit amet tempus nec, mollis ac quam. Mauris quam est, porttitor eu turpis at, semper dignissim metus. Cras a vulputate dui. Donec aliquet in diam vel posuere.
Pellentesque in purus in arcu consequat maximus eu quis ligula. In dictum at lectus sit amet ullamcorper. Curabitur fringilla ac ligula non blandit. Praesent id urna vel arcu imperdiet feugiat quis et tortor. Sed elementum tortor eget sagittis bibendum. Cras tincidunt in orci pulvinar ultricies. Nunc ac enim nec massa pharetra lacinia. Suspendisse elementum ac quam id varius. Suspendisse mollis neque eget lectus consequat fermentum. Pellentesque sed nisi lorem.
## In hac
In hac habitasse platea dictumst. Maecenas semper mauris vitae turpis congue rhoncus. Nunc nisi nibh, faucibus quis sodales quis, tristique at dui. Proin ipsum dolor, semper sed ante sed, efficitur ullamcorper ligula. Mauris in gravida est. Vestibulum vitae tempor lectus. Vestibulum diam tellus, tempor quis tempus in, dapibus vel sapien. Mauris eleifend mauris ac porttitor mattis. Cras varius ullamcorper massa, in pretium ligula auctor eu. Sed sodales, magna ut pellentesque dignissim, ipsum
ligula placerat est, eget malesuada nulla risus sit amet diam. Fusce sagittis velit eu risus vulputate ultricies.
Morbi finibus tellus sit amet tortor molestie elementum. Ut in placerat neque. Fusce ultricies nibh nulla, non egestas nulla finibus sit amet. Aenean lacus eros, laoreet ac eros vel, egestas maximus ante. Vivamus quis pharetra urna, et imperdiet sapien. Integer iaculis arcu sed diam consectetur tincidunt. Cras vel sem accumsan, imperdiet tortor a, pulvinar ex. Aliquam tincidunt posuere nibh, sit amet feugiat enim auctor vitae. Nulla interdum sodales ipsum in tincidunt. Vivamus in bibendum diam.
Aliquam erat volutpat. Duis vel imperdiet nulla. Nulla sit amet pulvinar libero. Sed vitae diam facilisis, suscipit purus sed, finibus mauris. Curabitur consectetur, justo eleifend faucibus scelerisque, dui lorem elementum tortor, sit amet vehicula ligula elit at quam.
# Donec imperdiet
Donec imperdiet magna id dui molestie, et mattis lorem consequat. Nunc fringilla eleifend scelerisque. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel vehicula sapien, a porta neque. Aliquam pellentesque risus vel varius gravida. In ex justo, faucibus a euismod sed, blandit id orci. Mauris ac dui eget libero ornare ullamcorper. Maecenas consequat vulputate dui, ut ullamcorper ligula pellentesque faucibus. Quisque vitae
lobortis ipsum, eget ultricies odio. Vestibulum et tincidunt ipsum. Cras in magna vel elit sodales aliquam.
Nunc aliquam, turpis blandit vulputate interdum, sapien dolor rutrum nibh, et maximus risus lectus ultricies diam. Sed malesuada ex sed nunc mollis, in ultricies ipsum varius. Praesent posuere feugiat justo ac tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus ut mi cursus, pretium mi vel, viverra dui. Sed quis mauris eu nulla finibus auctor non id nisl. Duis sit amet nisl in magna vestibulum fermentum eget et leo. Curabitur tincidunt
massa nisi, quis eleifend tortor iaculis sit amet. Aliquam lacinia nisl dui, id pharetra risus venenatis quis. Sed et scelerisque massa, non consequat magna.
Mauris non mattis sapien, vel vestibulum libero. Quisque eleifend elementum libero ut scelerisque. Etiam pellentesque justo quis velit pharetra pretium. Curabitur feugiat quam mattis posuere bibendum. Proin faucibus justo in tortor pulvinar commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eget malesuada erat, vel iaculis ante. Aliquam at mauris velit. Sed eget bibendum ante. Curabitur massa sem, lacinia sed tristique nec, sodales id risus.
Nunc laoreet neque lorem, eget pretium odio placerat nec. Nunc nec scelerisque dui, in placerat mi. Curabitur blandit fermentum mollis. Nullam nec accumsan lectus, quis cursus est.
## Vestibulum rhoncus
Vestibulum rhoncus magna vel lorem blandit commodo. Mauris eget consectetur tortor. Donec leo nibh, efficitur et eleifend sodales, bibendum vel dolor. Aliquam erat volutpat. Mauris iaculis nisl laoreet, scelerisque diam vel, hendrerit eros. Suspendisse ullamcorper leo non justo maximus, et congue lectus cursus. Integer erat nunc, sollicitudin ut mollis id, interdum sodales leo. Proin magna nisl, dictum eu ex ut, maximus ultrices mi. Nulla aliquet orci et justo rutrum, eget efficitur ex feugiat.
In hac habitasse platea dictumst. Donec sit amet pharetra nulla. Vivamus dignissim aliquet condimentum. Donec vel tellus a neque fermentum dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer iaculis lorem id pellentesque tincidunt. Cras ut lectus sed diam dignissim pharetra sed sed mauris.
### Maecenas dignissim
Maecenas dignissim tortor eget ipsum euismod, et malesuada nunc malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas diam velit, lobortis eget massa sit amet, sollicitudin tempus diam. Morbi interdum arcu pretium dui viverra, sit amet porta tortor placerat. Ut et pretium nibh. Nam accumsan nec nisi at elementum. Aliquam fringilla ac justo in aliquam. Cras a placerat elit, quis euismod lectus. Maecenas sit amet turpis in nisl sollicitudin fermentum. Nulla a felis accumsan,
hendrerit metus vel, venenatis diam. Cras tincidunt et orci id pretium. Curabitur sagittis turpis vel fringilla feugiat. Aenean fringilla malesuada ipsum sed gravida. Vestibulum vel velit eget nisl vulputate ultricies quis sit amet dui. Nunc pellentesque ligula at augue malesuada porta.
## Pellentesque hendrerit
Pellentesque hendrerit maximus velit, et mattis dolor posuere quis. Quisque a blandit tortor. Vivamus aliquet ultrices tellus, et blandit felis fringilla a. Sed auctor, augue non consectetur tempus, quam nisi aliquet nisl, sed mollis neque justo non ligula. Quisque ac auctor arcu, non mattis nunc. Vestibulum pulvinar dui pharetra, commodo ligula vitae, blandit nisi. Integer quis fermentum nibh. Proin vitae ligula eu nulla hendrerit volutpat. Phasellus ac rhoncus nisi, congue auctor dui.
Curabitur a arcu non sem feugiat lacinia a non tortor. Etiam pharetra ornare nulla ut hendrerit.

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View File

@ -0,0 +1,38 @@
---
author: "Léa Trolliet"
title: "Archive 03"
date: 2021-10-14T09:35:24+02:00
description: "Archive 03"
images: ["banner.jpg"]
categories: ["Informatique"]
tags: ["Informatique","Internet","Vidéo","Logiciel libre","Vie privée"]
draft: false
---
# Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae leo est. Praesent facilisis vehicula nunc, in luctus dolor suscipit nec. Ut dictum sollicitudin nunc, ut mollis eros accumsan nec. Aliquam at lorem vitae quam euismod maximus vehicula a turpis. Donec ut pharetra massa. Donec posuere congue laoreet. Sed ut risus facilisis, placerat mauris eget, consectetur tellus. Vivamus pretium aliquam sapien eu rhoncus. Nam cursus egestas dui, id consequat elit porta varius. Vivamus porta neque
a ipsum gravida luctus. Praesent sodales, turpis nec semper imperdiet, neque sem laoreet quam, et tempor risus nulla ut neque.
Ut cursus et risus ac porttitor. Ut tincidunt justo dolor, ac dapibus tortor ornare non. Etiam nec lectus libero. Pellentesque finibus eu felis in volutpat. Praesent metus nulla, iaculis sit amet suscipit et, faucibus quis metus. Morbi at malesuada quam. Aenean quis lectus faucibus, luctus nulla et, interdum ante. In hac habitasse platea dictumst. Curabitur ac neque nec sapien mollis tincidunt. Nullam sodales tempor dui vitae blandit. Suspendisse sollicitudin, nisi id posuere convallis, turpis
tellus pretium arcu, commodo consectetur odio quam eu nisl. Sed aliquet vehicula risus ut eleifend. Maecenas efficitur nulla vel elementum ornare. Duis pharetra condimentum pharetra. Aliquam fermentum tempus elementum.
Pellentesque leo enim, vestibulum ac pulvinar eu, sagittis in eros. Aliquam a pulvinar urna, non condimentum libero. Sed tempor non lacus sit amet viverra. Sed lacinia porta enim, vel euismod velit porta ut. Vivamus aliquam malesuada tellus in pretium. Praesent gravida nibh quis convallis mollis. Duis velit massa, semper eget turpis eu, malesuada consequat sapien. Vivamus et mi quis nunc pharetra feugiat. Curabitur ipsum ligula, pretium vel elementum sed, lobortis sed mauris. Maecenas
sollicitudin lacus vitae metus lobortis laoreet. Integer condimentum turpis mauris, ac ornare libero vehicula accumsan. Fusce condimentum erat odio, porttitor sagittis tellus facilisis scelerisque. Curabitur in neque lacus.
# Ut auctor
Ut auctor, quam sed dignissim ullamcorper, neque nibh posuere massa, id tristique mauris massa a nulla. Proin pellentesque nibh nec nisi sagittis facilisis. Ut bibendum velit non sodales commodo. In hac habitasse platea dictumst. Integer ac enim in nibh dignissim vestibulum. Cras suscipit imperdiet sem non porta. Praesent condimentum, ligula nec vulputate hendrerit, est orci porttitor lectus, quis pellentesque lectus sem non eros. Aliquam lobortis eleifend arcu et elementum. Pellentesque
gravida, tortor vitae aliquet elementum, magna nunc fermentum nisi, ut accumsan orci massa vitae enim. Nullam vel neque fermentum risus vulputate mollis mollis id purus. Aenean eget mi suscipit, maximus augue nec, semper ligula. Quisque rhoncus sem sit amet finibus ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis a viverra lorem.
Ut bibendum justo sed nibh porta, sed condimentum felis finibus. Vivamus magna mi, tristique et tincidunt et, pulvinar a magna. Cras non nunc eget est pellentesque condimentum quis tristique nulla. Sed finibus sed sapien sed mollis. Vestibulum condimentum, justo sit amet scelerisque euismod, nulla neque eleifend mauris, ac viverra purus massa ac leo. Mauris ut venenatis ante. Sed mattis felis nec ante porttitor, ut eleifend quam efficitur. Praesent lacinia ac tortor a dictum. Integer magna
sapien, lacinia sit amet nisl id, maximus cursus massa. Nam ut lobortis nisi, nec sollicitudin lorem.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In efficitur laoreet venenatis. Quisque efficitur est efficitur mauris porta efficitur. Vivamus ac vestibulum nisl. Duis imperdiet, sapien vel laoreet volutpat, lorem leo condimentum dolor, vel ultricies sapien dui vitae quam. Vestibulum et ante elit. Sed congue nisi arcu, ac mollis mauris cursus non.
Nullam molestie ipsum ac blandit blandit. Phasellus at metus nisl. Mauris neque massa, hendrerit nec ex non, volutpat pretium velit. Nulla interdum consectetur tempor. Phasellus ullamcorper massa eget felis mollis auctor. Aliquam vel ultricies dui. Sed vel pellentesque felis. Fusce bibendum a lorem et laoreet. Sed sit amet dui nec felis venenatis porttitor et ac nisi. Etiam ultricies augue sed elementum bibendum. In pulvinar augue eu nulla aliquam volutpat. Nulla ac tortor ut purus blandit
molestie vitae eget dolor. Sed egestas volutpat faucibus. Maecenas tristique sit amet ipsum et porta. Nullam ipsum eros, iaculis id finibus id, dapibus eu dolor. Sed at dui leo.
# Duis placerat
Duis placerat faucibus risus et auctor. Proin malesuada nec ipsum at condimentum. Proin ut augue id libero feugiat tristique. Donec accumsan nulla ex, eget commodo mi aliquet at. Cras aliquet tortor leo, ultrices eleifend odio pellentesque eget. Quisque vestibulum magna nec dolor laoreet, ac sagittis lorem egestas. Donec ac sem molestie, maximus ante a, aliquet lacus. Integer pulvinar turpis ipsum, quis elementum quam faucibus sed. Nullam scelerisque tellus ut rhoncus bibendum. Sed pellentesque
nisl nisi, id ultrices justo tincidunt eu. Cras eu finibus enim, sit amet mollis ligula. Cras sollicitudin, justo nec tincidunt pulvinar, neque nisl dignissim arcu, eget venenatis sapien lorem eu risus. Vestibulum et enim eget sem mattis pulvinar. Integer eu fringilla mi, id ornare arcu.

View File

@ -0,0 +1 @@
<svg width="99.94" height="99.94" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-4.05 -948.371)"><circle cx="54.021" cy="998.341" r="49.97" fill="#e5e5e5"/><circle cx="55.321" cy="996.814" r="46.397" fill="#672168"/><circle cx="57.998" cy="993.753" r="35.758" fill="#420143"/><path d="M76.337 998.553a22.972 22.972 0 01-22.973 22.973 22.972 22.972 0 01-22.972-22.973 22.972 22.972 0 0122.972-22.972 22.972 22.972 0 0122.973 22.972z" fill="#dddbdd" fill-rule="evenodd"/><path d="M47.539 988.234v20.471l16.477-10.485z" fill="#691f69" fill-rule="evenodd"/></g></svg>

After

Width:  |  Height:  |  Size: 576 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

View File

@ -0,0 +1 @@
<svg preserveAspectRatio="xMidYMid" width="98.9" height="43.4" viewBox="0 0 101.3 44.5" version="1.1" id="svg14" xmlns="http://www.w3.org/2000/svg"><defs id="defs4"><style id="style2"/></defs><path d="M15.1 39.1v-4.7h19.1v4.7zM.4 27.3l12.4-7.2L.4 13 3 8.7l15 9.2v4.3L3 31.5z" id="path10" stroke="#282828" stroke-linejoin="round" stroke-width=".7" fill="#fff" fill-rule="evenodd"/><path d="M101 17.8a32.4 32.4 0 0 1-.4 2.5l-1 6c-.2 1-.5 2.1-1 3.2a9.4 9.4 0 0 1-1.7 2.8c-.8.9-1.7 1.5-2.8 2-1 .4-2.2.6-3.3.6a7 7 0 0 1-1.8-.2c-.7-.2-1.2-.5-1.6-.9a5 5 0 0 1-1-1.4 9 8.9 0 0 1-.7-1.8l-2.3 13.5H77l5.6-34.2h6.6l-.5 3.1a10.5 10.5 0 0 1 1.3-1.5 7.2 7.2 0 0 1 1.6-1.1 6.4 6.4 0 0 1 1.8-.7 9.9 9.9 0 0 1 1.9-.2c.8 0 1.5.2 2.3.4.7.3 1.3.7 1.8 1.3a6 6 0 0 1 1 2 10.2 10.1 0 0 1 .6 2.2v2.4zm-7-1.5c-.2-.4-.5-.8-1-1a3 3 0 0 0-1.5-.4c-.4 0-.9 0-1.3.2a3.2 3.2 0 0 0-1.3.7 3.3 3.3 0 0 0-.8 1.2 7.1 7.1 0 0 0-.4 1.3l-1 6a24.5 24.5 0 0 0-.1 1.2 5.4 5.4 0 0 0 0 1l.1 1.1a3 3 0 0 0 .4 1l.8.7a2.6 2.5 0 0 0 1 .2c.6 0 1.1 0 1.6-.3a3.8 3.8 0 0 0 1.4-.9 4.2 4.2 0 0 0 .9-1.4 8.3 8.3 0 0 0 .4-1.5l1-6 .1-1.6-.3-1.5zM75.9 29.2v5.4H59.5v-5.4h5.6l4-23.4h-4.3V.4h11.7l-4.8 28.8zm-26.6 5.4l.5-3.2a6.9 6.9 0 0 1-1.2 1.5A8.2 8.2 0 0 1 47 34a7 7 0 0 1-1.9.7 8.8 8.8 0 0 1-1.8.2c-.8 0-1.6-.1-2.3-.4-.8-.3-1.4-.7-1.9-1.3a6 6 0 0 1-1-2 10.4 10.4 0 0 1-.6-2.2 13.4 13.4 0 0 1 0-2.4l.3-2.4 1-6a16 16 0 0 1 1-3.3 8.9 8.9 0 0 1 1.8-2.8 7.9 7.9 0 0 1 2.8-2c1-.4 2.1-.6 3.2-.6a7 7 0 0 1 1.9.3 4 4 0 0 1 1.6.8 4.8 4.8 0 0 1 1 1.5 7.2 7.1 0 0 1 .7 1.7L55 .4h6.5L56 34.6zM52 17.9a5.2 5.2 0 0 0-.2-1.1c0-.4-.2-.7-.4-1-.2-.3-.4-.5-.8-.6a2.6 2.6 0 0 0-1-.3c-.6 0-1 .1-1.6.3a3.8 3.8 0 0 0-1.4 1 4.2 4.2 0 0 0-.8 1.3 5.9 5.9 0 0 0-.4 1.5l-1 6a7.8 7.8 0 0 0-.2 1.6c0 .6.1 1 .3 1.5.3.5.6.8 1 1 .5.3 1 .4 1.5.4s1 0 1.4-.2a3.2 3.2 0 0 0 1.2-.7 3.6 3.6 0 0 0 .8-1.1 4.7 4.7 0 0 0 .4-1.3l1-6a13.5 13.5 0 0 0 .2-2.3z" id="path12" stroke="#282828" stroke-linejoin="round" stroke-width=".7" fill-rule="evenodd" fill="red"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

32
content/lettres.md Normal file
View File

@ -0,0 +1,32 @@
---
author: "Léa Trolliet"
title: "Lettres"
date: 2018-04-10T10:07:39+02:00
description: "Projet de lettres"
categories: []
tags: []
draft: false
---
<div id="letter-counter">
Compteur de lettres envoyées:
<div id="counter">{{< param counter >}}</div>
</div>
Tu veux recevoir ton courrier?
<form id="letter-form"action="http://forms.localhost">
<div id="letter-choice">
<p id="letter-choice-title">Donne-moi:</p>
<input type="radio" id="fwords" name="fchoice" value="words" required/>
<label for="fwords">5 mots / une phrase inspirante</label><br/>
<input type="radio" id="ffree" name="fchoice" value="free" />
<label for="ffree">champs libre</label><br/>
</div>
<br/>
<label for="faddress">Adresse complète</label>
<input type="text" id="faddress" name="faddress" placeholder="Adresse complète" required/><br/>
<label for="fname">Nom + prénom</label>
<input type="text" id="fname" name="fname" placeholder="Nom et prénom" required/><br/>
<input id="submit" type="submit" value="Envoyer la demande">
</form>

32
content/presentation.md Normal file
View File

@ -0,0 +1,32 @@
---
author: "Léa Trolliet"
title: "Présentation"
date: 2030-10-10T10:07:39+02:00
description: "Ma présentation"
categories: []
tags: []
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non ante dapibus, rutrum lorem a, interdum quam. Fusce nec ligula vitae leo ornare consectetur. Sed quis consequat nibh, quis varius ligula. Mauris ligula ante, posuere ac malesuada id, placerat quis risus. In eu gravida ligula, vitae egestas quam. Mauris dignissim volutpat augue imperdiet viverra. Mauris iaculis vehicula mattis. Praesent congue risus urna, ut viverra odio sodales et. Donec pretium massa eget tortor condimentum,
sed ornare augue ullamcorper. Donec dignissim ut mi vel commodo. Aenean vitae elit metus. Nam eget erat sit amet nisl faucibus feugiat non ac mi. Integer porttitor aliquet dolor, at imperdiet odio mattis ut. Proin convallis laoreet odio ut pulvinar. Praesent ut arcu tincidunt, rhoncus purus vitae, elementum nunc. Pellentesque tortor justo, pulvinar ac tellus id, malesuada interdum lorem.
Vestibulum vel nunc sagittis, pharetra leo a, sagittis purus. Fusce eget tristique arcu. Ut diam elit, dignissim non eleifend varius, pretium nec felis. Suspendisse condimentum luctus purus, non molestie dolor vehicula nec. Integer commodo magna tincidunt metus semper, sed hendrerit nulla tincidunt. Cras molestie magna sed est bibendum, in consectetur est varius. Donec erat purus, sagittis eu nibh sed, efficitur malesuada nisi. Fusce nulla ipsum, consequat non justo vel, efficitur porttitor
tellus. Nulla facilisi. Sed leo nulla, fermentum in lectus interdum, efficitur pulvinar lorem. Nullam et rhoncus quam, vitae euismod sapien. Praesent porta et nunc in pellentesque.
Vestibulum sed malesuada leo. Maecenas in rutrum purus, vel facilisis nunc. Quisque gravida sapien vel tellus tincidunt fermentum. Phasellus sollicitudin diam et mattis tincidunt. Aliquam elementum cursus quam, eu egestas dolor tincidunt a. Sed mollis malesuada est mattis tristique. Cras sed ullamcorper nibh. Nullam non lectus accumsan, volutpat risus non, mattis ante. Quisque rutrum elit eget lectus sollicitudin, scelerisque porta nibh placerat. Nulla non dolor aliquam, varius massa molestie,
pulvinar eros. Donec dictum purus nec lobortis facilisis. Vivamus at risus ut eros aliquam rutrum. Quisque ut mi turpis. Vivamus fringilla aliquam augue, ut rhoncus nisl feugiat vel. Vestibulum id libero mattis, imperdiet dui maximus, lacinia nunc.
Ut volutpat ut sem et sodales. Cras sit amet placerat enim, faucibus blandit justo. Etiam non ultricies sapien. Duis eget leo justo. Ut iaculis sollicitudin nisi, nec aliquam turpis vulputate eget. Phasellus quis mollis felis. Aliquam quis consequat massa.
Integer vestibulum egestas felis, vitae posuere enim volutpat in. Aliquam tincidunt fermentum sem convallis rutrum. Nullam in justo lorem. Maecenas posuere commodo felis et fermentum. Phasellus rhoncus lectus at fringilla facilisis. Praesent euismod, nulla id vulputate dictum, mauris augue congue erat, ac posuere elit nunc scelerisque lorem. Phasellus ultrices hendrerit tincidunt. Aenean quis tincidunt mi, sit amet egestas lectus. Suspendisse pulvinar sem non sodales gravida. Sed sit amet turpis
diam. Aliquam erat volutpat. Donec sed ipsum mattis, facilisis turpis vehicula, semper purus. Cras vitae felis sit amet dui tincidunt pretium non eget purus. Nulla pharetra neque orci, sit amet facilisis metus tincidunt sed. Ut pharetra fermentum metus a dictum.
Duis in nunc eu turpis fermentum porta. Maecenas mi elit, bibendum et accumsan at, aliquet eget lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vel enim in metus facilisis convallis. Curabitur placerat fringilla aliquam. Maecenas ac orci libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi sed ipsum ultricies, faucibus dolor hendrerit, imperdiet turpis. Cras eros ligula, semper non facilisis sit
amet, semper nec risus. Aenean sed dolor interdum, commodo ex tincidunt, porttitor erat. Donec sit amet diam aliquam, tempor eros at, porta mi. Aenean ultricies est vel euismod egestas.
Etiam sit amet tellus ipsum. Phasellus laoreet sodales neque, cursus condimentum erat. Donec ac sapien at metus feugiat mollis. Vestibulum in erat vitae elit mattis luctus ut ut nisl. Aliquam pulvinar ornare dui, nec malesuada nisl. Quisque feugiat mollis facilisis. Quisque scelerisque augue sagittis nunc cursus, nec placerat nunc accumsan. Vivamus fermentum lorem quis massa eleifend consectetur. Mauris mattis risus a libero ultricies facilisis. Aenean id viverra urna. Maecenas condimentum
finibus purus, quis interdum urna cursus ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur in turpis eget velit iaculis mattis non a leo.
Integer a tellus vel massa molestie fermentum eget non nisl. Cras at mi ornare, varius tellus quis, dignissim magna. Aenean aliquam scelerisque tellus, porta varius ante. Nulla sed est at mauris ullamcorper pharetra vel sed dui. Aenean nec dolor pulvinar, semper odio et, malesuada nibh. Pellentesque eleifend posuere laoreet. Maecenas ut convallis lacus, in porttitor sapien. Nulla vitae dapibus massa, sed pharetra urna. Sed ut augue eget enim ornare eleifend. Donec a faucibus nibh. Donec ultrices
finibus sem, vitae varius risus. Fusce et convallis diam, et auctor purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec non turpis purus. Praesent pulvinar, purus vestibulum interdum pretium, ex justo tincidunt orci, at malesuada eros lacus ac purus.

20
content/projects.md Normal file
View File

@ -0,0 +1,20 @@
---
author: "Gregory Trolliet"
title: "Projets"
date: 2019-04-10T13:50:25+02:00
description: "Mes différents projets de vie"
categories: []
tags: []
draft: false
---
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?
* quoi? avec qui? quand?

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

View File

@ -0,0 +1,51 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
mQINBFkTkm0BEAC5FK9Hm2+clfArJ4YacKBJtq+2/k4Cro7Y10Zn1fZYmCqzZmEo
2VaqeGbwt06mCJSliw/vQoewuyenI8RniC1Dx0hAKKSGA66BQ5hzrLhdIDfcDXtZ
G9Bw6eKd7fuJ7tMFc97DS3XFY5Wp8tl5p1fqZzgEYfg4wfKF59+cYlzkxW0NuQbB
A3kmkc3hLNoddRGYYuMW/6f10AXCFKeOCg8V3OZ9jZxAQGvM7jrAP21Lu8JU66AR
OLP7I8nvaDb72FhvJmP541iT6OW7Z1vwyAcd+1A7nnzTa/ahrCs8czeA1SLCppaJ
aL/uDqhUXcfx4xj2fUZ9J+jxfwr+1+XhjwoPxo6Q9XJCu3JbKo6WG5zIoLHF3CZx
D+I688Den21CIDnztujX8BYjmU8YtVl+ydd66kDS9FXgXIzfbO3a0N+PK5z5B1pb
HKs1Yjpw9LY69WNkVhgIIb4hEYExv7bi0bgmuBEDxZl58eAS7pIGKWJw+po9E30J
6q8vF/9fMyX8PfrRK+5mgz60ajhyQhCRM4BlaIJDRVXR95XYw8fkBcKT0xeB2ehy
wmx2M3W7vFMCaxtslmtWfGScq4rcOuaBM53t8SQCuNPuxHHsjylHcmqpeNv91pAd
J96vPGLE1E9nAtymqBcENzM9urOnINdLWS0gLZgNSs4pK7bO9+VYHCSgdQARAQAB
tChHcmVnb3J5IFRyb2xsaWV0IDxncmVnb3J5QHRyb2xsaWV0LmluZm8+iQI/BBMB
CAApBQJZE5JtAhsjBQkJZgGABwsJCAcDAgEGFQgCCQoLBBYCAwECHgECF4AACgkQ
PJjpEapqO9C4Qg/+I/X3s9PAZ8JNsPkubdPUc+iLGuNh5gh4A82JChNqpePZZf3A
NY9LdOm2yWBJwvzNakFT6HzhDKMNB95QRNQjNSjsBnV6ut9y+6tkliIwBDrcG8MH
dXSQ+Ijg+elzqgAWqQKsdUrTF3kc7XnK360qLGzwtmh/3jfO9cuzNm/X/tjxRL+g
TjBPpurbSb1oTPyfi4ZNG+ReVhu2GXaDVukIC3dVmaBcUEF89W0/3nG3v5QVo7Yk
tJVUK0KLPYiFl3OI89piWvSYgHrzv04FsaO6Sd/+AmNWokM0whGkw1QJ/g8UL4z6
EWpGMP7OcPzs9l0/UIGP9TkmTxahNWbOM7ZQE74prb9KBg1e9HSwS0tKFQzsrDkL
egGIB+XDRc27/PFJIhcXzHgcjnpMgULv8Vo7VE3ubmuxxNNSonW3Tv17Eu0X1/dr
MBk/wVS1AIUdLjNaA/riuaXGjBtk2KdIHP1Sc5P4MzP47gWL91zGrn4BGw2eFcs6
XVjTHfS8Hyk8ZEONKmslBIENjTOgTYqbD8NLxciOK9yrA8O6WBgNi9JZ/hbGcSCG
1thCTfgIQwZ68tJ5D9YYzMhCIsOrrciH2/PViUr0fR7RulaXcjVSEkhDuJMND8yF
M7SCcwDCa7nFnyXCUhU9n8j4fbpQe8PxWSW34UeXnAKmOc8jEDe8CpzqJo25Ag0E
WROSbQEQAMoyQib9ujPAIIoXQ+wCKaYbh4XGkI/wN7r2n4aNskWlfd6nMib2j4cl
uMQ8qD0NYmemOCRFK+TXk3Dbwsbc/90Tat2EW65J62qY7hxAe4leocSVSbGQj8cz
drQuz7p6h2HdvXbL8b22fq3XDICca4kt0tCpoTarcgj5LNHJZ/paqDeZje+DQKTH
PL2IfpIHNcjA7OqWyNfd9I/8Qlyg9CMKahSVyHjBOEa+U0WYpS2nptuvXHNyi1o1
uev9fYowlooFWeQgDB1mclHqAZRUpLgu8R4CxO7putadFypi/A1ymATVLUH2aBOF
Y7Fp622MbyzXoaJjSyQORiJL9VohXPAQLkakMNwFGH1ywgrV+3pbipA3Wkdh847K
qtg1nQwhpd+YdZ1+uwc4QhbiJZOn8ZiyhK5ctUpQVGnwjN//i4RDMZs/AqfZvwuq
N8D2bAUV/9Cx5EdbLdT2gTG/x3FylDUy2c9CtUzhDxX122MWkhvqDNB54OXkIJ4Z
bp95yMQyUVbqxios4N1OV+BkUf/QtNzoAKhju3MHsH2OJ/xhUjCtIlYN7dcOWHGr
4AuTAJ5f/jPO3qV03PmYyhskUwBm64V01O6XLVfjJ5NZ6ASGqKDKSIw5p712cA/o
xZlT7YhzWbECFMh+Vi1i2+TGvv8EZ91f/kFj4kZ9Y/Nwnl2CMzbrABEBAAGJAiUE
GAEIAA8FAlkTkm0CGwwFCQlmAYAACgkQPJjpEapqO9AYPA/6A1yzJltnmzU7uHWd
8IzCmIdENhQApoUfTxjFTHAw6Vl1Q0aJy9Kra0rIR1yQIr/hhsB5zFxrzXhBPBPG
yx1AgDub9KDbDZDFpVR2igbjwqzXTbfwiIoGCbvLekruG4PzJ2Tw9kzHK4gdlVsr
z9Wy0iGN1Cx9AKQyIvX0rdrQejtqczds0QcCrRN8eCBYqktfsmQFXQ0gHAgdLmBe
hXfJOGUFFTsYkayPZYF2MISImt58+DMoi/T5r9AcXu1AzxKFMX7uTejrVfsYyxby
ECGivYXRIwaiqskavHnaXg6jw98pnkOksxWmfTrpfeWW9V6KgHAgsdWjWKhvO48G
IfJarGJBM3xYnuMqkH+GtzWCsZyTypf4HyGpLUwLS8hSpY9WCuMpdzldP4X2TF2A
wp8tgN5uZKz4FsnvC339/7wZSX/nEh56ymIk3aALLU+k5ChjVugjJDgjE0HsIkpY
IgkyyQ1rQIAIzoYkEY5sLJGXW6xTBsHwhIPcl3Px6gOJGpRGlcCkaqQZ9FPXBLxj
eb8b5v0HLCAopL37YCYgSyXs0f8VbVqplbuKZNTL7t/3llgH6h2JrZtpHCoN/lIt
yLNQbcbPbp6k3BrZ0idq2ynjLNzT2TqIvsm8lyPgTB5I37SWtUReVqnALZAboxOc
oIFKNkUeXfimbMrPI91VeGPk+E8=
=PGFr
-----END PGP PUBLIC KEY BLOCK-----

Binary file not shown.

View File

@ -0,0 +1,389 @@
---
author: Gregory Trolliet
title: LibreOffice Calc -- Les formules
pagetitle: Présentation
date: 5 octobre 2020
license: CC-BY-SA
---
# Présentation
* [Gregory Trolliet](https://trolliet.info)
* [Ognon](https://ognon.ch)
* [itopie](https://itopie.ch)
* Fichiers: [https://files.vulgarisons.info/calc](https://files.vulgarisons.info/calc)
![](by-sa.svg)
# Vos questions précises
# Notions de base
## Définition
<ul>
<li class="fragment" data-fragment-index=1>**Classeur**
<span class="fragment" data-fragment-index="2"><br/>Document qui contient plusieurs feuilles</span>
</li>
<li class="fragment" data-fragment-index=1>**Feuille de calcul**
<span class="fragment" data-fragment-index="3"><br/>Conteneur de cellules</span>
</li>
<li class="fragment" data-fragment-index=1>**Cellule**
<span class="fragment" data-fragment-index="4"><br/>Données à afficher et à manipuler</span>
<span class="fragment" data-fragment-index="4"><br/>Formules</span>
</li>
</ul>
::: notes
Maximum 10'000 feuilles par classeur
Maximum 1'000'000 de lignes et 1024 colonnes par feuille
!Attention à la lenteur!
:::
## Référence
<ul>
<li class="fragment">C7</li>
<li class="fragment">B5:D12</li>
<li class="fragment">\$MaFeuille.E2</li>
<li class="fragment">\$AutreFeuille.E2:E9</li>
<li class="fragment">'file:///home/raghnarok/exo_1.ods'#\$SaFeuille.E2:E9
<span class="fragment"><br/>Édition&rarr;Lien vers des fichiers externes&rarr;Actualiser</span>
</li>
</ul>
::: notes
Si insertion depuis un autre document, il faut rouvrir le document
pour accepter de charger les données distantes, sinon erreur 540.
Update possible depuis Édition->Lien vers des fichiers externes->mise à jour.
!Attention difficultés lors du partage / déplacement de fichiers!
:::
## Référence absolues
Permet de s'assurer que la cellule cible ne soit pas modifiée lors
du déplacement, de l'insertion de nouvelles lignes ou colonnes ou
lors de copie.
<ul>
<li class="fragment">\$C7 *Colonne*</li>
<li class="fragment">D\$12 *Ligne*</li>
<li class="fragment">\$E\$7</li>
</ul>
## Nommer des cellules
Intérêt:
* Simplifier les formules
* Ne pas avoir à se rappeler de la position
* Permettre de modifier une référence sans devoir modifier toutes les formules
<span class="fragment">Attention, ne fonctionne pas entre différents classeurs.</span>
<span class="fragment">Feuille&rarr;Plages et expressions nommées&rarr;Gérer</span>
::: notes
Accessible depuis le menu déroulant en haut à gauche, coordonnée cellule
:::
## Exercices
Entrainez-vous à accéder correctement à des cellules ainsi qu'à les nommer.
# Formats
## Nombres
::: incremental
* Différents formats complets:
* 1.15
* -0.456
* Formats spéciaux:
* 15%
* CHF 14.50
* 22/7
:::
## Heures
::: incremental
* 09:30
* 09:30:15
* 09:30:15.179
:::
## Dates
* 27.11.1987
## Stockage
**Tout** est enregistré comme un nombre!
::: notes
Dates => nombre de jours depuis le 30 décembre 1899
:::
## Plage de validité
Possibilité de définir une liste de valeurs possibles pour une cellule.
*Données&rarr;Validité...*
<span class="fragment">Éviter à l'utilisateur / utilisatrice de se tromper</span>
## Exercices
* Expérimenter les différents formats d'affichage de *Calc*
* Modifier la plage de validité d'une ou plusieurs cellules
# Les opérateurs
## Opérateurs arithmétiques
::: incremental
* \+ Addition *=1+1*
* \ Soustraction *=21*
* \* Multiplication *=2\*2*
* / Division *=10/5*
* % Pourcentage *=15%*
* ^ Exponentiation *=2^3*
:::
<span class="fragment">Respectent l'ordre des opérations</span>
## Opérateurs logiques
::: incremental
* = Égal *A1=B1*
* \> Supérieur à *A1>B1*
* \< Inférieur à *A1<B1*
* \>= Supérieur ou égal à *A1>=B1*
* \<= Inférieur ou égal à *A1<=B1*
* <> Non égal *A1<>B1*
:::
## Concaténation de texte
* & Concatène le texte *=B2 & ", " & B3 & " " & B5*
## Opérateurs de plage
<ul>
<li class="fragment" data-fragment-index=1>A2:B4 *Plage de cellules*</li>
<li class="fragment" data-fragment-index=2>B:B *Colonne entière*</li>
<li class="fragment" data-fragment-index=2>B:D *Plusieurs colonnes*</li>
<li class="fragment" data-fragment-index=3>17:17 *Ligne entière*</li>
<li class="fragment" data-fragment-index=3>5:17 *Plusieurs lignes*</li>
<li class="fragment" data-fragment-index=4>Feuille1.A3:Feuille3.D4 *Plage tridimensionnelle*</li>
</ul>
# Les formules
## Nommage
Attention, *Calc* traduit le nom des formules.
Possibilité de remettre en anglais si désiré:
*Outils &rarr; Options &rarr; LibreOffice Calc &rarr; Formule &rarr; Utiliser les noms de fonction anglais*
## Fonctionnement
::: incremental
* Nom, en majuscules
* Paramètre·s
* Valeur de retour
:::
## Les fonctions usuelles
* Somme
* Moyenne
* Médiane
* Produit
<span class="fragment">=SOMME(A1:A3)</span>
<span class="fragment">=MOYENNE(A1,A3)</span>
## Les fonctions spécifiques
:::incremental
* Arrondi *=ARRONDI(Nombre, précision)*
* Troncation *=TRONQUE(Nombre, précision)*
* Année *=ANNEE(Date)*
* Année bissextile? *=ESTBISSEXTILE(Date)*
* ...
:::
## Les fonctions matricielles
:::incremental
1. Sélectionner une plage de la même taille que la source
2. Entrer la formule
3. Valider avec *ctrl+shift+enter*
:::
<span class="fragment">Économise du temps de calcul et de l'espace disque</span>
## Les fonctions logiques
<ol>
<li class="fragment" data-fragment-index=1>Si
<span class="fragment" data-fragment-index=4>*=SI(Test, Valeur si vrai, Valeur si faux)*</span></li>
<li class="fragment" data-fragment-index=2>Si avec plusieurs conditions
<span class="fragment" data-fragment-index=5>*=SI.CONDITIONS(Test1, Valeur1, Test2, Valeur2, ...)*</span></li>
<li class="fragment" data-fragment-index=3>Si avec plusieurs valeurs
<span class="fragment" data-fragment-index=6>*=SI.MULTIPLES(Expression, Valeur1, Résultat1, Valeur2, Résultat2, ...)*</span></li>
</ol>
## Les fonctions de consolidation
:::incremental
* Somme conditionnelle *=SOMME.SI(Plage, critère, plage somme)*
* Somme de produits *=SOMMEPROD(Plage1, Plage2)*
* Somme de produits conditionnelle
*=SOMMEPROD(Plage1, Plage2, Plage3="pomme")*
:::
::: notes
Attention au temps de calcul si les plages deviennent grandes
:::
## Exercice
Calculer le nombre de kilos de chaque fruit commandé chaque mois.
Pensez à décomposer le calcul.
:::notes
=SOMMEPROD(sacs,poids,dates>=$A7,dates<SI(ESTVIDE($A8),DATE(2100,12,31), $A8),types=B$6)
:::
# Les erreurs
## Erreurs courantes
:::incremental
* *#DIV0!* &rarr; division par zéro &rarr; tester les valeurs
* *#NUM!* &rarr; dépassement de la valeur maximum
* *#REF!* &rarr; référence inexistante &rarr; feuille supprimée?
:::
# Exercice
## Numérotation de lignes
:::incremental
1. Numéroter les lignes automatiquement, même si on rajoute une ligne au milieu.
2. Numéroter uniquement les lignes ayant des données.
:::
:::notes
=SI(ESTVIDE(B2),"",SI(LIGNE()=2,1,MAX(A1:A$1)+1))
:::
# Les fonctions conditionnelles
## Assistant Fonction
Pensez à utiliser l'assistant!
:::notes
Petit logo fx en haut à gauche.
Contient toutes les descriptions des fonctions ainsi que des paramètres
Exo: Se balader dans la liste
:::
## Liste
* MOYENNE.SI
* NB.SI
* SOMME.SI
* MAX.SI
* ...
:::notes
Si test en conditions, ne pas oublier les guillemets ">5"
Exo: Tester quelques fonctions avec la feuille ListeNombres.
:::
# Les recherches et filtres
## Les filtres
:::incremental
* AutoFiltre: *Données&rarr;AutoFiltre*
* Filtre standard: *Données&rarr;Plus de filtres&rarr;Filtre standard...*
* Filtre spécial, intérêt uniquement pour des usages spécifiques
:::
:::notes
Exo: Tester avec la feuille Filtres
:::
## Recherche
<div class="fragment fade-in-then-semi-out">
La fonction *RECHERCHE* nécessite une liste triée.
*=RECHERCHE(Critère, Vecteur recherche, Vecteur résultat)*
</div>
<div class="fragment">
*RECHERCHEV* et *RECHERCHEH* permettent de chercher dans la première ligne
d'une matrice,
de spécifier quelle sera la ligne de résultat et de travailler
avec une liste non triée.
*=RECHERCHEV(Critère, Matrice, Indice[, Triée])*
</div>
:::notes
Avantage de RECHERCHEV,
il est possible de modifier par une variable le paramètre de retour.
Si recherche ordonnée et valeur inexistante,
renvoi la valeur précédent la valeur cherchée.
RECHERCHEV($G$4,$A:$D,COLONNE()-COLONNE($G$4)+2)
Exo: Tester avec la feuille Recherche
:::
## Valeur cible
<div class="fragment">
La valeur cible permet de trouver une solution à une équation
en variant un unique paramètre.
*Outils&rarr;Recherche de valeur cible*
</div>
<div class="fragment">
Le solveur permet de faire varier plusieurs paramètres.
*Outils&rarr;Solveur*
</div>
:::notes
Exo: Tester avec la feuille Résolution
:::
## Tableau dynamique
Permet de faire du tri et des calculs automatiquement.
*Données&rarr;Table dynamique&rarr;Insérer ou éditer*
:::notes
Possibilité de modifier les calculs en double-cliquant sur le champ.
Exo: Tester avec la feuille Filtres ou Recherche
:::
# Questions?

Binary file not shown.

View File

@ -0,0 +1,121 @@
---
author: Gregory Trolliet
title: LibreOffice Calc -- Graphiques et formatage conditionnel
pagetitle: Présentation
date: 8 octobre 2020
license: CC-BY-SA
---
# Présentation
* [Gregory Trolliet](https://trolliet.info)
* [Ognon](https://ognon.ch)
* [itopie](https://itopie.ch)
* Fichiers: [https://files.vulgarisons.info/calc](https://files.vulgarisons.info/calc)
![](by-sa.svg)
# Vos questions précises
# Les styles
## Définition
* Format d'affichage prédéfini
* Centralisation des paramètres
* Uniformisation
* Rapidité de modification et d'utilisation
## Configuration
*Styles&rarr;Gérer les styles*
Possibilité de créer et modifier des styles.
Chaque style peut définir toutes les options de mise en forme des cellules.
:::notes
Possibilité de créer un template contenant tous les styles
dans le but d'avoir une charte graphique identique sur tous les documents.
:::
# Formatage conditionnel
Permet de formater dynamiquement vos cellules.
*Format&rarr;Conditionnel&rarr;Gérer...*
<ul>
<li class="fragment" data-fragment-index="1">Condition...</li>
<li class="fragment" data-fragment-index="2">Échelle de couleurs...</li>
<li class="fragment" data-fragment-index="2">Barre de données...</li>
<li class="fragment" data-fragment-index="2">Jeu d'icônes...</li>
<li class="fragment" data-fragment-index="2">Date...</li>
</ul>
:::notes
Tout est accessible depuis la fenêtre *Gérer*.
Possibilité de voir un exemple sur la feuille Recherche.
Exo: Tester avec la feuille Expérience.
Les cases étant petites, les nombres sont arrondis à 0 et 1...
:::
# Diagramme / Graphique
## Création
:::incremental
* Sélectionner la zone de données
* Cliquer sur le bouton *Insérer un diagramme*
* Choisir le type de diagramme
* *Potentiellement, ajouter un titre et des noms aux axes*
* **Valider**
:::
## Résultat
![](graph01.svg)
:::notes
* Problème d'échelle
* Problème d'axe X
:::
## Axe X
Possibilité de définir la première colonne comme étiquette.
*Clic-droit&rarr;Plage de données*
*Plage de données&rarr;Première colonne comme étiquette*
## Échelle
Possibilité de rajouter un axe Y secondairegradué différemment.
*Clic-droit&rarr;Insérer/supprimer des axes...*
Il faut ensuite spécifier quel axe la série va utiliser.
*Clic-droit sur la ligne&rarr;Formater les séries de données...&rarr;Options*
## Résultat
![](graph02.svg)
## Formater les axes
*Clic-droit&rarr;Formater l'axe*
* Définir l'échelle
* Affichage logarithmique
* Orienter les étiquettes
* Échelonner les étiquettes
* ...
## Enregistrer le graphique
*Clic-droit&rarr;Exporter comme image*
JPG, PNG, SVG, GIF, PDF, etc.
# Questions?

Binary file not shown.

View File

@ -0,0 +1,214 @@
---
author: Gregory Trolliet
title: Sur quoi repose le pouvoir des géants du numérique?
pagetitle: Présentation
date: 13-17 septembre 2021
license: CC-BY-SA
---
# Présentation
## Moi
* [Gregory Trolliet](https://trolliet.info)
* Ingénieur en informatique
* Formateur d'adultes
![](../../lib/images/by-sa.svg){class=noborder}
## Tour de table
::: notes
Chacun·e se présente avec son nom, sa filière et les raisons qui l'ont poussé·e
à choisir cet atelier.
:::
# L'atelier
## Déroulé
* 8h15 &Rightarrow; météo
* 8h30 &Rightarrow; introduction thématique
* 11h00 &Rightarrow; intervision
* 12h00 -- 13h00 &Rightarrow; pause repas
* 14h00 &Rightarrow; intervision
* 16h30 &Rightarrow; bilan
## Intervision
* Avancées des réflexions par groupes
* Questions au groupe
* Débats bienveillants
* Annonce de sources
## Sujet
Quelles sont nos compréhensions du sujet:
**Sur quoi repose le pouvoir des géants du numérique?**
<div class="fragment" fragment-data-index=1>
> Décrypter pour mieux comprendre ensemble, et comme préalable à lidentification de leviers daction pour construire une société plus juste, et écologiquement plus durable.
</div>
## GAFAM
|Md&dollar;<span class="fragment fade-in" style="padding-left:2em;" data-fragment-index="2">2021</span><span class="fragment fade-in-then-semi-out" style="padding-left:0.2em;" data-fragment-index="1">2015</span>|<span class="fragment fade-in" data-fragment-index="3">PIB</span> |
:---|---:
|1. Apple &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">2'235</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">583</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">USA &Rightarrow; 21'443 </span> |
|2. Microsoft &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'948</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">439</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">Chine &Rightarrow; 14'343 </span> |
|3. *Saudi Aramco* &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'896</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">---</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">Japon &Rightarrow; 5'082 </span> |
|4. Amazon &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'681</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">318</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">Allemagne &Rightarrow; 3'861 </span> |
|5. Alphabet &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'542</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">528</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">Inde &Rightarrow; 2'892 </span> |
|6. Facebook &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">856</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">296</span><span class="fragment" data-fragment-index="1"> </span> | <span class="fragment fade-in" data-fragment-index="3">UK &Rightarrow; 2'826 </span> |
::: notes
Saudi Aramco &Rightarrow; Arabian American Oil Company, entrée en bourse en 2019
Seuls 7 pays ont plus de PIB qu'Apple (USA, Chine, Japon, Allemagne, UK, Inde et France), PIB médian = 25 Md$, moyen = 411 Md$
:::
## Alphabet
![](alphabet.webp){class=stretch}
## Consommation énergétique
![](consommation.png){class=stretch}
<small><em>The Shift Project: Impact environnemental du numérique</em></small>
## Empreinte carbone
![](empreinte.png){class=stretch}
<small><em>The Shift Project: Impact environnemental du numérique</em></small>
# Questions?
# Constitution des groupes
::: notes
* groupes de 3
* restitution de vidéo par groupe
* lister ses sources
* prendre un sujet qui vous intéresse
:::
# Jour 2
## Quel est l'impact environnemental de la 5G?
## Opérateurs mobiles finlandais
![](kwhPerGo.webp){class=stretch}
:::notes
Consommation des trois principaux opérateurs mobiles finlandais uniquement.
Gris => Consommation réseau.
Blanc => Consommation stations.
:::
## Opérateurs mobiles finlandais
![](dataPerY.webp){class=stretch}
:::notes
Contient le traffic montant et descendant.
Échelle en teraoctets.
Prévision linéaire (2015-2017), polynomiale et exponentielle.
Croissance de 40% par année.
:::
## Bilan
![](bilanOperateurs.webp){class=stretch}
:::notes
Consommation électrique des opérateurs mobiles en GWh/a.
Malgré les progrès techniques, la consommation a augmenté entre 2010 et 2017.
:::
# Jour 3 Big Data
[![DataGueule - Big Data](bigdata.webp)](https://www.youtube.com/watch?v=5otaBKsz7k4)
# Jour 4 -- Présentation des alternatives
## Navigateurs Web
* Chrome, Safari, Edge (IE) &Rightarrow; [Firefox](https://www.mozilla.org/firefox/), [Chromium](http://www.chromium.org/)
## Google
* [Mojeek](https://www.mojeek.com)
* [Searx](https://searx.space/)
* [DuckDuckGo](https://duckduckgo.com)
* [Ecosia](https://www.ecosia.org)
## Youtube
* [PeerTube](https://joinpeertube.org/)
* Application YouTube &Rightarrow; [NewPipe](https://newpipe.net/)
## Réseaux sociaux
* Twitter &Rightarrow; [Mastodon](https://instances.social/list), [Pleroma](https://pleroma.social/), [GNU social](https://gnusocial.network/)
* Facebook &Rightarrow; [Diaspora\*](https://diasporafoundation.org/)
* Instagram &Rightarrow; [Pixelfed](https://pixelfed.org/)
* Spotify &Rightarrow; [Funkwhale](https://funkwhale.audio/)
## Google divers
::: incremental
* GMail &Rightarrow; autohébergement, hébergement associatif,
[offre gratuite Infomaniak](https://shop.infomaniak.com/order/select/domain),
[ik.me](https://ik.me)
* Google Android &Rightarrow; [LineageOS](https://lineageos.org/), [/e/](https://e.foundation/)
* Play Store &Rightarrow; [F-Droid](https://f-droid.org/), Aurora Store
* Google Docs &Rightarrow; [OnlyOffice](https://www.onlyoffice.com/)
* Google Form &Rightarrow; [Yakforms](https://yakforms.org) ([Framaforms](https://framaforms.org/))
* Google Maps &Rightarrow; [OpenStreetMaps](https://osm.org)
* App Google Maps &Rightarrow; [OsmAnd](http://osmand.net/), [Maps.me](https://maps.me/)
:::
## Amazon
* Petites librairies indépendantes
## Cartes fidélités Coop/Migros
* Ne pas utiliser
* Pas possible en cas de vente en ligne
* Quid du payement par carte bancaire?
## Divers
::: incremental
* Doodle &Rightarrow; [Framadate](https://framadate.org/)
* Zoom &Rightarrow; [BigBlueButton](https://bigbluebutton.org/), [Jitsi Meet](https://jitsi.org/jitsi-meet/) ([kMeet](https://www.infomaniak.com/kmeet))
* Traitement de texte collaboratif &Rightarrow; [Etherpad](https://etherpad.org/) ([Framapad](https://framapad.org/))
* Tableur collaboratif &Rightarrow; [Ethercalc](https://ethercalc.net/) ([Framacalc](https://framacalc.org/))
* Dropbox &Rightarrow; [Nextcloud](https://nextcloud.com)
* WhatsApp (Telegram) &Rightarrow; [Threema.](https://threema.ch), [Signal](https://signal.org/), [DeltaChat](https://delta.chat)
* Suite Microsoft Office &Rightarrow; [LibreOffice](https://libreoffice.org)
* WeTransfer &Rightarrow; [SwissTransfer](https://swisstransfer.com)
:::
## Ressource
[Framalibre -- framalibre.org](https://framalibre.org)
## Plugins navigateur
::: incremental
* uBlock Origin
* Decentraleyes
* uMatrix
* Utiliser les conteneurs / instances de navigateur
* [trolliet.info - Mes extensions Firefox](https://trolliet.info/blog/026-extensionfirefox)
:::
## Pistage
Il est possible de vous pister par votre empreinte navigateur:
[AmIUnique](https://amiunique.org/)

View File

@ -0,0 +1,370 @@
---
author: Gregory Trolliet
title: Bien choisir ses outils de communication éthiques
pagetitle: Présentation
date: 7 septembre 2021
license: CC-BY-SA
---
# Présentation
## Moi
* [Gregory Trolliet](https://trolliet.info)
* [Ognon](https://ognon.ch)
* [itopie](https://itopie.ch)
![](../../lib/images/by-sa.svg){class=noborder}
::: notes
->00h05 - Faire connaissance
:::
## Tour de table
Éducation nouvelle
Présentation interactive
::: notes
->00h05 - Faire connaissance
Prendre 1 minute pour lister ses attentes puis &Rightarrow;
Se présenter succintement en précisant d'où on vient et quelles sont nos attentes
C'est également l'occasion de savoir comment adapter la séance en fonction
des différents profils.
:::
# Introduction
## Bonnes nouvelles
* On ne va pas parler que d'informatique
* On va soulever des opportunités de transition
* Vous devriez toutes et tous être, au pire, au deuxième niveau de la connaissance : *la conscience de l'incompétence*
::: notes
->00h07
:::
## Mauvaises nouvelles
* Peu de solution simple
* L'informatique n'est pas un monde manichéen
* Apprendre prend du temps, expérimenter en prend plus!
::: notes
->00h10
:::
# La communication
## Éléments à prendre en compte
* Qui?
* Quoi?
* À qui?
* Comment? (le moyen)
* Pourquoi? (la raison et le but recherché)
::: notes
->00h15
:::
## Valeurs de l'ESS?
::: incremental
* **Bien-être social**: être plutôt quavoir
* **Citoyenneté et démocratie participative**: chacun·e a une voix qui compte
* **Ecologie**: produire pour vivre et non vivre pour produire
* **Autonomie**: autonomes mais pas individualistes
* **Solidarité**: 1+1>2
* **Diversité**: riches de nos différences
* **Cohérence**: dire ce quon fait et faire ce quon dit
:::
::: notes
->00h20 - Connaître les valeurs de l'ESS
1. Bien-être social [être plutôt quavoir]
Les acteurs et actrices de lESS visent à construire une économie qui affirme la primauté de la personne sur le capital. Ils reconnaissent limportance de dimensions immatérielles (esthétiques, émotionnelles, spirituelles, etc.) nécessaires au fonctionnement de la société et à lépanouissement de ses membres.
2. Citoyenneté et démocratie participative [chacun a une voix qui compte]
Les acteurs et actrices de lESS participent de manière libre, égalitaire et responsable à la construction dune société assurant le développement des personnes et lintérêt collectif. Ils appliquent la démocratie participative en favorisant le partage de linformation, des responsabilités, de la prise de décision et la reconnaissance du rôle de chacun·e.
3. Écologie [produire pour vivre et non vivre pour produire]
Les acteurs et actrices de lESS reconnaissent linterdépendance des processus socio-
économiques et écologiques. Ils sengagent à privilégier un système économique qui respecte les processus et équilibres écologiques dans un souci déquité intra et intergénérationnel.
4. Autonomie [autonomes mais pas individualistes]
Les acteurs et actrices de lESS valorisent les compétences et renforcent les moyens dagir des personnes (salariés, bénévoles, membres, usagers, investisseurs) au sein de leur organisation. Ils recherchent une plus grande autonomie de fonctionnement de celle-ci, ainsi que de lESS à légard du secteur public et des autres acteurs du secteur privé.
5. Solidarité [1 + 1 > 2]
Les acteurs et actrices de lESS privilégient la recherche de lintérêt collectif sur le seul profit individuel. Ils valorisent la création de lien social dinterdépendance au plan local, régional et international.
6. Diversité [riches de nos différences]
Les acteurs et actrices de lESS sengagent à comprendre, respecter et valoriser les différences entre les personnes et les peuples, à prohiber toute forme de discrimination et à rechercher les complémentarités pour apprendre ensemble.
7. Cohérence [dire ce quon fait et faire ce quon dit]
Les acteurs et actrices de lESS sefforcent dappliquer de façon cohérente lensemble des valeurs ci-dessus à tous les niveaux de leur fonctionnement. La cohérence entre les valeurs prônées et le vécu est essentielle à la crédibilité et au développement de lESS.
:::
## Cohérence
* Communication discréditée si pas cohérente
* Perte d'attention
* Exemples
<ul>
<li class="fragment" data-fragment-index="1">**Google** &Rightarrow; *Don't be evil*</li>
<li class="fragment" data-fragment-index="2">**Octopode** &Rightarrow; Producteurs et productrices locales</li>
</ul>
::: notes
->00h25
:::
# Analyse éthique
::: notes
->00h40
:::
## Raison sociale
* Entreprise privée à but lucratif
* Entreprise sociale ou coopérative à but non-lucratif
* Association
* Institut de recherche, école
* Collectif, individu
## Modèle économique
* Gratuit, avec pub et exploitation des données personnelles
* Payant sans pub, avec ou sans exploitation des données
* Gratuit pour un service limité, payant pour un service complet
* Payant pour un service clé en main, gratuit si géré et hébergé soi-même
* ...
## Licence, ouverture
* Copyright
* Logiciel libre / Copyleft
* Open source
* Format de fichier, interopérabilité, exports
* Forge logiciel accessible
## Transparence, clarté
* Modèle économique, financement?
* Licence, ouverture du code?
* Possibilité de quitter le service?
* Conditions générales, confidentialité
* Intentions
* Partenaires, "third parties", ...
## Périmètre
* Central, global, monolithique, international
* National, régional
* Local, restreint, public cible spécifique, accessible localement
## Valeurs, crédibilité
* Scandales, malversations, manipulations
* Droit à l'oubli, respect de la sphère privée
* Valeurs soutenues par la structure
* Références
* Nombre de traqueurs sur les pages web et applications
## Nuance
<div style="font-size:0.7em">
| | |
:---|---:
| License libre | License privative |
| Non-exploitation des données | Exploitation des données |
| Modèle économique clair | Gratuité sans exploitation|
| Transparence | Opacité |
| Interopérabilité | Prison dorée |
| Installable localement | Service global centralisé |
</div>
![](slider.svg){class=noborder}
::: notes
->00h50
:::
# Les outils
::: incremental
* Messagerie instantanée
* Courriels
* Site web, blog
* Réseaux sociaux
* Plateforme de vidéo
* Sondages en ligne, financement participatifs,
CRM (*Customer relationship management*)
:::
::: notes
->01h00
:::
# Les dangers
## Big data
::: incremental
* Nouveau modèle économique: le *tout gratuit*
* *Si c'est gratuit c'est que c'est toi le produit*
* Augmentation permanente des données disponibles
:::
::: notes
->01h05
Sous-entendu, si c'est gratuit c'est qu'on vend tes données.
Les données sont le pétrole du 21e siècle.
:::
## GAFAM
<span class="fragment fade-in" data-fragment-index="2">2021</span>
<span class="fragment fade-in-then-semi-out" data-fragment-index="1">2015</span>
1. Apple &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">2'235</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">583</span><span class="fragment" data-fragment-index="1"> Md$</span>
1. Microsoft &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'948</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">439</span><span class="fragment" data-fragment-index="1"> Md$</span>
1. *Saudi Aramco* &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'896</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">---</span><span class="fragment" data-fragment-index="1"> Md$</span>
1. Amazon &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'681</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">318</span><span class="fragment" data-fragment-index="1"> Md$</span>
1. Alphabet &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">1'542</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">528</span><span class="fragment" data-fragment-index="1"> Md$</span>
1. Facebook &Rightarrow; <span class="fragment fade-in" data-fragment-index="2">856</span> <span class="fragment fade-in-then-semi-out" data-fragment-index="1">296</span><span class="fragment" data-fragment-index="1"> Md$</span>
::: notes
->01h10
Saudi Aramco &Rightarrow; Arabian American Oil Company, entrée en bourse en 2019
Seuls 7 pays ont plus de PIB qu'Apple (USA, Chine, Japon, Allemagne, UK, Inde et France), PIB médian = 25 Md$, moyen = 411 Md$
:::
## PIB
<ol>
<li>USA &Rightarrow; 21'443 Md&dollar;</li>
<li>Chine &Rightarrow; 14'343 Md&dollar;</li>
<li>Japon &Rightarrow; 5'082 Md&dollar;</li>
<li>Allemagne &Rightarrow; 3'861 Md&dollar;</li>
<li>Inde &Rightarrow; 2'892 Md&dollar;</li>
<li>UK &Rightarrow; 2'826 Md&dollar;</li>
<li>France &Rightarrow; 2'716 Md&dollar;</li>
<li>Italie &Rightarrow; 2'004 Md&dollar;</li>
<li class="fragment" data-fragment-index="2" value=18>Suisse &Rightarrow; 731 Md&dollar;</li>
</ol>
::: notes
Les valeurs différent selon qu'elles viennent de l'IMF, de l'UN ou
de la banque mondiale.
Ce qui compte c'est les ordres de grandeurs
:::
## Alphabet
![](alphabet.webp){class=stretch}
::: notes
->01h15
:::
## Alphabet
![](amp.webp){class=stretch}
## Alphabet
![](amp2.webp){class=stretch}
::: notes
->01h20
AMP: *Accelerated Mobile Pages*
Justifiant une optimisation des pages, Google vole le contenu et ainsi diffuse ses propres publicités.
Google essaie de créer sa propre version du web
Merci à [@narF@mstdn.fr](https://mastodon.zaclys.com/web/statuses/106885050759132448)
:::
## Dangers
::: incremental
* Centralisation du pouvoir
* Dépendance
* Manipulation des masses
* Mise en danger de la démocratie
* Privatisation
* Globalisation et délocalisation
* &Rightarrow; Capitalisme de surveillance
:::
::: notes
->01h25
:::
# Pratique
Trouver et comparer les conditions d'utilisation, modèles économiques,
licenses et autres informations au sujet
de *WhatsApp* et de *Threema*
<span class="fragment" data-fragment-index="1"><a href="https://www.securemessagingapps.com/">securemessagingapps.com</a></span>
::: notes
->01h40
:::
# Transition
## Amorcer une transition
::: incremental
1. S'informer et se former
1. Changer ses habitudes
1. Utiliser des outils plus éthiques
1. Définir des objectifs réalistes
:::
## Participer au changement
::: incremental
1. Adhérer à des associations de soutien et d'entre-aide
1. S'impliquer de manière citoyenne
1. Interpeller ses élu·e·s
1. Faire la promotion des services et solutions locales éthiques
:::
## Démarrer la transition
::: incremental
1. [Framasoft -- *framasoft.org*](https://framasoft.org)
1. [Chatons -- *chatons.org*](https://chatons.org)
1. [itopie -- *www.itopie.ch*](https://www.itopie.ch)
1. [Ognon -- *ognon.ch*](https://ognon.ch)
1. [Blog perso -- *trolliet.info*](https://trolliet.info)
:::
# Conclusion
## Outils utilisés 100% logiciel libre
<div style="width: 40%; display: inline-block; vertical-align: top;">
Création:
* Vim
* Reveal.js
* Pandoc
* Gimp
* Inkscape
</div>
<div style="width: 40%; display: inline-block; vertical-align: top;">
Environnement:
* Debian
* Mozilla Firefox
* cmus
* Thunderbird
* Screen
</div>
## Ma pépite et mon baluchon
## Fin
* [Gregory Trolliet](https://trolliet.info)
* [Ognon](https://ognon.ch)
* [itopie](https://itopie.ch)
![](../../lib/images/by-sa.svg){class=noborder}

View File

@ -0,0 +1,150 @@
---
author: Gregory Trolliet
title: Les logiciels rançonneurs
pagetitle: Présentation
date: 26 février 2020
license: CC-BY-SA
---
# Présentation
* [Gregory Trolliet](https://trolliet.info)
* [Ognon](https://ognon.ch)
* [itopie](https://itopie.ch)
![](../../lib/images/by-sa.svg)
# Introduction
## Définition
Un rançongiciel, *logiciel rançonneur*, est un logiciel malveillant
qui prend en otage des données personnelles ou bloque l'acccès à la machine.
## Scareware (alarmiciel)
* Menace de dévoiler des informations / photos / vidéos
* Logiciel fictif / non-fonctionnel
::: notes
Mail informant qu'ils ont des vidéos privées et sexuelles de vous.
:::
## Les verrouilleurs d'écran
* Verrouille l'écran de l'ordinateur
* Empêche d'accéder à son ordinateur
::: notes
Le but est d'enlever l'accès aux données
:::
## Crypto-rançongiciel
::: incremental
* Chiffrement des données
* Chiffrement des périphériques connectés (serveur, cloud, etc.)
:::
## Historique
::: incremental
* Premier logiciel rançonneur : 1989 *PC Cyborg Trojan*
* Preuve de concept chiffrement asymétrique : 1996
* Boom de l'activité à partir de 2005
:::
::: notes
PC Cyborg Trojan, chiffrement symétrique
$\rightarrow$ solution simple, trouver la clé
:::
# Comment se protéger
## Le backup
* Déconnecté
* Fonctionnel
* Régulier
::: notes
Le disque de backup doit être déconnecté de la machine
:::
## Vérifier les liens / courriel
::: incremental
* Attaque principale : *Spray 'n' pray*
* Le malvertising : *malicious* & *advertising*
* En entreprise : former les employé·e·s
:::
::: notes
* Spray 'n' pray : Phishing attaque, spam, fichier joint malveillants
ou liens usurpant l'identité
* malvertising : modifie des pubs sur le navigateur,
solution $\rightarrow$ uBlock Origin
* Étude *KnowBe4*, 15.9% clic $\rightarrow$ 1.2% après formation
:::
## Mettre à jour son système
Exploitation des failles:
* le système d'exploitation
* les plugins (*Java, Flash, ...*)
## Varier les systèmes
<ul>
<li>Windows</li>
<li>MacOS</li>
<li class="fragment" data-fragment-index="1">Debian</li>
<li class="fragment" data-fragment-index="1">Slackware</li>
<li class="fragment" data-fragment-index="1">Red Hat</li>
<li class="fragment" data-fragment-index="2">Gentoo</li>
<li class="fragment" data-fragment-index="2">Arch</li>
<li class="fragment" data-fragment-index="3">Android</li>
</ul>
## Afficher les extensions
<span class="fragment fade-in-then-semi-out">photoDeVacance.jpg</span><span class="fragment fade-in">*.exe*</span>
# Les bonnes réactions
## Se déconnecter
Un doute? $\longrightarrow$ Tirer la prise!
::: notes
Débrancher le courant ou le réseau
:::
## Identifier la menace
::: notes
Il faut absolument connaître le ransomware pour savoir s'il y a une
solution de récupération.
:::
## Payer?
À éviter au maximum, payer c'est encourager.
# Conclusion
## Éduquons
Ou mieux, informons!
## S'informer
<img src="../../lib/images/ognon_integre_blanc.svg" data-lazy-loaded="" style="border:none;background:none;width:3.3em;margin-bottom:0;"/>
Ateliers tout public
Vulgarisation
## Questions?

View File

@ -0,0 +1,190 @@
---
author: Gregory Trolliet
title: La transition numérique et les 2°C
pagetitle: Présentation
date: 24 octobre 2020
license: CC-BY-SA
---
# Présentation
* [Gregory Trolliet](https://trolliet.info)
* [![](../../lib/images/ognon_integre_blanc.svg){class="noborder textsize"}](https://ognon.ch)
* [![](itopie.webp){class="noborder textsize"}](https://itopie.ch)
![](../../lib/images/by-sa.svg){class=noborder}
# Science et déréglement climatique
## Notre responsabilité
![](co2.webp)
## Empilement
![](empilement.webp)
:::notes
Il serait intéressant de voir la transition hydrolique->charbon
de la révolution industrielle, mais ce n'est pas le sujet.
:::
## Quota
![](budget.webp){class=stretch}
:::notes
Donc aujourd'hui, ~650 GtCO2 de quota restant, soit 15 ans.
:::
## Transition
![](transition.jpg){class=stretch}
:::notes
Plus on attend, plus c'est difficile.
Voir l'environnement comme une baignoire dans laquelle on met du CO2.
Acidification des océans.
INDC &rarr; Intended Nationally Determined Constributions
:::
## Les freins à la transition écologique
:::incremental
* Croissance économique infinie
* Modèle économique capitaliste et globalisé
* Postuler que l'innovation technologique est un but en soi
* Capitalisme de surveillance
:::
:::notes
Du moins tant qu'on tente de faire croître le PIB.
Capitalisme de surveillance &rarr; De plus en plus d'appareils de surveillance
:::
# Le numérique dans tout ça?
## Consommation énergétique
![](partNumerique.webp){class=stretch}
## Volume données
:::incremental
* **format texte** sans compression, 6.7Ko pour 1000 mots, soit pour 250 mots par minute &rarr; **30 o/s**
* **format audio** messagerie instantanée &rarr; ~**3 ko/s**
* **format audio** 128kbps &rarr; **16 ko/s**
* **format audio** non destructeur &rarr; **60 ko/s**
* **format video** YouTube 480p 24ips &rarr; **312 ko/s**
* **format video** YouTube 1080p 24ips &rarr; **1 Mo/s**
* **format video** YouTube 4k 60ips &rarr; **7.5 Mo/s**
:::
:::notes
Format texte basé sur Lorem Ipsum. Si compressé, division par 2 du volume au moins.
Formats vidéos basés sur les recommendations de YouTube.
Facteur 100 entre texte &rarr; audio messagerie instantanée &rarr; vidéo 480p.
Facteur 20 entre vidéo 480p et vidéo 4k.
:::
## Usage d'Internet
![](internetUse.webp){class=stretch}
## Évolution mobile
![](kwhPerGo.webp){class=stretch}
:::notes
Consommation des trois principaux opérateurs mobiles finlandais uniquement.
Gris => Consommation réseau.
Blanc => Consommation stations.
:::
## Évolution mobile
![](dataPerY.webp){class=stretch}
:::notes
Contient le traffic montant et descendant.
Échelle en teraoctets.
Prévision linéaire (2015-2017), polynomiale et exponentielle.
Croissance de 40% par année.
:::
## Évolution mobile
![](consommation.webp){class=stretch}
:::notes
Consommation électrique des opérateurs mobiles en GWh/a.
Malgré les progrès techniques, la consommation a augmenté entre 2010 et 2017.
:::
## Prévisions 5G
![](scenarios5G.webp){class=stretch}
:::notes
*Smartphones 4G/5G : comment évaluer la situation*
Basé sur une utilisation de 3 ans d'un smartphone de 2015, 2019 (revu à la hausse pour la 5G) et une projection haute.
Rappel des 650 GtCO2 du budget carbon.
:::
# Axes de réflexion
## Réduire
* Low tech
* Sobriété
* Besoins réels
:::notes
IoT, 2020&rarr;2023
voitures connectées 393'000&rarr;19 millions
caméras de surveillance 2,5 millions&rarr;15 millions
Total: 3,5 millions&rarr;48,5 millions
:::
## "Déconsommer"
* Réparer
* Récupérer
* Revaloriser
## Socialiser
* ESS
* Non-lucratif
* Relocaliser
## Communs
* Logiciel libre
* Formation
* <span style="text-decoration: line-through">Surveillance</span>
* <span style="text-decoration: line-through">Publicité</span>
:::notes
Continuer à utiliser Chrome, c'est continuer à soutenir une dictature sur le web
et donc nous mettre à la mercie
:::
# Que voulons-nous garder du numérique?
:::notes
Netflix / YouTube 4k?
:::
# Sources
* [Evaluating the Energy Consumption of Mobile Data Transfer](https://www.researchgate.net/publication/326470455_Evaluating_the_Energy_Consumption_of_Mobile_Data_Transfer-From_Technology_Development_to_Consumer_Behaviour_and_Life_Cycle_Thinking "From Technology Development to Consumer Behaviour and Life Cycle Thinking")
* [Rapport intermédiaire *Déployer la sobriété numérique*, The Shift Project](https://theshiftproject.org/article/rapport-intermediaire-deployer-sobriete-numerique/)
* [Global Carbon Project](https://www.globalcarbonproject.org/index.htm)
* [Smartphones 4G/5G : comment évaluer la situation](https://gauthierroussilhe.com/fr/posts/smartphones-4g5g)
* [We are social - July global statshot report](https://wearesocial.com/blog/2020/07/more-than-half-of-the-people-on-earth-now-use-social-media)
* Samuel Chenal - Le numérique face à lenvironnement: menace ou allié?

BIN
static/images/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
static/images/avatar.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

14
static/images/favicon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="#1c1c1c" d="M0-0h100V100h-100z"/>
<path id="rock" opacity="0" fill="#efefef" d="M50 12a8 8 0 00-8 8v8h-2v-6c0-4-3-7-7-7a7 7 0 00-7 7v27h-2V37c0-4-3-7-7-7a7 7 0 00-7 7v14a7 7 0 002 5l20 19c1 1 2 4 2 6 0 2 1 4 4 4h41c2 0 4-1 4-4c0-1-0-3-0-5l6-28V27c0-4-3-7-7-7a7 7 0 00-7 7v2h-2v-8c0-3-2-6-6-7-0 0-0-0-1-0a7 7 0 00-7 7v8h-2V20c0-4-3-8-7-8h-0zm0-8c3 0 6 1 9 3 2-1 5-2 8-2 5 0 9 2 12 6 1-0 2-0 3-0 8 0 15 7 15 15V43c0 2-0 4-0 7l-7 28c-0 1-0 3-0 4 0 6-5 12-12 12H37c-7 0-12-5-12-13L5 63C2 61-0 56-0 52V37c0-8 7-15 15-16-0 0 0 0 1-0-0-8 7-14 15-14 2 0 4-0 6 1C42 5 46 4 50 4z"/>
<path id="paper" opacity="0" fill="#efefef" d="M53 7c-3 0-6 2-6 6V50h-1V20c0-3-2-6-6-6s-6 2-6 6v43l-8-11c-1-1-3-2-5-2-3 0-7 3-7 7 0 1 0 3 1 4L34 89c1 1 3 2 5 2h38c2 0 4-1 5-4l4-22c0-1 0-2 0-3V34c0-3-2-6-6-6-3 0-6 2-6 6V50h-1V20c0-3-2-6-6-6-3 0-6 2-6 6V50h-1V13c0-3-2-6-6-6zm0-7c5 0 9 2 11 7 0-0 1-0 2-0 7 0 13 6 13 13v0c7-0 14 5 14 13v27c0 1-0 3-0 4l-4 25c-0 6-6 10-12 10H39c-4 0-8-2-11-5L6 65C5 63 4 60 4 57c0-7 6-14 14-14 2 0 5 0 7 1V20c0-7 6-13 13-13 0 0 1 0 2 0C43 2 48 0 53 0z"/>
<path id="scissors" opacity="0" fill="#efefef" d="M60 93h-9c-5 0-10-2-12-7-0-1-1-3-1-7c-4-2-7-6-7-12 0-0 0-1 0-5H14C6 64 0 57 0 49c0-7 6-14 14-13h8l-4-0c-5-2-9-7-9-13C8 15 15 7 24 8c1 0 3 0 5 1l35 13h23c8 0 14 6 14 14v37c0 6-4 12-10 13L70 91c-3 0-6 1-10 2zm-3-40l-9 4-9 4a6 6 0 00-3 6c0 3 3 6 6 6 0 0 2-0 3-0L63 64c-4-0-6-4-6-8zM75 70c0-3-3-6-6-6-0 0-1 0-2 0L50 72c-3 1-7 3-7 7 0 4 3 6 7 6 0 0 2-0 2-0l20-9a6 6 0 003-5zm-13-42L26 15c-0-0-2-0-3-0-4 0-7 3-7 7 0 3 2 6 4 7L50 39v4H14A7 7 0 007 49a7 7 0 007 7h30l13-6V40c0-2 0-4 3-6l6-6zM60 86c3 0 6-0 9-1l19-5c3-0 5-4 5-7V36a7 7 0 00-7-7H69l-8 7C60 37 60 38 59 40v16c0 3 2 6 6 6s6-3 6-6V45h2v12c0 3-1 5-3 6 3 0 7 4 7 8 0 3-2 6-5 7l-17 8z"/>
<path id="lizard" opacity="0" fill="#efefef" d="M57 6c4 0 8 2 10 5l28 38C98 54 100 60 100 67v17c0 5-4 9-9 9H71c-5 0-9-4-9-9v-7l-14-8H21c-5 0-9-4-9-9v-2c0-8 6-14 14-14H47l2-7H16c-6 0-12-5-12-11-2-3-3-6-3-9v-2C0 10 4 6 9 6zM94 84V67c0-5-1-9-4-14l-28-38c-1-1-3-2-5-3H9c-2 0-3 1-3 3 0 3 0 4 2 6 1-2 3-3 4-3h40V20H13c-2 0-3 1-3 3 0 1 0 2 0 3 1 3 3 5 6 5h36c3 0 5 2 5 5 0 0 0 1-0 1l-3 9c-1 2-2 3-4 4H26c-4 0-8 3-8 8v2c0 2 1 3 3 3h27c0 0 0 0 2 0l15 8c1 0 2 2 3 4v9c0 2 1 3 3 3h19c2 0 3-1 3-3z"/>
<path id="spock" opacity="0" fill="#efefef" d="M22 97c-5 0-10-4-11-9l-5-21a26 26 0 01-1-5c0-1 0-2-0-3L0 32C0 32 0 31 0 30 0 23 5 18 11 17c1-6 6-10 12-10 6 0 10 1 13 9l5 16 5-20C47 7 52 3 57 3c6 0 11 4 12 11 6 0 11 6 11 13 0 0 0 2 0 3l-7 26c4-3 7-6 13-7 7 0 13 6 14 14 0 4-2 8-6 12l-26 20c-2 2-5 2-8 2zM57 10c-3 0-5 2-6 4l-8 35h-6L29 18c-1-3-3-4-6-4-3 0-6 3-6 6 0 1 0 1 0 1l6 28h-1l-5-21c-1-2-3-4-6-4a6 6 0 00-6 6c0 0 0 1 0 1l6 25c1 3 0 6 1 9l5 21c1 2 3 4 5 4H60c1 0 3-0 4-1l26-20c2-1 3-3 3-6 0-4-3-7-7-7-1 0-3 0-4 1L67 68V58c0-0 7-28 7-30 0-0 0-1 0-1 0-3-2-6-6-6-3 0-5 2-5 4l-6 25h-1l7-33c0-0 0-1 0-1 0-3-2-6-6-6z"/>
<animate xlink:href="#rock" attributeName="opacity" values="0;1;1;0;0" dur="3s" keyTimes="0;0;.2;.2;1" repeatCount="indefinite"/>
<animate xlink:href="#paper" attributeName="opacity" values="0;0;1;1;0;0" dur="3s" keyTimes="0;.2;.2;.4;.4;1" repeatCount="indefinite"/>
<animate xlink:href="#scissors" attributeName="opacity" values="0;0;1;1;0;0" dur="3s" keyTimes="0;.4;.4;.6;.6;1" repeatCount="indefinite"/>
<animate xlink:href="#lizard" attributeName="opacity" values="0;0;1;1;0;0" dur="3s" keyTimes="0;.6;.6;.8;.8;1" repeatCount="indefinite"/>
<animate xlink:href="#spock" attributeName="opacity" values="0;0;1;1;0" dur="3s" keyTimes="0;.8;.8;1;1" repeatCount="indefinite"/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

1
static/lib Submodule

@ -0,0 +1 @@
Subproject commit b091bd9bb9b4a1791964f95c0d52df299fab18a3