Merge branch 'main' of https://github.com/digiquip/dq-website

Author: alydersen

.claude/settings.local.json

@@ -1,7 +1,7 @@
 {
   "permissions": {
     "allow": [
-      "Bash(git -C /Users/alydersen/Workspace/DigiQuip/dq-website log --oneline -20)",
+      "Bash(git log --oneline -20)",
       "Bash(grep:*)"
     ]
   }

SETUP.md

@@ -0,0 +1,130 @@
+# Project Setup Guide
+
+This guide will help you set up the DQ Website project on Windows.
+
+## Prerequisites
+
+### 1. Install Node.js
+
+The project requires Node.js version 20 or higher (as specified in `package.json`). CI/CD uses Node 20.
+
+**Download and Install:**
+1. Visit [https://nodejs.org/](https://nodejs.org/)
+2. Download the LTS (Long Term Support) version (recommended)
+3. Run the installer and follow the setup wizard
+4. Make sure to check "Add to PATH" during installation
+
+**Verify Installation:**
+Open a new PowerShell window and run:
+```powershell
+node --version
+npm --version
+```
+
+Both commands should return version numbers.
+
+### 2. Install Yarn (Optional but Recommended)
+
+The project uses Yarn as the package manager (see `README.md`). You can install it globally:
+
+```powershell
+npm install -g yarn
+```
+
+**Verify Installation:**
+```powershell
+yarn --version
+```
+
+**Alternative:** You can also use npm instead of yarn. Both `package.json` and `package-lock.json` are present, so npm will work fine.
+
+## Project Setup Steps
+
+### Step 1: Install Dependencies
+
+Navigate to the project directory and install dependencies:
+
+**Using Yarn (recommended):**
+```powershell
+cd c:\Users\cwest\Documents\GitHub\dq-website
+yarn install
+```
+
+**Or using npm:**
+```powershell
+cd c:\Users\cwest\Documents\GitHub\dq-website
+npm install
+```
+
+This will create the `node_modules` folder and install all required dependencies.
+
+### Step 2: Start the Development Server
+
+**Using Yarn:**
+```powershell
+yarn start
+```
+
+**Or using npm:**
+```powershell
+npm run start
+```
+
+This will:
+- Start the Docusaurus development server
+- Open your browser automatically
+- Watch for file changes and hot-reload
+
+The site will typically be available at `http://localhost:3000`
+
+## Troubleshooting
+
+### Issue: "npm/yarn is not recognized"
+- **Solution:** Node.js is not installed or not in your PATH. Install Node.js and restart your terminal.
+
+### Issue: "npm.ps1 cannot be loaded because running scripts is disabled"
+This is a PowerShell execution policy issue. You have three options:
+
+**Option 1: Bypass execution policy for current session (Quick Fix)**
+```powershell
+Set-ExecutionPolicy -ExecutionPolicy Bypass -Scope Process
+npm install
+```
+
+**Option 2: Use Command Prompt instead**
+- Open Command Prompt (cmd.exe) instead of PowerShell
+- Navigate to the project directory and run `npm install`
+
+**Option 3: Change execution policy permanently (Requires Admin)**
+1. Open PowerShell as Administrator
+2. Run: `Set-ExecutionPolicy RemoteSigned -Scope CurrentUser`
+3. Close and reopen PowerShell
+4. Run `npm install`
+
+**Recommended:** Use Option 1 for a quick fix, or Option 2 if you prefer not to change PowerShell settings.
+
+### Issue: "node_modules folder doesn't exist"
+- **Solution:** Run `yarn install` or `npm install` to install dependencies.
+
+### Issue: Port 3000 is already in use
+- **Solution:** Either stop the other application using port 3000, or set a different port:
+  ```powershell
+  yarn start --port 3001
+  ```
+
+### Issue: Permission errors on Windows
+- **Solution:** Run PowerShell as Administrator, or check that you have write permissions to the project directory.
+
+## Additional Commands
+
+- **Build for production:** `yarn build` or `npm run build`
+- **Clear cache:** `yarn clear` or `npm run clear`
+- **Serve production build:** `yarn serve` or `npm run serve`
+
+## Next Steps
+
+Once the development server is running, you can:
+- Edit files in `src/` for React components
+- Edit files in `docs/` for documentation pages
+- Edit files in `blog/` for blog posts
+- Changes will automatically reload in the browser

package.json

@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.9.2",
-    "@docusaurus/types": "^3.5.2"
+    "@docusaurus/types": "^3.9.2"
   },
   "browserslist": {
     "production": [
@@ -46,6 +46,6 @@
     ]
   },
   "engines": {
-    "node": ">=18.0"
+    "node": ">=20.0"
   }
 }

src/pages/event-maskinforordningen/index.js

@@ -12,7 +12,7 @@ function EventMaskinforordningenSection() {
   const location = useLocation();
   const { siteConfig } = useDocusaurusContext();
   const shareUrl = siteConfig.url + location.pathname;
-  const title = 'Hva betyr Maskinforordningen for utleiebransjen?';
+  const title = 'Samling og lunsj på Construction City!';
 
   const copyToClipboard = async () => {
     try {
@@ -40,7 +40,7 @@ function EventMaskinforordningenSection() {
     <section className={styles.eventMaskinforordningenSection}>
       <div className='container'>
         <div className={styles.eventMaskinforordningenHeroText}>
-          <h1 className={styles.eventMaskinforordningenTitle}>Seminar om Maskinforordningen</h1>
+          <h1 className={styles.eventMaskinforordningenTitle}>Samling og lunsj på Construction City!</h1>
         </div>
         {/* Main content grid */}
         <div className={styles.eventMaskinforordningenGrid}>
@@ -52,15 +52,18 @@ function EventMaskinforordningenSection() {
                   className={styles.eventMaskinforordningenBenefitImage}
                 />
               </div>
-              <h3>Hva betyr Maskinforordningen for utleiebransjen?</h3>
+              <h3>Velkommen til samling og lunsj på Construction City!</h3>
               <div className={styles.eventMaskinforordningenBenefitsText}>
-                <p>Nå skjer det! Maskinforordningen trer i kraft i 2027. Hva betyr det for utleiebransjen?</p>
-                <p>Vi inviterer inn til et gratis seminar på Construction City.</p>
+                <p>Vi tar for oss kravene i Maskinforordningen, og dere vil få mer informasjon om:</p>
                 <ul>
-                  <li>Hva er ditt ansvar som utleier?</li>
-                  <li>Hva kan du kreve av dine leverandører?</li>
-                  <li>Hvordan løser du de nye kravene?</li>
+                  <li>Nytt verktøy for sakkyndig kontroll</li>
+                  <li>Nytt verktøy for digitalt innhold</li>
+                  <li>Kvipp: Siste status</li>
+                  <li>Landingsside QR-koder</li>
+                  <li>Oppdatert plan for alle dere som har dataflyt-produkter fra oss; EQM, Onlet, MREG, etc.</li>
                 </ul>
+                <p>PS: Alle vil få hver sin tilpassede plan. Si fra om dere vil ha et eget møte etter samlingen.</p>
+                <p>Bruk skjemaet til å melde deg på.</p>
               </div>
 
               <div className={styles.eventMaskinforordningenEventInfo}>