[SITE] Première version du site

.gitignore

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

CHANGELOG.md

@@ -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

LICENSE.md

@@ -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.
+

README.md

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

config.toml

@@ -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"

content/archives/001-archive001/index.md

@@ -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

content/archives/002-archive002/index.md

@@ -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.

content/archives/003-archive003/index.md

@@ -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.
+
+

content/archives/003-archive003/mpv.svg

@@ -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>

content/archives/003-archive003/yt-dlp.svg

@@ -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>

content/lettres.md

@@ -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>

content/presentation.md

@@ -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.

content/projects.md

@@ -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?
+

static/files/gregory@trolliet.info(0x3C98E911AA6A3BD0).asc

@@ -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-----

static/files/supports/calc_formules.md

@@ -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 *=2–1*
+* \* 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?

static/files/supports/calc_graphiques.md

@@ -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→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→Conditionnel→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?

static/files/supports/hepiaDD2021.md

@@ -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 ⇒ météo
+* 8h30 ⇒ introduction thématique
+* 11h00 ⇒ intervision
+* 12h00 -- 13h00 ⇒ pause repas
+* 14h00 ⇒ intervision
+* 16h30 ⇒ 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 à l’identification de leviers d’action 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/)

static/files/supports/outilsComm.md

@@ -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 ⇒  
+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 qu’avoir
+* **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 qu’on fait et faire ce qu’on dit
+:::
+
+::: notes
+->00h20 - Connaître les valeurs de l'ESS
+
+1. Bien-être social [être plutôt qu’avoir]
+Les acteurs et actrices de l’ESS visent à construire une économie qui affirme la primauté de la personne sur le capital. Ils reconnaissent l’importance 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 l’ESS participent de manière libre, égalitaire et responsable à la  construction d’une société assurant le développement des personnes et l’intérêt collectif. Ils appliquent la démocratie participative en favorisant le partage de l’information, 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 l’ESS reconnaissent l’interdépendance des processus socio-
+économiques et écologiques. Ils s’engagent à 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 l’ESS valorisent les compétences et renforcent les moyens d’agir 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 l’ESS à l’égard du secteur public et des autres acteurs du secteur privé.
+5. Solidarité [1 + 1 > 2]
+Les acteurs et actrices de l’ESS privilégient la recherche de l’intérêt collectif sur le seul profit individuel. Ils valorisent la création de lien social d’interdépendance au plan local, régional et international.
+6. Diversité [riches de nos différences]
+Les acteurs et actrices de l’ESS s’engagent à 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 qu’on fait et faire ce qu’on dit]
+Les acteurs et actrices de l’ESS s’efforcent d’appliquer de façon cohérente l’ensemble 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 l’ESS.
+:::
+
+## 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}

static/files/supports/secu_ransomware.md

@@ -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?

static/files/supports/transitionNum.md

@@ -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 → 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 → 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.7 Ko pour 1000 mots, soit pour 250 mots par minute → **30 o/s**
+* **format audio** messagerie instantanée → ~**3 ko/s**
+* **format audio** 128kbps → **16 ko/s**
+* **format audio** non destructeur → **60 ko/s**
+* **format video** YouTube 480p 24ips → **312 ko/s**
+* **format video** YouTube 1080p 24ips → **1 Mo/s**
+* **format video** YouTube 4k 60ips → **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 → audio messagerie instantanée → 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→2023  
+voitures connectées 393'000→19 millions  
+caméras de surveillance 2,5 millions→15 millions  
+Total: 3,5 millions→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 à l’environnement: menace ou allié?

static/images/favicon.svg

@@ -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>

static/lib

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