Verified Commit 99b2fffe authored by Louis-Olivier Brassard's avatar Louis-Olivier Brassard
Browse files

mise à jour des styles

parent 62f79187
......@@ -17,19 +17,21 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
* GLOBAL STYLES
*********************************************/
:root {
--mauve: #663362;
--mauve-highlight: #a53190;
--mauve: #661f89;
--mauve-highlight: #eacff7;
--mauve-dark: #661e61;
--bleu-crilcq: #5c8dcc;
--bleu-ultraleger: #bafffa;
--r-background-color: #e5e3e5;
--r-background-color: #fff;
--r-main-font: merriweather-web, serif;
--r-main-font-size: 28px;
--r-main-color: #767;
--r-main-color: #000;
--r-main-color-light: #777;
--r-block-margin: 20px;
--r-heading-margin: 1.5em 0 .5em 0;
--r-heading-font: 'baryton-web', Georgia, serif;
--r-heading-color: var(--mauve);
--r-heading-color: #000;
--r-heading-line-height: 1.2;
--r-heading-letter-spacing: normal;
--r-heading-text-transform: none;
......@@ -37,15 +39,14 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
--r-heading-font-weight: normal;
--r-heading1-text-shadow: none;
--r-heading1-size: 3.0em;
--r-heading2-size: 2.5em;
--r-heading3-size: 1.5em;
--r-heading2-size: 8vw;
--r-heading4-size: 1em;
--r-code-font: monospace;
--r-link-color: var(--mauve);
--r-link-color-dark: var(--mauve-dark);
--r-link-color-hover: var(--mauve-highlight);
--r-selection-background-color: var(--mauve);
--r-selection-color: #fff;
--r-selection-background-color: var(--mauve-highlight);
--r-selection-color: inherit;
}
.reveal-viewport {
......@@ -167,7 +168,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
.reveal strong,
.reveal b {
--mauve-highlight: #ddc4db;
color: var(--mauve);
font-weight: normal;
background-image: linear-gradient(to left, var(--mauve-highlight), var(--mauve-highlight));
......@@ -388,7 +388,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: var(--r-link-color);
color: var(--mauve);
height: .75rem;
}
......@@ -400,6 +400,22 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
}
.reveal figcaption {
font-size: 75%;
color: var(--r-main-color-light);
}
.reveal .pause-overlay {
background-color: #fff;
}
/*********************************************
* Title Slide
*********************************************/
.author,
.institute,
.date {
color: var(--r-main-color-light);
font-size: 75%;
}
/*********************************************
......
......@@ -29,7 +29,8 @@
<section id="accueil">
<h1 class="title">Présentation du DLLF</h1>
<p class="author">Département des littératures de langue française</p>
<p class="date">2021-10-22</p>
<p class="institute">Université de Montréal</p>
<p class="date">2021-10-22</p>
</section>
<section class="slide level2">
......@@ -39,8 +40,8 @@
</svg>
<!-- ![Plan de l’étage](img/plan-8e-etage.svg) -->
</section>
<section id="le-secrétariat" class="slide level2" data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--mauve)" data-background-opacity=".25">
<h2 data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--mauve)" data-background-opacity=".25">Le secrétariat</h2>
<section id="le-secrétariat" class="slide level2" data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--r-background-color)" data-background-opacity=".25">
<h2 data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--r-background-color)" data-background-opacity=".25">Le secrétariat</h2>
</section>
<section id="section" class="slide level2" data-background-image="img/photos/couloir-secretariat.jpg" data-transition="fade">
<h2 data-background-image="img/photos/couloir-secretariat.jpg" data-transition="fade"></h2>
......@@ -51,8 +52,8 @@
<section id="section-2" class="slide level2" data-transition="fade" data-background-image="img/photos/secretariat2-carre.jpg" data-background-size="contain">
<h2 data-transition="fade" data-background-image="img/photos/secretariat2-carre.jpg" data-background-size="contain"></h2>
</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 id="le-crilcq" class="slide level2" data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom">
<h2 data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom">Le CRILCQ</h2>
</section>
<section id="section-3" class="slide level2" data-background-image="img/collection-de-zines.jpg" data-background-size="cover" data-transition="fade">
<h2 data-background-image="img/collection-de-zines.jpg" data-background-size="cover" data-transition="fade"></h2>
......@@ -132,8 +133,8 @@
</div>
</div>
</section>
<section id="le-local-des-doctorants" class="slide level2" data-background-color="var(--mauve)" data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom">
<h2 data-background-color="var(--mauve)" data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom">Le local des doctorants</h2>
<section id="le-local-des-doctorants" class="slide level2" data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom">
<h2 data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom">Le local des doctorants</h2>
</section>
<section id="section-15" class="slide level2" data-background-image="img/photos/doctorants1.jpg" data-transition="fade">
<h2 data-background-image="img/photos/doctorants1.jpg" data-transition="fade"></h2>
......@@ -334,7 +335,7 @@
height: 700,
// Factor of the display size that should remain empty around the content
margin: .08,
margin: .1,
// reveal.js plugins
plugins: [
......
......@@ -2,6 +2,7 @@
title: "Présentation du DLLF"
date: 2021-10-22
author: Département des littératures de langue française
institute: Université de Montréal
# Reveal.js config
controls: false
......@@ -13,14 +14,14 @@ center: true
backgroundTransition: fade
width: 1280
height: 700
margin: .08
margin: .1
---
<!-- ![Plan de l’étage](img/plan-8e-etage.svg) -->
---
## Le secrétariat {data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--mauve)" data-background-opacity=.25}
## Le secrétariat {data-background-image="img/photos/couloir-secretariat.jpg" data-background-color="var(--r-background-color)" data-background-opacity=.25}
---
......@@ -36,7 +37,7 @@ margin: .08
---
## Le CRILCQ {data-background-color="var(--mauve)" data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom"}
## Le CRILCQ {data-background-image="img/collection-de-zines.jpg" data-background-opacity="0.2" data-transition="zoom"}
---
......@@ -125,7 +126,7 @@ Pendant la session, il est généralement ouvert du lundi au jeudi de 9h à 16h.
---
## Le local des doctorants {data-background-color="var(--mauve)" data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom"}
## Le local des doctorants {data-background-image="img/photos/doctorants1.jpg" data-background-opacity="0.2" data-transition="zoom"}
---
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment