@sp-days-framework/create-sp-days 1.0.0

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/multi-column/two-cols-header.mdx

@@ -0,0 +1,43 @@
+---
+title: Two Cols Header
+description: Two columns with spanning header
+---
+
+# Two Cols Header Layout
+
+Two equal columns with a header that spans both columns.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `true` | Show/hide logo |
+| `textAlignment` | string | `'center'` | Content vertical alignment |
+
+## Basic Example
+
+```markdown
+---
+layout: two-cols-header
+---
+
+# Deployment Comparison
+
+::left::
+
+## Manual Process
+- SSH into servers
+- Copy files manually
+- Restart services
+- Hope for the best
+- Rollback is hard
+
+::right::
+
+## Automated CI/CD
+- Git push triggers pipeline
+- Automated tests
+- Container builds
+- Zero-downtime deploy
+- Easy rollback
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/multi-column/two-cols.mdx

@@ -0,0 +1,38 @@
+---
+title: Two Cols
+description: Two equal-width columns
+---
+
+# Two Cols Layout
+
+Split content into two equal columns for comparisons, lists, or parallel information.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `false` | Show/hide logo |
+
+## Basic Example
+
+```markdown
+---
+layout: two-cols
+---
+
+# Traditional VMs
+
+- Heavy resource usage
+- Slow boot times
+- OS overhead
+- Complex management
+
+::right::
+
+# Containers
+
+- Lightweight
+- Fast startup
+- Shared OS kernel
+- Simple orchestration
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/section/_category_.yml

@@ -0,0 +1,2 @@
+position: 2
+label: 'Section Layouts'

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/section/cover.mdx

@@ -0,0 +1,43 @@
+---
+title: Cover
+description: Title slide layout with banner for starting presentations
+---
+
+# Cover Layout
+
+The `cover` layout is designed for the title slide of your presentation. It features centered content with the Sykehuspartner banner at the bottom.
+
+## When to Use
+
+- First slide of your presentation
+- Major presentation milestones
+- Conference or workshop title slides
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `true` | Show/hide the banner at the bottom |
+
+## Basic Example
+
+```markdown
+---
+layout: cover
+---
+
+# Docker Fundamentals
+## A Hands-on Workshop
+```
+
+## With Banner Hidden
+
+```markdown
+---
+layout: cover
+logo: false
+---
+
+# Minimalist Title
+## No banner version
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/section/end.mdx

@@ -0,0 +1,33 @@
+---
+title: End
+description: Closing slide layout with centered banner
+---
+
+# End Layout
+
+The `end` layout is designed for the final slide of your presentation. It features centered content with the Sykehuspartner banner positioned in the center.
+
+## When to Use
+
+- Final slide of presentation
+- Thank you slides
+- Q&A slides
+- Closing remarks
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `true` | Show/hide the banner |
+
+## Basic Example
+
+```markdown
+---
+layout: end
+---
+
+# Thank You!
+
+## Questions?
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/section/intro.mdx

@@ -0,0 +1,49 @@
+---
+title: Intro
+description: Introduction slide with optional side image
+---
+
+# Intro Layout
+
+The `intro` layout is designed for introduction slides with an optional side image and banner at the bottom.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `imageSrc` | string | - | Image URL or path |
+| `imagePosition` | string | `'right'` | Position: `'left'` or `'right'` |
+| `imageRatio` | string | `'40%'` | Image width percentage |
+| `imageSize` | string | `'80%'` | Image scale |
+| `enableLogo` | boolean | `true` | Show/hide banner |
+
+## Basic Example
+
+```markdown
+---
+layout: intro
+imageSrc: /logo.png
+imagePosition: right
+imageRatio: 40%
+---
+
+# Module Introduction
+
+## What You'll Learn
+
+An overview of this section
+```
+
+## Without Image
+
+```markdown
+---
+layout: intro
+---
+
+# Welcome
+
+## Getting Started with Containers
+
+Your journey begins here
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/section/section.mdx

@@ -0,0 +1,41 @@
+---
+title: Section
+description: Section divider with logo and optional image
+---
+
+# Section Layout
+
+The `section` layout is used to divide your presentation into distinct sections, similar to chapter breaks.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `image` | string | - | Optional background/side image |
+| `logo` | boolean | `true` | Show/hide logo |
+| `titleLine` | boolean | `true` | Show/hide decorative underline |
+
+## Basic Example
+
+```markdown
+---
+layout: section
+---
+
+# Module 2
+## Advanced Docker Concepts
+
+Networking, volumes, and multi-stage builds
+```
+
+## With Image
+
+```markdown
+---
+layout: section
+image: /docker-logo.png
+---
+
+# Container Orchestration
+## Scaling Your Applications
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/special/_category_.yml

