slidevjs / slidev

Presentation Slides for Developers
https://sli.dev
MIT License
33.15k stars 1.34k forks source link

Feature Request: Simplify adjustments of specific element style via Markdown instead of editing the code or using shell. #159

Closed BingoKingo closed 3 years ago

BingoKingo commented 3 years ago

I love this peoject, and I hope it will be more convenient. There, I have some ideas or needs:

  1. Import font using @font-face, import css and js, define icon in theme configuration field easily, like: More Prior to Default Style and Theme
---
fontFace: ‘./name.woff’, ‘./name2.woff’
font: ‘name’
css: ‘./name.css’, ‘./name2.less’
js: ‘./name.js’, ‘./name2.js’
theme: ‘default’
icon: ‘name.ico’
---
  1. Recommend Page Transitions like Concave, Convex, Fade, Zoom, Cube, Coverflow, and more.
---
transition: ‘coverflow’
---
  1. Support the slide aspectRatio of 16/9, 4/3, 9/16 adjustments via control bar.
  2. Support element animation like Morph (the simplest svg animation), Fade (as default).
  3. Click the blankspace of slide (More than the black empty area up and down) to switch to next page.
  4. Export to html with dist files (single file better) and browse them anywhere.
antfu commented 3 years ago

Thanks for the suggestions. But please read the docs first next time.

  1. https://sli.dev/custom/directory-structure.html
  2. Current planned, but not yet https://sli.dev/guide/animations.html#pages-transitions
  3. You can with the frontmatter, and no plan to add UI for that. https://sli.dev/custom/#frontmatter-configures
  4. https://sli.dev/guide/animations.html#element-transitions
  5. What's "blankspace"? If you mean "Spacebar", does it support alreay?
  6. https://sli.dev/guide/exporting.html#single-page-application-spa