slidev-theme-measurelab 0.1.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.
- package/README.md +132 -0
- package/global.css +646 -0
- package/layouts/cover.vue +154 -0
- package/layouts/default.vue +254 -0
- package/layouts/full-image.vue +167 -0
- package/layouts/quote.vue +267 -0
- package/layouts/section-1.vue +217 -0
- package/layouts/section-2.vue +217 -0
- package/layouts/section-3.vue +217 -0
- package/layouts/three-cols.vue +291 -0
- package/layouts/two-cols-pic.vue +276 -0
- package/layouts/two-cols.vue +275 -0
- package/package.json +54 -0
- package/public/background-header-circles.svg +69 -0
- package/public/background-illustration.svg +1 -0
- package/public/background-image-half.svg +52 -0
- package/public/contact-background.svg +80 -0
- package/public/contact-grid-background-flipped.svg +53 -0
- package/public/contact-grid-background.svg +53 -0
- package/public/cta-background.svg +69 -0
- package/public/footer-background-illustration.svg +1 -0
- package/public/gmpcertified.png +0 -0
- package/public/google-cloud-partner.png +0 -0
- package/public/home-hero-background.svg +63 -0
- package/public/home-hero.svg +79 -0
- package/public/marketing-analytics-services-specialization.png +0 -0
- package/public/measurelab-dark-logo.svg +19 -0
- package/public/measurelab_favicon.svg +1 -0
- package/public/measurelab_logo.svg +1 -0
- package/public/services-analytics-bg.svg +101 -0
- package/public/services-hero-background.svg +39 -0
- package/public/services-hero.svg +76 -0
- package/public/technology-background.svg +71 -0
- package/setup/unocss.ts +68 -0
- package/styles/base.css +209 -0
- package/styles/index.ts +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
# slidev-theme-measurelab
|
|
2
|
+
|
|
3
|
+
Measurelab branded theme for [Slidev](https://sli.dev) presentations.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install slidev-theme-measurelab
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
Add the theme to your `slides.md` frontmatter:
|
|
14
|
+
|
|
15
|
+
```yaml
|
|
16
|
+
---
|
|
17
|
+
theme: measurelab
|
|
18
|
+
---
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Available Layouts
|
|
22
|
+
|
|
23
|
+
| Layout | Description | Props |
|
|
24
|
+
|--------|-------------|-------|
|
|
25
|
+
| `cover` | Title slide with centered content | `class` |
|
|
26
|
+
| `default` | Standard content slide | `section`, `heading`, `class` |
|
|
27
|
+
| `two-cols` | Two column layout | `section`, `heading`, `class` |
|
|
28
|
+
| `two-cols-pic` | Text left, image right | `section`, `heading`, `class` |
|
|
29
|
+
| `three-cols` | Three column layout | `section`, `heading`, `class` |
|
|
30
|
+
| `quote` | Testimonial/quote slide | `section`, `author`, `role`, `quoteStyle`, `class` |
|
|
31
|
+
| `full-image` | Large image display | `section`, `caption`, `class` |
|
|
32
|
+
| `section-1` | Section divider (green) | `class` |
|
|
33
|
+
| `section-2` | Section divider (blue) | `class` |
|
|
34
|
+
| `section-3` | Section divider (contact) | `class` |
|
|
35
|
+
|
|
36
|
+
## Layout Examples
|
|
37
|
+
|
|
38
|
+
### Default Layout
|
|
39
|
+
|
|
40
|
+
```yaml
|
|
41
|
+
---
|
|
42
|
+
layout: default
|
|
43
|
+
section: Section name
|
|
44
|
+
heading: Slide Title
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
Your content here with bullets, text, etc.
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### Two Columns
|
|
51
|
+
|
|
52
|
+
```yaml
|
|
53
|
+
---
|
|
54
|
+
layout: two-cols
|
|
55
|
+
section: Section name
|
|
56
|
+
heading: Compare Options
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
Left column content
|
|
60
|
+
|
|
61
|
+
::right::
|
|
62
|
+
|
|
63
|
+
Right column content
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### Three Columns
|
|
67
|
+
|
|
68
|
+
```yaml
|
|
69
|
+
---
|
|
70
|
+
layout: three-cols
|
|
71
|
+
section: Section name
|
|
72
|
+
heading: Three Things
|
|
73
|
+
---
|
|
74
|
+
|
|
75
|
+
First column
|
|
76
|
+
|
|
77
|
+
::col2::
|
|
78
|
+
|
|
79
|
+
Second column
|
|
80
|
+
|
|
81
|
+
::col3::
|
|
82
|
+
|
|
83
|
+
Third column
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
### Quote
|
|
87
|
+
|
|
88
|
+
```yaml
|
|
89
|
+
---
|
|
90
|
+
layout: quote
|
|
91
|
+
section: Testimonials
|
|
92
|
+
author: Name
|
|
93
|
+
role: Title, Company
|
|
94
|
+
quoteStyle: none
|
|
95
|
+
---
|
|
96
|
+
|
|
97
|
+
The quote text goes here.
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
## Dark Mode
|
|
101
|
+
|
|
102
|
+
Add `class: dark` to any slide's frontmatter:
|
|
103
|
+
|
|
104
|
+
```yaml
|
|
105
|
+
---
|
|
106
|
+
layout: default
|
|
107
|
+
heading: Dark Slide
|
|
108
|
+
class: dark
|
|
109
|
+
---
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
Dark mode:
|
|
113
|
+
- Switches background to navy (#081f30)
|
|
114
|
+
- Text becomes light (#f9f9f9)
|
|
115
|
+
- Logo swaps to dark version
|
|
116
|
+
- Background images get reduced opacity
|
|
117
|
+
|
|
118
|
+
## Brand Colors
|
|
119
|
+
|
|
120
|
+
- Navy: `#081f30`
|
|
121
|
+
- Green: `#6dd750`
|
|
122
|
+
- Light: `#f9f9f9`
|
|
123
|
+
- White: `#ffffff`
|
|
124
|
+
|
|
125
|
+
## Fonts
|
|
126
|
+
|
|
127
|
+
- Sans: Poppins
|
|
128
|
+
- Mono: SFMono-Regular, Menlo, Monaco, Consolas
|
|
129
|
+
|
|
130
|
+
## License
|
|
131
|
+
|
|
132
|
+
MIT
|