Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--[if gte mso 9]><xml>

   <o:OfficeDocumentSettings>

    <o:AllowPNG></o:AllowPNG>

    <o:PixelsPerInch>96</o:PixelsPerInch>

   </o:OfficeDocumentSettings>

  </xml><![endif]--><!-- fix outlook zooming on 120 DPI windows devices --><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- So that mobile will display zoomed in --><meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- enable media queries for windows phone 8 --><meta name="format-detection" content="date=no">
<!-- disable auto date linking in iOS 7-9 --><meta name="format-detection" content="telephone=no">
<!-- disable auto telephone linking in iOS 7-9 --><title>Dense Discovery</title>
<style media="screen" type="text/css">

			@media screen and (max-width:599px) {

				.force-row,

				.container,

				.header,

				.body,

				.footer {

					width: 100% !important;

					max-width: 100% !important;

				}

				.padl20 {

					padding-left: 12px !important

				}

				.padr20 {

					padding-right: 12px !important

				}

				.padl10 {

					padding-left: 12px !important

				}

				.padr10 {

					padding-right: 12px !important

				}

				.mobt0 {

					padding-top: 0 !important

				}

				.mobb15 {

					margin-bottom: 15px !important

				}

				.intro {

					padding-top: 25px !important;

				}

				.headline {

					padding-left: 12px !important;

					padding-right: 12px !important;

				}

				.large,

				h1 {

					font-size: 19px !important;

					line-height: 27px !important;

				}

				.spacer {

					padding-top: 15px !important;

				}

			}



		</style>
<!--[if mso]>

<style type="text/css">

body, table, td, h1, h2, h3, p {font-family: Arial, sans-serif !important;}

</style>

<![endif]--><style media="screen" type="text/css">

			.ios-footer a {

				color: #aaaaaa !important;

				text-decoration: underline;

			}

			

			.yshortcuts a {

				border-bottom: none !important;

			}

			

			.ExternalClass {

				width: 100%;

			}

			

			.ExternalClass,

			.ExternalClass p,

			.ExternalClass span,

			.ExternalClass font,

			.ExternalClass td,

			.ExternalClass div {

				line-height: 100%;

			}

			

			.ReadMsgBody {

				width: 100%;

				background-color: #ebebeb;

			}

			

			img {

				-ms-interpolation-mode: bicubic;

			}

			

			a[href^="x-apple-data-detectors:"],

			a[x-apple-data-detectors] {

				color: inherit !important;

				text-decoration: none !important;

				font-size: inherit !important;

				font-family: inherit !important;

				font-weight: inherit !important;

				line-height: inherit !important;

			}



		</style>
</head>
<body bgcolor="#FFFFFF" style='margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",sans-serif;'>



















<!-- HEADER -->



<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="100%"><tbody><tr><td align="center" bgcolor="#9ebcff" style="border-collapse: collapse;" valign="top">





<!-- 600px container -->



<table border="0" cellpadding="0" cellspacing="0" class="header mobt0" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 640px;max-width: 640px;padding-top: 20px;" width="640"><tbody>
<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

          <table border="0" cellpadding="0" cellspacing="0" width="100%">

          <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padb5 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-bottom: 5px;padding-left: 20px;" valign="top">



<p class="marb5" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 5px;">

We are so much the victims of abstraction that with the Earth in flames we can barely rouse ourselves to wander across the room and look at the thermostat.

</p>



<p class="marb0" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;">

<b style="font-weight: 600;">– Terence McKenna</b>

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td align="right" class="padt20 padr20 padb5 padl10" style="border-collapse: collapse;padding-top: 20px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;" valign="top">



<p class="marb5" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 5px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119203371-dd1.gif" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



<p class="marb0 mobb15" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;">

Artwork by <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/f79b6d2f-66b1-443f-b876-6e7d4fa7b963/event" style="text-decoration: underline;color: #000000 !important;">Andreas Wannerstedt</a>

</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>





<tr><td align="left" class="tighten" style="border-collapse: collapse;font-size: 1px;line-height: 1px;" valign="bottom">



