<!DOCTYPE html>
<html>
<head>
<title>Bytes: Tailwind duct-tape wallets</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@media (prefers-color-scheme: dark) {
.email-wrapper {
color: #F9F4DA !important;
background-color: #0F0D0E !important;
}
hr {
border-color: #262422 !important;
}
mark {
background-color: #231F20 !important;
color: #F9F4DA !important;
}
pre {
background-color: #231F20 !important;
border: 1px solid #231F20 !important;
color: #F9F4DA !important;
}
.bg-alt {
background-color: #231F20 !important;
}
.unsubscribe-link {
color: #504C48 !important;
}
.token.punctuation {
color: #f9f4da !important;
}
}
@media screen and (min-width: 600px) {
.mobile-break {
display: none;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> The great UI purge, becoming an Anthropic yes-man, and just one more VS Code fork bro.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/25h2h9u345k0kxu3/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDQy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449310">#442</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/crying-painting.jpg" alt="Close up of a painting of a person crying" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Trying to style a React Native app in 2025<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Tailwind duct-tape wallets</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">React Native developers have been duct-taping Tailwind workflows into their mobile apps for years now – and just like those duct-tape wallets I used to build in middle school, the final result has usually been pretty janky.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">That’s why the Unistyles team just released <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/qvh8h8udox929xtl/aHR0cHM6Ly93d3cucmVhY3RuYXRpdmVjcm9zc3JvYWRzLmNvbS9wb3N0cy9pbnRyb2R1Y2luZy11bml3aW5kLXRoZS1mYXN0ZXN0LXRhaWx3aW5kLWJpbmRpbmdzLWZvci1yZWFjdC1uYXRpdmU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449311">Uniwind</a>, which brings true Tailwind-style <code style="font-size: 14px;">className</code> support to React Native at build time, not runtime.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">It does this by shipping a custom, high-performance CSS parser that can parse the latest Tailwind 4 syntax <em>and</em> plain CSS files. That lets you use the same Tailwind classes and utilities for your React Native app that you would use on the web, and still get consistent cross-platform styling without needing to add a bunch of hacks and workarounds.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Here’s what else it gets you:</strong></p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Zero-config <code style="font-size: 14px;">className</code> bindings</strong> — Every core React Native component supports <code style="font-size: 14px;">className</code> out of the box, plus extras like <code style="font-size: 14px;">colorClassName</code> for styling things that aren’t normal style props.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Simple multi-theming</strong> – Add unlimited light, dark, and custom themes directly in your Metro config, and Uniwind will automatically swap variables across platforms.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">2.5x faster than NativeWind</strong> – Uniwind uses build-time caching and a Nitro-module pipeline to avoid all runtime style parsing and per-render overhead, which means you won’t see slowdowns as your UI grows.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> I just came up with the perfect tagline for Uniwind that no one has ever said in the history of software: “Write once, run anywhere.” Ship it.</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/g3hnhwum6v4oq7cr/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDQy" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1807449312"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/9qhzhdudz7o35qs9/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NDI=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1807449313"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/n2hohquv6dz57gs6/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwaG93JTIwVW5pd2luZCUyMGZpbmFsbHklMjBzb2x2ZWQlMjB0aGUlMjBSZWFjdCUyME5hdGl2ZSUyMCUyQiUyMFRhaWx3aW5kJTIwcHJvYmxlbSZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ0Mg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1807449315"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/48hvh7um6o4qxqhx/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwaG93JTIwVW5pd2luZCUyMGZpbmFsbHklMjBzb2x2ZWQlMjB0aGUlMjBSZWFjdCUyME5hdGl2ZSUyMCUyQiUyMFRhaWx3aW5kJTIwcHJvYmxlbSUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NDImc3ViamVjdD1Zb3UlMjBsaWtlJTIwY29ybmJyZWFkJTNG" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1807449316"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/red-devil.jpg" alt="A guy in a devil costume talking to a little kid" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">The devil tempting me to ship without running my team's janky test suite<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/wnh2h6uqxzev03u7/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX01lZXRFT1lEZWFkbGluZXNfMjAyNTExMTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PU1lZXRFT1lEZWFkbGluZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aFFBV29sZl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTExMThfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWhlYWRsaW5lLUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aFFBV29sZg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449317">Beat your EOY deadlines with QA Wolf</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">December ship panic is real, but <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/reh8h9umw8gv65i2/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX01lZXRFT1lEZWFkbGluZXNfMjAyNTExMTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PU1lZXRFT1lEZWFkbGluZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aFFBV29sZl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTExMThfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktUUFXb2xm" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449318">QA Wolf</a> can help your team hit its goals before the end of the year.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">They provide fully automated test coverage for your web and mobile applications, so you can catch more bugs and ship faster.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Here’s how:</strong></p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">They build and maintain hundreds of automated Playwright tests for your app</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">You get <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/08hwhgu2g83wlmhl/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9ob3ctaXQtd29ya3M_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9NZWV0RU9ZRGVhZGxpbmVzXzIwMjUxMTE4LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1NZWV0RU9ZRGVhZGxpbmVzX0dldEFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FCZWF0WW91ckVPWURlYWRsaW5lc1dpdGhRQVdvbGZfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMTE4X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LVVubGltaXRlZFBhcmFsbGVsVGVzdFJ1bnM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449319">unlimited parallel test runs</a> on their infrastructure, with pass/fail results in 3 min.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Zero flakes, because every failed test gets reviewed by their human QA engineers</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/vqh3hmuoe5z3wosg/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX01lZXRFT1lEZWFkbGluZXNfMjAyNTExMTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PU1lZXRFT1lEZWFkbGluZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aFFBV29sZl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTExMThfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWN0YS1HZXRBUGVyc29uYWxpemVkRGVtb0ZvcllvdXJUZWFt" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449321">Get a personalized demo for your team</a> – and see how they save their average customer $10,000 per engineer every month.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/l2heh6ul6g8vx6a6/aHR0cHM6Ly9zZW50cnkuaW8vcHJvZHVjdC9haS1jb2RlLXJldmlldy8_dXRtX2NhbXBhaWduPWFpY29kZXJldmlldy1meTI2cTQtYWljb2RlcmV2aWV3bGF1bmNoJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItcHJvZHVjdC1scC1sZWFybm1vcmUmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449322">Sentry</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>They just launched <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/l2heh6ul6g8vx6a6/aHR0cHM6Ly9zZW50cnkuaW8vcHJvZHVjdC9haS1jb2RlLXJldmlldy8_dXRtX2NhbXBhaWduPWFpY29kZXJldmlldy1meTI2cTQtYWljb2RlcmV2aWV3bGF1bmNoJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItcHJvZHVjdC1scC1sZWFybm1vcmUmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449322">AI Code Review</a>, which lets you bring Sentry into your PRs to catch broken code before it ever hits prod.</em></p>
</div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">How could this code be improved?</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;">document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"thumbnail"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">addEventListener</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"click"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> img <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">Image</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
img<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>src <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token string" style="color: #f99157; font-size: 14px;">"path_to_high_res_image.jpg"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"gallery"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">appendChild</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>img<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
img<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function-variable function" style="color: #9d7dce; font-size: 14px;">onload</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">async</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> metadata <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">await</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">fetch</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"path_to_metadata_API"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">then</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">res</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span>
res<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">json</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"metadata"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>innerText <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> metadata<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>description<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Cloudflare CEO, Matthew Prince wrote a debrief on Tuesday’s <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/m2h7h6u3mrd04ecm/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tLzE4LW5vdmVtYmVyLTIwMjUtb3V0YWdlLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449323">massive outage</a>. I was a <em>little</em> surprised when he blamed everything on Rust <del>furries</del> developers, but I’m sure his crisis PR team had their reasons.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">GitHub is <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/e0hph0u7qx8wrmc8/aHR0cHM6Ly9wcmltZXIuc3R5bGUvYWNjZXNzaWJpbGl0eS90b2FzdHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449325">removing all toasts from their UI</a> because of the accessibility and usability issues.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/7qh7h2u9wgrpnqbz/aHR0cHM6Ly96ZWQuZGV2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449326">Zed’s next-gen code editor</a> is shockingly fast and designed for smooth collaboration with AI and other humans. It’s written from scratch in Rust (not Electron <span role="img" aria-label="folded hands">🙏</span>), lets you chat and work with teammates, and integrates LLMs into your workflow in helpful ways. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">TkDodo wrote about how <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/owhkhwuwgz2lq9sv/aHR0cHM6Ly90a2RvZG8uZXUvYmxvZy90b29sdGlwLWNvbXBvbmVudHMtc2hvdWxkLW5vdC1leGlzdA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449327">tooltip components should not exist</a>. So if you enjoy tooltips and/or toasts, just make sure you’ve got a solid safehouse when the great UI Purge begins.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Chrome DevTools released a <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/z2hgh7uepgqrlxfp/aHR0cHM6Ly9kZXZlbG9wZXIuY2hyb21lLmNvbS9ibG9nL2NkcC1jb21tYW5kLWVkaXRvcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449328">new CDP editor</a> that makes it easier to write Chrome DevTools Protocol commands.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/p8hehqu4gvn5q0tq/aHR0cHM6Ly9hdXRoMC5jb20vZmVhdHVyZXMvdG9rZW4tdmF1bHQ_dXRtX2NhbXBhaWduPWdsb2JhbF9tdWx0X211bHRfYWxsX2NpYW1fZGV2X2RnX3BsZ19hdXRoMF9uYXRpdmVfYnl0ZXNfbmV3c2xldHRlcl9hdWRfYnl0ZXNuZXdzbGV0dGVyX25vdjIwMjVfdXRtMiZ1dG1faWQ9YU5LS1owMDAwMDAwNTRjNEFBJnV0bV9tZWRpdW09Y3BjJnV0bV9zb3VyY2U9Ynl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449329">Token Vault</a> lets you securely integrate your apps and AI agents with third-party APIs – without needing to handle access and refresh tokens for your users. Just set up one single Auth0 integration, and everything <em>just works</em>. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Remix maintainer, Pedro Cattori wrote about <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/x0hph3ue9g5dqvc5/aHR0cHM6Ly9wZWRyb2NhdHRvcmkuY29tL3Bvc3RzL2p1c3QtamF2YXNjcmlwdC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449330">what “Just JavaScript” means to him</a> – aka my favorite Stevie Wonder Christmas song.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Anthropic wrote about <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/6qhehoulnqm69mao/aHR0cHM6Ly93d3cuYW50aHJvcGljLmNvbS9lbmdpbmVlcmluZy9jb2RlLWV4ZWN1dGlvbi13aXRoLW1jcA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449331">building more efficient agents with MCP</a>. Some are calling this an admission of defeat on how they’ve implemented MCP so far, but I won’t do that because I want <del>Dario to give me thousands of stock options to be his yes man</del> to be a nice guy.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/kkhmh2un67k2xxtl/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvc3RhdGUtb2YtY2xvdWQtc2VjdXJpdHktMjAyNS8_dXRtX2NhbXBhaWduPWRnLXNlY3VyaXR5LXd3LWNsb3VkLXNlY3VyaXR5LXJlcG9ydC1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlc2Rldg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449332">The State of Cloud Security report</a> analyzes data from thousands of organizations to pull out the biggest threats and vulnerabilities facing teams today. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">dvcrn has been thinking way too hard about <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/58hvh8ugkero64t6/aHR0cHM6Ly9kYXZpZC5jb2ZmZWUvY2xvdWRmbGFyZS16ZXJvLXRydXN0LXR1bm5lbHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449333">Cloudflare Zero Trust tunnels</a>, and yes, I realize that this week isn’t the best time to be using the words “Cloudflare” and “Zero Trust” in the same sentence but here we are.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Aiden Bai created <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/25h2h9u345k0mxa3/aHR0cHM6Ly9naXRodWIuY29tL2FpZGVueWJhaS9yZWFjdC1ncmFi" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449334">React Grab</a>, a <code style="font-size: 14px;"><script></code> tag that lets you grab any element in your app and give it to your coding agent.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Karboosx’s tutorial on <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/qvh8h8udox92kxul/aHR0cHM6Ly9rYXJib29zeC5uZXQvcG9zdC80ZVp4aEJvbi9idWlsZGluZy1hLXNpbXBsZS1zZWFyY2gtZW5naW5lLXRoYXQtYWN0dWFsbHktd29ya3M=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449335">building your own simple search engine</a> means you no longer have to rely on Elasticsearch or Algolia. It also means you’re just one VS Code fork away from creating the next Google.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz: Answer</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/l2heh6ul6g8vx6a6/aHR0cHM6Ly9zZW50cnkuaW8vcHJvZHVjdC9haS1jb2RlLXJldmlldy8_dXRtX2NhbXBhaWduPWFpY29kZXJldmlldy1meTI2cTQtYWljb2RlcmV2aWV3bGF1bmNoJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItcHJvZHVjdC1scC1sZWFybm1vcmUmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1807449322">Sentry</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Whenever you ask “how could this code be improved?”, you open the (email) floodgate. But…</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">One way is that instead of waiting for the image to load before fetching the metadata, we can start fetching the metadata immediately by moving the fetch call outside of the onload handler. This will allow the metadata to load in parallel with the image.</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;">document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"thumbnail"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">addEventListener</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"click"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> metadataPromise <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">fetch</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"path_to_metadata_API"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">then</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">res</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span>
res<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">json</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> img <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">Image</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
img<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>src <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token string" style="color: #f99157; font-size: 14px;">"path_to_high_res_image.jpg"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"gallery"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">appendChild</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>img<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
img<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function-variable function" style="color: #9d7dce; font-size: 14px;">onload</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">async</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> metadata <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">await</span> metadataPromise<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
document<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getElementById</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"metadata"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>innerText <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> metadata<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>description<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/g3hnhwum6v4o07ir/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1807449336">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/9qhzhdudz7o3eqf9/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1807449337">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/3ohphdu34we9k2ir/aHR0cHM6Ly91aS5kZXY=" url-id="1807449338">ui.dev</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://click.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn/n2hohquv6dz5lgf6/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1807449339">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://unsubscribe.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn">Unsubscribe</a></span>
<!-- -->
<img src="https://open.kit-mail6.com/e5u6n6ew55c7hl46eo6c8h8movo22ilhzrqn" alt="">
</body>
</html>