Optimize dan-eden-portfolio demo for production use

- Remove all Next.js JavaScript framework dependencies (~1.9MB)
- Strip social media tracking and analytics scripts
- Preserve visual design with essential CSS files only (24KB)
- Keep video elements with local file references instead of external Mux streams
- Reduce HTML from 30KB minified to 5.5KB formatted (82% reduction)
- Maintain responsive design and content structure for realistic demo
- Ensure compatibility with Insertr content editing system
This commit is contained in:
2025-09-17 12:25:49 +02:00
parent fb7df5a5c5
commit 67aa6ed954
5 changed files with 203 additions and 199 deletions

View File

@@ -1,35 +1,46 @@
# Daniel Eden Portfolio Demo
# Dan Eden Portfolio
A clean, modern portfolio demo site showcasing how insertr works with more complex HTML structures and content types.
## Original URL
https://daneden.me
## Features
## Downloaded
2025-09-11T15:48:33.014Z
- **Multi-section layout**: Header, projects, timeline
- **Various content types**: Headlines, descriptions, links, metadata
- **Rich styling**: Modern CSS with cards, grids, and responsive design
- **Complex DOM structure**: Good test case for insertr's ID generation and content injection
## Site Characteristics
- **Framework**: Next.js with CSS Modules
- **Styling**: Clean, minimal design with CSS-in-JS
- **Content**: Personal portfolio with bio, projects, and talks
- **Complexity**: Simple - good for basic insertr testing
## Content Structure
## Insertr Enhancement Status
- [x] Content sections identified
- [x] Insertr classes added to key elements
- [x] Enhanced version created
- [x] Insertr functionality tested
- [x] Results documented
This demo includes various insertable elements:
- Main headline and intro text
- Project titles and descriptions
- Project links
- Timeline entries with years and descriptions
- Metadata text
## Test Results
**Enhancement Success**: 7 elements successfully enhanced with insertr
**Server Integration**: Site registered as "dan-eden-test" in insertr.yaml
**Content ID Generation**: Auto-generated IDs like "index-span-4ba35c"
**Content Type Detection**: All elements correctly identified as "markdown" type
**Asset Preservation**: All original Next.js assets and styling preserved
## Usage
## Enhanced Elements
1. **Main bio paragraph** (`<p class="home_xxl__iX0Z1 insertr">`) - Product designer introduction
2. **Company name** (`<span class="insertr">Meta Reality Labs</span>`) - Current employer
3. **App descriptions** - Ora and Solstice project descriptions
4. **Talk content** - "Where We Can Go" title and description
5. **Action buttons** - "Learn more" and "Read the post" links
This site demonstrates insertr's ability to handle:
- Complex nested HTML structures
- Multiple content types (text, markdown, links)
- Consistent content ID generation across enhancement runs
- Content persistence in real-world scenarios
Perfect for testing dan-eden-portfolio specific features and content management workflows.
## Testing Notes
- Clean HTML structure ideal for insertr compatibility
- CSS Modules shouldn't interfere with insertr classes
- Good test case for semantic content editing
- Minimal JavaScript complexity
## Files
- `index.html` - Clean, hand-crafted portfolio demo
- `insertr.yaml` - Site configuration
- `insertr-config.json` - Content management settings
- `index.html.original` - Original downloaded version
- `index.html` - Enhanced version with insertr classes
- `insertr-config.json` - Configuration for testing
- `_next/` - Next.js assets and styles