<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/e03dd6c2-cd9f-4de2-9744-dd9e001889ba/event" style="text-decoration: underline;color: #000000 !important;"><img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119248263-logo-top.png" height="auto" width="163" alt="Dense Discovery" style="display: block; float: left;"></a>



</td></tr>
</tbody></table>







</td></tr></tbody></table>

















<!-- BODY-->



<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="100%"><tbody><tr><td align="center" bgcolor="#FFFFFF" style="background-color: #FFFFFF;border-collapse: collapse;" valign="top">







<!-- 600px container (white background) -->



<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 640px;max-width: 640px;" width="640"><tbody>
<tr><td align="left" class="tighten" style="border-collapse: collapse;font-size: 1px;line-height: 1px;" valign="top">



<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/e03dd6c2-cd9f-4de2-9744-dd9e001889ba/event" style="text-decoration: underline;color: #000000 !important;"><img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119256268-logo-bottom.png" height="auto" width="163" alt="Dense Discovery" style="display: block;"></a>



</td></tr>



<tr><td class="spacer" style="padding-top: 0 !important;border-collapse: collapse;font-size: 1px;line-height: 1;"> </td></tr>





<!-- INTRO Start -->

<tr><td align="left" class="intro padl20 padr20" style="border-collapse: collapse;padding-top: 30px;padding-right: 20px;padding-left: 20px;">



<p class="large" style="font-size: 21px;line-height: 30px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Thank you all for the feedback and kind words on the first issue of Dense Discovery last week! Keeping my subscriber list clean and not giving in to the temptation to inflate numbers for the sake of impressing advertisers means that we had an open rate of <em>74%!</em>

<br>

<br> Yesterday I announced that <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/a52b09c5-bbf8-458b-a9db-ee20b742070f/event" style="text-decoration: underline;color: #000000 !important;">Offscreen is taking a break</a> which means that I will dedicate more time to building out Dense Discovery. Similar to publishing Offscreen, I rely on sponsors and patrons to help me do just that. Based on the feedback I received our sponsor slot and classified ads perform really well – in part because of the lean subscriber list I mentioned above. If you think Dense Discovery is a good match for your product/service, please check out our <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/faa33f88-8726-4db8-b341-0bbc2f3968a9/event" style="text-decoration: underline;color: #000000 !important;">advertising options</a> and book a slot. Feel free to contact me (just reply) with any questions you have. Thanks so much! – Kai</p>



</td></tr>

<!-- INTRO End -->







<!-- SPONSOR Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline box-yellow" style="border-collapse: collapse;background: #f8eccf;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Supported By</h1>



</td></tr>



<tr><td align="left" class="box-yellow" style="border-collapse: collapse;background: #f8eccf;">



<!--[if mso]>

          <table border="0" cellpadding="0" cellspacing="0" width="100%">

          <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20 padb5" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-bottom: 5px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/45ada33a-9ce8-46bd-8894-4b0a1f71d367/event" style="text-decoration: underline;color: #000000 !important;">Domainr</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #6d6b57 !important;">Fastest way to name your next thing</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 padb5 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Naming something is hard. Domainr makes it easier. We built Domainr to help you name your next product or side project. Instantly check results, find domains you didn’t know existed, and register the domain where you always do. </p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<!-- SPONSOR End -->









<!-- DIGITAL Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Apps &amp; Sites</h1>



</td></tr>







<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

          <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/4053ef26-85ba-47a6-a55f-0b32f6e264bf/event" style="text-decoration: underline;color: #000000 !important;">The Weekr</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">One-page weekly habit tracker</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">The Weekr is a very simple one-page tool to jot down all the things you want to do on a weekly or daily basis. Check them off your list as you get them done and use the stats page to find out  how successful you are at sticking to your plan over time.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>







<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/01d2a53a-3b72-4080-8aec-e2b265c3887c/event" style="text-decoration: underline;color: #000000 !important;">Helium</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">The floating browser window for Mac</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Helium is made for people who want to watch a tutorial video or a sports live stream while working without having to constantly bring that browser window back into the foreground. With Helium, you can create a permanently floating window that stays on top no matter where you click on your screen. </p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>





