Non-Microsoft powerpoint slides

Pilot CERN Slides' application

• Under development - result will be demonstrated here.

Made with CodiMD

• Open https://codimd.web.cern.ch/ and login.
• Click on New note.
• Write your slides in Markdown.
• Click on Publish
• Unfold the Menu and select Slide mode.
• Click F11 for slideshow mode.

Additional functionality and corporate image

You may wish to paste, at the beginning, the following metadata to enable slides' preview:

---
type: slide
---

You may also include in the metadata one of the following options for one of the CERN Themes for slides (themes cern, cern2 cern3 or cern4 offer different fonts, backgrounds, font and cover page). Example:

---
slideOptions:
  theme: cern
---

Some notes on the other themes by Vincent Brillault and Emmanuel Ormancey in the CERN Mattermost CodiMD channel:

• cern & cern2 are basically the same, with a blue background - they were using different fonts.
• cern3 is the same, but with the CERN logo at the start & end, which breaks the pdf view
• cern4 changes the background of all slides but the first and last to white, with a blue footer. pdf gets even more broken because it doesn't apply the background change
• cern5 is cern4, without the blue footers (pdf still broken)
• cern6 is cern5 without the custom first and last page (completely white) -> fixes the pdf at the cost of the logos

To see the slides' Markdown source

I know of no way to see anything in codimd unless one knows the URL. If you do know the published version e.g. https://codimd.web.cern.ch/p/SJaroUFSV#/ you can then go to the source by replacing the /p/ by /s/ and then edit (pencil) and then select the 2 windows.

To make a PDF of your slides

• To view your slides as pdf just edit the URL tp add a ?print-pdf at the end. Example: Edit URL https://codimd.web.cern.ch/p/Hy3SjYE2X#/ to set it to https://codimd.web.cern.ch/p/Hy3SjYE2X?print-pdf
• To save a pdf version of your slides: When viewing in slide mode, scroll down to the hidden footer, a printer icon allows to open a printable for pdf version. Just save into a file, instead of selecting a printer. Example: https://codimd.web.cern.ch/p/Hy3SjYE2X#/ (scroll down to the bottom of any slide).
• NB! Because export2pdf is based on the feature provided by reveal.js which uses browser print to a file, the links in the PDF are not clickable! Example: PDF from CodiMD.
• The pdf views need you to tick the box 'print background graphics' to work.
• Web links in pdf files on "Slideshow" are not clickable. This is not CodiMD-related!

To adjust the size of an image in your CodiMD slides

Add an =widthxheight to the URI, example:

![Entry point](https://codimd.web.cern.ch/uploads/upload_173a0a172049adc0b99218e6d4188cc2.png =700x300)

Made with Reveal

• Reveal is supported by W3C and is based on html and Markdown. The content of the slides is in .md files. The wrapper is a .html file.
• The CERN server that contains the necessary .js environment to render your slides' theme and include standard images, e.g. the CERN logo, for you to upload your slides is http://cern.ch/reveal. This web server now lives in EOS. If you login to lxplus and cd /eos/project/c/cdaweb/www/reveal/ you can deposit your 2 files (the .html and the .md). The server will render them. In case of permission problems you can contact the webmaster (see here who this is.

• Example presentation made with reveal https://cern.ch/reveal/maria/atlas-20171211.html
• To create your own presentation:
  • Open the .html file atlas-20171211.html in a new tab and View Source. Copy/paste that source in a local file. Change the title tag and the section where you wish to personalise the "Thank you" text.
  • See below some of the .md content of the above presentation and compare to the published version. Copy in a local file and change/expand all the content.

<p>ATLAS Software and Computing documentation workshop 2017-12-11</p>
<h3>IT e-learning project news & documentation initiative</h3>
<small style="color: blue">Maria Dimou - IT/CDA</small>
<br/>


<h3>What happened in 2017</h3>
<p style="color: blue;">e-learning and documentation activities
    <br/>28 new short videos in [CDS](https://cds.cern.ch/collection/E-learning%20modules?ln=en) on popular IT services
    <br/>[Brainstorming/Investigation/Experimentation](https://twiki.cern.ch/CDAgroup/CDAPublicDoc) on tools for *open* technical & *mostly* user documentation</p>


### The recent e-learning videos - a subset
- Indico 2.0
    - All basic functions in short videos [see index here](https://twiki.cern.ch/Edutech/IndicoFunctions)
    - Conference functions in great detail [enjoy!](https://twiki.cern.ch/Edutech/IndicoConference)
    - All videos integrated in the new documentation [Help link](https://indico-user-docs.web.cern.ch/) on every Indico page
- EOS:The most visited ServiceNow KnowledgeBase article turned into [a short video](https://twiki.cern.ch/Edutech/EOSforBeginners)

• • Publish in http://cern.ch/reveal.

Markdown basics

--- Horizontal line OR two empty lines = New slide
## Header 2 (H1 is reserved for post titles) 
### Header 3 
#### Header 4 
A link to [Jekyll Now](http://github.com/barryclark/jekyll-now/). 
Video insert: <iframe width="576" height="360" frameborder="0" src="https://cds.cern.ch/video/2261867?showTitle=true" allowfullscreen></iframe> 
An image, located within /images; ![an image alt text]({{ site.baseurl }}/images/jekyll-logo.png "an image title") 
* A bulletted list 
- alternative syntax 1 
+ alternative syntax 2  
  - an indented list item
_italics_ - 
**bold** - 
`code()` 

https://en.support.wordpress.com/markdown-quick-reference/

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet