slidev-theme-meetup 1.0.0 → 1.2.0

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.
Files changed (11) hide show
  1. package/.editorconfig +26 -0
  2. package/CHANGELOG.md +25 -0
  3. package/README.md +76 -7
  4. package/components/WindowConsole.vue +16 -0
  5. package/example.md +36 -10
  6. package/layouts/window.vue +19 -0
  7. package/package.json +17 -17
  8. package/styles/layout.css +0 -4
  9. package/vite.config.js +3 -1
  10. package/.gitattributes +0 -5
  11. package/public/images/tboerger.jpg +0 -0
package/.editorconfig ADDED
@@ -0,0 +1,26 @@
1
+ # http://editorconfig.org
2
+ root = true
3
+
4
+ [*]
5
+ charset = utf-8
6
+ insert_final_newline = true
7
+ trim_trailing_whitespace = true
8
+
9
+ [*.{html,tmpl}]
10
+ indent_style = space
11
+ indent_size = 2
12
+
13
+ [*.{js,vue}]
14
+ indent_style = space
15
+ indent_size = 2
16
+
17
+ [*.{css,scss}]
18
+ indent_style = space
19
+ indent_size = 2
20
+
21
+ [*.{yml,toml,json}]
22
+ indent_style = space
23
+ indent_size = 2
24
+
25
+ [*.md]
26
+ trim_trailing_whitespace = true
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.2.0](https://github.com/tboerger/slidev-theme-meetup/compare/v1.1.0...v1.2.0) (2022-09-19)
4
+
5
+
6
+ ### Features
7
+
8
+ * add new layout window ([1cab641](https://github.com/tboerger/slidev-theme-meetup/commit/1cab6411463d310b26d8b66a177f6d257de15ca2))
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * get rid of lfs, only leads to issues ([f23a9fd](https://github.com/tboerger/slidev-theme-meetup/commit/f23a9fd1391b4854ba881bf6aaab8b87eb5f14d7))
14
+ * rellay replace lfs files ([249429a](https://github.com/tboerger/slidev-theme-meetup/commit/249429a152562ea86522f5853d033cbf08760ad4))
15
+
16
+ ## [1.1.0](https://github.com/tboerger/slidev-theme-meetup/compare/v1.0.0...v1.1.0) (2022-09-16)
17
+
18
+
19
+ ### Features
20
+
21
+ * improve dependency tree and fix usage of theme ([32506a2](https://github.com/tboerger/slidev-theme-meetup/commit/32506a2e8af0ebb4075b7d2caeb469a130cdd79f))
22
+
23
+
24
+ ### Bug Fixes
25
+
26
+ * drop personal profile picture ([2579952](https://github.com/tboerger/slidev-theme-meetup/commit/2579952054ae02b79e97139d4cc1cac8e85715f2))
27
+
3
28
  ## 1.0.0 (2022-09-15)
4
29
 
5
30
 
package/README.md CHANGED
@@ -15,9 +15,36 @@ theme within the [documentation][themes].
15
15
  ```md
16
16
  ---
17
17
  theme: meetup
18
+ layout: intro
19
+ lineNumbers: false
20
+ themeConfig:
21
+ title: Welcome to Slidev
22
+ twitter: example
23
+ github: example
18
24
  ---
19
25
  ```
20
26
 
27
+ This themes requires additional packages beside the theme itself and the above
28
+ configuration:
29
+
30
+ ```console
31
+ npm install vite-svg-loader qrious
32
+ ```
33
+
34
+ Finally you also got to provide a customized `vite.config.js` as this is
35
+ required to load the used SVGs:
36
+
37
+ ```ts
38
+ import { defineConfig } from 'vite'
39
+ import svgLoader from 'vite-svg-loader'
40
+
41
+ export default defineConfig({
42
+ plugins: [
43
+ svgLoader(),
44
+ ],
45
+ })
46
+ ```
47
+
21
48
  ## Examples
22
49
 
23
50
  ### Intro
@@ -28,7 +55,7 @@ layout: intro
28
55
  ---
29
56
  ```
30
57
 
31
- ![intro slide](./example-export/001.png)
58
+ ![intro slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/001.png)
32
59
 
33
60
  ### Presenter
34
61
 
@@ -39,7 +66,7 @@ photo: /images/tboerger.jpg
39
66
  ---
40
67
  ```
41
68
 
42
- ![presenter slide](./example-export/002.png)
69
+ ![presenter slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/002.png)
43
70
 
44
71
  ### Twocols
45
72
 
@@ -49,7 +76,7 @@ layout: twocols
49
76
  ---
50
77
  ```
51
78
 
52
- ![twocols slide](./example-export/003.png)
79
+ ![twocols slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/003.png)
53
80
 
54
81
  ### Center
55
82
 
@@ -59,7 +86,7 @@ layout: center
59
86
  ---
60
87
  ```
61
88
 
62
- ![center slide](./example-export/004.png)
89
+ ![center slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/004.png)
63
90
 
64
91
  ### Cover
65
92
 
@@ -69,7 +96,17 @@ layout: cover
69
96
  ---
70
97
  ```
71
98
 
72
- ![cover slide](./example-export/005.png)
99
+ ![cover slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/005.png)
100
+
101
+ ### Window
102
+
103
+ ```md
104
+ ---
105
+ layout: window
106
+ ---
107
+ ```
108
+
109
+ ![window slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/006.png)
73
110
 
74
111
  ### Default
75
112
 
@@ -79,7 +116,7 @@ layout: default
79
116
  ---
80
117
  ```
81
118
 
82
- ![default slide](./example-export/006.png)
119
+ ![default slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/007.png)
83
120
 
84
121
  ### Qrcode
85
122
 
@@ -90,7 +127,7 @@ url: https://example.com
90
127
  ---
91
128
  ```
92
129
 
93
- ![qrcode slide](./example-export/007.png)
130
+ ![qrcode slide](https://media.githubusercontent.com/media/tboerger/slidev-theme-meetup/master/example-export/008.png)
94
131
 
95
132
  ## Components
96
133
 
@@ -102,6 +139,16 @@ Just curves shown within the slides.
102
139
  <CornerCurves class="absolute left-0 top-0 transform rotate-90" />
103
140
  ```
104
141
 
142
+ ### WindowConsole
143
+
144
+ Display content in a terminal window.
145
+
146
+ ```vue
147
+ <WindowConsole class="rounded-lg shadow-lg object-cover z-10">
148
+ Content
149
+ </WindowConsole>
150
+ ```
151
+
105
152
  ### LayoutHeader
106
153
 
107
154
  General header part of every slide.
@@ -118,6 +165,28 @@ General footer part of every slide.
118
165
  <LayoutFooter />
119
166
  ```
120
167
 
168
+ ## Security
169
+
170
+ If you find a security issue please contact thomas@boerger.ws first.
171
+
172
+ ## Contributing
173
+
174
+ Fork -> Patch -> Push -> Pull Request
175
+
176
+ ## Authors
177
+
178
+ * [Thomas Boerger](https://github.com/tboerger)
179
+
180
+ ## License
181
+
182
+ [CC-BY-SA-4.0](http://creativecommons.org/licenses/by-sa/4.0/)
183
+
184
+ ## Copyright
185
+
186
+ ```console
187
+ Copyright (c) 2022 Thomas Boerger <thomas@boerger.ws>
188
+ ```
189
+
121
190
  [slidev]: https://github.com/slidevjs/slidev
122
191
  [unicorn]: https://github.com/Dawntraoz/slidev-theme-unicorn/
123
192
  [purplin]: https://github.com/moudev/slidev-theme-purplin/
package/components/WindowConsole.vue ADDED
@@ -0,0 +1,16 @@
1
+ <template>
2
+ <div class="console bg-gray-500 text-white text-xs pt-4 rounded-md relative">
3
+ <ul class="absolute grid grid-cols-3 gap-3 top-2 left-4">
4
+ <li class="!m-0 rounded w-2 h-2 bg-red-400 inline-block">
5
+ &nbsp;
6
+ </li>
7
+ <li class="!m-0 rounded w-2 h-2 bg-yellow-300 inline-block">
8
+ &nbsp;
9
+ </li>
10
+ <li class="!m-0 rounded w-2 h-2 bg-green-500 inline-block">
11
+ &nbsp;
12
+ </li>
13
+ </ul>
14
+ <slot />
15
+ </div>
16
+ </template>
package/example.md CHANGED
@@ -1,27 +1,27 @@
1
1
  ---
2
2
  theme: ./
3
3
  layout: intro
4
+ highlighter: prism
5
+ lineNumbers: false
4
6
  themeConfig:
5
7
  title: Welcome to Slidev
6
- twitter: tboerger
7
- github: tboerger
8
+ twitter: example
9
+ github: example
8
10
  ---
9
11
  # Welcome to Slidev
10
12
 
11
13
  ---
12
14
  layout: presenter
13
- photo: /images/tboerger.jpg
15
+ photo: https://source.unsplash.com/collection/94734566/1050x1400
14
16
  ---
15
- # Thomas Boerger
17
+ # Max Mustermann
16
18
 
17
- Cloud engineer @ cloudpunks GmbH
19
+ Software Engineer @ Mustermann GmbH
18
20
 
19
21
  * Golang
20
- * Containers
21
- * Kubernetes
22
- * Terraform
23
- * Ansible
24
- * Prometheus
22
+ * Music
23
+ * Cinema
24
+ * Technics
25
25
 
26
26
  ---
27
27
  layout: twocols
@@ -67,6 +67,32 @@ layout: cover
67
67
  ---
68
68
  # This is a cover
69
69
 
70
+ ---
71
+ layout: window
72
+ ---
73
+ # Console
74
+
75
+ ::window::
76
+ ```ts
77
+ const aspectRatioPlugin = plugin(({ addUtilities }) => {
78
+ const newUtilities = {
79
+ '.aspect-none': {
80
+ aspectRatio: 'none',
81
+ },
82
+ '.aspect-16-9': {
83
+ aspectRatio: '16/9',
84
+ },
85
+ '.aspect-4-3': {
86
+ aspectRatio: '4/3',
87
+ },
88
+ '.aspect-1-1': {
89
+ aspectRatio: '1/1',
90
+ },
91
+ }
92
+ addUtilities(newUtilities, ['responsive', 'hover'])
93
+ })
94
+ ```
95
+
70
96
  ---
71
97
  layout: default
72
98
  ---
package/layouts/window.vue ADDED
@@ -0,0 +1,19 @@
1
+ <template>
2
+ <div class="slidev-layout">
3
+ <LayoutHeader class="absolute bottom-0 right-0 transform flip-x" />
4
+ <div
5
+ class="top"
6
+ >
7
+ <slot />
8
+ </div>
9
+ <WindowConsole class="rounded-lg shadow-lg object-cover z-10">
10
+ <slot name="window" />
11
+ </WindowConsole>
12
+ <div
13
+ class="bottom"
14
+ >
15
+ <slot name="bottom" />
16
+ <LayoutFooter />
17
+ </div>
18
+ </div>
19
+ </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slidev-theme-meetup",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "description": "Slidev theme used for talks on meetups",
5
5
  "homepage": "https://github.com/tboerger/slidev-theme-meetup#readme",
6
6
  "license": "CC-BY-SA-4.0",
@@ -19,26 +19,25 @@
19
19
  "release": "semantic-release"
20
20
  },
21
21
  "dependencies": {
22
- "@slidev/types": "0.36.4",
22
+ "@iconify-json/mdi": "1.1.33",
23
+ "@slidev/types": "0.36.5",
23
24
  "codemirror-theme-vars": "0.1.1",
24
25
  "prism-theme-vars": "0.2.4",
25
- "theme-vitesse": "0.4.10",
26
+ "qrious": "4.0.2",
26
27
  "vite-svg-loader": "3.6.0"
27
28
  },
28
29
  "devDependencies": {
29
- "@iconify-json/mdi": "1.1.32",
30
- "@semantic-release/changelog": "^6.0.1",
31
- "@semantic-release/commit-analyzer": "^9.0.2",
32
- "@semantic-release/git": "^10.0.1",
33
- "@semantic-release/github": "^8.0.6",
34
- "@semantic-release/npm": "^9.0.1",
35
- "@semantic-release/release-notes-generator": "^10.0.3",
36
- "@slidev/cli": "0.36.4",
37
- "conventional-changelog-conventionalcommits": "^5.0.0",
38
- "eslint": "^8.23.1",
39
- "eslint-plugin-vue": "^9.4.0",
40
- "playwright-chromium": "1.25.2",
41
- "qrious": "4.0.2"
30
+ "@semantic-release/changelog": "6.0.1",
31
+ "@semantic-release/commit-analyzer": "9.0.2",
32
+ "@semantic-release/git": "10.0.1",
33
+ "@semantic-release/github": "8.0.6",
34
+ "@semantic-release/npm": "9.0.1",
35
+ "@semantic-release/release-notes-generator": "10.0.3",
36
+ "@slidev/cli": "0.36.5",
37
+ "conventional-changelog-conventionalcommits": "5.0.0",
38
+ "eslint": "8.23.1",
39
+ "eslint-plugin-vue": "9.5.1",
40
+ "playwright-chromium": "1.25.2"
42
41
  },
43
42
  "keywords": [
44
43
  "slidev-theme",
@@ -53,7 +52,8 @@
53
52
  "highlighter": "all",
54
53
  "defaults": {
55
54
  "fonts": {
56
- "sans": "Helvetica",
55
+ "sans": "Nunito",
56
+ "title": "Georgia",
57
57
  "mono": "Fira Code"
58
58
  },
59
59
  "hightlighter": "prism"
package/styles/layout.css CHANGED
@@ -1,7 +1,3 @@
1
- @import url(http://fonts.googleapis.com/css?family=Nunito);
2
- @import url(http://fonts.googleapis.com/css?family=Georgia);
3
- @import url(http://fonts.googleapis.com/css?family=Fira+Code);
4
-
5
1
  :root {
6
2
  --slidev-theme-primary: #5d8392;
7
3
  --slidev-code-font-size: 0.95rem;
package/vite.config.js CHANGED
@@ -2,5 +2,7 @@ import { defineConfig } from 'vite'
2
2
  import svgLoader from 'vite-svg-loader'
3
3
 
4
4
  export default defineConfig({
5
- plugins: [svgLoader()],
5
+ plugins: [
6
+ svgLoader(),
7
+ ],
6
8
  })
package/.gitattributes DELETED
@@ -1,5 +0,0 @@
1
- *.svg filter=lfs diff=lfs merge=lfs -text
2
- *.png filter=lfs diff=lfs merge=lfs -text
3
- *.jpg filter=lfs diff=lfs merge=lfs -text
4
- *.gif filter=lfs diff=lfs merge=lfs -text
5
- *.jpeg filter=lfs diff=lfs merge=lfs -text
package/public/images/tboerger.jpg DELETED
Binary file