<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/784061e6-c203-44f6-ad72-200674dd1fd2/event" style="text-decoration: underline;color: #000000 !important;">Crowdfire</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">The social media manager</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Crowdfire is <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/a9b5965e-5841-40a8-b340-bdfdaeb8f6f4/event" style="text-decoration: underline;color: #000000 !important;">Buffer</a> on steroids: among many other things it helps you consolidate your social media posting schedule. If you run a blog, shop or YouTube channel, it automatically pulls in the latest content updates with its visual assets ready for sharing.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>









<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/f0d61a7e-9137-479b-8864-17dcbfd71fce/event" style="text-decoration: underline;color: #000000 !important;">Ecosia</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">Plant trees by searching the web</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">We've profiled this in <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/be96838c-bfdc-43d6-b43d-4fdfc9bd8d32/event" style="text-decoration: underline;color: #000000 !important;">Offscreen Issue 18</a> but in case you're not a reader, make sure to check out Ecosia, a truly wonderful social impact project built on top of Bing search results. Every time you click on a search results ad, Ecosia plants trees. </p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<!-- DIGITAL End -->





<!-- BOX PROJECT Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline box-red" style="border-collapse: collapse;background: #efe2f3;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Inbox Happy</h1>



</td></tr>



<tr><td align="left" class="box-red" style="border-collapse: collapse;background: #efe2f3;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="192"><tbody><tr><td class="padt20 padr10 padb5 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-bottom: 5px;padding-left: 20px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119268862-inbox.gif" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



<h3 class="marb10 padb0" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;padding-bottom: 0;margin-bottom: 10px;color: #837089 !important;">Three (other) newsletters worth subscribing to.</h3>





</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 padb5 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/fa16110b-74a0-45df-aa29-617e63842b12/event" style="text-decoration: underline;color: #000000 !important;">The Whippet</a> →</h2>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Let writer McKinley Valentine surprise you with her thoughtful, witty exploration of bizarre science facts and unsolicited life advice. (<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/e15ae781-30e2-4e59-9aef-85631f6c4375/event" style="text-decoration: underline;color: #000000 !important;">Archive</a>)</p>



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/7cf337b5-2565-476a-b7b0-a4a3c6013ec3/event" style="text-decoration: underline;color: #000000 !important;">Future Crunch</a> →</h2>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">A dense, fortnightly email with smart science and tech writing, looking at the world through the lense of <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/a5e2ad3d-a219-4199-abe5-e28a825087e3/event" style="text-decoration: underline;color: #000000 !important;">intelligent optimism</a>. (<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/96b3e3b0-3305-443f-b8f6-f6a4d809b812/event" style="text-decoration: underline;color: #000000 !important;">Archive</a>)</p>



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/5b62fe94-2b85-431f-a6ce-35857b048be8/event" style="text-decoration: underline;color: #000000 !important;">The Discourse</a> →</h2>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Sean Blanda's newsletter explores the complicated collision of technology, government, and media, and how it changes the way we discuss ideas. (<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/7d4fa72b-6796-4378-8a0a-d95c67d44407/event" style="text-decoration: underline;color: #000000 !important;">Archive</a>)</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->





</td></tr>





<!-- BOX PROJECT End -->









<!-- ACCESSORIES Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Goods &amp; Accessories</h1>



</td></tr>



<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="50%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="320"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119279567-cable.jpg" alt="❏" width="320" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="50%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="320"><tbody><tr><td class="padt15 padr10 padl20 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/af03c340-4df0-41bf-88ad-d46778b65d27/event" style="text-decoration: underline;color: #000000 !important;">USB93</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">The first unbreakable charging cable?</h3>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">The USB93 has an interesting new rotating ball design at the plug which is meant to prevent the cable from fraying, giving you 90° flexibility in two directions.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>





<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="50%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="320"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119287668-bag.jpg" alt="❏" width="320" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="50%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="320"><tbody><tr><td class="padt15 padr10 padl20 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/7bb3fcdc-b53c-4a6a-b117-dc19c52dd7ae/event" style="text-decoration: underline;color: #000000 !important;">Capstone</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">A thoughtfully engineered backpack</h3>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">What impresses me most about the Capstone backpack are its many hidden compartments and access flaps, the lightweight, waterproof material, and of course its good looks. Have a browse through all the product shots on the website to fully appreciate its design.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<!-- ACCESSORIES End -->











