un peu de style, un peu de contenus

index.html

@@ -32,24 +32,94 @@
                 <p class="date">2021-10-22</p>
         </section>
         
-    <section id="première-diapositive-de-la-présentation" class="slide level2">
-    <h2>Première diapositive de la présentation</h2>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/plan-8e-etage.png" alt="Plan de l’étage" /><figcaption aria-hidden="true">Plan de l’étage</figcaption>
+    </figure>
+    </section>
+    <section id="le-crilcq" class="slide level2" data-background-color="var(--mauve)" data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom">
+    <h2 data-background-color="var(--mauve)" data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom">Le CRILCQ</h2>
+    </section>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/salle-de-documentation.jpg" alt="La salle de documentation" /><figcaption aria-hidden="true">La salle de documentation</figcaption>
+    </figure>
+    </section>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/collection-de-zines.jpg" alt="Collection de zines" /><figcaption aria-hidden="true">Collection de zines</figcaption>
+    </figure>
+    </section>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/evenement-scientifique1.jpg" alt="Un événement scientifique" /><figcaption aria-hidden="true">Un événement scientifique</figcaption>
+    </figure>
+    </section>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/evenement-scientifique2.jpg" alt="Un événement scientifique" /><figcaption aria-hidden="true">Un événement scientifique</figcaption>
+    </figure>
+    </section>
+    <section id="le-soulier-de-satin" class="slide level2" data-background-color="var(--mauve)">
+    <h2 data-background-color="var(--mauve)">Le Soulier de Satin</h2>
+    </section>
+    <section class="slide level2">
+
+    <p>→ Le local de l’<abbr title="Association des étudiants en littératures de langue française de l’Université de Montréal">AELLFUM</abbr></p>
+    <p>Le Soulier de Satin est le local destiné aux étudiant·e·s membres de l’Association des étudiant·e·s en littératures de langue française de l'Université de Montréal (AELLFUM) et à quiconque souhaitant faire connaissance avec eux·elles. Il se situe au local C-8019 au huitième étage du pavillon Lionel-Groulx de l’Université de Montréal.</p>
+    </section>
+    <section class="slide level2">
+
+    <p>Pendant la session, il est généralement ouvert du lundi au jeudi de 9h à 16h. Du thé et du café sont offerts gratuitement tout au long de la session. Le soulier de satin comporte un réfrigérateur, ainsi qu’une imprimante accessible aux étudiant·e·s.</p>
     </section>
-    <section id="deuxième-diapositive-de-la-présentation" class="slide level2">
-    <h2>Deuxième diapositive de la présentation</h2>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/aellfum2.jpg" alt="Le local de l’AELFFUM" /><figcaption aria-hidden="true">Le local de l’AELFFUM</figcaption>
+    </figure>
+    </section>
+    <section class="slide level2">
+
+    <p>On y trouve des bibliothèques remplies de livres que les étudiant·e·s peuvent emprunter. <strong class="highlight">Il s’agit de l’endroit idéal pour se détendre, rencontrer ses collègues, étudier ou lire pendant les pauses et l’heure du dîner.</strong> Plusieurs activités sociales ou culturelles organisées par l’association étudiante, en plus des assemblées générales de l’AELLFUM, se déroulent d’ailleurs au soulier de satin.</p>
+    </section>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/aellfum3.jpg" alt="Le local de l’AELFFUM" /><figcaption aria-hidden="true">Le local de l’AELFFUM</figcaption>
+    </figure>
+    </section>
+    <section id="la-chaire-de-recherche-du-canada-sur-les-écritures-numériques" class="slide level2" data-background-image="img/crcen-site-web.png" data-background-opacity=".2" data-background-color="#121149" data-transition="zoom">
+    <h2 data-background-image="img/crcen-site-web.png" data-background-opacity=".2" data-background-color="#121149" data-transition="zoom">La Chaire de recherche du Canada sur les écritures numériques</h2>
+    </section>
+    <section id="matériel-de-la-crcén" class="slide level2">
+    <h2>Matériel de la CRCÉN</h2>
+    <p>Dans ces locaux, on compte le matériel suivant :</p>
+    <div>
     <ul>
-    <li>bla</li>
-    <li>bla</li>
-    <li>bla</li>
+    <li class="fragment">une caméra <em>Meeting owl pro</em></li>
+    <li class="fragment">2 micros</li>
+    <li class="fragment">1 imprimante</li>
+    <li class="fragment">3 écrans</li>
+    <li class="fragment">3 ordinateurs (1 Linux et 2 Mac).</li>
     </ul>
+    </div>
     </section>
-    <section id="troisième-diapositive" class="slide level2">
-    <h2>Troisième diapositive</h2>
-    <p>Yo!</p>
+    <section class="slide level2">
+
+    <figure>
+    <img data-src="img/crcen1.jpg" alt="Local de la CRCÉN" /><figcaption aria-hidden="true">Local de la CRCÉN</figcaption>
+    </figure>
     </section>
     <section class="slide level2">
 
