Skip to content

Commit 8573b47

Browse files
committed
update 2
1 parent f5a4ec9 commit 8573b47

10 files changed

+2833
-126
lines changed

_freeze/site_libs/revealjs/dist/theme/quarto-0ec12568a09431f9e36e46eef7c040a9.css

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_freeze/site_libs/revealjs/dist/theme/quarto-423d414d36ce366a9d05f36d06304417.css

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_freeze/site_libs/revealjs/dist/theme/quarto-7f53778e0f4947c2068c48cbbbba2943.css

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_freeze/site_libs/revealjs/dist/theme/quarto-8a8faf1a1f82a9513e9732a42419d067.css

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_quarto.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,7 @@ format:
8989
output-ext: slides.html
9090
hide-from-titleSlide: "text"
9191
embed-resources: true
92+
9293
filters:
9394
- fontawesome
9495
- reveal-header

styles/custom.css

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
/* Load Atkinson Hyperlegible font */
2+
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
3+
4+
/* Force apply the font to all relevant elements */
5+
.reveal,
6+
.reveal h1,
7+
.reveal h2,
8+
.reveal h3,
9+
.reveal h4,
10+
.reveal h5,
11+
.reveal h6,
12+
.reveal p,
13+
.reveal li,
14+
.reveal div {
15+
font-family: 'Atkinson Hyperlegible', sans-serif !important;
16+
}
17+
18+
/* Make sure it also applies to specific reveal.js elements */
19+
.reveal .slides,
20+
.reveal .slide,
21+
.reveal .slide-background,
22+
.reveal .footer {
23+
font-family: 'Atkinson Hyperlegible', sans-serif !important;
24+
}

styles/slides.scss

Lines changed: 35 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,59 @@
11
/*-- scss:defaults --*/
22

3-
// Color Definitions
4-
$blue: #588FF9;
5-
$purple: #725EEC;
6-
$pink: #DF227C;
7-
$orange: #FF6018;
8-
$gold: #FFB02F;
9-
$cream: #F4F3EE;
10-
$charcoal: #222222;
11-
$black: #000000;
12-
$url-blue: #01BAEF;
3+
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
134

14-
// Define Defaults
15-
$body-bg: $cream;
16-
$body-color: $charcoal;
17-
$link-color: $url_blue;
18-
$presentation-h1-font-size: 2.5em !default;
19-
$presentation-h2-font-size: 1.6em !default;
5+
// Fonts
6+
$font-family-sans-serif: 'Atkinson Hyperlegible', sans-serif !default;
7+
$presentation-heading-font: 'Atkinson Hyperlegible', sans-serif !default;
208

21-
/*-- scss:rules --*/
9+
// Colors
10+
$body-bg: #F4F3EE !default;
11+
$body-color: #222222 !default;
12+
$link-color: #01BAEF !default;
13+
$selection-bg: #588FF9 !default;
2214

23-
// Quick refs for core palette
24-
.blue { color: $blue; }
25-
.purple { color: $purple; }
26-
.pink { color: $pink; }
27-
.orange { color: $orange; }
28-
.gold { color: $gold; }
15+
// Sizes
16+
$presentation-font-size-root: 36px !default;
17+
$presentation-heading-weight: 700 !default;
2918

30-
//Underline URLs
31-
.reveal .slide a {
32-
text-decoration: underline;
19+
/*-- scss:rules --*/
20+
.reveal {
21+
font-family: 'Atkinson Hyperlegible', sans-serif !important;
3322
}
3423

35-
.logo img {
36-
width: 100%;
37-
height: auto;
38-
display: block;
24+
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
25+
font-family: 'Atkinson Hyperlegible', sans-serif !important;
3926
}
4027

41-
.smaller {
42-
font-size: 80% !important;
28+
.reveal h1,
29+
.reveal h2,
30+
.reveal h3,
31+
.reveal h4,
32+
.reveal h5,
33+
.reveal h6 {
34+
font-family: $presentation-heading-font;
35+
font-weight: $presentation-heading-weight;
4336
}
4437

45-
.tighter ul {
46-
margin-top: 0.2em !important;
47-
margin-bottom: 0.2em !important;
48-
padding-left: 1.2em !important;
49-
}
38+
// Quick refs for core palette
39+
.blue { color: #588FF9; }
40+
.purple { color: #725EEC; }
41+
.pink { color: #DF227C; }
42+
.orange { color: #FF6018; }
43+
.gold { color: #FFB02F; }
5044

51-
.tighter li {
52-
margin-bottom: 0.1em !important;
53-
line-height: 1.1 !important;
45+
.smaller {
46+
font-size: 80%;
5447
}
5548

56-
/* Improve callout visibility */
49+
// Callouts
5750
.callout {
5851
border-radius: 5px;
5952
margin-bottom: 1em;
6053
padding: 0.7em 1em;
6154
border-left-width: 5px;
6255
}
6356

64-
/* Differentiating callout types */
6557
.callout-note {
6658
background-color: #f0f7fb;
6759
border-left-color: #3498db;
@@ -80,27 +72,4 @@ $presentation-h2-font-size: 1.6em !default;
8072
.callout-important {
8173
background-color: #fadbd8;
8274
border-left-color: #e74c3c;
83-
}
84-
85-
/* Better visibility for section headers */
86-
h1 {
87-
border-bottom: 2px solid #3498db;
88-
padding-bottom: 0.2em;
89-
}
90-
91-
/* Make the FAQ callouts more attractive */
92-
.callout h3 {
93-
margin-top: 0;
94-
font-size: 1.1em;
95-
}
96-
97-
/* Emphasize the metaphor section */
98-
#the-research-journey-metaphor h2 {
99-
color: #3498db;
100-
}
101-
102-
/* Improve presentation of bullet points */
103-
ul li, ol li {
104-
margin-bottom: 0.5em;
105-
}
106-
75+
}

0 commit comments

Comments
 (0)