Merge pull request #24 from uw935/feature/thoughts

New thoughts and API
uw935 · Jul 31, 2024 · 4084bb9 · 4084bb9
2 parents b288402 + 9a87510
commit 4084bb9
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -14,16 +14,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta content="yes" name="apple-touch-fullscreen" />
     <meta name="format-detection" content="telephone=no">
-
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-F84TNME1LD"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag("js", new Date());
-
-        gtag("config", "G-F84TNME1LD");
-    </script>
 </head>
 <body>
     <div style="margin-bottom: 50px; margin-top: 50px;" id="information">
@@ -46,6 +36,10 @@
         </div>
         <br>
         <br>
+        <span class="preview" id="thoughts_block">
+            <img width="25" height="25" src="./static/images/emojicons/thoughts@2x.png" alt="💭">
+            <span id="thoughts_text"></span>
+        </span>
         <span class="preview">
             <img width="25" height="25" src="./static/images/emojicons/cowboy-hat-face@2x.png" alt="🤠">
             15 y.o.
@@ -113,5 +107,16 @@
             <br>
         </div>
     </div>
+    <script src="https://code.jquery.com/jquery-3.7.1.slim.js" integrity="sha256-UgvvN8vBkgO0luPSUl2s8TIlOSYRoGFAX4jlCIm9Adc=" crossorigin="anonymous"></script>
+    <script src="./static/script.js"></script>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-F84TNME1LD"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag("js", new Date());
+
+        gtag("config", "G-F84TNME1LD");
+    </script>
 </body>
 </html>
diff --git a/static/css/style.css b/static/css/style.css
@@ -71,6 +71,10 @@ body {
     color: #0A66C2;
 }
 
+#thoughts_block {
+    display: none;
+}
+
 #youtube {
     color: #FF0000;
 }

diff --git a/static/images/emojicons/thoughts@2x.png b/static/images/emojicons/thoughts@2x.png
diff --git a/static/script.js b/static/script.js
@@ -0,0 +1,15 @@
+fetch("https://api.npoint.io/662ddff4e44b520c878f", {}).then(
+    response => response.json()
+).then(
+    result => {
+        if (!result)
+            return;
+
+        let lang = document.documentElement.lang.toUpperCase();
+
+        if (result[lang]["thoughts"]) {
+            $("#thoughts_block").show()
+            $("#thoughts_text").text(result[lang]["thoughts"]["text"]);
+        }
+    }
+);