Clean up dan-eden-portfolio demo site

- Replace minified scraped HTML with clean, readable portfolio demo
- Remove all Next.js assets and dependencies (_next/, fonts, images)
- Create hand-crafted HTML with proper structure and modern CSS
- Maintain portfolio theme with projects, timeline, and professional content
- Reduce from 30KB minified to 6KB clean, readable HTML
- Update README to reflect new clean demo purpose
This commit is contained in:
2025-09-17 00:11:27 +02:00
parent 71561316da
commit fb7df5a5c5
37 changed files with 206 additions and 79 deletions

View File

@@ -1,46 +1,35 @@
# Dan Eden Portfolio
# Daniel Eden Portfolio Demo
## Original URL
https://daneden.me
A clean, modern portfolio demo site showcasing how insertr works with more complex HTML structures and content types.
## Downloaded
2025-09-11T15:48:33.014Z
## Features
## 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
- **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
## 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
## Content Structure
## 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
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
## 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
## Usage
## 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
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.
## Files
- `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
- `index.html` - Clean, hand-crafted portfolio demo
- `insertr.yaml` - Site configuration
- `insertr-config.json` - Content management settings