@@ -0,0 +1,2 @@
+position: 5
+label: 'Special Purpose Layouts'

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/special/about-me.mdx

@@ -0,0 +1,92 @@
+---
+title: About Me
+description: Personal introduction and profile layout
+---
+
+# About Me Layout
+
+The `about-me` layout is designed for introducing speakers, instructors, or team members. It supports profile images and detailed information in a professional format.
+
+## When to Use
+
+- Speaker introductions
+- Instructor profiles
+- Team member presentations
+- Personal bio slides
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `name` | string | - | Person's full name |
+| `jobTitle` | string | - | Job title or role |
+| `department` | string | - | Department or team (optional) |
+| `description` | string | - | Brief bio or description |
+| `email` | string | - | Email address (optional) |
+| `linkedin` | string | - | LinkedIn username (optional) |
+| `imageSrc` | string | - | Profile photo URL |
+| `imageShape` | string | `'rectangle'` | Shape: `'circle'` or `'rectangle'` |
+| `imageSize` | string | `'100%'` | Image size percentage |
+| `imagePosition` | string | `'right'` | Position: `'left'` or `'right'` |
+| `logo` | boolean | `false` | Show/hide logo |
+
+## Basic Example (Image Right)
+
+```markdown
+---
+layout: about-me
+name: Jane Developer
+jobTitle: "Senior DevOps Engineer"
+department: "Cloud Platform Team"
+description: "Specialist in container technologies with 10 years of experience in cloud-native solutions"
+email: "jane.developer@example.com"
+linkedin: "janedev"
+imageSrc: /jane-profile.jpg
+imageShape: circle
+imagePosition: right
+---
+```
+
+## Image on Left
+
+```markdown
+---
+layout: about-me
+name: John Smith
+jobTitle: "Docker Expert"
+department: "Infrastructure Team"
+description: "Passionate about automation and infrastructure as code"
+email: "john.smith@example.com"
+imageSrc: /john-profile.jpg
+imageShape: circle
+imagePosition: left
+---
+```
+
+## Without Image
+
+```markdown
+---
+layout: about-me
+name: Alex Johnson
+jobTitle: "Kubernetes Architect"
+description: "Cloud native enthusiast and open source contributor"
+email: "alex@example.com"
+linkedin: "alexj"
+---
+```
+
+## Rectangle Image
+
+```markdown
+---
+layout: about-me
+name: Maria Garcia
+jobTitle: "DevOps Lead"
+description: "Leading teams to adopt containerization and modern deployment practices"
+imageSrc: /maria.jpg
+imageShape: rectangle
+imageSize: 85%
+imagePosition: left
+---
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/special/fact.mdx

@@ -0,0 +1,47 @@
+---
+title: Fact
+description: Emphasize key statistics and facts
+---
+
+# Fact Layout
+
+The `fact` layout is designed to emphasize important statistics, numbers, or key facts. Content is vertically centered for maximum impact.
+
+## When to Use
+
+- Highlighting statistics
+- Emphasizing key numbers
+- Important facts or findings
+- Data-driven points
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `true` | Show/hide the logo |
+
+## Basic Example
+
+```markdown
+---
+layout: fact
+---
+
+# 95%
+
+## of Fortune 500 companies use containers
+```
+
+## With Context
+
+```markdown
+---
+layout: fact
+---
+
+# 10x Faster
+
+## Deployment speed with Docker
+
+Source: DevOps Survey 2024
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/special/quote.mdx

@@ -0,0 +1,27 @@
+---
+title: Quote
+description: Display quotes with attribution
+---
+
+# Quote Layout
+
+The `quote` layout is designed for displaying quotes with proper attribution.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `false` | Show/hide logo |
+
+## Basic Example
+
+```markdown
+---
+layout: quote
+---
+
+# "The best way to predict the future is to create it."
+
+## Alan Kay
+### Computer Scientist
+```

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/special/statement.mdx

@@ -0,0 +1,28 @@
+---
+title: Statement
+description: Bold statement slide for impact
+---
+
+# Statement Layout
+
+The `statement` layout emphasizes bold statements or key messages with centered text.
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | `true` | Show/hide logo |
+
+## Basic Example
+
+```markdown
+---
+layout: statement
+---
+
+# "Infrastructure as Code"
+
+## The Future of Operations
+
+Treating infrastructure like software
+```

