Publish presentation page

xvw · Dec 19, 2024 · 5eb554b · 5eb554b
1 parent 5412eb8
commit 5eb554b
Show file tree

Hide file tree

Showing 50 changed files with 917 additions and 15 deletions.
diff --git a/assets/css/capsule.css b/assets/css/capsule.css
@@ -150,7 +150,7 @@ body {
             }
         }
 
-         & > div:last-child {
+        & > div:last-child {
             flex: 6;
         }
     }
@@ -687,12 +687,52 @@ h6 {
 
         & > div:last-child {
             margin-bottom: 0;
-     }
+        }
 
 
     }
 }
 
+.inline-enum {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: 0.5rem;
+
+    & > div {
+        display: flex;
+        flex-direction: row;
+        gap: 0.2rem;
+        font-family: var(--font-sans-serif);
+
+        & > span {
+            padding: 0.1rem;
+        }
+
+        & > span:first-child {
+            text-align: right;
+            font-weight: 700;
+
+            &:after {
+                content: ":";
+            }
+        }
+
+        & > div:last-child {
+            margin-bottom: 0;
+        }
+    }
+}
+
+
+.capitalize {
+    text-transform: capitalize;
+}
+
+.upcase {
+    text-transform: uppercase;
+}
+
 
 .journal-navigation {
     display: flex;
@@ -722,6 +762,62 @@ h6 {
     }
 }
 
+.talk-list {
+
+    margin-top: 4rem;
+
+
+    & > div {
+        display: flex;
+        flex-direction: row;
+        gap: 2rem;
+
+        &:last-child > div:last-child > .talk:last-child {
+            border-bottom: 0px solid transparent;
+        }
+    }
+
+    & > div > div {
+        flex: 1;
+
+        &:first-child {
+            flex: 0;
+            color: var(--middle-color);
+        }
+    }
+
+    & .talk {
+        --gap: 1rem;
+
+        border-bottom: 1px solid var(--middle-light-color);
+        margin-bottom: calc(var(--gap) * 3.2);
+        padding-bottom: var(--gap);
+
+        & > h4 {
+            font-weight: 200;
+        }
+
+        & > nav.meta {
+            display: flex;
+            flex-direction: row;
+            gap: 0.5rem;
+            margin-bottom: 1rem;
+
+            & > a {
+                font-family: var(--font-sans-serif);
+            }
+        }
+
+        & > article {
+            margin-top: 1rem;
+            font-weight: 100;
+        }
+
+    }
+
+
+}
+
 
 .journal-navigation:empty {
     display:none;
@@ -741,9 +837,17 @@ time.date-repr::before {
     font-weight: 700;
 }
 
+.small-text {
+    font-size: 75%;
+}
+
 
 @media all and (max-width: 860px) {
 
+    .refutable {
+        display: none;
+    }
+
     body > footer {
         margin-top: 0.2rem;
     }
@@ -803,4 +907,16 @@ time.date-repr::before {
         }
     }
 
-}
+    .talk-list {
+        & > div {
+            display: flex;
+            flex-direction: column;
+
+            & .talk {
+                & > nav.meta {
+                    flex-direction: column;
+                }
+            }
+        }
+
+    }
diff --git a/assets/templates/speaking.html b/assets/templates/speaking.html
@@ -9,3 +9,66 @@
   {{ yocaml_body }}
   {%- endautoescape -%}
 </article>
+
+
+{%- if has_talks -%}
+<section class="talk-list">
+  {%- for year in years -%}
+  {%- if year.has_talks -%}
+  <div>
+    <div>
+      <h2>{{ year.year}}</h2>
+    </div>
+    <div>
+      {%- for talk in year.talks -%}
+      <div class="talk">
+        <h4>{{ talk.name }}</h4>
+        <h3>{{ talk.title }}</h3>
+        <nav class="meta">
+          <time class="date-repr"
+                data-prefix="présenté le"
+                datetime="{{ talk.date.repr.datetime }}">
+            {{talk.date.repr.date}}
+          </time>
+          {%- if talk.has_url -%}
+          <a href="{{ talk.url.url }}">Événement</a>
+          {%- endif -%}
+          {%- if talk.has_slides -%}
+          <a href="{{ talk.slides.url }}">Support</a>
+          {%- endif -%}
+          {%- if talk.has_video -%}
+          <a href="{{ talk.video.url }}">Vidéo</a>
+          {%- endif -%}
+        </nav>
+
+        <!-- {%- if talk.has_synopsis -%} -->
+        <!-- <article> -->
+        <!--   {%- autoescape false -%} -->
+        <!--   {{ talk.synopsis }} -->
+        <!--   {%- endautoescape -%} -->
+        <!-- </article> -->
+        <!-- {%- endif -%} -->
+
+        <div class="inline-enum small-text">
+          <div>
+            <span>Où</span>
+            <span>{{ talk.city}}, {{ talk.country }}</span>
+          </div>
+          <div>
+            <span>Type</span>
+            <span class="capitalize">{{ talk.kind}}</span>
+          </div>
+          <div>
+            <span>Langue</span>
+            <span class="upcase">{{ talk.lang}}</span>
+          </div>
+        </div>
+
+      </div>
+      {%- endfor -%}
+    </div>
+  </div>
+  {%- endif -%}
+  {%- endfor -%}
+</section>
+{%- endif -%}
diff --git a/content/specifics/speaking.md b/content/specifics/speaking.md
@@ -1,11 +1,23 @@
 ---
 page_title: Présentations
 synopsis:
