Skip to content

Latest commit

 

History

History
132 lines (93 loc) · 2.39 KB

example.md

File metadata and controls

132 lines (93 loc) · 2.39 KB
Raw
theme title favicon layout lineNumbers
./
Mokkapps Theme
mokkapps-logo.png
cover
true

Mokkapps Slidev Theme

Presentation slides for developers

Press Space for next page

layout: about-me

What is Slidev?

Slidev is a slides maker and presenter designed for developers, consist of the following features

  • 📝 Text-based - focus on the content with Markdown, and then style them later
  • 🎨 Themable - theme can be shared and used with npm packages
  • 🧑‍💻 Developer Friendly - code highlighting, live coding with autocompletion
  • 🤹 Interactive - embedding Vue components to enhance your expressions
  • 🎥 Recording - built-in recording and camera view
  • 📤 Portable - export into PDF, PNGs, or even a hostable SPA
  • 🛠 Hackable - anything possible on a webpage


Read more about Why Slidev?

layout: section

This is a section

Code

Slidev works perfectly with code block

Use code snippets and get the highlighting directly!

interface User {
  id: number;
  firstName: string;
  lastName: string;
  role: string;
}

function updateUser(id: number, update: Partial<User>) {
  const user = getUser(id);
  const newUser = { ...user, ...update };
  saveUser(id, newUser);
}

layout: video video: https://player.vimeo.com/video/455611549

You can include Video!

layout: sfc example: simple

Firing up a Vue SFC playground

layout: image-right image: 'https://source.unsplash.com/collection/94734566/1920x1080'

Image Right

Here can be any text

  • Test 1
  • Test 2
  • Test 3

layout: iframe-right url: "https://stackblitz.com/edit/polite-popup-nuxt-3?ctl=1&embed=1&file=composables/usePolitePopup.ts"

Embedding a Stackblitz Project

Isn't this cool?

I think, yes!

layout: quote

Good engineering is not primarily making good decisions, it's seeking good feedback which lets you quickly discard bad decisions.

Kent Beck

layout: center class: "text-center"

Center

This a centered content!

layout: outro

Thank you for listening!

Questions?

Repository / Slides