Envelope-to: fsts@airmas.id
Delivery-date: Fri, 22 May 2026 12:41:42 +0700
Content-Type: multipart/alternative; boundary=082169016afcb0540e5adf4c436a9af160ab950a2df4faf9e60e5ca9b474
Date: Fri, 22 May 2026 05:40:56 +0000 (UTC)
From: The Topo <info@featurebase.app>
Mime-Version: 1.0
Message-ID: <ovJmti1gQ6O0-bZPriUWOw@geopod-ismtpd-1>
Subject: v3.1.2
To: fsts@airmas.id
Received-SPF: pass (spfilter-2.idcloudhosting.com: domain of em2034.featurebase.app designates 159.183.34.59 as permitted sender) client-ip=159.183.34.59; envelope-from=bounces+24687408-a8db-fsts=airmas.id@em2034.featurebase.app; helo=wfbtnnpb.outbound-mail.sendgrid.net;

--082169016afcb0540e5adf4c436a9af160ab950a2df4faf9e60e5ca9b474
Content-Transfer-Encoding: quoted-printable
Content-Type: text/plain; charset=us-ascii
Mime-Version: 1.0


--082169016afcb0540e5adf4c436a9af160ab950a2df4faf9e60e5ca9b474
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset=utf-8
Mime-Version: 1.0

<!DOCTYPE html>
<html lang=3D"en" xmlns:v=3D"urn:schemas-microsoft-com:vml">
<head>
  <meta charset=3D"utf-8">
  <meta name=3D"x-apple-disable-message-reformatting">
  <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D=
1">
  <meta name=3D"format-detection" content=3D"telephone=3Dno, date=3Dno, add=
ress=3Dno, email=3Dno, url=3Dno">
  <meta name=3D"color-scheme" content=3D"light dark">
  <meta name=3D"supported-color-schemes" content=3D"light dark">
  <!--[if mso]>
      <noscript>
        <xml>
          <o:OfficeDocumentSettings
            xmlns:o=3D"urn:schemas-microsoft-com:office:office"
          >
            <o:PixelsPerInch>96</o:PixelsPerInch>
          </o:OfficeDocumentSettings>
        </xml>
      </noscript>
      <style>
        td,
        th,
        div,
        p,
        a,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          font-family: "Segoe UI", sans-serif;
          mso-line-height-rule: exactly;
        }
      </style>
    <![endif]-->
  <link href=3D"https://fonts.googleapis.com/css2?family=3DInter:wght@400;6=
00;700&display=3Dswap" rel=3D"stylesheet" media=3D"screen">
  <style type=3D"text/css">
    .content-wrapper p {
      margin-top: 0;
      margin-bottom: 0;
    }
    .content-wrapper .fb-image-email {
      width: 100%;
      border-radius: 8px;
    }
  </style>
  <style>
    .italic {
      font-style: italic
    }
    .content-wrapper hr {
      height: 1px;
      border-width: 0px;
      background-color: #DEE1EA
    }
    @media (prefers-color-scheme: dark) {
      .content-wrapper hr {
        background-color: #2B3040 !important
      }
    }
    .hover-important-text-decoration-underline:hover {
      text-decoration: underline !important
    }
    @media (prefers-color-scheme: dark) {
      .dark-bg-gray-900 {
        background-color: #101219 !important
      }
      .dark-text-gray-200 {
        color: #B2B8CD !important
      }
      .dark-text-white {
        color: #fff !important
      }
    }
    @media (max-width: 600px) {
      .sm-my-8 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
      }
      .sm-px-3 {
        padding-left: 12px !important;
        padding-right: 12px !important
      }
    }
  </style>
</head>
<body class=3D"dark-bg-gray-900" style=3D"margin: 0; width: 100%; backgroun=
d-color: #F8F9FC; padding: 0; font-family: Inter, sans-serif; -webkit-font-=
smoothing: antialiased; word-break: break-word">
  <div role=3D"article" aria-roledescription=3D"email" aria-label lang=3D"e=
n">
    <div class=3D"dark-bg-gray-900" style=3D"background-color: #fff; font-f=
