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

package/templates/addon-slidev/slidev/slidev-theme-sykehuspartner.md

@@ -2,7 +2,7 @@
 theme: "@sp-days-framework/slidev-theme-sykehuspartner"
 title: Sykehuspartner Slidev Theme
 description: A professional Slidev theme for creating presentations with consistent Sykehuspartner branding
-layout: intro
+layout: cover
 ---
 
 # Sykehuspartner Slidev Theme

package/templates/addon-slidev/slidev/templates/_category_.yml

@@ -0,0 +1,2 @@
+label: "Templates"
+description: "Slidev presentation templates"

package/templates/addon-slidev/slidev/templates/process-documentation.md

@@ -0,0 +1,193 @@
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: Process Documentation Template
+description: Document workflows and processes for your team
+layout: cover
+---
+
+# Process Documentation Template
+
+## Workflow & Procedures
+
+---
+layout: intro
+---
+
+# Process Overview
+
+## Purpose & Scope
+
+This document outlines the standard process for [activity]. Following this ensures consistency and quality.
+
+**Owner:** Team Lead  
+**Last Updated:** December 2025
+
+---
+layout: section
+---
+
+# Process Flow
+
+## Step-by-Step Guide
+
+---
+layout: three-cols-header
+---
+
+# The Three Phases
+
+::left::
+
+## 1. Initiation
+
+**Trigger:** Request received
+
+- Validate requirements
+- Assess feasibility
+- Assign resources
+- Create ticket
+
+**Output:** Approved request
+
+::middle::
+
+## 2. Execution
+
+**Trigger:** Approval granted
+
+- Plan activities
+- Execute tasks
+- Monitor progress
+- Handle issues
+
+**Output:** Completed work
+
+::right::
+
+## 3. Closure
+
+**Trigger:** Work complete
+
+- Review results
+- Document lessons
+- Get sign-off
+- Archive records
+
+**Output:** Closed ticket
+
+---
+layout: two-cols-header
+---
+
+# Detailed Steps
+
+::left::
+
+## Step 1: Request
+
+1. Submit request via portal
+2. Include required information
+3. Attach supporting documents
+4. Select priority level
+
+**SLA:** Response within 24 hours
+
+::right::
+
+## Step 2: Review
+
+1. Validate completeness
+2. Check against criteria
+3. Assign to team member
+4. Communicate timeline
+
+**SLA:** Decision within 48 hours
+
+---
+layout: two-cols-header
+---
+
+# Roles & Responsibilities
+
+::left::
+
+## Requester
+
+- Submit complete requests
+- Provide context
+- Respond to questions
+- Accept deliverables
+
+::right::
+
+## Processor
+
+- Review submissions
+- Execute process steps
+- Update status
+- Deliver results
+
+---
+layout: two-cols-header
+---
+
+# Decision Points
+
+::left::
+
+## Approval Criteria
+
+- ✅ Requirements complete
+- ✅ Within scope
+- ✅ Resources available
+- ✅ Priority justified
+
+::right::
+
+## Rejection Reasons
+
+- ❌ Incomplete information
+- ❌ Out of scope
+- ❌ Duplicate request
+- ❌ Missing authorization
+
+---
+layout: center
+---
+
+# ⚠️ Important
+
+All requests must follow this process.
+
+**Exceptions require manager approval.**
+
+---
+layout: two-cols-header
+---
+
+# Quick Reference
+
+::left::
+
+## Contacts
+
+- **Support:** support@example.com
+- **Escalation:** manager@example.com
+- **Documentation:** wiki.example.com
+
+::right::
+
+## Links
+
+- Request Portal
+- Status Dashboard
+- FAQ & Help
+- Training Materials
+
+---
+layout: end
+---
+
+# Questions?
+
+## Contact the Process Owner

package/templates/addon-slidev/slidev/templates/technical-workshop.md