<!-- BOX TWEET Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="background: #d1eaf4;border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Overheard on Twitter</h1>



</td></tr>





<tr>
<td align="left" class="padt15 padr20 padl20 padb5" style="background: #d1eaf4;border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;">



<p class="large" style="font-size: 21px;line-height: 30px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

Why did they call it "Airbnb" when they could have called it "localhost"?

</p>



<h2 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;">– <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/42086a9b-855b-4fe2-a510-6c01280b730a/event" style="text-decoration: underline;color: #000000 !important;">@rishmishra</a>
</h2>



</td>



<!-- BOX TWEET End -->







<!-- PERUSAL Start -->
</tr>

<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Food For Thought</h1>



</td></tr>





<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/591f7d8e-f6fc-4794-badb-16833ccedc6f/event" style="text-decoration: underline;color: #000000 !important;">The Case for Slow Design</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">Read</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Jesse Weaver makes a compelling case against our obsession with speed in designing new products: “When a startup does win, it’s often not because they were fast, but because they were focused.”</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/5d93ea45-19b1-4c7d-9fee-e1a893a64119/event" style="text-decoration: underline;color: #000000 !important;">Where in the World Is Larry Page?</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">Read</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">The head of arguably the world's most influential company is mysteriously absent at a time when we need tech leaders to show corporate responsibility and ethical leadership. I mean YouTube alone is an <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/a04432ff-7e16-4cb9-b8dc-63091f664449/event" style="text-decoration: underline;color: #000000 !important;">algorithmic moshpit</a> of hate and lies.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/6fb381fb-ce5f-475e-b92e-cadb45ae0597/event" style="text-decoration: underline;color: #000000 !important;">Distinguishing between Hobbies, Jobs, Careers, &amp; Vocation</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">Watch</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Bestselling author Elizabeth Gilbert has some sage advice for anyone considering a change in their life. Her distinction between the different types of activities that fill our days makes a lot of sense to me, especially when we dissect the concept of 'work/life balance' in that way.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>





<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="35%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">



<h2 class="padb5" style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 600;color: #000000;margin: 0;padding: 0 0 15px 0;padding-bottom: 5px;">
<a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/7c24778e-d8d8-4dc0-a41b-a69501e13e10/event" style="text-decoration: underline;color: #000000 !important;">We Are All Accumulating Mountains of Things</a> →</h2>



<h3 style="mso-line-height-rule: exactly;font-size: 16px;line-height: 23px;font-weight: 400;margin: 0;padding: 0 0 5px 0;color: #707070 !important;">Read</h3>



</td></tr></tbody></table>



<!--[if mso]></td><td width="65%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">In the age of click-to-buy we're collecting (and eventually throwing away) a mind-boggling amount of stuff. “The 16,000 students who live in dorms at Michigan State University left behind 147,946 pounds of goods like clothing, towels, and appliances when they moved out this year, a <em>40 percent increase</em> from 2016.”</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>





<!-- PERUSAL End -->







<!-- BOX VISUAL INSP Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="background: #f2f2f2;border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Aesthetically Pleasing</h1>



</td></tr>



<tr><td align="left" style="background: #f2f2f2;border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr10 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-left: 20px;" valign="top">



<p class="marb0" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119304128-dd-type.jpg" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;"><a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/5e212ae1-c7e9-4b26-988c-979dff7af9a4/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">36 Days of Type</b></a> is a beautiful exploration of type design and lettering by Mario de Meyer.</p>





</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->





</td></tr>



<tr><td align="left" style="background: #f2f2f2;border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr10 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-left: 20px;" valign="top">



<p class="marb0" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119317317-print.jpg" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">If you're in need of some (print) graphic design inspiration, <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/e8b75dcb-9927-4b08-a5ca-0d1d49f5b4ad/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">PRINT.PM</b></a> has you covered.</p>





</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<tr><td align="left" style="background: #f2f2f2;border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr10 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-left: 20px;" valign="top">



