slidev-theme-frankfurt 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -12
- package/components/Frankfurt.vue +1 -0
- package/components/InfoLine.vue +21 -17
- package/package.json +6 -6
- package/styles/frankfurt.css +3 -2
package/README.md
CHANGED
|
@@ -2,22 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/slidev-theme-frankfurt)
|
|
4
4
|
|
|
5
|
-
A theme for [Slidev](https://github.com/slidevjs/slidev),
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Learn more about how to write a theme:
|
|
9
|
-
https://sli.dev/themes/write-a-theme.html
|
|
10
|
-
--->
|
|
11
|
-
|
|
12
|
-
<!--
|
|
13
|
-
run `npm run dev` to check out the slides for more details of how to start writing a theme
|
|
14
|
-
-->
|
|
5
|
+
A theme for [Slidev](https://github.com/slidevjs/slidev),
|
|
6
|
+
inspired by the Frankfurt theme in [Beamer](https://github.com/josephwright/beamer),
|
|
7
|
+
well-suited for academic talks.
|
|
15
8
|
|
|
16
9
|
|
|
17
10
|
|
|
18
11
|
## Install
|
|
19
12
|
|
|
20
|
-
Add the following frontmatter to your `slides.md`.
|
|
13
|
+
Add the following frontmatter to your `slides.md`.
|
|
14
|
+
Start Slidev and then it will prompt you to install the theme automatically.
|
|
21
15
|
|
|
22
16
|
```yaml
|
|
23
17
|
---
|
|
@@ -33,7 +27,9 @@ Learn more about [how to use a theme](https://sli.dev/themes/use).
|
|
|
33
27
|
|
|
34
28
|
## Using sections
|
|
35
29
|
|
|
36
|
-
The main feature of Frankfurt theme is the section and progress indicators on top.
|
|
30
|
+
The main feature of Frankfurt theme is the section and progress indicators on top.
|
|
31
|
+
To divide your slides into sections,
|
|
32
|
+
add the following frontmatter to the first page of each section:
|
|
37
33
|
|
|
38
34
|
```yaml
|
|
39
35
|
---
|
package/components/Frankfurt.vue
CHANGED
package/components/InfoLine.vue
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<footer class="absolute bottom-0 left-0 right-0 flex text-center text-white">
|
|
3
|
-
<div class="flex-1 p-1" style="background:#191959">
|
|
4
|
-
{{ $slidev.configs.author || "Unknown author" }}
|
|
5
|
-
</div>
|
|
6
|
-
<div class="flex-1 p-1" style="background:#262686">
|
|
7
|
-
{{ $slidev.configs.title || "Unknown title" }}
|
|
8
|
-
</div>
|
|
9
|
-
<div class="flex-1 p-1" style="background:#3333B3">
|
|
10
|
-
<div class="float-right">
|
|
11
|
-
{{ $slidev.nav.currentPage }} /
|
|
12
|
-
<SlidesTotal />
|
|
13
|
-
</div>
|
|
14
|
-
{{ $slidev.configs.date || new Date().toLocaleDateString() }}
|
|
15
|
-
</div>
|
|
16
|
-
</footer>
|
|
17
|
-
</template>
|
|
1
|
+
<template>
|
|
2
|
+
<footer class="absolute bottom-0 left-0 right-0 flex text-center text-white">
|
|
3
|
+
<div class="flex-1 p-1" style="background:#191959">
|
|
4
|
+
{{ $slidev.configs.author || "Unknown author" }}
|
|
5
|
+
</div>
|
|
6
|
+
<div class="flex-1 p-1" style="background:#262686">
|
|
7
|
+
{{ $slidev.configs.title || "Unknown title" }}
|
|
8
|
+
</div>
|
|
9
|
+
<div class="flex-1 p-1" style="background:#3333B3">
|
|
10
|
+
<div class="float-right">
|
|
11
|
+
{{ $slidev.nav.currentPage }} /
|
|
12
|
+
<SlidesTotal />
|
|
13
|
+
</div>
|
|
14
|
+
{{ $slidev.configs.date || new Date().toLocaleDateString() }}
|
|
15
|
+
</div>
|
|
16
|
+
</footer>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script setup lang="ts">
|
|
20
|
+
import SlidesTotal from "@slidev/client/builtin/SlidesTotal.vue";
|
|
21
|
+
</script>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slidev-theme-frankfurt",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A theme for Slidev, inspired by the Frankfurt theme in Beamer.",
|
|
6
6
|
"repository": {
|
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
"slidev": ">=0.19.3"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@slidev/types": "
|
|
21
|
+
"@slidev/types": "51.1.1",
|
|
22
22
|
"codemirror-theme-vars": "^0.1.2",
|
|
23
|
-
"prism-theme-vars": "^0.2.
|
|
24
|
-
"theme-vitesse": "^0.
|
|
23
|
+
"prism-theme-vars": "^0.2.5",
|
|
24
|
+
"theme-vitesse": "^0.8.3"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@slidev/cli": "
|
|
28
|
-
"playwright-chromium": "^1.
|
|
27
|
+
"@slidev/cli": "51.1.1",
|
|
28
|
+
"playwright-chromium": "^1.50.1"
|
|
29
29
|
},
|
|
30
30
|
"//": "Learn more: https://sli.dev/themes/write-a-theme.html",
|
|
31
31
|
"slidev": {
|
package/styles/frankfurt.css
CHANGED
|
@@ -2,7 +2,8 @@ html {
|
|
|
2
2
|
font-size: 10pt;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.slidev-page
|
|
5
|
+
.slidev-page,
|
|
6
|
+
.slidev-layout {
|
|
6
7
|
|
|
7
8
|
overflow: hidden;
|
|
8
9
|
|
|
@@ -27,7 +28,7 @@ html {
|
|
|
27
28
|
&.cover,
|
|
28
29
|
&.intro {
|
|
29
30
|
h1 {
|
|
30
|
-
@apply shadow-md
|
|
31
|
+
@apply shadow-md shadow-gray;
|
|
31
32
|
|
|
32
33
|
display: inline-block;
|
|
33
34
|
padding: 1rem 5rem;
|