@@ -0,0 +1,160 @@
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: Technical Workshop Template
+description: A hands-on workshop format for technical training sessions
+layout: cover
+---
+
+# Technical Workshop Template
+
+## Hands-on Learning Experience
+
+---
+layout: intro
+---
+
+# Workshop Overview
+
+## What You'll Build
+
+In this workshop, you'll learn to build a complete solution step-by-step with practical exercises.
+
+**Duration:** 2 hours  
+**Level:** Intermediate
+
+---
+layout: two-cols-header
+---
+
+# Prerequisites
+
+::left::
+
+## Required Knowledge
+
+- Basic programming experience
+- Familiarity with command line
+- Understanding of core concepts
+- Development environment setup
+
+::right::
+
+## Tools Needed
+
+- Code editor (VS Code recommended)
+- Terminal access
+- Git installed
+- Required SDKs/runtimes
+
+---
+layout: section
+---
+
+# Part 1
+
+## Getting Started
+
+---
+layout: two-cols-header
+---
+
+# Step 1: Project Setup
+
+::left::
+
+## Create Project Structure
+
+```bash
+mkdir my-project
+cd my-project
+npm init -y
+```
+
+This creates a new project with default configuration.
+
+::right::
+
+## Install Dependencies
+
+```bash
+npm install express dotenv
+npm install -D typescript @types/node
+```
+
+Install both runtime and development dependencies.
+
+---
+
+# Step 2: Configuration
+
+## Create Configuration File
+
+```typescript
+// config.ts
+import { config } from 'dotenv';
+
+config();
+
+export const settings = {
+  port: process.env.PORT || 3000,
+  environment: process.env.NODE_ENV || 'development',
+  apiKey: process.env.API_KEY,
+};
+```
+
+Environment variables keep sensitive data secure.
+
+---
+layout: two-cols-header
+---
+
+# Step 3: Implementation
+
+::left::
+
+## Before (Basic)
+
+```typescript
+// Simple approach
+function getData() {
+  const response = fetch(url);
+  return response.json();
+}
+```
+
+Basic implementation without error handling.
+
+::right::
+
+## After (Improved)
+
+```typescript
+// Better approach
+async function getData() {
+  try {
+    const response = await fetch(url);
+    if (!response.ok) throw new Error();
+    return response.json();
+  } catch (e) {
+    console.error('Failed:', e);
+  }
+}
+```
+
+---
+layout: center
+---
+
+# 🎯 Exercise Time
+
+Try implementing the improved version yourself.
+
+**Time:** 10 minutes
+
+---
+layout: end
+---
+
+# Workshop Complete!
+
+## Questions & Discussion

package/templates/addon-slidev/slidev/templates/tool-introduction.md

@@ -0,0 +1,160 @@
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: Tool Introduction Template
+description: Introducing a new tool or technology to your team
+layout: cover
+---
+
+# Tool Introduction Template
+
+## Discover New Technology
+
+---
+layout: intro
+---
+
+# What is [Tool Name]?
+
+## A Brief Introduction
+
+[Tool Name] is a modern solution that helps teams accomplish their goals more efficiently.
+
+**Category:** Development Tool  
+**License:** Open Source / Commercial
+
+---
+layout: fact
+---
+
+# 10x
+
+## Faster than traditional approaches
+
+Based on real-world benchmarks
+
+---
+layout: two-cols-header
+---
+
+# Key Features
+
+::left::
+
+## Core Capabilities
+
+- **Feature 1** - Primary functionality
+- **Feature 2** - Secondary capability
+- **Feature 3** - Advanced option
+- **Feature 4** - Integration support
+
+::right::
+
+## Benefits
+
+- Increased productivity
+- Reduced complexity
+- Better collaboration
+- Improved reliability
+
+---
+layout: section
+---
+
+# Getting Started
+
+## Installation & Setup
+
+---
+
+# Installation
+
+## Quick Setup Guide
+
+```bash
+# Install via package manager
+npm install -g tool-name
+
+# Verify installation
+tool-name --version
+
+# Initialize in your project
+tool-name init
+```
+
+**Requirements:** Node.js 18+, Git
+
+---
+layout: two-cols-header
+---
+
+# Configuration
+
+::left::
+
+## Basic Config
+
+```yaml [tool-config.yaml ~i-vscode-icons:file-type-yaml~]
+# Minimal configuration
+name: my-project
+version: 1.0.0
+settings:
+  debug: false
+  output: ./dist
+```
+
+::right::
+
+## Advanced Options
+
+```yaml [tool-config.yaml ~i-vscode-icons:file-type-yaml~]
+# Extended configuration
+name: my-project
+version: 1.0.0
+settings:
+  debug: true
+  output: ./dist
+plugins:
+  - plugin-a
+  - plugin-b
+```
+
+---
+
+# Common Commands
+
+## Daily Usage
+
+```bash
+# Start development mode
+tool-name dev
+
+# Run tests
+tool-name test
+
+# Build for production
+tool-name build
+
+# Deploy to environment
+tool-name deploy --env production
+```
+
+Use `tool-name --help` for full command reference.
+
+---
+layout: center
+---
+
+# 🚀 Try It Now
+
+Get started in under 5 minutes.
+
+**Documentation:** docs.example.com  
+**Support:** support@example.com
+
+---
+layout: end
+---
+
+# Questions?
+
+## Let's Discuss

