A template for creating presentation slides using remark.js with betadots branding and styling.
-
Create a new folder for your slides:
mkdir -p 2025/DemoConf cd 2025/DemoConf
-
Link the static assets:
ln -s ../../template/static static
-
Copy the template files:
cp ../../template/index.html . cp ../../template/favicon.ico . cp ../../template/slides.md .
-
Edit your content:
- Modify
slides.md
to add your presentation content - The markdown file will be automatically loaded by the HTML template
- Modify
Start a local web server in your presentation folder:
python3 -m http.server 8000
Then open your browser to http://localhost:8000
template/
├── index.html # Main HTML template
├── slides.md # Markdown content (example)
├── favicon.ico # Site favicon
└── static/
├── css/
│ └── slides.css # Custom styling
├── fonts/ # Font files
├── images/ # Images and logos
└── js/
└── remark-latest.min.js # Remark.js library
- Slides Content: Edit
slides.md
using remark markdown syntax - Styling: Modify
static/css/slides.css
for custom themes - Images: Add images to
static/images/
and reference them in your markdown
The template includes remark.js for rendering markdown presentations. To update or reinstall:
curl -L https://remarkjs.com/downloads/remark-latest.min.js -o remark-latest.min.js
- ✅ Responsive design with 16:9 aspect ratio
- ✅ betadots branding and color scheme
- ✅ Custom fonts (Yanone Kaffeesatz, Ubuntu Mono, Droid Serif, Nunito Sans)
- ✅ Markdown-based content with external file loading
- ✅ Speaker notes support
- ✅ Code syntax highlighting
- ✅ Print-ready styles