amily: Inter, sans-serif">
      <table align=3D"center" cellpadding=3D"0" cellspacing=3D"0" role=3D"n=
one">
        <tr>
          <td style=3D"width: 600px; max-width: 100%">
            <div class=3D"sm-my-8" style=3D"margin-bottom: 48px; margin-top=
: 32px; text-align: center"> <!--[if !mso]><!-->
                <img src=3D"https://fb-usercontent.fra1.cdn.digitaloceanspa=
ces.com/logo-spinner.png" alt style=3D"border-radius: 8px; vertical-align: =
middle; line-height: 1; border: 0; max-height: 50px; max-width: 172px;">
              <!--<![endif]-->
            </div>
            <table style=3D"width: 100%;" cellpadding=3D"0" cellspacing=3D"=
0" role=3D"none">
              <tr>
                <td class=3D"sm-px-3 dark-text-gray-200" style=3D"border-ra=
dius: 4px; font-size: 16px; color: #32384D; box-shadow: 0 1px 2px 0 rgba(0,=
 0, 0, 0.05)">
                  <table style=3D"width: 100%;" cellpadding=3D"0" cellspaci=
ng=3D"0" role=3D"none">                     <tr>
                      <td class=3D"dark-text-white" style=3D"font-size: 24p=
x; font-weight: 600">
                        v3.1.2
                      </td>
                    </tr>
                    <div role=3D"separator" style=3D"line-height: 16px">&zw=
j;</div>
                    <tr>
                      <td class=3D"dark-text-gray-200" style=3D"color: #323=
84D">
                        <div> <style>
    </style><style style=3D"margin: 20px auto;">
     =20
    @media (prefers-color-scheme: dark) {
      .dark-mode-hr {
        border-color: #2b2e40 !important;
        background-color: #2b2e40 !important;
      }
    }
 =20

      .featurebase-pre-block {
        white-space: pre-wrap;
        padding: 10px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 1px solid #dee1ea !important;
      }
      @media (prefers-color-scheme: dark) {
        .featurebase-pre-block {
          background-color: #222734;
          border: 1px solid #2b3040 !important;
        }
      }
    </style><h3 data-first-child=3D"true" style=3D"margin: 0px; margin-top:=
 0px; font-size: 18px; font-weight: 600; line-height: 24px;">Performance im=
provements</h3><ul style=3D"margin: 20px auto; margin-top: 16px; padding-to=
p: 12px; padding-bottom: 0px;"><li data-first-child=3D"true" style=3D"margi=
n: 0px; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-top:=
 0px;"><p data-first-child=3D"true" style=3D"margin: 0px; font-size: 16px; =
line-height: 1.625; margin-top: 0px; margin-bottom: 0px;">Faster route list=
 filtering</p></li></ul><h3 style=3D"margin: 20px auto; margin-top: 24px; f=
ont-size: 18px; font-weight: 600; line-height: 24px;">Bug fixes</h3><ul sty=
le=3D"margin: 20px auto; margin-top: 16px; padding-top: 12px; padding-botto=
m: 0px;"><li data-first-child=3D"true" style=3D"margin: 0px; font-size: 16p=
x; line-height: 24px; margin-bottom: 0px; margin-top: 0px;"><p data-first-c=
hild=3D"true" style=3D"margin: 0px; font-size: 16px; line-height: 1.625; ma=
rgin-top: 0px; margin-bottom: 0px;">Topo drawing zigzag=E2=80=94 curved top=
o lines on very short route segments could produce a jagged/zigzag shape. N=
ow clamped to look smooth.</p></li><li style=3D"margin: 20px auto; font-siz=
e: 16px; line-height: 24px; margin-bottom: 0px; margin-top: 6px;"><p data-f=
irst-child=3D"true" style=3D"margin: 0px; font-size: 16px; line-height: 1.6=
25; margin-top: 0px; margin-bottom: 0px;">iOS app display name=E2=80=94 the=
 app name shown on the iOS home screen is now correctly =E2=80=9CThe Topo=