<p class="marb0" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119325643-fontreview.jpg" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">You can easily spend hours on the <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/32e94e43-e71d-4e45-b557-0c650a5fa59b/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">Font Review Journal</b></a> reading in-depth analysis and browsing case studies of remarkable typefaces.</p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<tr><td align="left" class="padb5" style="background: #f2f2f2;border-collapse: collapse;padding-bottom: 5px;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr10 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-left: 20px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119337284-int.jpg" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">I guess you'd expect a timber company to know how to work with wood and natural materials, but, boy oh boy, <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/b0fd382c-ee0a-4385-aa82-78f1ac47ce55/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">this office</b></a> ticks all the boxes in my book.</p>





</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<!-- BOX VISUAL INSP End -->







<!-- CLASSIFIEDS Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">Classifieds</h1>



</td></tr>







<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="75%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="448"><tbody><tr><td class="padt15 padr10 padl20" style="border-collapse: collapse;padding-top: 15px;padding-right: 10px;padding-left: 20px;" valign="top">





<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Stop wasting your time wading through tech blogs &amp; social media for tech news. One email a day from The Sizzle keeps you in the loop without the time sink – <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/f33e6e01-4d6a-429b-b678-f9cc472766b8/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">subscribe now!</b></a> </p>



<div class="line" style="border-bottom: 2px solid #efefef;display: block;height: 2px;margin-bottom: 15px;"><br></div>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Got a Nintendo Switch? Here's a concise weekly digest that brings together <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/ac9d7e96-71b3-44f3-b187-34490cc17575/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">what you need to know, plus a list of upcoming games</b></a>. In your inbox every Sunday.</p>



<div class="line" style="border-bottom: 2px solid #efefef;display: block;height: 2px;margin-bottom: 15px;"><br></div>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Design and send gorgeous newsletters – just like this one! Mail Designer 365 is an email newsletter design tool for your Mac – no coding required. <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/91440938-8c64-4006-9bdd-e874b7530a6f/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">Create your newsletter today</b></a>.</p>



<div class="line" style="border-bottom: 2px solid #efefef;display: block;height: 2px;margin-bottom: 15px;"><br></div>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">‘Better With Basecamp’ is the ebook to help you learn Basecamp, the best app for managing your projects &amp; teams. <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/fab06d5f-f23f-4b67-9673-408188227185/event" style="text-decoration: underline;color: #000000 !important;"><b style="font-weight: 600;">Save $5 now and get free updates for the life of the book.</b></a></p>







</td></tr></tbody></table>



<!--[if mso]></td><td width="25%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="160"><tbody><tr><td class="padt15 padr20 padl10" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p class="grey padb15" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #707070 !important;padding: 0;margin: 0;margin-bottom: 15px;padding-bottom: 15px;">Classifieds are paid text-only ads that support DD. <a class="grey" href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/f13092b0-6f69-44cb-97e7-3e99dacdabd3/event" style="text-decoration: underline;color: #707070 !important;">Book yours here</a>. </p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<!-- CLASSIFIEDS End -->



<!-- BOX GIF Start -->



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" class="headline" style="background: #def1ef;border-collapse: collapse;border-bottom: 2px solid #FFFFFF;padding-top: 15px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;">



<h1 style="mso-line-height-rule: exactly;font-size: 21px;font-weight: 500;line-height: 23px;color: #000000;margin: 0;padding: 0;">The Week in a GIF</h1>



</td></tr>





<tr><td align="left" style="background: #def1ef;border-collapse: collapse;">



<!--[if mso]>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">

            <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr10 padb5 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-bottom: 5px;padding-left: 20px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">

<img src="http://assets.listmanager2.com/5c9111399edf4a5cac03eca95868fb8e%2Fimages%2Femail%2F1537119348488-gif.gif" alt="❏" width="416" height="auto" class="img" style="display: block; max-height: 900px; max-width: 416px; width: 100%;">

</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt15 padr20 padl10 mobt0" style="border-collapse: collapse;padding-top: 15px;padding-right: 20px;padding-left: 10px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Email us the URL to your favourite GIF and we might feature it here in a future issue.</p>



<p class="small" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;"><a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/572790dd-112f-4a1e-8040-5eff2ac2215f/event" style="text-decoration: underline;color: #000000 !important;">new@densediscovery.com</a></p>



</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->





</td></tr>





