Joakim
67aa6ed954
- 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
171 lines
5.4 KiB
HTML
171 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||
<link rel="stylesheet" href="_next/static/css/53b634381c30ef2d.css" />
|
||
<link rel="stylesheet" href="_next/static/css/e0f28746eee6ced7.css" />
|
||
<title>Daniel Eden, Designer</title>
|
||
<meta name="description" content="The personal site, blog, and portfolio of Daniel Eden, a designer writing and thinking about design systems."/>
|
||
<link rel="icon" href="icon.jpeg" type="image/jpeg" sizes="512x512"/>
|
||
</head>
|
||
<body>
|
||
<nav class="styles_skipLink__2dFX9">
|
||
<a href="index.html#content">Skip to content</a>
|
||
</nav>
|
||
<div class="home_root__o7QEV">
|
||
<div class="home_intro__8dWW4 undefined">
|
||
<p class="home_xxl__iX0Z1">Daniel Eden is a Product Designer at<!-- --> <a href="#meta">Meta Reality Labs</a>
|
||
, working on Avatars & Identity, helping people express their full selves in the Metaverse. He spends his time<!-- --> <a href="#">writing</a>
|
||
, thinking,<!-- --> <a rel="me" href="#social">posting</a>
|
||
, and talking about Design Systems: how they scale, how they break, and the people that maintain them.</p>
|
||
</div>
|
||
<section class="styles_root__ezqfE">
|
||
<div class="styles_card__Zgiwg styles_highlight__PDTTu">
|
||
<h2>Ora</h2>
|
||
<p>An app about time for iPhone, iPad, and Apple Watch.</p>
|
||
<div>
|
||
<div class="styles_root__rUjFN" style="aspect-ratio:0.49300441826215025">
|
||
<img alt="" width="1339" height="2716" class="styles_bezel___vGQl" style="color:transparent" src="placeholder-image.jpg"/>
|
||
<div class="styles_children__D9Nsi" style="padding:5.925%">
|
||
<figure>
|
||
<video src="demo-video.mp4" autoPlay="" playsInline="" loop="" width="589" height="1278" poster="demo-poster.jpg" muted="" preload="auto">
|
||
</video>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="styles_button__OAX5k" href="#">Learn more →</a>
|
||
</div>
|
||
<div class="styles_card__Zgiwg styles_highlight__PDTTu">
|
||
<h2>Solstice</h2>
|
||
<p>An app about daylight for iPhone, iPad, Mac, Apple Watch, and Apple Vision Pro.</p>
|
||
<div>
|
||
<div class="styles_root__rUjFN" style="aspect-ratio:0.49300441826215025">
|
||
<img alt="" width="1339" height="2716" class="styles_bezel___vGQl" style="color:transparent" src="placeholder-image.jpg"/>
|
||
<div class="styles_children__D9Nsi" style="padding:5.925%">
|
||
<figure>
|
||
<video src="demo-video.mp4" autoPlay="" playsInline="" loop="" width="589" height="1278" poster="demo-poster.jpg" muted="" preload="auto">
|
||
</video>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="styles_button__OAX5k" href="#">Learn more →</a>
|
||
</div>
|
||
<div class="styles_card__Zgiwg styles_highlight__PDTTu">
|
||
<h2>Where We Can Go</h2>
|
||
<p>A<!-- --> <a href="https://www.clarityconf.com/session/where-we-can-go">conference talk</a>
|
||
<!-- -->and <a href="#">essay</a>
|
||
about design systems and design tools.</p>
|
||
<div class="styles_stretcher__vQB9_">
|
||
<figure class="styles_wwcgImage__6T0vh">
|
||
<img alt="Daniel Eden presenting “Where We Can Go” at Clarity Conference 2019" width="698" height="707" class="" style="color:transparent" sizes="(max-width: 800px) 680px, 100vw" src="placeholder-image.jpg"/>
|
||
</figure>
|
||
<a class="styles_button__OAX5k" href="#">Read the post →</a>
|
||
</div>
|
||
</div>
|
||
<div class="styles_card__Zgiwg styles_highlight__PDTTu">
|
||
<h2>Zeitgeist</h2>
|
||
<p>An app for <a href="https://vercel.com">Vercel</a>
|
||
developers for iPhone, iPad, and Mac.</p>
|
||
<div>
|
||
<div class="styles_root__rUjFN" style="aspect-ratio:0.49300441826215025">
|
||
<img alt="" width="1339" height="2716" class="styles_bezel___vGQl" style="color:transparent" src="placeholder-image.jpg"/>
|
||
<div class="styles_children__D9Nsi" style="padding:5.925%">
|
||
<figure>
|
||
<video src="demo-video.mp4" autoPlay="" playsInline="" loop="" width="589" height="1278" poster="demo-poster.jpg" muted="" preload="auto">
|
||
</video>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="styles_button__OAX5k" href="#">Learn more →</a>
|
||
</div>
|
||
</section>
|
||
<div>
|
||
<table class="styles_root__loSke">
|
||
<tbody>
|
||
<tr>
|
||
<th>2025</th>
|
||
<td>
|
||
<a href="https://ora.daneden.me">Ora</a>
|
||
<p class="small sans meta">iOS App</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2021</th>
|
||
<td>
|
||
<a href="https://apps.apple.com/app/solstice/id1547580907">Solstice</a>
|
||
<p class="small sans meta">iOS App</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td>
|
||
<a href="https://apps.apple.com/gb/app/broadcast-just-tweet/id1574084018">Broadcast</a>
|
||
<p class="small sans meta">iOS App</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2020</th>
|
||
<td>
|
||
<a href="https://apps.apple.com/app/eventually/id1532457758">Eventually</a>
|
||
<p class="small sans meta">iOS App</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td>
|
||
<a href="https://apps.apple.com/app/zeitgeist/id1526052028">Zeitgeist</a>
|
||
<p class="small sans meta">iOS App</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2019</th>
|
||
<td>
|
||
<a href="https://www.clarityconf.com/session/where-we-can-go">Clarity 2019</a>
|
||
<p class="small sans meta">“Where We Can Go”</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2018</th>
|
||
<td>
|
||
<a href="https://www.loversmagazine.com/interviews/daniel-eden">Lovers Magazine</a>
|
||
<p class="small sans meta">Interview</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2016</th>
|
||
<td>
|
||
<a href="https://designdetails.fm/episodes/4f977647">Design Details</a>
|
||
<p class="small sans meta">Podcast</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td>
|
||
<a href="https://www.youtube.com/watch?v=G_58lgdPdw8">One Day Out 2016</a>
|
||
<p class="small sans meta">“System Failure”</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>2015</th>
|
||
<td>
|
||
<a href="https://www.youtube.com/watch?v=zmjfh099zYg">dotCSS 2015</a>
|
||
<p class="small sans meta">“Move Slow and Fix Things”</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!--/$-->
|
||
<!--/$-->
|
||
<!--/$-->
|
||
<!--/$-->
|
||
</body>
|
||
</html> |