SplatDev.Umbraco.Themes.Portfolio 1.0.4

UmbracoCms.Themes.Portfolio

Portfolio theme for Umbraco — project grid, project detail, filtering, lightbox, about page.

Package Info

Features

• Portfolio Home — minimal hero (Minimal / Bold / Creative styles), about preview, featured projects grid, services overview, testimonials, contact teaser
• Projects Listing — filterable project grid by category (isotope-ready CSS classes + built-in JS fallback), hover overlay
• Project Detail — full-width hero image, project metadata card, challenge/solution narrative, gallery with lightbox, technology tags, prev/next navigation
• About Page — bio with photo, skill progress bars, vertical experience timeline, education cards, awards list
• Services Page — service cards with icon, description, price
• Contact Page — contact form placeholder
• Dark / Light mode — toggle via CSS custom properties, persisted to localStorage

Document Types

Element Types

skillElement, technologyElement, testimonialElement, serviceItem, processStep, awardElement, experienceElement, educationElement, projectMediaElement

Schema Import

The composer PortfolioThemeComposer automatically:

1. Extracts the embedded Config/umbraco.yml to {ContentRoot}/config/themes/portfolio/umbraco.yml on first boot.
2. Runs the Yaml2Schema import (data types, document types, templates).
3. Creates a .import.done marker file to skip on subsequent boots.

Templates

Stylesheet

wwwroot/css/portfolio-theme.css — serves from /css/portfolio-theme.css.
Customise the accent color and other tokens in :root:

:root {
  --color-accent:   #6c63ff;   /* override via portfolioRoot.accentColor */
  --font-heading:   "Inter", system-ui, sans-serif;
  --font-body:      "Inter", system-ui, sans-serif;
  --spacing-unit:   8px;
  --radius-lg:      16px;
}

The portfolioRoot document type has an accentColor property that gets injected as an inline <style> on every page to override --color-accent per-installation.

Changelog

1.0.4 — 2026-08-24

Removes a dashboard screenshot that showed an error toast. It was captured against a site where this plugin's API was unreachable, so it advertised a broken dashboard. No screenshot is better than a misleading one; a replacement will be taken against a working install.

1.0.3 — 2026-08-24

Package metadata only: the listing now carries an icon and search tags, and the project and repository links point at the organisation that actually hosts this code. No code changes.

1.0.2 — 2026-08-24

This package now keeps a changelog. Earlier releases predate it and are not reconstructed here — consult the repository history for those. From this version on, every release records what changed for someone using it.