package/templates/addon-resources/resources/sykehuspartner-theme/setup/advanced-configuration.mdx

@@ -0,0 +1,79 @@
+---
+title: Advanced
+sidebar_position: 2
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
+# Advanced Configuration
+
+## Common Layout Parameters
+
+Most layouts support these common parameters:
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `logo` | boolean | varies | Show/hide the logo |
+| `textAlignment` | string | `'center'` | Vertical alignment: `'top'`, `'center'`, `'bottom'` |
+
+## Image Configuration Parameters
+
+Layouts with images support:
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `imageSrc` | string | - | Image URL or path |
+| `imageRatio` | string | `'50%'` | Image width percentage |
+| `imageScale` | string | `'100%'` | Image size within container |
+| `imageAlign` | string | `'center'` | Image alignment |
+| `imagePosition` | string | varies | Position: `'left'` or `'right'` |
+| `imageBackgroundMode` | boolean | varies | Background vs foreground mode |
+
+## Global Theme Configuration
+
+Configure theme-wide settings in your presentation frontmatter:
+
+```markdown title="slidev/presentation.md"
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: My Presentation
+highlighter: shiki
+lineNumbers: true
+drawings:
+  persist: false
+transition: slide-left
+---
+```
+
+### Available Global Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `highlighter` | string | `'shiki'` | Code highlighter: `'shiki'` or `'prism'` |
+| `lineNumbers` | boolean | `false` | Show line numbers in code blocks |
+| `drawings` | object | - | Drawing/annotation settings |
+| `transition` | string | `'fade'` | Slide transition effect |
+| `colorSchema` | string | `'auto'` | Color scheme: `'auto'`, `'dark'`, `'light'` |
+
+See [Slidev configuration](https://sli.dev/custom/#frontmatter-configures) for all options.
+
+## Custom Styling
+
+Override theme styles with custom CSS:
+
+```markdown title="slidev/presentation.md"
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+---
+
+<style>
+.slidev-layout.cover {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+h1 {
+  font-size: 3rem !important;
+}
+</style>
+```

package/templates/addon-resources/resources/sykehuspartner-theme/setup/index.mdx

@@ -0,0 +1,104 @@
+---
+sidebar_position: 1
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
+# Setup
+
+:::tip[Already Included]
+If you're using `@sp-days-framework/create-sp-days`, the Sykehuspartner Slidev Theme is already installed and configured. You can start creating presentations right away!
+:::
+
+## Installation
+
+Install the theme using your preferred package manager:
+
+<Tabs>
+  <TabItem value="npm" label="npm" default>
+    ```bash
+    npm install @sp-days-framework/slidev-theme-sykehuspartner
+    ```
+  </TabItem>
+  <TabItem value="yarn" label="Yarn">
+    ```bash
+    yarn add @sp-days-framework/slidev-theme-sykehuspartner
+    ```
+  </TabItem>
+</Tabs>
+
+Configure the theme in your presentation's frontmatter:
+
+```markdown title="slidev/presentation.md"
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: My Presentation
+layout: cover
+---
+
+# My Presentation Title
+## Subtitle Goes Here
+
+---
+
+# First Content Slide
+Your content here...
+```
+
+The theme is now active and all 18 layouts are available.
+
+## Configuration
+
+### Basic Theme Setup
+
+Configure the theme in your presentation's frontmatter:
+
+```markdown title="slidev/presentation.md"
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: My Presentation
+layout: cover
+---
+
+# My Presentation
+## Subtitle
+```
+
+### Using with Docusaurus Plugin
+
+When using with `@sp-days-framework/docusaurus-plugin-slidev`, set the theme globally or per-presentation:
+
+**Global Theme:**
+
+```js title="docusaurus.config.js"
+module.exports = {
+  plugins: [
+    [
+      "@sp-days-framework/docusaurus-plugin-slidev",
+      {
+        theme: "@sp-days-framework/slidev-theme-sykehuspartner",
+      },
+    ],
+  ],
+};
+```
+
+**Per-Presentation Override:**
+
+```markdown title="slidev/my-presentation.md"
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: My Presentation
+---
+```
+
+See [Slidev Integration](../../slidev-integration/index.mdx) for plugin documentation.
+
+### Running Development Server
+
+Run Slidev to preview your presentation with hot-reload:
+
+```bash
+npm run slidev ./slidev/presentation.md
+```