https://www.marginnotes.design/about/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8
9    <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
10    <link rel="stylesheet" href="https://www.marginnotes.design/assets/css/simplebar.css?v=aZE11e_p-YjLTawf">
11    <link rel="stylesheet" href="https://www.marginnotes.design/assets/css/main.css?v=T63ABMV7pxZAF9Dn">
12
13    <title>What is this?</title>
14
15    <link rel="stylesheet" type="text/css" href="https://www.marginnotes.design/assets/css/screen.css?v=FzV6Sm-FwBhfL7Yb" />
16    <link rel="icon" href="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w256h256/2020/08/favicon.png" type="image/png">
17    <link rel="canonical" href="https://www.marginnotes.design/about/">
18    <meta name="referrer" content="no-referrer-when-downgrade">
19    
20    <meta property="og:site_name" content="margin.notes">
21    <meta property="og:type" content="website">
22    <meta property="og:title" content="What is this?">
23    <meta property="og:description" content="{margin.notes} is a journal about design, technology, and culture. It&#x27;s an
24experiment. I&#x27;m trying to make every post better than the last.
25
26Want to build something together? Here&#x27;s some more of my work
27[http://www.ianeck.com/].
28
29
30
31[https://www.instagram.com/margin__notes/] [https://twitter.com/">
32    <meta property="og:url" content="https://www.marginnotes.design/about/">
33    <meta property="og:image" content="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/10/eminem-deep-mind.png">
34    <meta property="article:published_time" content="2020-07-01T17:22:06.000Z">
35    <meta property="article:modified_time" content="2020-11-06T01:18:44.000Z">
36    <meta name="twitter:card" content="summary_large_image">
37    <meta name="twitter:title" content="What is this?">
38    <meta name="twitter:description" content="{margin.notes} is a journal about design, technology, and culture. It&#x27;s an
39experiment. I&#x27;m trying to make every post better than the last.
40
41Want to build something together? Here&#x27;s some more of my work
42[http://www.ianeck.com/].
43
44
45
46[https://www.instagram.com/margin__notes/] [https://twitter.com/">
47    <meta name="twitter:url" content="https://www.marginnotes.design/about/">
48    <meta name="twitter:image" content="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/10/eminem-deep-mind.png">
49    <meta name="twitter:label1" content="Written by">
50    <meta name="twitter:data1" content="Rolando">
51    <meta name="twitter:site" content="@ian_eck">
52    <meta property="og:image:width" content="717">
53    <meta property="og:image:height" content="1024">
54    
55    

55<script type="application/ld+json">
56{
57    "@context": "https://schema.org",
58    "@type": "Article",
59    "publisher": {
60        "@type": "Organization",
61        "name": "margin.notes",
62        "url": "https://www.marginnotes.design/",
63        "logo": {
64            "@type": "ImageObject",
65            "url": "https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/06/logo.svg",
66            "width": 200,
67            "height": 40
68        }
69    },
70    "author": {
71        "@type": "Person",
72        "name": "Rolando",
73        "image": {
74            "@type": "ImageObject",
75            "url": "https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/06/White-Dreamcatcher-Wind-Chimes-Indian-Style-pearl-Feather-Pendant-Dream-Catcher-Gift.jpg",
76            "width": 950,
77            "height": 950
78        },
79        "url": "https://www.marginnotes.design/author/rolando/",
80        "sameAs": []
81    },
82    "headline": "What is this?",
83    "url": "https://www.marginnotes.design/about/",
84    "datePublished": "2020-07-01T17:22:06.000Z",
85    "dateModified": "2020-11-06T01:18:44.000Z",
86    "image": {
87        "@type": "ImageObject",
88        "url": "https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/10/eminem-deep-mind.png",
89        "width": 717,
90        "height": 1024
91    },
92    "description": "{margin.notes} is a journal about design, technology, and culture. It's an\nexperiment. I'm trying to make every post better than the last.\n\nWant to build something together? Here's some more of my work\n[http://www.ianeck.com/].\n\n\n\n[https://www.instagram.com/margin__notes/] [https://twitter.com/ian_eck] \n[https://medium.com/@ian_eck]",
93    "mainEntityOfPage": "https://www.marginnotes.design/about/"
94}
95    </script>

95
96
97    <meta name="generator" content="Ghost 6.68">
98    <link rel="alternate" type="application/rss+xml" title="margin.notes" href="https://www.marginnotes.design/rss/">
99    

99<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.marginnotes.design/" data-key="32c6e1a1f2ca3e6adb7fae3920" data-api="https://ianeck.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script>

99<style id="gh-members-styles">.gh-post-upgrade-cta-content,
100.gh-post-upgrade-cta {
101    display: flex;
102    flex-direction: column;
103    align-items: center;
104    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
105    text-align: center;
106    width: 100%;
107    color: #ffffff;
108    font-size: 16px;
109}
110
111.gh-post-upgrade-cta-content {
112    border-radius: 8px;
113    padding: 40px 4vw;
114}
115
116.gh-post-upgrade-cta h2 {
117    color: #ffffff;
118    font-size: 28px;
119    letter-spacing: -0.2px;
120    margin: 0;
121    padding: 0;
122}
123
124.gh-post-upgrade-cta p {
125    margin: 20px 0 0;
126    padding: 0;
127}
128
129.gh-post-upgrade-cta small {
130    font-size: 16px;
131    letter-spacing: -0.2px;
132}
133
134.gh-post-upgrade-cta a {
135    color: #ffffff;
136    cursor: pointer;
137    font-weight: 500;
138    box-shadow: none;
139    text-decoration: underline;
140}
141
142.gh-post-upgrade-cta a:hover {
143    color: #ffffff;
144    opacity: 0.8;
145    box-shadow: none;
146    text-decoration: underline;
147}
148
149.gh-post-upgrade-cta a.gh-btn {
150    display: block;
151    background: #ffffff;
152    text-decoration: none;
153    margin: 28px 0 0;
154    padding: 8px 18px;
155    border-radius: 4px;
156    font-size: 16px;
157    font-weight: 600;
158}
159
160.gh-post-upgrade-cta a.gh-btn:hover {
161    opacity: 0.92;
162}</style>
163    

163<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="32c6e1a1f2ca3e6adb7fae3920" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://ianeck.ghost.io/" data-locale="en" crossorigin="anonymous"></script>

163
164    
165    <link href="https://www.marginnotes.design/webmentions/receive/" rel="webmention">
166    

166<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>

166
167    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
168    

168<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>

168
169    

169<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.marginnotes.design/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="e6a0165d-7610-48ad-8aed-0edc2685b9f3" tb_post_uuid="ed99e5bf-2754-47ea-ac27-1ec14a7d455e" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>

169<style>:root {--ghost-accent-color: #15171A;}</style>
170    <!-- Global site tag (gtag.js) - Google Analytics -->

170
171<script async src="https://www.googletagmanager.com/gtag/js?id=

171UA-174217363-1

171"></script>

172<script>
173  

173window.dataLayer = window.dataLayer || [];
174  function gtag(){dataLayer.push(arguments);}
175  gtag('js', new Date());
176
177  gtag('config', '

177UA-174217363-1

177');

178</script>

178
179        <!-- Google Tag Manager -->

180<script>

180(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
181new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
182j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
183'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
184})(window,document,'script','dataLayer','

184GTM-KVLTT3M

184');

184</script>

184
185<!-- End Google Tag Manager -->
186</head>
187
188<body class="page-template page-about">
189
190    <div class="main d-flex">
191        
192
193<nav class="nav-bar" id="nav-bar">
194    <div class="header-wrapper">
195        <div class="container clear">
196            <div class="header d-flex align-items-center">
197    <div class="logo">
198            <a href="https://www.marginnotes.design"><img src="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/2020/06/logo.svg" alt="margin.notes"></a>
199    </div>
200    <nav class="site-nav ml-auto">
201    <a href="/about" class="about-nav ml-auto"><svg class="about" width="35" height="32" viewBox="0 0 35 32" fill="#363537" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
202<path d="M3 4.14981C3.27614 4.14981 3.5 3.92595 3.5 3.64981V0.549805C3.5 0.273663 3.27614 0.0498047 3 0.0498047H0.65C0.373858 0.0498047 0.15 0.273662 0.15 0.549805V3.64981C0.15 3.92595 0.373858 4.14981 0.65 4.14981H3ZM3.15 30.9998C3.42614 30.9998 3.65 30.7759 3.65 30.4998V8.0998C3.65 7.82366 3.42614 7.5998 3.15 7.5998H0.5C0.223857 7.5998 0 7.82366 0 8.0998V30.4998C0 30.7759 0.223858 30.9998 0.5 30.9998H3.15Z" />
203<path d="M10.816 30.9998C11.0922 30.9998 11.316 30.7759 11.316 30.4998V27.1998C11.316 26.9237 11.0922 26.6998 10.816 26.6998H8.26602C7.98987 26.6998 7.76602 26.9237 7.76602 27.1998V30.4998C7.76602 30.7759 7.98987 30.9998 8.26602 30.9998H10.816Z" />
204<path d="M27.0797 24.5498V23.2998C27.0797 23.0237 26.8558 22.7998 26.5797 22.7998H24.3797C24.1035 22.7998 23.8797 23.0237 23.8797 23.2998V25.0498C23.8797 26.8998 23.0797 28.0998 21.3297 28.0998C19.5297 28.0998 18.6797 26.8998 18.6797 25.0498V20.1998C18.6797 19.9237 18.9035 19.6998 19.1797 19.6998H26.5797C26.8558 19.6998 27.0797 19.4759 27.0797 19.1998V14.2498C27.0797 10.0498 24.9797 7.2998 21.2797 7.2998C17.5797 7.2998 15.1297 10.0498 15.1297 14.2498V24.4998C15.1297 28.7498 17.5797 31.3998 21.2797 31.3998C24.9797 31.3998 27.0797 28.7998 27.0797 24.5498ZM23.8797 16.8498C23.8797 17.1259 23.6558 17.3498 23.3797 17.3498H19.1797C18.9035 17.3498 18.6797 17.1259 18.6797 16.8498V13.6998C18.6797 11.8498 19.5297 10.5998 21.3297 10.5998C23.0797 10.5998 23.8797 11.8498 23.8797 13.6998V16.8498Z" />
205<path d="M33.7164 30.9998C33.9926 30.9998 34.2164 30.7759 34.2164 30.4998V27.1998C34.2164 26.9237 33.9926 26.6998 33.7164 26.6998H31.1664C30.8903 26.6998 30.6664 26.9237 30.6664 27.1998V30.4998C30.6664 30.7759 30.8903 30.9998 31.1664 30.9998H33.7164Z" />
206</svg></a>
207</nav></div>        </div>
208    </div>
209    <div class="container page-content-container clear">
210        <div class="page-content">
211            <div class="page-title">
212                <h1>What is this?</h1>
213            </div>
214            <img class="post-card-image post_img" srcset="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w300/2020/10/eminem-deep-mind.png 300w,
215                https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w600/2020/10/eminem-deep-mind.png 600w,
216                https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w1000/2020/10/eminem-deep-mind.png 1000w,
217                https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w2000/2020/10/eminem-deep-mind.png 2000w" sizes="(max-width: 1000px) 400px, 700px"
218                loading="lazy" src="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w600/2020/10/eminem-deep-mind.png" alt="What is this?" />
219
220            <div class="post-content-wrapper">
221                <div class="contents-wrap">
222                    <p>{margin.notes} is a journal about design, technology, and culture. It's an experiment. I'm trying to make every post better than the last.</p><p>Want to build something together? Here's some <a href="http://www.ianeck.com/?ref=marginnotes.design">more of my work</a>.</p><!--kg-card-begin: html--><div class="newsletter">
223<div class="email-wrap d-flex">
224<form id="newsletter-form" action="https://formspree.io/mpzybppr" method="POST">
225<input type="email" name="newsletter-email" placeholder="Email address">
226<input type="submit" id="my-form-button" value="Get my newsletter">
227<p id="my-form-status"></p>
228</form>
229</div>
230</div>
231<div class="click-to-action">
232<a href="https://www.instagram.com/margin__notes/?ref=marginnotes.design" class="social instagram" target="_blank"><img src="../assets/svg/instagram-icon.svg" alt="instagram"></a>
233<a href="https://twitter.com/ian_eck?ref=marginnotes.design" class="social twitter" target="_blank"><img src="../assets/svg/twitter-icon.svg" alt="Twitter"></a>
234<a href="https://medium.com/@ian_eck?ref=marginnotes.design" class="social medium" target="_blank"><img src="../assets/svg/medium-icon.svg" alt="Medium"></a>
235</div><!--kg-card-end: html--><p></p>
236                </div>
237            </div>
238        </div>
239    </div>
240</nav>
241<div class="contents d-flex">
242    <div class="changable-image ml-auto">
243        <img class="post-card-image post_img" srcset="https://storage.ghost.io/c/e6/

243a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w300/2020/10/eminem-deep-mind.png 300w,
244                        https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w600/2020/10/eminem-deep-mind.png 600w,
245                        https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w1000/2020/10/eminem-deep-mind.png 1000w,
246                        https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w2000/2020/10/eminem-deep-mind.png 2000w" sizes="(max-width: 1000px) 400px, 700px"
247            loading="lazy" src="https://storage.ghost.io/c/e6/a0/e6a0165d-7610-48ad-8aed-0edc2685b9f3/content/images/size/w600/2020/10/eminem-deep-mind.png" alt="What is this?" />
248        <div class="modal-wrap" id="modal-wrap">
249            <div class="modal-close"><span></span></div>
250            <div class="modal-inner d-flex">
251                <div class="modal-inner-content"></div>
252            </div>
253        </div>
254    </div>
255</div>
256
257
258
259    </div>
260
261    

261<script src="https://www.marginnotes.design/assets/js/jquery-3.5.1.min.js?v=micjwh-xt9_w4qpd"></script>

261
262    

262<script src="https://www.marginnotes.design/assets/js/TweenMax.min.js?v=TvIEAoRIyDEr9WKC"></script>

262
263    

263<script src="https://www.marginnotes.design/assets/js/simplebar.js?v=S3g8y4HtVDn57MJi"></script>

263
264    

264<script src="https://www.marginnotes.design/assets/js/main.js?v=Xanjb7bivCg6ov9X"></script>

264
265
266    
267    
268    
269        <!-- Google Tag Manager (noscript) -->

269
270<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

270GTM-KVLTT3M

270"
271height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

272<!-- End Google Tag Manager (noscript) -->
273</body>
274
275</html>