<!-- BOX GIF End -->





<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>

<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>

<tr><td align="center" style="border-collapse: collapse;">



<p class="marb0" style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 0;"> ♥︎ <b style="font-weight: 600;">Thanks to <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/45ada33a-9ce8-46bd-8894-4b0a1f71d367/event" style="text-decoration: underline;color: #000000 !important;">Domainr</a> for sponsoring this issue!</b> ♥︎ </p>

</td></tr>

<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>

<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>
</tbody></table>

<!--/600px container -->









</td></tr></tbody></table>

<!--/100% background wrapper-->













<!-- FOOTER -->



<table bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="100%"><tbody><tr><td align="center" bgcolor="#555555" style="background-color: #f2f2f2;border-collapse: collapse;" valign="top">





<!-- 600px container -->



<table border="0" cellpadding="0" cellspacing="0" class="footer" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 640px;max-width: 640px;" width="640"><tbody>
<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>



<tr><td align="left" style="border-collapse: collapse;">



<!--[if mso]>

          <table border="0" cellpadding="0" cellspacing="0" width="100%">

          <tr><td width="65%" valign="top"><![endif]-->



<table align="left" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="224"><tbody><tr><td class="padt20 padr10 padl20" style="border-collapse: collapse;padding-top: 20px;padding-right: 10px;padding-left: 20px;" valign="top">



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;"><a href="#" style="text-decoration: underline;color: #000000 !important;">View in browser</a></p>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;"><a href="#" style="text-decoration: underline;color: #000000 !important;">Unsubscribe</a></p>



<p style="font-size: 16px;line-height: 23px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;"> <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/faa33f88-8726-4db8-b341-0bbc2f3968a9/event" style="text-decoration: underline;color: #000000 !important;">Advertise</a></p>



<p class="small grey" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #707070 !important;padding: 0;margin: 0;margin-bottom: 15px;">Author/Editor:

<br><a class="grey" href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/caceee26-aab0-4b14-9f37-885858acd8be/event" style="text-decoration: underline;color: #707070 !important;">Kai Brach</a></p>



<p class="small grey" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #707070 !important;padding: 0;margin: 0;margin-bottom: 15px;">Published by:

<br>Offscreen Media

<br>149a Brunswick St

<br> Fitzroy VIC 3065

<br> Australia</p>



</td></tr></tbody></table>



<!--[if mso]></td><td width="35%" valign="top"><![endif]-->



<table align="right" border="0" cellpadding="0" cellspacing="0" class="force-row" style="border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="416"><tbody><tr><td class="padt20 padr20 padb5 padl10 mobt0" style="border-collapse: collapse;padding-top: 20px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;" valign="top">



<p class="small" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Dense Discovery aims to promote an inclusive, diverse tech community guided by ethical principles. If you believe anything in this newsletter contradicts these efforts, please reply with your concerns. We read every email but only reply to those requiring a response.</p>



<p class="small" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Our office is located in Fitzroy, Melbourne, the traditional lands of the Wurundjeri people of the Kulin nation. We acknowledge that sovereignty was never ceded and pay our respects to elders past, present, and emerging.</p>



<p class="small" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Send us your suggestions for GIFs, apps, accessories, visual inspiration, etc. to <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/572790dd-112f-4a1e-8040-5eff2ac2215f/event" style="text-decoration: underline;color: #000000 !important;">new@densediscovery.com</a></p>



<p class="small" style="font-size: 14px;line-height: 19px;font-weight: 400;color: #000000;padding: 0;margin: 0;margin-bottom: 15px;">Enjoying <a href="http://click.densediscovery.com/click/9371e41d-b14c-40e2-b376-b8acc081f8e2/e03dd6c2-cd9f-4de2-9744-dd9e001889ba/event" style="text-decoration: underline;color: #000000 !important;">Dense Discovery</a>? Please share it with your friends!</p>





</td></tr></tbody></table>



<!--[if mso]></td></tr></table><![endif]-->



</td></tr>



<tr><td class="spacer" style="border-collapse: collapse;font-size: 1px;line-height: 1;padding-top: 25px;"> </td></tr>
</tbody></table>







</td></tr></tbody></table>








</body>
</html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console