class: title-slide # How to present (almost) anything ## Make it Open Access But don't forget to credit yourself FabLab ULB | 2026 <!-- power icon --> <div style="display:flex;align-items:center;gap:2em;margin:1.5em 0 0.5em 0"> <svg width="160" height="160" viewBox="0 0 24 24" fill="none" stroke="#edc032" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg> </div> --- class: blue-slide # This is a title 1. This is a bullet point 2. But with numbers 3. And it is written in markdown 4. and converted with remark.min.js --- class: blue-slide # 1. You can use picture (or svg) <!-- power icon --> <div style="display:flex;align-items:center;gap:2em;margin:1.5em 0 0.5em 0"> <svg width="160" height="160" viewBox="0 0 24 24" fill="none" stroke="#edc032" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg> </div> But it is coded with HTML instead of markdown <img src="./img/Logo_ACDC.svg" alt="AC/DC" style="height:50px"/> --- class: default-slide # You can also have equations ! ## P = U × I ; U = R × I ⇒ P = R × I² **Power (Watts)** = **Voltage (Volts)** × **Current (Amps)** **Voltage (Volts)** = **Resistance (Ohms)** × **Current (Amps)** Big scary equations ... -v- class: default-slide ## Example vertical You don't have to use vertical slides, but it is there if you want to. --- class: default-slide # Differently styled slides You might have seen that there are different templates --- class: default-slide # And don't forget to have TABLES !!! .two-columns[ .column[ ### Title 1 - line 1 column 1 ] .column[ ### Title 2 - line 1 column 2 ] ] With weird code ! Or just for layout. --- class: default-slide # Tables #2 Or you can just do it in markdown style | Voltage | Examples | |---------|----------| | **up to 5V** | atTiny, (Arduino Uno) | | **3.3V** | ESP32, RP2040, most modern MCUs | | **1.8V** | Low power MCUs, some sensors | | **~1V** | High end microprocessors (computers) | ⚠️ You can also add little emoji --- class: default-slide # Hyperlinks you can add hyperlinks just as in [markdown](https://www.markdownguide.org/) --- class: default-slide You can also add videos with HTML <video controls style="height:200px"> <source src="./img/XIAO_QC.mp4" /> </video> --- class: blue-slide You can add weird references / figures .center[ <a href="https://fabacademy.org/2018/labs/fablabulb/students/nicolas-decoster/alumnus/projects/qc/", target="_blank"> <figure> <img src="./img/QCFab.jpg" alt="QC Fab Trigger Board" style="height: 350px;" /> <figcaption>QC Fab : https://fabacademy.org/2018/labs/fablabulb/students/nicolas-decoster/alumnus/projects/qc/</figcaption> </figure> </a> ] --- The End More Info: - [ReMark](https://remarkjs.com/#1) - [GitHub](https://github.com/gnab/remark) - https://github.com/gnab/remark/wiki/Markdown#slide-properties - [Convertiseur PPT - markdown](https://github.com/ssine/pptx2md)