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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user