-    <p>Yé!!</p>
+    <figure>
+    <img data-src="img/crcen2.jpg" alt="Local de la CRCÉN" /><figcaption aria-hidden="true">Local de la CRCÉN</figcaption>
+    </figure>
     </section>
   </div>
 </div>
@@ -71,7 +141,7 @@
 
     // Help the user learn the controls by providing hints, for example by
     // bouncing the down arrow when they first encounter a vertical slide
-    controlsTutorial: true,
+    controlsTutorial: false,
 
     // Determines where controls appear, "edges" or "bottom-right"
     controlsLayout: 'bottom-right',
@@ -113,7 +183,7 @@
     disableLayout: false,
 
     // Vertical centering of slides
-    center: false,
+    center: true,
 
     // Enables touch navigation on devices with touch input
     touch: true,
@@ -196,7 +266,7 @@
 
     // Transition style for full page slide backgrounds
     // (none/fade/slide/convex/concave/zoom)
-    backgroundTransition: 'zoom',
+    backgroundTransition: 'fade',
 
     // Number of slides away from the current that are visible
     viewDistance: 3,

make-html.sh

 #!/bin/bash
 pandoc --standalone \
-  -V revealjs-url="." \
-  -V theme=dllf \
-  -V hash=true \
-  -V center=false \
-  -V backgroundTransition=zoom \
-  -V width=1280 \
-  -V height=700 \
-  -V margin=.08 \
   --template source/template.html \
-  source/presentation.md  \
   -t revealjs \
+  source/presentation.md  \
   -o index.html

source/presentation.md

@@ -2,24 +2,93 @@
 title: "Présentation du DLLF"
 date: 2021-10-22
 author: Département des littératures de langue française
+
+# Reveal.js config
+controlsTutorial: false
+hash: true
+revealjs-url: "."
+theme: dllf
+center: true
+backgroundTransition: fade
+width: 1280
+height: 700
+margin: .08
+---
+
+![Plan de l’étage](img/plan-8e-etage.png)
+
+---
+
+## Le CRILCQ {data-background-color="var(--mauve)" data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom"}
+
+---
+
+![La salle de documentation](img/salle-de-documentation.jpg)
+
+---
+
+![Collection de zines](img/collection-de-zines.jpg)
+
+---
+
+
+![Un événement scientifique](img/evenement-scientifique1.jpg)
+
+---
+
+![Un événement scientifique](img/evenement-scientifique2.jpg)
+
+---
+
+
+## Le Soulier de Satin {data-background-color="var(--mauve)"}
+
 ---
 
-## Première diapositive de la présentation
+&rarr; Le local de l’<abbr title="Association des étudiants en littératures de langue française de l’Université de Montréal">AELLFUM</abbr>
+
+Le Soulier de Satin est le local destiné aux étudiant·e·s membres de l'Association des étudiant·e·s en littératures de langue française de l\'Université de Montréal (AELLFUM) et à quiconque souhaitant faire connaissance avec eux·elles. Il se situe au local C-8019 au huitième étage du pavillon Lionel-Groulx de l'Université de Montréal.
 
 ---
 
-## Deuxième diapositive de la présentation
+Pendant la session, il est généralement ouvert du lundi au jeudi de 9h à 16h. Du thé et du café sont offerts gratuitement tout au long de la session. Le soulier de satin comporte un réfrigérateur, ainsi qu'une imprimante accessible aux étudiant·e·s.
+
+---
 
-- bla
-- bla
-- bla
+![Le local de l’AELFFUM](img/aellfum2.jpg)
 
 ---
 
-## Troisième diapositive
+On y trouve des bibliothèques remplies de livres que les étudiant·e·s peuvent emprunter. <strong class="highlight">Il s'agit de l'endroit idéal pour se détendre, rencontrer ses collègues, étudier ou lire pendant les pauses et l'heure du dîner.</strong> Plusieurs activités sociales ou culturelles organisées par l'association étudiante, en plus des assemblées générales de l'AELLFUM, se déroulent d'ailleurs au soulier de satin.
 
-Yo!
+---
+
+![Le local de l’AELFFUM](img/aellfum3.jpg)
+
+## La Chaire de recherche du Canada sur les écritures numériques {data-background-image="img/crcen-site-web.png" data-background-opacity=".2" data-background-color="#121149" data-transition="zoom"}
 
 ---
 
-Yé!!
+## Matériel de la CRCÉN
+
+Dans ces locaux, on compte le matériel suivant :
+
+::: incremental
+
+- une caméra *Meeting owl pro*
+- 2 micros
+- 1 imprimante
+- 3 écrans
+- 3 ordinateurs (1 Linux et 2 Mac).
+
+:::
+
+---
+
+![Local de la CRCÉN](img/crcen1.jpg)
+
+---
+
+![Local de la CRCÉN](img/crcen2.jpg)
+
+