feat(index.html): copy code hint

1 files changed, 14 insertions, 2 deletions

diff --git a/index.html b/index.html
index 68dbfc9..7e9cdbb 100644
--- a/index.html
+++ b/index.html
@@ -131,7 +131,6 @@
         display: flex;
         flex-direction: column;
         justify-content: center;
-        align-items: center;
       }
 
       @media (max-width: 768px) {
@@ -174,6 +173,14 @@
           display: none;
         }
       }
+
+      .copy-codes-label {
+        font-size: 0.9rem;
+        color: rgb(114, 138, 161);
+        font-weight: normal;
+        margin-top: 20px;
+        margin-bottom: -10px;
+      }
     </style>
 
     <main>
@@ -217,7 +224,12 @@
           class="example-image"
         />
 
-        <pre id="copy-codes" class="copy-codes">hi</pre>
+        <p class="copy-codes-label">
+          Copy one of the image embed snippets below to paste into your
+          biography
+        </p>
+
+        <pre id="copy-codes" class="copy-codes"></pre>
 
         <p class="attribution attribution-2">
           Created by