=E2=80=9D.</p></li><li style=3D"margin: 20px auto; font-size: 16px; line-he=
ight: 24px; margin-bottom: 0px; margin-top: 6px;"><p data-first-child=3D"tr=
ue" style=3D"margin: 0px; font-size: 16px; line-height: 1.625; margin-top: =
0px; margin-bottom: 0px;">Draft crag edit and delete required subscription =
even it should not.</p></li><li style=3D"margin: 20px auto; font-size: 16px=
; line-height: 24px; margin-bottom: 0px; margin-top: 6px;"><p data-first-ch=
ild=3D"true" style=3D"margin: 0px; font-size: 16px; line-height: 1.625; mar=
gin-top: 0px; margin-bottom: 0px;">Android dark mode crash screen</p></li><=
li style=3D"margin: 20px auto; font-size: 16px; line-height: 24px; margin-b=
ottom: 0px; margin-top: 6px;"><p data-first-child=3D"true" style=3D"margin:=
 0px; font-size: 16px; line-height: 1.625; margin-top: 0px; margin-bottom: =
0px;">Android toggle switch green tint</p></li><li style=3D"margin: 20px au=
to; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-top: 6px=
;"><p data-first-child=3D"true" style=3D"margin: 0px; font-size: 16px; line=
-height: 1.625; margin-top: 0px; margin-bottom: 0px;">Login screen status b=
ar=E2=80=94 a visual glitch with the status bar on the login intro screen i=
s fixed.</p></li><li style=3D"margin: 20px auto; font-size: 16px; line-heig=
ht: 24px; margin-bottom: 0px; margin-top: 6px;"><p data-first-child=3D"true=
" style=3D"margin: 0px; font-size: 16px; line-height: 1.625; margin-top: 0p=
x; margin-bottom: 0px;">Grade table crash=E2=80=94 a crash that could occur=
 when grade data was missing is now prevented.</p></li></ul><h3 style=3D"ma=
rgin: 20px auto; margin-top: 24px; font-size: 18px; font-weight: 600; line-=
height: 24px;">Visual polish</h3><ul style=3D"margin: 20px auto; margin-top=
: 16px; padding-top: 12px; padding-bottom: 0px;"><li data-first-child=3D"tr=
ue" style=3D"margin: 0px; font-size: 16px; line-height: 24px; margin-bottom=
: 0px; margin-top: 0px;"><p data-first-child=3D"true" style=3D"margin: 0px;=
 font-size: 16px; line-height: 1.625; margin-top: 0px; margin-bottom: 0px;"=
>Various small visual fixes across Login/Signup, Crag, Route, Spot, and Top=
o screens following a designer review pass (spacing, colors, icons, layout)=
.</p></li><li style=3D"margin: 20px auto; font-size: 16px; line-height: 24p=
x; margin-bottom: 0px; margin-top: 6px;"><p data-first-child=3D"true" style=
=3D"margin: 0px; font-size: 16px; line-height: 1.625; margin-top: 0px; marg=
in-bottom: 0px;">Improved text letter spacing throughout the app.</p></li><=
li style=3D"margin: 20px auto; font-size: 16px; line-height: 24px; margin-b=
ottom: 0px; margin-top: 6px;"><p data-first-child=3D"true" style=3D"margin:=
 0px; font-size: 16px; line-height: 1.625; margin-top: 0px; margin-bottom: =
0px;">Better icon color on the Premium badge.</p></li><li style=3D"margin: =
20px auto; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-t=
op: 6px;"><p data-first-child=3D"true" style=3D"margin: 0px; font-size: 16p=
x; line-height: 1.625; margin-top: 0px; margin-bottom: 0px;">Topo images no=
w fill sector cards properly.</p></li></ul><p style=3D"margin: 20px auto; f=
ont-size: 16px; line-height: 1.625; margin-bottom: 0px;"></p> </div>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <table style=3D"width: 100%;" cellpadding=3D"0" cel=
lspacing=3D"0" role=3D"none">
                          <tr>
                            <td>
                              <div role=3D"separator" style=3D"line-height:=
 42px">&zwj;</div>=20
                                <div style=3D"text-align: center;">
                                  <table align=3D"center" role=3D"presentat=
