betadots Conference Slides

A template for creating presentation slides using remark.js with betadots branding and styling.

Quick Start

• Run ruby new_slide.rb 2025/DemoConf/rwaffen/my_title to create a new presentation folder with the necessary files
• Modify slides.md to add your presentation content
• Modify the local index.html for the title and description of your presentation
• The markdown file will be automatically loaded by the HTML template

Running the Presentation

Using Python's HTTP Server

Start a local web server in your presentation folder:

python3 -m http.server 8000

Then open your browser to http://localhost:8000

Using Ruby's WEBrick Server

Set up the Ruby environment and start the server:

bundle config set --local path vendor/bundle
bundle install
bundle exec ruby -run -e httpd 2025/DemoConf/rwaffen/my_title -p 8000

Then open your browser to http://localhost:8000

Template Structure

template/
├── css/
│   └── custom.css
├── favicon.ico         # Site favicon
├── images/
├── index.html          # Main HTML template
├── slides.md           # Markdown content (example)
└── static/
    ├── css/
    │   └── slides.css  # Custom styling
    ├── fonts/          # Font files
    ├── images/         # Images and logos
    └── js/
        └── remark-latest.min.js  # Remark.js library

Customization

• Slides Content: Edit slides.md using remark markdown syntax
• Styling: Modify css/custom.css for custom themes
• Images: Add images to images/ and reference them in your markdown

Dependencies

Remark.js Library

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

Features

• ✅ 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