example.md

theme	highliter	randomizeBg	twitter	github	web	linkedin
./	prism	false	YasiOnFire	YasiOnFire	yasio.dev	janbaszczok

Yasio.dev Theme

Presentation slides for developers

---

layout: intro randomizeBg: false twitter: YasiOnFire github: YasiOnFire web: yasio.dev linkedin: janbaszczok

👋🏻

Hi, my name is Jan Baszczok

i design and develop web apps,

mobile, webpages, motion, and more.

---

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?

---

Navigation

Hover on the bottom-left corner to see the navigation's controls panel

Keyboard Shortcuts

space / tab / right	next animation or slide
left / shiftspace	previous animation or slide
up	previous slide
down	next slide

---

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

Code

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 }
  const arr = [1,2,3]
  arr.forEach(el => el)
  saveUser(id, newUser)
}

---

layout: center randomizeBg: true class: "text-center"

Learn More

Documentations / GitHub Repo

---

layout: center class: "text-center" enableFooter: true randomizeBg: false twitter: YasiOnFire github: YasiOnFire web: yasio.dev linkedin: janbaszczok

Thank you

I remain, Yasio