Improve slides design : colors

[grunenwald]

No description provided.

[Redarcher9]

Hi.. Can I work on this issue?

[grunenwald]

Sure ! Welcome !

[Redarcher9]

Thnks @grunenwald can you please help me get started with it and tell me what things you want me to do?

[grunenwald]

Sure ! About the project :

• html slides are built with pandoc : content from /src/*.md, styles from templates/header.html
• You can either work on a html slide instance (download one from https://he-arc.github.io/slides-devweb/ then hack it) or on the template (css in templates/header.html)
• If your worked on an instance, you can add it in the /templates dir (if I like it, I'll put your code in the template)

What I would like :

• To have a color palette with good contrast for a better presentation of content
• This palette will be used for : background of slides and titles, progress bar, text and links from slides or titles
• The rooms where I show theses slides are well lighted
• Official color of the school's logo is red
• Interesting ideas here : https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=000082
• I'd like to have styles to highlight and underemphasize parts of text
• I'm open to every other idea of improvement

[Redarcher9]

Thnks! I will start working on it.

[Redarcher9]

hi @grunenwald !Can you suggest me any method to test the changes?

[greut]

% make clean slides

[Redarcher9]

Is it possible to run the presentation on my system locally?

[greut]

Le fichier Makefile construit les documents .html dans le répertoire build. Il faut installer une ou deux dépendances, comme pandoc[1]. Sous Windows Subsystem for Linux (WSL), ça le fait très bien.

% chromium build/01-presentation.html

1. https://github.com/HE-Arc/rapport-technique/blob/master/rapport.md#installation

[grunenwald]

Or, if you prefer, just dl one slide-deck (for example : https://he-arc.github.io/slides-devweb/05-JSandDOM.html), hack it, then PR it in a new dir.
The html files are standalone, and you can get them from github pages (https://he-arc.github.io/slides-devweb)

[Redarcher9]

@grunenwald what does 'hack it' mean?

[grunenwald]

hack = modify (to make it better regarding your needs / use case)
I mean, if you don't want to setup pandoc and latex to generate the slides from md, you can download an html file, then change the styles, and Pull Request the project with a new dir containing the html file you modified with your styles (or just mail me the file you modified).