diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..66cb5de --- /dev/null +++ b/.gitignore @@ -0,0 +1,9 @@ +node_modules +.DS_Store +dist +*.local +.vite-inspect +.remote-assets +components.d.ts +venv +*.pdf diff --git a/components/Counter.vue b/components/Counter.vue new file mode 100644 index 0000000..eaa6a79 --- /dev/null +++ b/components/Counter.vue @@ -0,0 +1,37 @@ + + + diff --git a/global-top.vue b/global-top.vue new file mode 100644 index 0000000..72218e3 --- /dev/null +++ b/global-top.vue @@ -0,0 +1,15 @@ + diff --git a/package.json b/package.json new file mode 100644 index 0000000..b861c39 --- /dev/null +++ b/package.json @@ -0,0 +1,19 @@ +{ + "name": "presentation", + "type": "module", + "private": true, + "scripts": { + "build": "slidev build", + "dev": "slidev --open", + "export": "slidev export" + }, + "dependencies": { + "@slidev/cli": "^0.49.29", + "@slidev/theme-default": "latest", + "@slidev/theme-seriph": "latest", + "vue": "^3.4.38" + }, + "devDependencies": { + "markdown-it-admon": "^1.0.1" + } +} diff --git a/pages/imported-slides.md b/pages/imported-slides.md new file mode 100644 index 0000000..aa548f0 --- /dev/null +++ b/pages/imported-slides.md @@ -0,0 +1,28 @@ +# Imported Slides + +You can split your slides.md into multiple files and organize them as you want using the `src` attribute. + +#### `slides.md` + +```markdown +# Page 1 + +Page 2 from main entry. + +--- + +## src: ./subpage.md +``` + +
+ +#### `subpage.md` + +```markdown +# Page 2 + +Page 2 from another file. +``` + +[Learn more](https://sli.dev/guide/syntax.html#importing-slides) + diff --git a/public/dasharo-sygnet-white.svg b/public/dasharo-sygnet-white.svg new file mode 100644 index 0000000..92ccafe --- /dev/null +++ b/public/dasharo-sygnet-white.svg @@ -0,0 +1,62 @@ + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/public/fonts/miriam/MiriamLibre-Bold 2.ttf b/public/fonts/miriam/MiriamLibre-Bold 2.ttf new file mode 100755 index 0000000..a0533e8 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Bold 2.ttf differ diff --git a/public/fonts/miriam/MiriamLibre-Bold 3.ttf b/public/fonts/miriam/MiriamLibre-Bold 3.ttf new file mode 100755 index 0000000..a0533e8 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Bold 3.ttf differ diff --git a/public/fonts/miriam/MiriamLibre-Bold.ttf b/public/fonts/miriam/MiriamLibre-Bold.ttf new file mode 100755 index 0000000..a0533e8 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Bold.ttf differ diff --git a/public/fonts/miriam/MiriamLibre-Regular 2.ttf b/public/fonts/miriam/MiriamLibre-Regular 2.ttf new file mode 100755 index 0000000..1a5b9b5 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Regular 2.ttf differ diff --git a/public/fonts/miriam/MiriamLibre-Regular 3.ttf b/public/fonts/miriam/MiriamLibre-Regular 3.ttf new file mode 100755 index 0000000..1a5b9b5 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Regular 3.ttf differ diff --git a/public/fonts/miriam/MiriamLibre-Regular.ttf b/public/fonts/miriam/MiriamLibre-Regular.ttf new file mode 100755 index 0000000..1a5b9b5 Binary files /dev/null and b/public/fonts/miriam/MiriamLibre-Regular.ttf differ diff --git a/public/fonts/opensans/OpenSans-Bold.ttf b/public/fonts/opensans/OpenSans-Bold.ttf new file mode 100755 index 0000000..fd79d43 Binary files /dev/null and b/public/fonts/opensans/OpenSans-Bold.ttf differ diff --git a/public/fonts/opensans/OpenSans-BoldItalic.ttf b/public/fonts/opensans/OpenSans-BoldItalic.ttf new file mode 100755 index 0000000..9bc8009 Binary files /dev/null and b/public/fonts/opensans/OpenSans-BoldItalic.ttf differ diff --git a/public/fonts/opensans/OpenSans-ExtraBold.ttf b/public/fonts/opensans/OpenSans-ExtraBold.ttf new file mode 100755 index 0000000..21f6f84 Binary files /dev/null and b/public/fonts/opensans/OpenSans-ExtraBold.ttf differ diff --git a/public/fonts/opensans/OpenSans-ExtraBoldItalic.ttf b/public/fonts/opensans/OpenSans-ExtraBoldItalic.ttf new file mode 100755 index 0000000..31cb688 Binary files /dev/null and b/public/fonts/opensans/OpenSans-ExtraBoldItalic.ttf differ diff --git a/public/fonts/opensans/OpenSans-Italic.ttf b/public/fonts/opensans/OpenSans-Italic.ttf new file mode 100755 index 0000000..c90da48 Binary files /dev/null and b/public/fonts/opensans/OpenSans-Italic.ttf differ diff --git a/public/fonts/opensans/OpenSans-Light.ttf b/public/fonts/opensans/OpenSans-Light.ttf new file mode 100755 index 0000000..0d38189 Binary files /dev/null and b/public/fonts/opensans/OpenSans-Light.ttf differ diff --git a/public/fonts/opensans/OpenSans-LightItalic.ttf b/public/fonts/opensans/OpenSans-LightItalic.ttf new file mode 100755 index 0000000..68299c4 Binary files /dev/null and b/public/fonts/opensans/OpenSans-LightItalic.ttf differ diff --git a/public/fonts/opensans/OpenSans-Regular.ttf b/public/fonts/opensans/OpenSans-Regular.ttf new file mode 100755 index 0000000..db43334 Binary files /dev/null and b/public/fonts/opensans/OpenSans-Regular.ttf differ diff --git a/public/fonts/opensans/OpenSans-Semibold.ttf b/public/fonts/opensans/OpenSans-Semibold.ttf new file mode 100755 index 0000000..1a7679e Binary files /dev/null and b/public/fonts/opensans/OpenSans-Semibold.ttf differ diff --git a/public/fonts/opensans/OpenSans-SemiboldItalic.ttf b/public/fonts/opensans/OpenSans-SemiboldItalic.ttf new file mode 100755 index 0000000..59b6d16 Binary files /dev/null and b/public/fonts/opensans/OpenSans-SemiboldItalic.ttf differ diff --git a/public/intro.png b/public/intro.png new file mode 100644 index 0000000..d410f10 Binary files /dev/null and b/public/intro.png differ diff --git a/slides.md b/slides.md new file mode 100644 index 0000000..9fe6262 --- /dev/null +++ b/slides.md @@ -0,0 +1,24 @@ +--- +theme: ./theme +background: /intro.png +# some information about your slides (markdown enabled) +title: "Presentation Title" +info: false +# apply unocss classes to the current slide +class: text-center +# https://sli.dev/features/drawing +drawings: + persist: false +# slide transition: https://sli.dev/guide/animations.html#slide-transitions +transition: slide-left +# enable MDC Syntax: https://sli.dev/features/mdc +mdc: true + +--- + +## Presentation title + +--- +# Provide path to slides you want to present. +src: ./pages/imported-slides.md +--- diff --git a/snippets/external.ts b/snippets/external.ts new file mode 100644 index 0000000..40c109b --- /dev/null +++ b/snippets/external.ts @@ -0,0 +1,12 @@ +/* eslint-disable no-console */ + +// #region snippet +// Inside ./snippets/external.ts +export function emptyArray(length: number) { + return Array.from({ length }) +} +// #endregion snippet + +export function sayHello() { + console.log('Hello from snippets/external.ts') +} diff --git a/theme/CHANGELOG.md b/theme/CHANGELOG.md new file mode 100644 index 0000000..0030e4a --- /dev/null +++ b/theme/CHANGELOG.md @@ -0,0 +1,396 @@ +# 0.25.0 (2024-02-02) + +# 0.22.0 (2024-02-02) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper colors all themes ([#6](https://github.com/slidevjs/themes/issues/6)) ([60a38f2](https://github.com/slidevjs/themes/commit/60a38f253b05df7c8408de84289867914411345a)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) + +# 0.24.0 (2024-02-02) + +# 0.22.0 (2024-02-02) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper colors all themes ([#6](https://github.com/slidevjs/themes/issues/6)) ([60a38f2](https://github.com/slidevjs/themes/commit/60a38f253b05df7c8408de84289867914411345a)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) + +## 0.22.1 (2024-02-02) + +# 0.22.0 (2024-02-02) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper colors all themes ([#6](https://github.com/slidevjs/themes/issues/6)) ([60a38f2](https://github.com/slidevjs/themes/commit/60a38f253b05df7c8408de84289867914411345a)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) + +# 0.22.0 (2024-02-02) + +# 0.22.0 (2024-02-02) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper colors all themes ([#6](https://github.com/slidevjs/themes/issues/6)) ([60a38f2](https://github.com/slidevjs/themes/commit/60a38f253b05df7c8408de84289867914411345a)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) + +## 0.21.2 (2022-03-05) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper colors all themes ([#6](https://github.com/slidevjs/themes/issues/6)) ([60a38f2](https://github.com/slidevjs/themes/commit/60a38f253b05df7c8408de84289867914411345a)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.21.1 (2021-11-22) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* handleBackground helper to work with colors ([#5](https://github.com/slidevjs/themes/issues/5)) ([7a1e9b7](https://github.com/slidevjs/themes/commit/7a1e9b72347591eee1c535e6467efdb69f74726a)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +# 0.21.0 (2021-09-13) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* remove `defineProps` imports ([9c02acf](https://github.com/slidevjs/themes/commit/9c02acf6353edfc81d88a5255306f126d06f148d)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +# 0.20.0 (2021-09-07) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* new themes ([#3](https://github.com/slidevjs/themes/issues/3)) ([cbd0a1a](https://github.com/slidevjs/themes/commit/cbd0a1ac29ab4e7c5d5be24c55ee90a3945245d3)) +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.19.1 (2021-06-06) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* subheader style ([25491db](https://github.com/slidevjs/themes/commit/25491db815ac89f1cc1a952751e918e808164a48)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +# 0.19.0 (2021-06-04) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* use webfonts auto importing ([f3091e2](https://github.com/slidevjs/themes/commit/f3091e2f4fac1137bafaa841050690b956f607a4)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +# 0.17.0 (2021-06-03) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* update theme ([5ce60c6](https://github.com/slidevjs/themes/commit/5ce60c6a139a497acde5f4cbceb456854599f4f9)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.14.2 (2021-05-27) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* imports ([4882aec](https://github.com/slidevjs/themes/commit/4882aec23109afcf0e715e2e3c28505912e7abcf)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.14.1 (2021-05-27) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +# 0.14.0 (2021-05-27) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* upgrade to slidev 0.14 ([5b97e29](https://github.com/slidevjs/themes/commit/5b97e29c45c51ef724252df2b711d1b30c7208cd)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.9 (2021-05-27) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.8 (2021-05-27) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.7 (2021-05-26) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.6 (2021-05-22) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.5 (2021-05-22) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) +* windicss extract glob not valid ([#1](https://github.com/slidevjs/themes/issues/1)) ([875fcc9](https://github.com/slidevjs/themes/commit/875fcc9c8ac6edf75fc49f7640a56acb9d438d2f)) + +### Features + +* primary color customization ([df299cf](https://github.com/slidevjs/themes/commit/df299cf7c06fbc556fead0e11feeaf58142d5a20)) +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.4 (2021-05-20) + +### Bug Fixes + +* embed layout helper ([ee4cd9a](https://github.com/slidevjs/themes/commit/ee4cd9a1456da59ddb8baafb6a4783f94200f42c)) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.3 (2021-05-15) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.3 (2021-05-13) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.3 (2021-05-13) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) +* **style:** update slidev code background using prism values ([3c9da06](https://github.com/slidevjs/themes/commit/3c9da061865d15ea40efffd550b8c1ccbcd95c61)) + +## 0.7.2 (2021-05-11) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) + +## 0.7.2 (2021-05-11) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) + +## 0.7.2 (2021-05-11) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) + +## 0.7.2 (2021-05-10) + +### Features + +* **default:** new layouts ([63a9dc9](https://github.com/slidevjs/themes/commit/63a9dc971c3c7e4207d32832e534ddc1063328e1)) + +## 0.6.7 (2021-05-10) + +## 0.6.7 (2021-05-10) diff --git a/theme/LICENSE b/theme/LICENSE new file mode 100644 index 0000000..e778b54 --- /dev/null +++ b/theme/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 Slidev.js Team + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/theme/README.md b/theme/README.md new file mode 100644 index 0000000..3fe7db1 --- /dev/null +++ b/theme/README.md @@ -0,0 +1,19 @@ +# @slidev/theme-default + +[![NPM version](https://img.shields.io/npm/v/@slidev/theme-default?color=3AB9D4&label=)](https://www.npmjs.com/package/@slidev/theme-default) + +The default theme for [Slidev](https://github.com/slidevjs/slidev). + +## Install + +Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically. + +
---
+theme: default
+---
+ +Learn more about [how to use a theme](https://sli.dev/themes/use). + +## License + +MIT License © 2021 [Anthony Fu](https://github.com/antfu) diff --git a/theme/example.md b/theme/example.md new file mode 100644 index 0000000..3e444e0 --- /dev/null +++ b/theme/example.md @@ -0,0 +1,116 @@ +--- +theme: ./ +layout: cover +background: https://images.unsplash.com/photo-1502189562704-87e622a34c85?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80 +--- + +# Presentation title + +Presentation subtitle + +--- + +# Slide Title + +Slide Subtitle + +* Slide bullet text + * Slide bullet text + * Slide bullet text +* Slide bullet text +* Slide bullet text + +--- + +layout: image-right +image: https://source.unsplash.com/collection/94734566/1920x1080 +--- + +# Slide Title + +Colons can be used to align columns. + +| Tables | Are | Cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +--- + +layout: section +--- + +# Section Title + +--- + +layout: statement +--- + +# Statement + +--- + +layout: fact +--- + +# 100% + +Fact information + +--- + +layout: quote +--- + +# "Notable quote" + +Attribution + +--- + +layout: image-left +image: https://source.unsplash.com/collection/94734566/1920x1080 +--- + +# Code + +```ts {all|2|1-6|all} +interface User { + id: number + firstName: string + lastName: string + role: string +} + +function updateUser(id: number, update: Partial) { + const user = getUser(id) + const newUser = { ...user, ...update } + saveUser(id, newUser) +} +``` + +--- + +layout: center +class: "text-center" +--- + +# Learn More + +[Documentations](https://sli.dev) / [GitHub Repo](https://github.com/slidevjs/slidev) + +--- + +# H1 + +## H2 + +### H3 + +#### H4 + +##### H5 + +###### H6 diff --git a/theme/layoutHelper.ts b/theme/layoutHelper.ts new file mode 100644 index 0000000..7d78f52 --- /dev/null +++ b/theme/layoutHelper.ts @@ -0,0 +1,38 @@ +import type { CSSProperties } from 'vue' + +/** + * Resolve urls from frontmatter and append with the base url + */ +export function resolveAssetUrl(url: string) { + if (url.startsWith('/')) + return import.meta.env.BASE_URL + url.slice(1) + return url +} + +export function handleBackground(background?: string, dim = false): CSSProperties { + const isColor = background && ['#', 'rgb', 'hsl'].some(v => background.indexOf(v) === 0) + + const style = { + background: isColor + ? background + : undefined, + color: (background && !isColor) + ? 'white' + : undefined, + backgroundImage: isColor + ? undefined + : background + ? dim + ? `linear-gradient(#0005, #0008), url(${resolveAssetUrl(background)})` + : `url("${resolveAssetUrl(background)}")` + : undefined, + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundSize: 'cover', + } + + if (!style.background) + delete style.background + + return style +} diff --git a/theme/layouts/cover.vue b/theme/layouts/cover.vue new file mode 100644 index 0000000..af03ef7 --- /dev/null +++ b/theme/layouts/cover.vue @@ -0,0 +1,20 @@ + + + diff --git a/theme/layouts/fact.vue b/theme/layouts/fact.vue new file mode 100644 index 0000000..476665c --- /dev/null +++ b/theme/layouts/fact.vue @@ -0,0 +1,7 @@ + diff --git a/theme/layouts/intro.vue b/theme/layouts/intro.vue new file mode 100644 index 0000000..e8f67cc --- /dev/null +++ b/theme/layouts/intro.vue @@ -0,0 +1,7 @@ + diff --git a/theme/layouts/quote.vue b/theme/layouts/quote.vue new file mode 100644 index 0000000..f262dce --- /dev/null +++ b/theme/layouts/quote.vue @@ -0,0 +1,7 @@ + diff --git a/theme/layouts/section.vue b/theme/layouts/section.vue new file mode 100644 index 0000000..fd8ba16 --- /dev/null +++ b/theme/layouts/section.vue @@ -0,0 +1,7 @@ + diff --git a/theme/layouts/statement.vue b/theme/layouts/statement.vue new file mode 100644 index 0000000..72b77ed --- /dev/null +++ b/theme/layouts/statement.vue @@ -0,0 +1,7 @@ + diff --git a/theme/package.json b/theme/package.json new file mode 100644 index 0000000..078899b --- /dev/null +++ b/theme/package.json @@ -0,0 +1,36 @@ +{ + "name": "@slidev/theme-default", + "version": "0.25.0", + "description": "Default theme for Slidev", + "author": "antfu ", + "license": "MIT", + "funding": "https://github.com/sponsors/antfu", + "homepage": "https://sli.dev", + "repository": { + "type": "git", + "url": "https://github.com/slidevjs/themes" + }, + "bugs": "https://github.com/slidevjs/themes/issues", + "keywords": [ + "slidev-theme", + "slidev" + ], + "engines": { + "node": ">=14.0.0", + "slidev": ">=v0.47.0" + }, + "slidev": { + "defaults": { + "fonts": { + "mono": "Fira Code", + "sans": "Avenir Next,Nunito Sans", + "local": "Avenir Next" + } + } + }, + "dependencies": { + "@slidev/types": "^0.47.0", + "codemirror-theme-vars": "^0.1.2", + "prism-theme-vars": "^0.2.4" + } +} diff --git a/theme/styles/index.ts b/theme/styles/index.ts new file mode 100644 index 0000000..5212497 --- /dev/null +++ b/theme/styles/index.ts @@ -0,0 +1,5 @@ +import '@slidev/client/styles/layouts-base.css' +import './layouts.css' +import './prism.css' +import './remark-slides.css' +import "markdown-it-admon/styles/admonition.css" diff --git a/theme/styles/layouts.css b/theme/styles/layouts.css new file mode 100644 index 0000000..f3f04dd --- /dev/null +++ b/theme/styles/layouts.css @@ -0,0 +1,76 @@ +.slidev-layout { + h1 + p { + @apply -mt-2 opacity-50 mb-4; + } + + p + h2, ul + h2, table + h2 { + @apply mt-10; + } + + h1 { + @apply text-4xl mb-4 -ml-[0.05em]; + } + + h2 { + @apply text-3xl; + } + + h3 { + @apply text-2xl; + } + + h4 { + @apply text-xl; + } + + h5 { + @apply text-base; + } + + h6 { + @apply text-sm pt-1 uppercase tracking-widest font-500 -ml-[0.05em]; + } + + h6:not(.opacity-100) { + @apply opacity-40; + } +} + +.slidev-layout.cover, +.slidev-layout.intro { + @apply h-full grid; + + h1 { + @apply text-6xl leading-20; + } +} + + +.slidev-layout.fact { + @apply text-center grid h-full; + h1 { + @apply text-8xl font-700; + } + h1 + p { + @apply font-700 text-2xl; + } +} +.slidev-layout.statement { + @apply text-center grid h-full; + + h1 { + @apply text-6xl font-700; + } +} +.slidev-layout.quote { + @apply grid h-full; + + h1 + p { + @apply mt-2; + } +} +.slidev-layout.section { + h1 { + @apply text-6xl font-500 leading-20; + } +} diff --git a/theme/styles/prism.css b/theme/styles/prism.css new file mode 100644 index 0000000..5c05711 --- /dev/null +++ b/theme/styles/prism.css @@ -0,0 +1,54 @@ +@import 'prism-theme-vars/base.css'; +@import 'codemirror-theme-vars/base.css'; +@import 'prism-theme-vars/to-codemirror.css'; + +:root { + --prism-font-family: var(--slidev-code-font-family); + --prism-background: var(--slidev-code-background); +} + +html:not(.dark) { + --prism-foreground: #393a34; + --prism-comment: #a0ada0; + --prism-string: #b56959; + --prism-literal: #2f8a89; + --prism-number: #296aa3; + --prism-keyword: #1c6b48; + --prism-function: #6c7834; + --prism-boolean: #1c6b48; + --prism-constant: #a65e2b; + --prism-deleted: #a14f55; + --prism-class: #2993a3; + --prism-builtin: #ab5959; + --prism-property: #b58451; + --prism-namespace: #b05a78; + --prism-punctuation: #8e8f8b; + --prism-decorator: #bd8f8f; + --prism-regex: #ab5e3f; + --prism-json-property: #698c96; +} + +html.dark { + --prism-foreground: #d4cfbf; + --prism-comment: #758575; + --prism-string: #d48372; + --prism-literal: #429988; + --prism-keyword: #4d9375; + --prism-boolean: #1c6b48; + --prism-number: #6394bf; + --prism-variable: #c2b36e; + --prism-function: #a1b567; + --prism-deleted: #a14f55; + --prism-class: #54b1bf; + --prism-builtin: #e0a569; + --prism-property: #dd8e6e; + --prism-namespace: #db889a; + --prism-punctuation: #858585; + --prism-decorator: #bd8f8f; + --prism-regex: #ab5e3f; + --prism-json-property: #6b8b9e; + --prism-line-number: #888888; + --prism-line-number-gutter: #eeeeee; + --prism-line-highlight-background: #444444; + --prism-selection-background: #444444; +} diff --git a/theme/styles/remark-slides.css b/theme/styles/remark-slides.css new file mode 100644 index 0000000..cc725af --- /dev/null +++ b/theme/styles/remark-slides.css @@ -0,0 +1,480 @@ +@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); +@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); +@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic); + + +@font-face { + font-family: "Open Sans Bold"; + src: url(../fonts/opensans/OpenSans-Bold.ttf) format("truetype"); +} + +@font-face { + font-family: "Open Sans Regular"; + src: url(../fonts/opensans/OpenSans-Regular.ttf) format("truetype"); +} + +@font-face { + font-family: "Open Sans Light"; + src: url(../fonts/opensans/OpenSans-Light.ttf) format("truetype"); +} + +@font-face { + font-family: "Miriam Libre Bold"; + src: url(../fonts/miriam/MiriamLibre-Bold.ttf) format("truetype"); +} + +@font-face { + font-family: "Miriam Libre Regular"; + src: url(../fonts/miriam/MiriamLibre-Regular.ttf) format("truetype"); +} + +@font-face { + font-family: "Miriam Libre Light"; + src: url(../fonts/miriam/MiriamLibre-Light.ttf) format("truetype"); +} + +body { font-family: "Open Sans Regular", sans-serif } +h1, h2, h3 { + font-family: 'Miriam Libre Regular'; + font-weight: normal; + color:#2BBA47; +} + +.remark-slide-content h1{ + font-size: 30px; + position: fixed; + right: 30px; + top: 12px; + max-width: 800px; + +} + +.remark-slide-content h3{ + font-size:25px; +} + +.intro h3{ + color:#fff; +} +.image-120 img { + width: 120%; +} +.image-110 img { + width: 110%; +} +.image-100 img { + width: 100%; +} + +.image-99 img { + width: 99%; +} +.image-95 img { + width: 95%; +} +.image-90 img { + width: 90%; +} +.image-85 img { + width: 85%; +} +.image-80 img { + width: 80%; +} +.image-75 img { + width: 75%; +} +.image-70 img { + width: 70%; +} +.image-65 img { + width: 65%; +} +.image-60 img { + width: 60%; +} +.image-50 img { + width: 50%; +} +.image-45 img { + width: 45%; +} +.image-40 img { + width: 40%; +} +.image-35 img { + width: 35%; +} +.image-30 img { + width: 30%; +} +.image-20 img { + width: 20%; +} +.image-15 img { + width: 15%; +} +.image-10 img { + width: 10%; +} +.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono' } + +.small-code .remark-code-line { + font-size: 10px; +} + +.code-11px .remark-code-line { + font-size: 11px; +} + +.code-12px .remark-code-line { + font-size: 12px; +} + +.code-13px .remark-code-line { + font-size: 13px; +} + +.code-15px .remark-code-line { + font-size: 15px; +} + +.medium-code .remark-code-line { + font-size: 16px; +} + +.diff-code { + margin-left: -40px; +} + +.diff-code .remark-code-line { + font-size: 14px; +} + +.mem-code .remark-code-line { + font-size: 15px; +} + +.dp-code .remark-code-line { + font-size: 22px; +} + +.bottomBar{ + font-size: 15px; + color: #fff; + position:fixed; + bottom:18px; + left:50%; + transform: translate(-50%,0); + text-align:center; + width:100%; +} + +.remark-slide-content{ + background-image: url('../images/background2.png'); + background-repeat:no-repeat; + background-size:contain; + background-position:center; + color:#333; + padding-top: 100px; + + +} + +.intro p{ + color:#fff; + +} + +.intro h2{ + background-position: calc(50% - 65px) 2px; + background-size: 20px 20px; + background-repeat: no-repeat; + color:#fff; + font-size:20px; +} + +.remark-slide-number{ + bottom: 20px; + color:#fff; +} + +p{ + flex-direction: column; + justify-content: center; +} + +.left-code-column50 { + width: 55%; + float: left; + margin-left:-50px; + margin-top:-30px; +} + +.right-code-column50 { + width: 55%; + float: right; + margin-right:-50px; + margin-top:-30px; +} + +.left-column50 { + width: 50%; + float: left; +} + +.left-column45 { + width: 45%; + float: left; +} + +.left-column55 { + width: 55%; + float: left; +} + +.left-column30 { + width: 30%; + float: left; +} + +.right-column45 { + width: 45%; + float: right; +} + +.right-column50 { + width: 50%; + float: right; +} + +.right-column55 { + width: 55%; + float: right; +} + + +.right-column70 { + width: 70%; + float: right; +} + +.intro { + background-image: url('../images/intro.png') !important; + background-repeat:no-repeat; + background-size:contain; + background-position:center; + color:#fff +} + +a{ + color:#2BBA47; + font-size:1em; +} + +.intro h1 { + font-size:40px; + position:static !important; + max-width:none !important; + top:0; + right:0; +} + +.intro .bottomBar{ + display:none; +} + +.remak-slide ul { + list-style-type: disc; + padding: 0; + margin: 0; + margin-top:-0.5em; + margin-bottom:-0.5em; + margin-left: 1em; + list-style-color: #2BBA47; +} + +ul ul{ + list-style-type: circle; + margin-left: 1em; +} + +.pure-table thead { + background-color: #3D3D3D !important; + color: #ebebeb; + text-align: left; + vertical-align: bottom; + font-family:"montserratLight" ,sans-serif; +} +.th{ + padding-top:9px!important; + padding-bottom:9px!important; +} +.pure-table td { + border-left: 1px solid #E2E2E2 !important; + border-left-width: 1px; + border-width: 0 0 0 1px; + border-left-width: 1px; + font-size: 11px !important; + margin: 0; + overflow: visible; + padding: 0.5em 0.6em !important; +} +.pure-table th { + border-left: 1px solid #3D3D3D !important; + border-left-width: 1px; + border-width: 0 0 0 1px; + border-left-width: 1px; + font-size: 10px !important; + margin: 0; + overflow: visible; + padding: 0.4em 0.8em !important; +} +.pure-table { + border:0px !important; +} +.pure-table table tbody{ + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + border: 1px solid #E2E2E2 !important; +} +.pure-table-bordered td { + border-bottom: 1px solid #cbcbcb; +} +.pure-table td, .pure-table th { + border-left: 1px solid #cbcbcb; + border-left-width: 1px; + border-width: 0 0 0 1px; + border-bottom-width: 0px; + border-left-width: 1px; + font-size: inherit; + margin: 0; + overflow: visible; + padding: .5em 1em; +} +.pure-table-striped tr:nth-child(2n-1) td { + background-color: #f2f2f2; +} +.flag-true{ + width:15px; + height:15px; + background:url(remark-templates/3mdeb-trainings-template/images/accept.svg); + margin-left:auto; + margin-right:auto; + background-size:8px auto; + background-position:center center; + background-repeat:no-repeat; +} +.flag-false{ + margin-left:auto; + margin-right:auto; + width:15px; + height:15px; + background:url(remark-templates/3mdeb-trainings-template/images/close.svg); + background-size:8px auto; + background-position:center center; + background-repeat:no-repeat; +} +h4{ + font-size:12px; +} +h5 { + margin: 5px 0 5px 0; + font-size: 10px; +} + +li { + padding-left: 0.5em; + /* text-indent: -.7em; */ +} + +.code-comment { + position:relative; + top:-0.7em; + font-size: 0.8em; + font-style: italic; +} + +.footnote { + bottom: 9em; + font-size: 10px; + left: 4em; + position: absolute; + right: 4em; +} + +.hljs-default .hljs, .hljs-default .hljs-subst { + color: #444; + font-size: 15px; +} + +.image-left { + float: left; + width: 20em; + margin-top: -2em; + margin-left: -2em; +} + +@page { + size: 908px 681px; + margin: 0; +} + +@media print { + .remark-slide-scaler { + width: 100% !important; + height: 100% !important; + transform: scale(1) !important; + top: 0 !important; + left: 0 !important; + } +} + +.code-comment{ + position: relative; + top: -1em; + font-style: italic; + font-size:0.75em; + +} + +a { + font-size: 1em; + font-weight: bold; +} + +.left-column50 { + width: 50%; + float: left; +} + +.left-column45 { + width: 45%; + float: left; +} + +.left-column55 { + width: 55%; + float: left; +} + +.left-column30 { + width: 30%; + float: left; +} + +.right-column45 { + width: 45%; + float: right; +} + +.right-column50 { + width: 50%; + float: right; +} + +.right-column55 { + width: 55%; + float: right; +} diff --git a/vercel.json b/vercel.json new file mode 100644 index 0000000..9276941 --- /dev/null +++ b/vercel.json @@ -0,0 +1,7 @@ +{ + "rewrites": [ + { "source": "/(.*)", "destination": "/index.html" } + ], + "buildCommand": "npm run build", + "outputDirectory": "dist" +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..02abb41 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,22 @@ +import { defineConfig } from 'vite'; +import MdItAdmon from 'markdown-it-admon'; + +export default defineConfig({ + server: { + fs: { + strict: false, + }, + }, + slidev: { + vue: { + /* vue options */ + }, + markdown: { + /* markdown-it options */ + markdownItSetup(md) { + /* custom markdown-it plugins */ + md.use(MdItAdmon); + }, + }, + }, +});