ion" style=3D"min-width: 240px; text-align: center" cellpadding=3D"0" cells=
pacing=3D"0" border=3D"0">
                                    <tr>
                                      <td style=3D"min-width: 240px; text-a=
lign: center">
                                        <a href=3D"https://sg.featurebaseap=
p.com/ls/click?upn=3Du001.O7xlx1BfwyI9umESuHBcARz5S0DHjWnhAKmBWzqJn8KOICvqr=
Ta4w9MU-2Ft-2BQeuvmZ07ZKj-2Ff5euqnnRoDM8V2Q-3D-3D_N1T_CQRj6v5GVdfgy8L30WBWq=
6UD4M-2BmM6dfS1wxcw9-2Fv3iaaZHww7Otf5W42ExMRUlmmRYGHQTS4Qp7gi-2B-2FoczYU4Yb=
oAOZSna-2FVJvv91JziNNRXtoW-2FUTaBrN-2FsL5pNkApVZkeO4g6yQ4CcLMnIpZjfCQe6m1IL=
l0gxzypvMvQa6xf-2Fv7IMUPv068XjeNBmo-2BYUWC8YU8trokfgUwnw4bMZsWAZGvu0aq7fMde=
Z2rmqXdEpPlae06p-2F-2Fue2BxLuBmswgjS-2F0Wh6GLfCf4i9DAvZWdI5ZDn42g4604oGP5fF=
1axHzRz25SkNCycnPfaWTcRJOmzyoR81t8JhyOu3fATpCw1sW3My5-2B8O5m7yXz9MtMc8Hycee=
sGXL5RtlfK8qf-2BozF05rssXS9LPthQR4cBkyrPcQvQuQPdatk3mLzYvFU3iM3HrZmXaEyTT-2=
FsInCCie-2FZF1r4Ux-2FHP-2FCi252AmbVdhwRcaVURDaXXbiXhzNbEN29VfWfxCun-2B-2B87=
WCZlQP" style=3D"width: 100%; border-radius: 9999px; padding: 16px 8px; fon=
t-size: 16px; font-weight: 600; line-height: 1; background-color: #f2de1e; =
color: #200000; display: inline-block; min-width: 240px; text-align: center=
; text-decoration: none">
                                          <span style=3D"mso-text-raise: 16=
px; display: block; text-align: center;"> View Update </span>
                                        </a>
                                        <!--<![endif]-->
                                      </td>
                                    </tr>
                                  </table>
                                </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr role=3D"separator">
                <td style=3D"line-height: 48px">&zwj;</td>
              </tr>
              <tr>
                <td style=3D"padding-left: 24px; padding-right: 24px; text-=
align: center; font-size: 12px; color: #475569">=20
                    <a clicktracking=3D"off" href=3D"https://featurebase.ap=
p" class=3D"hover-important-text-decoration-underline" style=3D"font-weight=
: 600; color: #4338ca; text-decoration: none">
                      =E2=9A=A1Powered by Featurebase</a>
                  <p style=3D"cursor: default"> <a href=3D"https://sg.featu=
