NonPowerPointSlides < Edutech

Edutech Web>NonPowerPointSlides (2022-04-27, MariaDimou) (raw view)
---++ Non-Microsoft powerpoint slides
%TOC%

---+++ Pilot [[https://cern.ch/slides][CERN Slides' application]]

   * Under development - result will be demonstrated [[https://indico.cern.ch/event/870219/][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_: 
<verbatim>
---
type: slide
---
</verbatim>
---

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:
<verbatim>
---
slideOptions:
  theme: cern
---
</verbatim>

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: [[https://indico.cern.ch/event/1031678/attachments/2254874/3825853/WhiteArea-CERN-Solid-PoC-completion.pdf][PDF]] from [[https://codimd.web.cern.ch/p/4Uuuv47X_#/][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:
<verbatim>
![Entry point](https://codimd.web.cern.ch/uploads/upload_173a0a172049adc0b99218e6d4188cc2.png =700x300)
</verbatim>

---+++ Made with  Reveal

   * [[https://www.w3.org/Talks/Tools/][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 [[https://twiki.cern.ch/twiki/pub/Edutech/NonPowerPointSlides/reveal-home-in_EOS.png][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 [[https://twiki.cern.ch/twiki/pub/Edutech/NonPowerPointSlides/atlas-20171211.html][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.
<verbatim>
<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)
</verbatim>
      * Publish in  http://cern.ch/reveal. 

---+++ Markdown basics
<verbatim>
--- 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()` 
</verbatim>
More on Markdown in https://en.support.wordpress.com/markdown-quick-reference/ and https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
-- Main.MariaDimou - 2018-05-02
Attachments
Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
md	atlas-20171211.md	r1	manage	5.9 K	2018-05-02 - 11:03	MariaDimou	The .md content of the example presentation mention above.
Topic revision: r18 - 2022-04-27 - MariaDimou
Edutech
Site Map
- Cern Search
- TWiki Search
- Google Search
Edutech All webs
Copyright &© 2008-2023 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
or Ideas, requests, problems regarding TWiki? use Discourse or Send feedback