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