@sp-days-framework/create-sp-days 1.0.4 → 1.1.0-beta2

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

@@ -1,92 +0,0 @@
----
-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

@@ -1,47 +0,0 @@
----
-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

@@ -1,27 +0,0 @@
----
-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

@@ -1,28 +0,0 @@
----
-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

@@ -1,79 +0,0 @@
----
-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

@@ -1,104 +0,0 @@
----
-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
-```

package/templates/addon-resources/resources/sykehuspartner-theme/syntax-and-icons.mdx

@@ -1,89 +0,0 @@
----
-title: Syntax Highlighting & Icons
-sidebar_position: 1
----
-
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
-# Syntax Highlighting & Icons
-
-## Syntax Highlighting
-
-The theme includes built-in syntax highlighting for 30+ programming languages powered by Shiki.
-
-### Supported Languages
-
-- HTML, CSS, JavaScript, TypeScript, JSX, TSX, Vue, MDX
-- Python, Java, C#, Go, Rust, Ruby, PHP
-- Docker, Terraform, YAML, TOML, Shell Script, PowerShell
-- SQL, JSON, JSONC, CSV, GraphQL
-- Markdown, LaTeX, XML
-- NGINX, INI, .env, Git commit/rebase, CODEOWNERS
-- Lua, HCL, SCSS, Sass
-
-### Basic Usage
-
-Use standard code blocks with language identifiers:
-
-````markdown
-```python
-def hello_world():
-    print("Hello, Slidev!")
-```
-
-```javascript
-const greeting = "Hello, World!";
-console.log(greeting);
-```
-
-```bash
-docker run -d -p 8080:80 nginx
-```
-````
-
-## Icon Support
-
-The theme includes the VSCode Icons collection for technical presentations.
-
-### Icon Discovery
-
-Icons are automatically scanned from your markdown files and included in the build. Browse the full collection at [VSCode Icons](https://github.com/vscode-icons/vscode-icons).
-
-### Using VSCode Icons
-
-Use the tilde syntax to include icons inline:
-
-```markdown
----
-layout: default
----
-
-# Technologies Used
-
-~i-vscode-icons:file-type-docker~ Docker
-
-~i-vscode-icons:file-type-python~ Python
-
-~i-vscode-icons:file-type-typescript-official~ TypeScript
-
-~i-vscode-icons:file-type-kubernetes~ Kubernetes
-```
-
-### Common VSCode Icons
-
-| Icon Syntax | Description |
-|-------------|-------------|
-| `~i-vscode-icons:file-type-docker~` | Docker |
-| `~i-vscode-icons:file-type-python~` | Python |
-| `~i-vscode-icons:file-type-typescript-official~` | TypeScript |
-| `~i-vscode-icons:file-type-javascript-official~` | JavaScript |
-| `~i-vscode-icons:file-type-vue~` | Vue.js |
-| `~i-vscode-icons:file-type-react~` | React |
-| `~i-vscode-icons:file-type-kubernetes~` | Kubernetes |
-| `~i-vscode-icons:file-type-terraform~` | Terraform |
-| `~i-vscode-icons:file-type-yaml~` | YAML |
-| `~i-vscode-icons:file-type-json~` | JSON |
-| `~i-vscode-icons:file-type-markdown~` | Markdown |
-| `~i-vscode-icons:file-type-git~` | Git |
-

package/templates/addon-slidev/package.json

@@ -1,54 +0,0 @@
-{
-  "name": "<%= projectName %>",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "docusaurus": "docusaurus",
-    "start": "docusaurus start",
-    "build": "docusaurus build",
-    "swizzle": "docusaurus swizzle",
-    "deploy": "docusaurus deploy",
-    "clear": "docusaurus clear",
-    "serve": "docusaurus serve",
-    "slidev": "slidev",
-    "write-translations": "docusaurus write-translations",
-    "write-heading-ids": "docusaurus write-heading-ids",
-    "typecheck": "tsc"
-  },
-  "dependencies": {
-    "@docusaurus/core": "^3.9.2",
-    "@docusaurus/preset-classic": "^3.9.2",
-    "@docusaurus/theme-mermaid": "^3.9.2",
-    "@mdx-js/react": "^3.0.0",
-    "@sp-days-framework/docusaurus-frontpage-collection": "^1.0.4",
-    "@sp-days-framework/docusaurus-plugin-interactive-tasks": "^1.0.4",
-    "@sp-days-framework/docusaurus-plugin-slidev": "^1.0.4",
-    "@sp-days-framework/slidev-theme-sykehuspartner": "^1.0.4",
-    "clsx": "^2.0.0",
-    "docusaurus-plugin-sass": "^0.2.6",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.9.2",
-    "@docusaurus/tsconfig": "^3.9.2",
-    "@docusaurus/types": "^3.9.2",
-    "typescript": "~5.6.2"
-  },
-  "browserslist": {
-    "production": [
-      ">0.5%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 3 chrome version",
-      "last 3 firefox version",
-      "last 5 safari version"
-    ]
-  },
-  "engines": {
-    "node": ">=20.0"
-  }
-}