feat: expose /memo badge in help page (#695)

* feat: expose /memo badge in help page

* chore: update home link style

components/builder-hints.tsx

@@ -30,11 +30,12 @@ export default function BuilderHints ({ focus, badgeURL }) {
           /* height: 200px; */
           transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
         }
-        .hint a {
+        .hints a {
           color: #333;
+          border-bottom: 1px dashed #333;
         }
         a:hover {
-          border-bottom: 1px dashed #333 !important;
+          border-bottom: 1px solid #333 !important;
           text-decoration: none;
         }
       `}

components/help-info.tsx

@@ -72,14 +72,18 @@ export default function HomeIntro ({ isFlat = false }) {
 
     <h3>Advanced usage</h3>
     <ul>
-      <li>
-        <a href='/runkit'><code>/runkit</code></a>
-        create arbitrary live badge with RunKit's online IDE.
-      </li>
       <li>
         <a href='/https'><code>/https</code></a>
         turn an api endpoint into a svg live badge.
       </li>
+      <li>
+        <a href='/memo'><code>/memo</code></a>
+        a memo badge can be updated through a PUT request regularly.
+      </li>
+      <li>
+        <a href='/runkit'><code>/runkit</code></a>
+        create arbitrary live badge with RunKit's online IDE.
+      </li>
     </ul>
 
     <style jsx>{`