-  A synopsis
+  Depuis 2014, il m'arrive de _donner des présentations_ sur des sujets
+  qui m'intéressent. Dans cette page, vous retrouverez une liste 
+  _plus ou moins hexaustive_ — certaines présentations, redondantes ou 
+  internes à certaines entreprises ont été omises — des différentes 
+  présentations que j'ai pu donner
+  au fil des années. (En _vrai_, préparer des présentations me force parfois
+  à étudier concrètement certains sujets, me permet de faire la promotion
+  de [OCaml](https://ocaml.org) et me permet de voyager, en buvant des verres,
+  potentiellement _à l'œil_, avec des gens sympas).
 breadcrumb:
     - title: Technologies
       url: /#index-technologies
 display_toc: false
 ---
 
-texte
+Je suis toujours intéressé à l'idée de donner des présentations !
+N'hésitez pas à me contacter si vous seriez intéressé par une
+présentation. En ce moment, les sujets qui m'intéressent sont:
+**OCaml**, **Les systèmes de types**, **Le développement web**, **La
+programmation fonctionnelle** et **les modules**.
diff --git a/content/talks/axa-bbl-pf.md b/content/talks/axa-bbl-pf.md
@@ -0,0 +1,13 @@
+---
+title: Une introduction à la programmation Fonctionnelle
+name: Axa BrownBagLunch
+date: 2016-07-05
+city: Lille
+country: France
+tags: [ocaml, haskell, fp]
+slides: https://xvw.lol/talks/axa-fp/slides.pdf
+---
+
+Une introduction rapide à la Programmation Fonctionnelle, donnée à
+l'occasion d'un [Brown Bag Lunch](http://www.brownbaglunch.fr/), chez
+[AXA](https://www.axa.fr/).
diff --git a/content/talks/blockchain-societe-tezos.md b/content/talks/blockchain-societe-tezos.md
@@ -0,0 +1,15 @@
+---
+title: DApp's sur Tezos
+name: Blockchain et société
+date: 2022-10-05
+city: Nantes
+country: France
+tags: [blockchain, dapp, tezos]
+url: https://blockchainsociete.org/events/2022-10-05/
+slides: https://docs.google.com/presentation/d/e/2PACX-1vTQD5pn5_uOzSzD9cL4PldE0ftuoXF9LGEnBTf9LHkiEGwpscRDYdllF3uFK1x3xfj2weuzDsIOkxxK/pub?start=false&loop=false&delayms=3000
+video: https://www.youtube.com/live/Lry5lQQFDMs?feature=shared&t=1584
+---
+
+Une présentation sur le développement d'applications décentralisées
+sur [Tezos](https://tezos.com/), et les enjeux d'ergonomie que ça
+engendre _potentiellement_.
diff --git a/content/talks/breizh-camp-elevator.md b/content/talks/breizh-camp-elevator.md
@@ -0,0 +1,18 @@
+---
+title: The Elevator Problem 2
+name: Touraine Tech
+date: 2019-02-21
+city: Rennes
+country: France
+tags: [gadt, typage, ocaml, finite-state-machine]
+url: https://2019.breizhcamp.org/
+slides: https://xvw.lol/talks/breizhcamp-tep/slides.pdf
+video: https://www.youtube.com/watch?v=jjpjieU55cg
+---
+
+Utilisation des [Types algébriques
+généralisés](https://ocaml.org/manual/5.2/gadts-tutorial.html) pour
+encoder des machine à état fini pour modeliser le cycle de vie d'une
+application en utilisant des ascenseurs comme prétexte. La
+présentation a aussi été donnée à
+[LilleFP](https://github.com/lambdalille/talks?tab=readme-ov-file#lillefp13-gadts-et-types-d%C3%A9pendants-).
diff --git a/content/talks/chtijs-11-2015.md b/content/talks/chtijs-11-2015.md
@@ -0,0 +1,16 @@
+---
+title: Présentation de Js_of_OCaml
+name: ChtiJS
+date: 2015-03-19
+city: Lille
+country: France
+tags: [ocaml, javascript, js-of-ocaml]
+url: https://chtijs.francejs.org/conferences/chtijs-11
+slides: https://xvw.lol/talks/chtijs-js-of-ocaml/index.html
+---
+
+Une présentation sur
+[Js\_of\_OCaml](https://github.com/ocsigen/js_of_ocaml), le
+compilateur du _code-octet_ de [OCaml](https://ocaml.org) vers
+JavaScript (et brièvement sa relation avec
+[Ocsigen](https://ocsigen.org/home/intro.html)).
diff --git a/content/talks/chtijs-20-binding.md b/content/talks/chtijs-20-binding.md
@@ -0,0 +1,15 @@
+---
+title: Liaisons sémantiques de bibliothèques JavaScript en OCaml
+name: ChtiJS
+date: 2018-11-14
+city: Lille
+country: France
+tags: [ocaml, javascript, typage]
+url: https://chtijs.francejs.org/conferences/chtijs-20
+slides: https://xvw.lol/talks/chtijs-binding/slides.pdf
+---
+
+Exploration de la création d'une liaison _sémantique_ pour
+[Electron](https://www.electronjs.org/), en [OCaml](https://ocaml.org)
+en essayant de tirer au maximum du système de types pour exprimer le
+plus d'invariants possible et s'adapter au maximum au style de OCaml.
diff --git a/content/talks/codeurs-en-seine-effect.md b/content/talks/codeurs-en-seine-effect.md
@@ -0,0 +1,15 @@
+---
+title:  "Programmation fonctionnelle et principe de réalité : gérer les effets 2"
+name: Codeurs En Seine
+date: 2020-11-10
+city: Rouen
+country: France
+tags: [effet, algebriques, koka]
+url: https://archives-codeurs-en-seine.netlify.app/archive-2020/2020
+slides: https://xvw.lol/talks/codeursenseine2020-effect/slides.pdf
+video: https://www.youtube.com/watch?v=XDtY3xUodZs
+---
+
+Une présentation de la gestion d'effets dans des langages de
+programmation purs, des encodages manuels aux effets algébriques en
+utilisant [Koka](https://koka-lang.github.io/koka/doc/index.html).
diff --git a/content/talks/codeurs-en-seine-web3.md b/content/talks/codeurs-en-seine-web3.md
@@ -0,0 +1,14 @@
+---
+title: Le Web3, à une conférence estampillée du hashtag "NoBullshit"
+name: Codeurs En Seine
+date: 2023-10-26
+city: Rouen
+country: France
+tags: [web3, blockchain, tezos]
+url: https://archives-codeurs-en-seine.netlify.app/archive-2023/2023
+slides: https://docs.google.com/presentation/d/e/2PACX-1vTue8wJ4ZaGPd_8GBfT7REXLWZyA8ksZasaprNpn7Qqq2fv7qHU1yWFLnZYhYNbaJaGLdbuaXhwGXL9/pub?start=false&loop=false&delayms=3000
+video: https://www.youtube.com/watch?v=32fnBEbbMjI
+---
+
+Une tentative de présentation du développement _Web3_, avec la vision
+d'un ingénieur.
diff --git a/content/talks/dej-tech-web.md b/content/talks/dej-tech-web.md
@@ -0,0 +1,14 @@
+---
+title: Le web moderne et Elm
+name: Déjeuners Technologiques (Université Lille 1)
+date: 2017-11-30
+city: Lille 
+country: France
+tags: [web, elm, react, javascript]
+url: https://www.facebook.com/dejeunerstechnologiques/
+slides: https://xvw.lol/talks/dej-tech-web/slides.pdf 
+---
+
+Une frise chronologique de l'évolution du web et (_encore_) une
+introduction à [Elm](https://elm-lang.org/) comme une technologie web
+moderne.
diff --git a/content/talks/dej-tech.md b/content/talks/dej-tech.md
@@ -0,0 +1,13 @@
+---
+title: Passé, présent et futur de la programmation orienté objets
+name: Déjeuners Technologiques (Université Lille 1)
+date: 2016-01-26
+city: Lille 
+country: France
+tags: [oop, pharo, ocaml]
+url: https://www.facebook.com/dejeunerstechnologiques/
+---
+
+Une présentation qui observe les relations étroites qu'entretiennent
+la programmation fonctionnelle et la programmation orientée objets (et
+la nécéssité d'avoir des _Lambdas_ dans des langages orientés objets).