rebaseapp.com/ls/click?upn=3Du001.O7xlx1BfwyI9umESuHBcAa5dcOxafNb46EEh8lVVV=
ckXzs-2BZR-2BdWOoiuUuTxf8m0UI5exsO3dZu6lGV6U-2B02pOJUNkzxS9pxj0yNErQ97jEMh5=
PO2VTPQRN0Gg7scKwuNakFW9P79lUH7IS0MiMxYB5BzcsGGVri-2BqM3JlBtBNUkN-2BgdFDpnO=
O8G-2BcOuNpTTYstDr8nhX9C2bcxTyAKye9fjc739ioviReAp-2BhiK96MdZ5UJ53-2FAarZy0Z=
nYuKRYVj3jGrOatOrqoZz1-2B2zLbYo2XvgVNwVSwGq0sc-2BK5ZDotvxh0wLG6SYAXhuAm-2Bq=
BG4dcLb9mOb5Fy8s8MzI85gYt-2FCJ-2FwdAcsigBfCKOEtnp-2BJsOebrzyYcYuFCBMxKW7S50=
-2Fy-2BGr7HC5qQehljoFDh1NDZ-2FIzQ-2FBISh85pOtEu11qtYvO3gkiHEsskjHXq7ZAZu0jL=
h6H-2Bh-2BAt1bMXrWJaexLydl8jhha8VSp4Lcp-2Bk-2FeU7XWw-2Fzx7VmV9p1frjLyPE_CQR=
j6v5GVdfgy8L30WBWq6UD4M-2BmM6dfS1wxcw9-2Fv3iaaZHww7Otf5W42ExMRUlmmRYGHQTS4Q=
p7gi-2B-2FoczYU4YboAOZSna-2FVJvv91JziNNRXtoW-2FUTaBrN-2FsL5pNkApVZkeO4g6yQ4=
CcLMnIpZjfCQe6m1ILl0gxzypvMvQa6xf-2Fv7IMUPv068XjeNBmo-2BYUWC8YU8trokfgUwnw4=
bMZsWAZGvu0aq7fMdeZ2rmqXdEpPlae06p-2F-2Fue2BxLuBmswgjS-2F0Wh6GLfCf4i9DAvZWd=
I5ZDn42g4604oGP5fF1axHzRz25SkNCycnPfaWTcRJOmzyoR81t8JhyOu3fATpCw1sW3My5-2B8=
O5m7yXz9MtNoC5n4ItN3xOulP2gy8yH4-2B64BulJpP2dnfHwQW-2Bw8yCwjk6sTjFwD1w-2Fhg=
GW3rFBixiIH1HVQOirL8pG-2BK63ydAwV2wfRJTV4uYs8QsUW2pEDLKmxm7pDBpBmbP4eqnPdsR=
EE1WUlZ7WJxiZFsRAd" class=3D"hover-important-text-decoration-underline" sty=
le=3D"font-weight: 500; color: #4338ca; text-decoration: none">Manage email=
 preferences</a>
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
  </div>
  <div class=3D"fb-image-email content-wrapper" style=3D"display: none">
    <p style=3D"margin-top: 0; margin-bottom: 0;"></p>
    <h1></h1>
    <h2></h2>
  </div>
<img src=3D"https://sg.featurebaseapp.com/wf/open?upn=3Du001.diab-2B6U-2FW9=
hT28bPYsvkPDV0N0LgRw-2FnBLGEWA62HE5bOlVX5kGHJuGCiVIabnuv78AMvGj9fzzTg2tqUN7=
SyyuqeAYFapN4mx46R-2BDab11Ia-2FPiS00dgOa3nx1zBsvEnFiNRUHeVYQ3mux5t1U9XuBAwx=
uKBxGKMUDAxuAtdtqDJX-2ByD2RAL2wFpXmRE27ra6wUyzjfY-2BRuriOP1P9X862nHJiaKDPbx=
P8JRlWC2jQsAbw-2FASS67aySowlWg1URh26ehaREmVkLpMeVcyFpUbg6N5mEjW41RwSGekKtSP=
e-2FdI6kypTyRT9cMROdpSr6g47rzklOxw0-2BH7sP4OUxCsVYR9DMRTul0lk6ZPhe0a5NVfE8J=
sV0iry1DyGiUe9CaLrDGmBENXgf-2BV-2FhIwywDOgYWsCj-2FwnK8F8J-2B9fvHMUTpccE2mNW=
lwDYdizSw7dqd6liVB9zrdU-2BCbJhR7xbqjB54XKga39H9XjF-2Fta4p-2BifZrNHL4Aw0Wedy=
rw4X-2BcA" alt=3D"" width=3D"1" height=3D"1" border=3D"0" style=3D"height:1=
px !important;width:1px !important;border-width:0 !important;margin-top:0 !=
important;margin-bottom:0 !important;margin-right:0 !important;margin-left:=
0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-r=
ight:0 !important;padding-left:0 !important;"/></body>
</html>
--082169016afcb0540e5adf4c436a9af160ab950a2df4faf9e60e5ca9b474--