<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Michaël Vaes</title>
    <link>https://echo.michaelvaes.be/</link>
    <description>Software developer and do-it-yourselfer, trying to master the fine art of creating something awesome</description>
    <pubDate>Thu, 09 Apr 2026 20:47:41 +0000</pubDate>
    <image>
      <url>https://i.snap.as/zGjnBhHg.png</url>
      <title>Michaël Vaes</title>
      <link>https://echo.michaelvaes.be/</link>
    </image>
    <item>
      <title>Garmin MIP color matrix</title>
      <link>https://echo.michaelvaes.be/garmin-mip-color-matrix?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[Many Garmin products, like my Enduro 3, use a screen technology known as Memory-in-Pixel (MIP). MIP displays are very low power.&#xA;&#xA;For my watch face, I wanted to choose a bright green colour, so I researched the supported options. &#xA;&#xA;Now let’s transform them into something visual.&#xA;&#xA;For now, I have chosen the brightest green possible: #00FF00.&#xA;&#xA;div id=&#34;grid&#34; aria-label=&#34;8 by 8 color matrix&#34; style=&#34;display: grid; grid-template-columns: repeat(8, minmax(72px, 1fr)); gap: 10px; align-items: start;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 255);&#34; title=&#34;0xFFFFFF = #FFFFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 170);&#34; title=&#34;0xFFFFAA = #FFFFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 85);&#34; title=&#34;0xFFFF55 = #FFFF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 0);&#34; title=&#34;0xFFFF00 = #FFFF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFFF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 255);&#34; title=&#34;0xFFAAFF = #FFAAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 170);&#34; title=&#34;0xFFAAAA = #FFAAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 85);&#34; title=&#34;0xFFAA55 = #FFAA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 0);&#34; title=&#34;0xFFAA00 = #FFAA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FFAA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 255);&#34; title=&#34;0xFF55FF = #FF55FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF55FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 170);&#34; title=&#34;0xFF55AA = #FF55AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF55AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 85);&#34; title=&#34;0xFF5555 = #FF5555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF5555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 0);&#34; title=&#34;0xFF5500 = #FF5500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF5500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 255);&#34; title=&#34;0xFF00FF = #FF00FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF00FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 170);&#34; title=&#34;0xFF00AA = #FF00AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF00AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 85);&#34; title=&#34;0xFF0055 = #FF0055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF0055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 0);&#34; title=&#34;0xFF0000 = #FF0000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#FF0000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 255);&#34; title=&#34;0xAAFFFF = #AAFFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 170);&#34; title=&#34;0xAAFFAA = #AAFFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 85);&#34; title=&#34;0xAAFF55 = #AAFF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 0);&#34; title=&#34;0xAAFF00 = #AAFF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAFF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 255);&#34; title=&#34;0xAAAAFF = #AAAAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 170);&#34; title=&#34;0xAAAAAA = #AAAAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 85);&#34; title=&#34;0xAAAA55 = #AAAA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 0);&#34; title=&#34;0xAAAA00 = #AAAA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AAAA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 255);&#34; title=&#34;0xAA55FF = #AA55FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA55FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 170);&#34; title=&#34;0xAA55AA = #AA55AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA55AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 85);&#34; title=&#34;0xAA5555 = #AA5555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA5555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 0);&#34; title=&#34;0xAA5500 = #AA5500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA5500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 255);&#34; title=&#34;0xAA00FF = #AA00FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA00FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 170);&#34; title=&#34;0xAA00AA = #AA00AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA00AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 85);&#34; title=&#34;0xAA0055 = #AA0055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA0055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 0);&#34; title=&#34;0xAA0000 = #AA0000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#AA0000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 255);&#34; title=&#34;0x55FFFF = #55FFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 170);&#34; title=&#34;0x55FFAA = #55FFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 85);&#34; title=&#34;0x55FF55 = #55FF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 0);&#34; title=&#34;0x55FF00 = #55FF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55FF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 255);&#34; title=&#34;0x55AAFF = #55AAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 170);&#34; title=&#34;0x55AAAA = #55AAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 85);&#34; title=&#34;0x55AA55 = #55AA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 0);&#34; title=&#34;0x55AA00 = #55AA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#55AA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 255);&#34; title=&#34;0x5555FF = #5555FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5555FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 170);&#34; title=&#34;0x5555AA = #5555AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5555AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 85);&#34; title=&#34;0x555555 = #555555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#555555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 0);&#34; title=&#34;0x555500 = #555500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#555500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 255);&#34; title=&#34;0x5500FF = #5500FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5500FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 170);&#34; title=&#34;0x5500AA = #5500AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#5500AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 85);&#34; title=&#34;0x550055 = #550055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#550055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 0);&#34; title=&#34;0x550000 = #550000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#550000/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 255);&#34; title=&#34;0x00FFFF = #00FFFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FFFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 170);&#34; title=&#34;0x00FFAA = #00FFAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FFAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 85);&#34; title=&#34;0x00FF55 = #00FF55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FF55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 0);&#34; title=&#34;0x00FF00 = #00FF00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00FF00/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 255);&#34; title=&#34;0x00AAFF = #00AAFF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AAFF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 170);&#34; title=&#34;0x00AAAA = #00AAAA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AAAA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 85);&#34; title=&#34;0x00AA55 = #00AA55&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AA55/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 0);&#34; title=&#34;0x00AA00 = #00AA00&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#00AA00/div/divhr style=&#34;grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;&#34;div style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 255);&#34; title=&#34;0x0055FF = #0055FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0055FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 170);&#34; title=&#34;0x0055AA = #0055AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0055AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 85);&#34; title=&#34;0x005555 = #005555&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#005555/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 0);&#34; title=&#34;0x005500 = #005500&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#005500/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 255);&#34; title=&#34;0x0000FF = #0000FF&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0000FF/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 170);&#34; title=&#34;0x0000AA = #0000AA&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#0000AA/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 85);&#34; title=&#34;0x000055 = #000055&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#000055/div/divdiv style=&#34;display: grid; grid-template-rows: 72px auto; gap: 6px;&#34;div style=&#34;width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0);&#34; title=&#34;0x000000 = #000000&#34;/divdiv style=&#34;font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; text-align: center; color: #333;&#34;#000000/div/div/div]]&gt;</description>
      <content:encoded><![CDATA[<p>Many Garmin products, like my Enduro 3, use a screen technology known as Memory-in-Pixel (MIP). MIP displays are very low power.</p>

<p>For my watch face, I wanted to choose a bright green colour, so I researched the <a href="https://developer.garmin.com/connect-iq/user-experience-guidelines/incorporating-the-visual-design-and-product-personalities/" title="supported options">supported options</a>.</p>

<p>Now let’s transform them into something visual.</p>

<p>For now, I have chosen the brightest green possible: <a href="https://echo.michaelvaes.be/tag:00FF00" class="hashtag"><span>#</span><span class="p-category">00FF00</span></a>.</p>

<div id="grid" id="grid" style="display: grid; grid-template-columns: repeat(8, minmax(72px, 1fr)); gap: 10px; align-items: start;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFFF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FFAA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF55FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF55AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF5555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF5500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF00FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF00AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF0055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(255, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#FF0000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAFF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AAAA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA55FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA55AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA5555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA5500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA00FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA00AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA0055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(170, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#AA0000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55FF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#55AA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5555FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5555AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#555555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#555500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5500FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#5500AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#550055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(85, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#550000</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FFFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FFAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FF55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 255, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00FF00</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AAFF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AAAA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AA55</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 170, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#00AA00</div></div><hr style="grid-column: 1 / -1; height: 0; border: none; border-top: 1px dashed #ddd; margin: 6px 0;"><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0055FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0055AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#005555</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 85, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#005500</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 255);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0000FF</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 170);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#0000AA</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 85);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#000055</div></div><div style="display: grid; grid-template-rows: 72px auto; gap: 6px;"><div style="width: 100%; height: 72px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0);"></div><div style="font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, &#34;Liberation Mono&#34;, monospace; text-align: center; color: #333;">#000000</div></div></div>
]]></content:encoded>
      <guid>https://echo.michaelvaes.be/garmin-mip-color-matrix</guid>
      <pubDate>Sun, 02 Nov 2025 19:52:29 +0000</pubDate>
    </item>
    <item>
      <title>First quarter reflections</title>
      <link>https://echo.michaelvaes.be/first-quarter-reflections?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[I usually tend to say that the beginning of the year is fast; this year was no exception.&#xA;&#xA;Starting the year with some holidays. Discovering LinkedIn bots, our first development hire and bringing back some memories with buying a lathe.&#xA;&#xA;January was a quick one. The first week, we went with family, the four of us, to a cabin in the forest. It was just plain nature, no internet, no fridge (just ice packs), playing board games, outdoor walks, barbecues, and a lot of rain. But one thing I always look forward to is lighting up the stove and creating some kindling with my mini axe - instant satisfaction.&#xA;&#xA;At work, I started polishing our &#39;24 roadmap and preparing for a lesser favourite type of work, hiring. The Exatom business is growing at a steady pace, so we&#39;ll need to make sure we can also keep up at the development side because over there, it&#39;s just me-myself-and-I soloing with some side-kicks.&#xA;&#xA;Let&#39;s dive a bit deeper into that whole hiring process. We posted our job opening on LinkedIn, this is what happened:&#xA;&#xA;within 24 hours we had 100+ applicants&#xA;also, within 24 hours, I got too many emails from recruiters and their bots monitoring LinkedIn&#xA;adjusting the bar for our three preliminary interview screening questions&#xA;starting interviews&#xA;getting the hang of it and realising how quickly you can get that feeling of team-fit or not&#xA;1.5k post views, 350+ applicants, and numerous of interviews&#xA;Development team expansion, welcome Marcelo!&#xA;&#xA;🚀 A super handy piece of software tooling on this ride was Calendly. My sales and client services colleagues were already fans; now I am too.&#xA;&#xA;Lastly, a super exciting item to share. After years of just looking around I came across a 1963 Schaublin 102VM lathe. I called my father, we jumped into the car, did an inspection, could not find any deficiencies, rented a truck for transport and now she&#39;s home.&#xA;&#xA;This brings back so many good memories from my middle grade studies and I&#39;m sure there will be many posts over here on my re-discovery and joy of working with it.]]&gt;</description>
      <content:encoded><![CDATA[<p>I usually tend to say that the beginning of the year is fast; this year was no exception.</p>

<p>Starting the year with some holidays. Discovering LinkedIn bots, our first development hire and bringing back some memories with buying a lathe.</p>

<p>January was a quick one. The first week, we went with family, the four of us, to a cabin in the forest. It was just plain nature, no internet, no fridge (just ice packs), playing board games, outdoor walks, barbecues, and a lot of rain. But one thing I always look forward to is lighting up the stove and creating some kindling with my mini axe – instant satisfaction.</p>

<p><img src="https://i.snap.as/c71eRep2.png" alt=""/></p>

<p>At work, I started polishing our &#39;24 roadmap and preparing for a lesser favourite type of work, hiring. The Exatom business is growing at a steady pace, so we&#39;ll need to make sure we can also keep up at the development side because over there, it&#39;s just me-myself-and-I soloing with some side-kicks.</p>

<p>Let&#39;s dive a bit deeper into that whole hiring process. We posted our job opening on LinkedIn, this is what happened:</p>
<ul><li>within 24 hours we had 100+ applicants</li>
<li>also, within 24 hours, I got too many emails from recruiters and their bots monitoring LinkedIn</li>
<li>adjusting the bar for our three preliminary interview screening questions</li>
<li>starting interviews</li>
<li>getting the hang of it and realising how quickly you can get that feeling of team-fit or not</li>
<li>1.5k post views, 350+ applicants, and numerous of interviews</li>
<li>Development team expansion, welcome Marcelo!</li></ul>

<p>🚀 A super handy piece of software tooling on this ride was Calendly. My sales and client services colleagues were already fans; now I am too.</p>

<p>Lastly, a super exciting item to share. After years of just looking around I came across a 1963 Schaublin 102VM lathe. I called my father, we jumped into the car, did an inspection, could not find any deficiencies, rented a truck for transport and now she&#39;s home.</p>

<p><img src="https://i.snap.as/AsSNaJON.png" alt=""/></p>

<p>This brings back so many good memories from my middle grade studies and I&#39;m sure there will be many posts over here on my re-discovery and joy of working with it.</p>
]]></content:encoded>
      <guid>https://echo.michaelvaes.be/first-quarter-reflections</guid>
      <pubDate>Fri, 29 Mar 2024 21:28:59 +0000</pubDate>
    </item>
  </channel>
</rss>