Endringslogg

Added

• src/components/TerminalReadout.astro — animated CRT-style terminal panel in hero right column. Typing lines, pulsing bars with randomised speeds, live article count from collections. Purely CSS/JS, respects prefers-reduced-motion. Hidden on ≤768px.
• src/styles/tokens.css — new design token file with dark editorial palette (#0B0B0D bg, #CAFF00 neon lime, Saira Condensed + DM Sans + JetBrains Mono), overrides old teal/gold system via cascade.

Changed

• Full visual redesign: dark editorial aesthetic, neon lime accent, sharp corners everywhere (border-radius: 0 !important).
• Font stack: Saira Condensed (headlines) + DM Sans (body) + JetBrains Mono (mono/meta).
• Hero section: two-column split layout — headline/CTA left, animated terminal right. Image removed.
• Homepage section order: Hero → Ticker → Problem → Services → Knowledge → Why → Courses → CTA.
• Knowledge grid expanded from 3 to 9 items (3×3), combining knowledge + blog post collections.
• Heading case: h1/h2 uppercase with letter-spacing: 0.08em, h3–h6 mixed case. Article and post titles mixed case.
• All blockquotes use var(--f-mono) (JetBrains Mono).
• Section paragraph size: --font-size-xl (24px) → --font-size-md (18px).
• Footer and header nav links: text-transform: lowercase.
• Why-section: long title replaced with "Tre måter vi hjelper deg fremover." + neon eyebrow label.
• Sticky header with backdrop-filter: blur(12px) and border-bottom: 1px solid var(--line).

Added

• New migrated blog post: src/content/posts/vr-for-medikamenthndtering/index.mdx with local media.
• Added local video assets for the post under public/videos/posts/vr-for-medikamenthndtering/ (.mp4, .webm, poster image).

Changed

• Updated postbuild media optimizer (scripts/postbuild-webp.mjs) to fix rewritten video MIME types (video/webm when source is .webm).
• Updated blog post video markup to prefer WebM first with MP4 fallback for compatibility.
• Refined blog post video styling in src/pages/blog/[slug].astro for clearer visibility and interaction.
• Added @ffmpeg-installer/ffmpeg to devDependencies (merged from feature/build-webp-optimization).

Added

• Tailwind CSS v4 + daisyUI v5 installed and wired up via @tailwindcss/vite Vite plugin.
• tailwind.config.ts added as theme reference (not active in v4 without @config).
• daisyUI bridge CSS vars in variables.css: --color-base-100/200/300, --color-base-content, --radius-selector/field/box — dark theme applied via cascade override.

Changed

• astro.config.mjs: added @tailwindcss/vite to vite.plugins.
• src/styles/global.css: prepended @import "tailwindcss" and @plugin "daisyui".
• src/styles/variables.css: fixed --void-* colour values (were incorrectly set to primary teal), set --color-secondary to gold (#e5a31a), added daisyUI bridge vars.

Added

• Migrated nordic-bridge to folder-based post structure with colocated media:
• src/content/posts/nordic-bridge/index.mdx
• local images in the same folder (./*.jpg|png)
• Added heroImage support to posts collection schema for local, colocated hero media.

Changed

• Updated Squarespace migration script (scripts/migrate-squarespace.js) to:
• require canonical slug parity from urlId (no generated fallback slugs)
• output posts as src/content/posts/<slug>/index.mdx
• download images into the same post folder and rewrite image paths to relative ./...
• preserve figure captions and emit them under images
• preserve blockquotes as Markdown > blocks
• set heroImage in frontmatter for local featured images
• Updated blog routes to support both old and new post slug shapes by normalizing .../index slugs.
• Updated blog image resolution on listing/detail pages to prioritize heroImage and fall back to legacy image.

Added

• New course content: laer-deg-fusion-360 in src/content/courses/courses-2026-06-laer-deg-fusion-360/ with local media (Fusion360.png).
• New homepage upcoming-courses module:
• Split course section into intro + Kommende kurs.
• Horizontal course cards with left media / right meta and copy.
• Empty-state fallback when no upcoming courses are published.

Changed

• /events list is now sorted by ascending date so the earliest course appears first (top-left).
• Course image handling now uses frontmatter heroImage directly via Astro image entries (no hero filename resolver logic).
• Migrated existing course hero paths to local relative files:
• courses-2026-03-laer-deg-vibekode -> ./course-vibekoding.svg
• courses-2026-03-ki-strategi -> ./course-strategi.svg
• Refined homepage courses copy (Lær med oss) and card media to square 1:1 format.

Added

• New knowledge article: ki-som-motereferent-beslutninger-ikke-bare-tekst with local hero image.
• Caption support for article media:
• heroCaption in content schemas (knowledge, news, tools, base schema).
• Hero captions rendered on detail pages (kunnskap, nyheter, verktoy, events, case).
• New shared article styles for image captions and code blocks:
• figure/figcaption styling in article content.
• Markdown image+italic caption pattern support.
• Themed code block and inline code tokens via CSS variables.

Changed

• Updated adobe-firefly and chatgpt tool content and supporting media.
• Added caption text under KIwebpage2 image in hvordan-bygge-nettside-med-ki.

Removed

• Removed canva tool entry and local media from src/content/tools/canva/.

Fixed

• Corrected the mikael123 merge scope: kept only new tool content under src/content/tools/*.
• Removed unintended merge changes outside tools (src/pages/kunnskap/index.astro, src/pages/verktoy/index.astro, src/styles/global.css, and extra public/images/tools/* icons).

Changed

• Merged origin/mikael123 into main to bring in the expanded AI tools catalog and listing updates.

Added

• New event/news content and templates:
• Added event template: docs/templates/event-template.mdx
• Added course entry laer-deg-vibekode with new course hero placeholder
• Added news entry velger-bort-drommestudiet-ki
• Added reusable VibeKodeHero component for the vibekode visual treatment

Changed

• Implemented live client-side relative time updates (Oppdatert X siden) site-wide via BaseLayout with server fallback text
• Updated detail-page metadata markup (news, knowledge, tools, events, cases, blog) to support dynamic relative-time rendering
• Normalized updatedAt timestamps across tools and knowledge content for consistent metadata behavior
• Updated /events listing to use VibeKodeHero on the vibekode course card, and custom hero on the vibekode course detail page
• Replaced previous Copilot course content with the new Lær deg å vibekode! workshop entry and matching folder/slug structure
• Refined /nyheter card hover styling to warning-color border/title behavior
• Updated article link-hover behavior for source links to warning token colors in .article-content
• Updated README with:
• event template usage
• timestamp guidance for updatedAt
• client-side relative-time behavior
• current homepage/content notes

Removed

• Removed demo case content industribedrift-reduserte-ventetid
• Removed case promo block from homepage section beside courses
• Marked ki-strategi-for-ledere course as draft so it no longer renders in /events

Changed

• Reworked midjourney tool entry with updated positioning, pricing, tags, rating rationale, and expanded editorial assessment
• Added a 4-image Midjourney gallery in the tool article (kaytomas* assets), displayed in a two-column layout
• Added bottom notice CTA block on Midjourney tool page content
• Added shared article-content gallery styles for tool image grids (.tool-gallery-grid, .tool-gallery-image)

Changed

• Refined footer content structure and labeling:
• reordered sections to Kontakt, Produkter, Ressurser
• renamed contact link label to Kontakt oss
• removed Case from footer product links
• expanded resource links with Verktøy and Nyheter
• Simplified footer links presentation to stacked line-by-line links for better responsive behavior (removed inline slash-separated rows)
• Removed rounded cluster styling from footer links group (no border, no radius, no cluster padding)
• Left-aligned footer content consistently across breakpoints:
• intro text (Techlab bygger bro...)
• footer columns and list alignment
• address and MVA block alignment
• Increased footer grid bottom spacing, with extra breathing room on mobile

Changed

• Refined footer information architecture and layout:
• grouped Produkt, Ressurser, and Kontakt inside a shared rounded container
• improved responsive footer behavior so grouped links stay within bounds across desktop/tablet/mobile
• aligned footer section headings on the same top line and centered grouped link content
• simplified footer meta links to Github / Changelog with dedicated right/left alignment behavior per breakpoint
• Added subtle fading divider lines between adjacent page sections for clearer visual separation without boxed section borders
• Unified paired CTA hover behavior (primary/secondary) with matching scale animation and focus handling
• Increased primary (yellow) CTA hover glow intensity for stronger visual feedback

Added

• New reusable ArticleCTA component (src/components/ArticleCTA.astro) with default notice text and CTA actions
• New article frontmatter support for CTA control in knowledge and news collections:
• ctaText for per-article CTA text override
• showDefaultCta to disable default CTA rendering

Changed

• Restored end-of-article CTA rendering for active kunnskap routes (/kunnskap/oppslag/* and /kunnskap/nytt/*) using shared component
• Enabled ArticleCTA as an MDX component in kunnskap pages for in-body placement when needed
• Updated hvordan-bygge-nettside-med-ki with custom CTA notice text
• Increased .notice text size for better readability
• Fixed mobile header drawer link interaction colors to warning yellow on hover/focus/active and active state
• Improved mobile related-card layout:
• removed yellow left stripe
• removed left inset/padding treatment
• hid first metadata span on mobile
• Made RelatedItemCard fully clickable by converting entire card container into the link target
• Standardized global container padding to var(--spacing-2) across desktop and mobile

Added

• New tools: google-antigravity and vercel with local media assets
• New reusable MDX component RelatedItemCard for inline related cards in articles (tools and knowledge)
• New shared date utility src/utils/date.ts for consistent publish/updated formatting
• New tools template file: docs/templates/tool-template.mdx

Changed

• Standardized product naming from KI-Sprint to KI-kartlegging in user-facing copy (kept existing /ki-sprint route)
• Expanded and rewrote the hvordan-bygge-nettside-med-ki tools section, including inline related cards for Codex CLI and Google Antigravity
• Updated tools relation engine:
• similarity-based auto suggestions when relation fields are empty
• manual-only behavior when alternatives and/or comparableTools is explicitly set
• Unified tool/article author naming to Kay Tomas Fagverik Bertheussen in content and schema defaults
• Standardized metadata/byline presentation across detail pages:
• date shown without prefix label
• Oppdatert shown as relative time (minutter/timer/dager siden)
• pipe separators and author on its own line
• Increased article header description prominence
• Refined related item styling and spacing, and renamed class usage from tool-related-item to related-item
• Updated README.md with current tools workflow, relation behavior, and inline MDX card usage

Added

• New knowledge article: xr-vr-ar-hva-er-forskjellen with local hero/media assets
• New knowledge article: hvordan-bygge-nettside-med-ki with local hero/media assets and tool links

Changed

• Homepage knowledge section now prioritizes featured posts first and fills remaining slots up to three cards with non-featured posts
• Updated homepage knowledge heading/copy and warning-highlighted kunnskapsdatabase in section title
• Unified resource card hover behavior with tools card pattern (same hover border behavior and title-link underline animation)
• Added global article blockquote styling in .article-content to match site quote style (warning border + larger quote text)
• Standardized article tags toward AI (removed duplicate KI/AI overlap in article tags and removed lip-sync tag from HeyGen article)
• Refined article metadata presentation on knowledge/news detail pages (date/updated/author row) and updated tag-page header presentation

Changed

• Reworked background atmosphere from pink/blue tint to deeper green tones in both page background and mobile nav drawer
• Introduced reusable neutral card border tokens and aligned cards/resource/tool blocks to the same border system
• Updated footer top separators to use the same card-border token for visual consistency
• Unified CTA styling so primary actions (Book møte / Book samtale) now share the same warning-outline style across header and page sections
• Updated homepage why-cards to use the same dark card surface and border treatment as the rest of the site

Changed

• Unified tag canonicalization so KI and AI resolve to the same tag index and route (/tag/ai with alias /tag/ki)
• Updated tag links site-wide to use canonical tag slugs for consistent filtering and navigation
• Extended tag pages to include published tools, with article content shown first and tools listed under a dedicated Verktøy heading

Added

• New tools content collection with practical schema for pricing text, free/trial/API flags, rating source, website link, alternatives, media, status, and publish/update dates
• New tools repository layer under src/lib/tools/ (types, repository, content-repository, filter, search) to keep a stable data-access contract for future DB migration
• New tools pages:
• /verktoy with client-side search/filter (query, category, price mode, rating threshold, API, tag)
• /verktoy/[slug] with info segments, website link, alternatives/comparables, and related knowledge entries
• Initial tool entries:
• HeyGen AI Translate
• Midjourney
• Codex CLI
• Claude Code

Changed

• Extended knowledge schema with tools: string[] for stable tool-to-article linking
• Linked ai-videooversettelse article to heygen-ai-translate
• Surfaced related tools on knowledge detail pages for two-way navigation
• Added Verktøy to primary header navigation
• Updated README with tools collection, routing/filter conventions, and frontmatter template for new tool entries

Changed

• Unified badge styling across the site (.pill + .tag) with shared square shape, token-based colors, border, and subtle warning glow
• Replaced previous section kicker usage with shared .pill pattern across homepage and listing hero sections
• Improved article metadata row alignment so category pill, date, and updated date share consistent spacing and vertical alignment
• Updated inline CTA underline behavior to animate line-only on hover, and switched header/footer hover accents to warning color
• Refined footer content and links: KI / Strategi inline links, new signature copy, external links for GitHub/Astro/Vercel, and explicit changelog line
• Expanded README design documentation with current font usage mapping and a token-level color palette reference for faster theme edits

Changed

• Renamed /kurs route to /events (labels remain "Kurs" in navigation)
• Changelog page: removed blue gradient header, version badge, translated to Norwegian
• CTA glow animation changed from moving gradient to subtle pulse effect
• Homepage section text bumped to --font-size-xl
• Hero subtitle bumped to --font-size-xl
• Removed duotone/pixelate image filters from homepage cards and hero
• Footer address now links to Google Maps
• Unified footer hover style across address, MVA and section links

Added

• Pixelate gradient effect on knowledge card images (SVG filter with gradient mask at 69deg)
• .text-cta reusable class for inline text links with underline

Changed

• Primary CTA on hero replaced with text link to /ki-sprint
• Header scrolls with page content (absolute instead of fixed)
• Homepage hero copy updated with detailed KI-Sprint description

Added

• Animated glowing gradient border on primary CTA buttons (secondary/tertiary colors, 40s cycle)
• Duotone filter on knowledge card images with per-card color rotation
• Gradient overlay and noise texture on card images
• YouTube embed in AI-videooversettelse article
• Table styling for article content (centered, white inner borders, thead underline)
• Hero image on homepage (workshop photo, mirrored with duotone filter)

Changed

• Homepage title to "TECHLAB - Teknologi, strategi og digitale løsninger"
• Homepage hero copy rewritten with KI-Sprint description
• Favicon set to logo_square.png
• Tags uppercase site-wide
• Resource list images responsive: full width on mobile
• Knowledge articles labeled "Guide" instead of "Oppslag"
• Removed date from knowledge cards on homepage
• Removed "Case" from header navigation

Added

• New evergreen knowledge article: VR-eksponeringsterapi (migrated from blog with colocated images)
• New evergreen knowledge article: AI-videooversettelse med HeyGen (migrated from blog with YouTube embed)
• Table styling for article content (centered, white inner borders, header underline)
• Global noindex,nofollow for dev environment

Changed

• Site URL set to dev.techlab.no for dev/staging
• Knowledge articles labeled "Guide" instead of "Oppslag"
• Removed date stamp from knowledge cards on homepage
• Tags (.tag) now uppercase
• Images site-wide preserve aspect ratio (height: auto)
• Resource list images capped at 25% width, fill row height
• Ordered lists in articles now have proper left padding
• Removed "Case" from header navigation
• Removed placeholder knowledge articles (claude, claude-analyse, copilot-kontroll, trygg-ki, automatisering-kontroll)
• Expanded README documentation for knowledge and news article creation

Added

• Implemented leaf-folder content for knowledge/news with colocated assets (index.mdx + local images)
• Added first news article in new structure: claude-opus-4-6
• Added first knowledge article in new structure: claude
• Added new detail routes: /kunnskap/nytt/[...slug] and /kunnskap/oppslag/[...slug]

Changed

• Updated content schema for knowledge and news to support publishedAt, topic, status, and heroImage via Astro image() helper
• Updated /kunnskap listing to combine knowledge + news sorted by publishedAt
• Updated relevant list/detail templates to render both string and asset object image values

Changed

• Tightened UI polish on strategy theme: smaller shared radius baseline and improved spacing/alignment for CTA sections
• Updated footer contact details to kay@techlab.no and 93237754
• Added full address line in footer: Halvor Heyerdahls vei 31, Mo i Rana, Norge
• Reintroduced clickable MVA number in footer with copy-to-clipboard interaction and simplified hover styling

Added

• Techlab 2.0 content collections for knowledge, news, cases, and courses with tag/category support
• New routes for kunnskap, tag, kategori, KI-sprint, kurs, case, om, and kontakt
• RSS feed combining knowledge and news (/rss.xml)
• Shared SEO and CTA components for consistent metadata and conversion flows
• Placeholder imagery for large hero surfaces and cards

Changed

• Rebuilt homepage structure to match the Techlab 2.0 content hierarchy and CTAs
• Refreshed global design system and layout styling for a warm, modern aesthetic

Added

• Merged style-overhaul updates into main
• Added om-oss page and dynamic tjenester/[slug] pages
• Added repository agent guide file: AGENTS.md

Changed

• Improved /changelog rendering so entries are parsed into readable sections and bullet lists
• Improved /changelog typography and contrast for better readability of commit contents
• Updated shared styling on header, footer, homepage and global style layers from style overhaul

Added

• Committed utleie feature to main branch
• Added /utleie listing page and /utleie/[slug] detail pages
• Added utleie content entries in src/content/hardware with images in public/images/utleie

Changed

• Updated header navigation to include Utleie
• Updated global styles to support utleie pages

Added

• Migrated blog post praksisplass-p-techlab-2025 into src/content/posts with local images in public/images/posts/praksisplass-p-techlab-2025
• Added support for targeted migration by slug via --slug=SLUG in the Squarespace migration script
• Moved homepage styles out of src/pages/index.astro into src/styles/home.css and imported them from global styles

Changed

• Updated blockquote styling for blog and nyheter article pages: no background fill, hero font, and improved left-side spacing
• Improved migration deduplication and cleanup logic to avoid duplicate image blocks and strip Squarespace artifact lines that break/noise MDX
• Corrected invalid hero heading markup on the homepage

Changed

• Updated typography mapping: hero uses Space Grotesk, headings use Inter, and body text uses Lexend
• Reordered header navigation to place Nyheter before blog, and renamed "Blogg" to "blog"
• Refined footer typography and color hierarchy, including muted footer link styling
• Updated footer metadata text to "Endringslogg" and changed divider to // with secondary color
• Footer credit line now reads "Bygget med Tolmodighet + Astro, GitHub og Vercel" with external links
• Homepage hero title updated to "Løs fremtiden behov", with violet gradient applied only to "behov"

Removed

• TinaCMS runtime integration and .tina/ configuration from the project
• TinaCMS dependencies (tinacms, @tinacms/cli)

Changed

• Development script now runs plain Astro (npm run dev -> astro dev)
• README and environment template updated to Git-based content workflow without Tina
• Footer external CMS reference switched from TinaCMS to Astro

Added

• New nyheter segment with listing (/nyheter) and article pages (/nyheter/[...slug])
• News content collection and sample entries in src/content/news

Changed

• Nyheter listing and article pages restyled to match blog layout and card system
• Added image and tag display on nyheter listing and detail views
• Removed Tailwind utility classes from nyheter pages in favor of design tokens

Added

• Blog listing page (/blog) with responsive card grid
• Individual blog post pages (/blog/[slug]) with:
• Hero image support
• Prose styling for content
• Related posts section
• Back navigation

Changed

• Removed "Innovasjonslabb" badge from homepage hero section

Technical

• Blog routes use /blog (single 'g') instead of /blogg

Changed

• Footer layout restructured: navigation links on left, brand section on right
• Footer logo now uses logo_big.png image instead of text
• Footer section titles and links now use monospace font matching header navigation
• Unified link hover effect across header and footer (pink underline animation)
• Removed map/location icon from footer, kept text only

Added

• MVA number (929532937) with click-to-copy functionality in footer
• Shared .link-nav class in global.css for consistent navigation styling

Removed

• Dead navigation links from footer (kept only Blog)

Added

• Squarespace to Astro migration script (scripts/migrate-squarespace.js)
• Fetches blog posts from techlab.no JSON API
• Converts HTML content to Markdown using Turndown
• Downloads all images (featured + inline) to local storage
• Generates MDX files with proper frontmatter
• Handles Norwegian characters (æ, ø, å)
• CLI options: --dry-run, --limit=N, --skip-images, --verbose
• NPM scripts for migration:
• npm run migrate - Run full migration
• npm run migrate:dry - Preview without writing files
• Migration dependencies: cheerio, node-fetch, turndown, slugify
• Sample migrated blog post with images

Technical

• Migration script uses Squarespace JSON endpoint for reliable data extraction
• Images organized in public/images/posts/[slug]/ directories
• Posts output to src/content/posts/ as MDX files
• Proper date parsing from Squarespace timestamps

Added

• Comprehensive CSS design system with extensive variables
• Color palette: Dark grey background (#1a1a1a) with white text
• Primary accent: Cyan (#06b6d4)
• Secondary accent: Pink (#ec4899)
• Complete spacing scale (0-32/128px)
• Typography scale with font sizes, weights, line heights
• Border radius, shadows, and z-index systems
• Transition durations and easing functions
• Montserrat font integration for headlines (Bold Italic 700)
• Changelog system and versioning
• Dark theme throughout entire site
• Enhanced button system (primary, secondary, outline, ghost variants)
• Improved accessibility with focus states

Changed

• Updated color scheme from light blue theme to dark theme
• Headlines now use Montserrat Bold Italic, uppercase styling
• Site base URL changed from /techlab to root /
• Site domain set to techlab.no
• Card components updated with dark theme styling
• Footer styling updated for dark theme
• Header navigation updated for dark theme

Technical

• All CSS now uses comprehensive variable system
• Consistent use of design tokens across components
• Improved code organization and documentation

Added

• Initial Astro project setup with TypeScript (strict mode)
• TinaCMS integration for content management
• MDX and Sitemap support
• Content collections schema for:
• Pages (static content)
• Posts (blog articles)
• Hardware (equipment catalog)
• Courses (educational programs)
• Team (member profiles)
• Services (service offerings)
• TinaCMS configuration with Norwegian labels
• Project structure setup:
• /src/content/ - Content collections
• /src/components/ - Reusable components
• /src/layouts/ - Page layouts
• /src/styles/ - Global styles
• /public/ - Static assets
• /.tina/ - TinaCMS configuration
• Base layouts:
• BaseLayout.astro - HTML foundation
• PageLayout.astro - Standard page wrapper
• Core components:
• Header.astro - Navigation with mobile menu
• Footer.astro - Site footer with links
• Homepage (index.astro) with sections:
• Hero section
• About section
• Featured hardware
• Featured courses
• Recent blog posts
• Environment configuration (.env.example)
• CSS foundation:
• reset.css - CSS reset
• variables.css - Design tokens
• global.css - Base styles
• README.md with comprehensive project documentation

Technical

• Astro v5.16.8
• TypeScript strict mode
• TinaCMS v3.3.0
• Node.js 20.x+ required
• Package management with npm