package/templates/addon-slidev/slidev/templates/training-module.md

@@ -0,0 +1,149 @@
+---
+theme: "@sp-days-framework/slidev-theme-sykehuspartner"
+title: Training Module Template
+description: Educational content format for training and onboarding
+layout: cover
+---
+
+# Training Module Template
+
+## Learning & Development
+
+---
+layout: intro
+---
+
+# Module Overview
+
+## Learning Objectives
+
+By the end of this module, you will be able to:
+
+- Understand core concepts and terminology
+- Apply knowledge to practical scenarios
+- Identify common patterns and solutions
+
+---
+layout: fact
+---
+
+# 80%
+
+## of learning happens through practice
+
+Hands-on experience is key to retention
+
+---
+layout: section
+---
+
+# Core Concepts
+
+## Foundation Knowledge
+
+---
+layout: two-cols-header
+---
+
+# Key Concept 1
+
+::left::
+
+## Definition
+
+A clear explanation of the first key concept that learners need to understand.
+
+**Important:** This forms the foundation for everything else in this module.
+
+::right::
+
+## Example
+
+```yaml
+# Real-world example
+name: demonstration
+type: practical
+difficulty: beginner
+```
+
+Concrete examples help solidify understanding.
+
+---
+layout: three-cols-header
+---
+
+# Three Pillars
+
+::left::
+
+## Pillar 1
+
+**Foundation**
+
+The base knowledge required to build upon.
+
+- Core principles
+- Basic terminology
+- Essential skills
+
+::middle::
+
+## Pillar 2
+
+**Application**
+
+Putting knowledge into practice.
+
+- Hands-on exercises
+- Real scenarios
+- Problem solving
+
+::right::
+
+## Pillar 3
+
+**Mastery**
+
+Advanced understanding and expertise.
+
+- Complex situations
+- Edge cases
+- Best practices
+
+---
+layout: center
+---
+
+# 💡 Key Takeaway
+
+Understanding the fundamentals enables you to adapt to any situation.
+
+---
+layout: two-cols-header
+---
+
+# Knowledge Check
+
+::left::
+
+## Question
+
+What is the primary benefit of understanding core concepts before diving into implementation?
+
+::right::
+
+## Answer
+
+Building on solid foundations ensures:
+- Faster problem-solving
+- Better decision making
+- Reduced errors
+- Easier adaptation
+
+---
+layout: end
+---
+
+# Module Complete!
+
+## Ready for the Next Step

package/templates/page-course/course/placeholder-basic-usage.mdx

@@ -11,18 +11,52 @@ See interactive tasks in action with real-world examples. This page demonstrates
 
 ---
 
-::::task[Install the Plugin]
+::::task[Install the SP Days Package]
 
-Follow these steps to add Interactive Tasks to your Docusaurus project:
+Follow these steps to create a SP Days instance in your repo:
 
 1. Open your terminal in the project root directory
-2. Run the installation command for your package manager
-3. Verify the package appears in your `package.json` dependencies
-
+2. Run the installation `npx @sp-days-framework/create-sp-day`
 
 :::hint
 
-If you created your project with `@sp-days-framework/create-sp-days`, this plugin is already installed and you can skip this task.
+All packages and plugins will be installed and pre-configured!
+
+:::
+
+:::output
+
+```terminal user="ubuntu" host="server" directory="~/"
+// command "npx @sp-days-framework/create-sp-days"
+{cyan}[INFO]{/cyan} Creating a new SP-Days site...
+{green}[SUCCESS]{/green} Base template copied
+{green}[SUCCESS]{/green} Slidev addon installed
+{green}[SUCCESS]{/green} Resources addon installed
+{green}[SUCCESS]{/green} Configuration processed
+{cyan}[INFO]{/cyan} Installing dependencies with npm...
+{green}[SUCCESS]{/green} Dependencies installed
+{green}[SUCCESS]{/green} Created example-repo at "docs".
+{cyan}[INFO]{/cyan} Inside that directory, you can run several commands:
+
+  {cyan}`npm start`{/cyan}
+    Starts the development server.
+
+  {cyan}`npm run build`{/cyan}
+    Bundles your website into static files for production.
+
+  {cyan}`npm run serve`{/cyan}
+    Serves the built website locally.
+
+  {cyan}`npm run slidev`{/cyan}
+    Launches Slidev presentation server.
+
+We suggest that you begin by typing:
+
+  {cyan}`cd docs`{/cyan}
+  {cyan}`npm start`{/cyan}
+
+Happy days! 📚
+```
 
 :::