From 9b1c00977c1cff764c4b3049f040960c00779844 Mon Sep 17 00:00:00 2001
From: KeenAaron <79446818+KeenAaron@users.noreply.github.com>
Date: Wed, 12 Jun 2024 19:14:13 +0200
Subject: [PATCH 1/5] Introduction of the LangX token

---
 css/style.css          | 169 +++++++++++++++++++++++++++++++++++++++++
 index.html             |  76 +++++++++++++++++-
 js/accordion-effect.js |  28 +++++++
 3 files changed, 269 insertions(+), 4 deletions(-)
 create mode 100644 js/accordion-effect.js

diff --git a/css/style.css b/css/style.css
index 60afe0e..c84be31 100644
--- a/css/style.css
+++ b/css/style.css
@@ -269,6 +269,150 @@ footer {
   transform: scale(0.7);
 }
 
+/* LangX Token Introduction */
+
+.langx-token-introduction-section {
+  background-color: #ffc409;
+  padding: 64px 24px;
+}
+
+.langx-token-introduction-section > main {
+  max-width: 900px;
+}
+
+
+.langx-token-introduction-section p {
+  font-size: 1.2rem;
+  line-height: 1.6;
+}
+
+.langx-token-introduction-section > main {
+  display: flow-root;
+  margin: auto;
+}
+
+.langx-token-introduction-section > main > section + section {
+  margin-top: 72px;
+}
+
+.langx-token-introduction-section > main > section + section::before  {
+  content: '';
+  display: block;
+  position: relative;
+  background-color: #ff571a;
+  height: 4px;
+  width: 95%;
+  margin: auto;
+  top: -40px;
+}
+
+.langx-token-introduction-section h1 {
+  font-size: 5.5rem;
+  text-shadow: 0px 8px 0px #130900;
+}
+
+.bigger-fs {
+  font-size: 6.5rem;
+  text-shadow: 0px 10px 0px #130900;
+}
+
+.langx-token-introduction-section a[href]{
+  color: #d41c16;
+  text-decoration: #d41c16 2px solid underline;
+  font-weight: 600;
+  text-underline-offset: 3px;
+}
+
+.langx-token-introduction-section a[href]:hover{
+  cursor: alias;
+}
+
+.langx-token-introduction-section h2 {
+  font-size: 5.3rem;
+  text-shadow:  0px 6px 0px #130900;
+}
+
+.langx-token-introduction-section :is(h2, h3) {
+  margin: 0px;
+}
+
+.list-token-distribution-criteria {
+  font-size: 1.1em;
+  border: #d44916 5px;
+  border-style: dashed;
+  border-radius: 12px;
+  max-width: fit-content;
+  margin: 24px auto 0px;
+  padding: 16px 40px;
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -ms-border-radius: 12px;
+  -o-border-radius: 12px;
+}
+
+.list-token-distribution-criteria :is(ul) {
+  margin:0 0 0 16px;
+  padding: 0;
+  text-indent: 0;
+}
+
+.list-token-distribution-criteria ::marker{
+  color: #d44916;
+  font-size: 1.6em;
+}
+
+.list-token-distribution-criteria li + li {
+  margin-top: 0.5em;
+}
+
+.accordion{
+  margin: 16px auto 0;
+}
+
+.accordion-panel {
+  display: grid;
+  padding: 16px 24px;
+  grid-template-rows: auto 0fr;
+  transition: grid-template-rows 500ms ease-out;
+  -webkit-transition: grid-template-rows 500ms ease-out;
+  -moz-transition: grid-template-rows 500ms ease-out;
+  -ms-transition: grid-template-rows 500ms ease-out;
+  -o-transition: grid-template-rows 500ms ease-out;
+  cursor: pointer;
+}
+
+.accordion-panel + .accordion-panel {
+  border-top: #000 1px solid;
+}
+
+.accordion-panel-title{
+  font-size: 1.2rem;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.accordion-panel-title > a {
+  transition: transform 500ms;
+  font-size: 2em;
+}
+
+.is-open {
+  transform: rotate(45deg);
+}
+
+.accordion-content {
+  overflow: hidden;
+}
+
+p:first-child {
+  margin-top: 16px;
+}
+
+.accordion-panel[aria-expanded="true"] {
+  grid-template-rows: auto 1fr;
+}
+
 /*Footer*/
 footer {
   width: 100%;
@@ -372,6 +516,15 @@ footer p,
   .buttons {
     margin: 12px;
   }
+
+  /* LangX Token Introduction */
+  .langx-token-introduction-section p, .accordion-panel-title {
+    font-size: 1.1rem;
+  }
+
+  .list-token-distribution-criteria {
+    font-size: 1rem;
+  }
 }
 
 @media screen and (max-width: 539px) {
@@ -438,4 +591,20 @@ footer p,
   .footer-content {
     padding-bottom: 80px;
   }
+
+  /* LangX Token Introduction */
+  .langx-token-introduction-section h1 {
+    font-size: 3.2rem;
+    text-shadow: 0px 4px 0px #130900;
+  }
+
+  .bigger-fs {
+    font-size: 5rem;
+    text-shadow: 0px 6px 0px #130900;
+  }
+
+  .langx-token-introduction-section h2 {
+    font-size: 3.4rem;
+    text-shadow:  0px 4px 0px #130900;
+  }
 }
diff --git a/index.html b/index.html
index b98617a..f740818 100644
--- a/index.html
+++ b/index.html
@@ -182,9 +182,76 @@ <h2>Stay Tuned</h2>
       <h1>👨‍🍳 Cooking</h1>
     </section>
 
-    <section id="hero">
-      <h1>LangX<br /></h1>
-      <p>
+    <section aria-labelledby="langx-token-introduction" class="langx-token-introduction-section">
+      <header>
+        <h1 id="langx-token-introduction">Introducing <span class="bigger-fs">LangX Token</span></h1>
+      </header>
+      <main>
+        <section aria-labelledby="why-langx-token">
+          <h2 id="why-langx-token">Why LangX Token?</h2>
+          <p>LangX Token is our way of thanking you for being part of our community. It’s also our way of encourage you to keep improving your language skills and connecting with others from diverse cultures. </p> 
+          <p>This is your reward! By using LangX you’re not just making this community vibrant—you’re helping it grow with each message you send.</p>
+        </section>
+        <section aria-labelledby="learn-to-earn">
+          <h2 id="learn-to-earn">Learn to Earn</h2>
+          <p><strong>How to earn tokens?</strong> Just do what you’re already doing! Be active and chat! Your consistency will pay off.</p>
+          <p>To be eligible for daily token distribution, members' activities are <a href="https://docs.langx.io/litepaper/token/distibution" target="_blank">assessed</a> using the following criteria:</p>
+          <div class="list-token-distribution-criteria">
+            <ul>
+              <li><strong>Number of text, voice, and image messages sent</strong></li>
+              <li><strong>Daily active time on the platform</strong></li>
+              <li><strong>Day streaks, consecutive days of activity</strong></li>
+              <li><strong>Badges earned</strong></li>
+            </ul>
+          </div>
+        </section>
+        <section aria-labelledby="using-langx-tokens">
+          <h2 id="using-langx-tokens">Using LangX Tokens</h2>
+          <div class="accordion">
+            <div aria-expanded="false" class="accordion-panel">
+              <div class="accordion-panel-title">
+                <a>+</a>
+              <h3>Enhance Your Learning</h3>
+            </div>
+                <div aria-hidden="true" class="accordion-content">
+                  <p>The primary use of LangX tokens is to enhance your learning experience with our AI support tool, Copilot. This tool allows you to interact not only with real people but also with an AI that responds in real-time, ensuring continuous learning opportunities regardless of other users’ availability.</p>
+                </div>
+              </div>
+            <div aria-expanded="false" class="accordion-panel">
+              <div class="accordion-panel-title">
+                <a>+</a>
+              <h3>Reward System</h3>
+              </div>
+            <div aria-hidden="true" class="accordion-content">
+              <p>LangX tokens also function as a reward system, enabling you and your chatting partners to send tokens to each other as a form of appreciation for help and services provided during practice sessions.</p>
+            </div>
+          </div>
+            <div aria-expanded="false" class="accordion-panel">
+              <div class="accordion-panel-title">
+                <a>+</a>
+                <h3>Future Marketplace</h3>
+              </div>
+              <div aria-hidden="true" class="accordion-content">
+                <p>In the future, we plan to implement a marketplace for platform-exclusive emoticons and expressions, where LangX tokens will be the only accepted currency.</p>
+              </div>
+            </div>
+          <div aria-expanded="false" class="accordion-panel">
+            <div class="accordion-panel-title">
+              <a>+</a>
+            <h3>Stacking and Trading</h3>
+          </div>
+        <div aria-hidden="true" class="accordion-content">
+          <p>LangX tokens can be <a href="https://docs.langx.io/litepaper/token/staking" target="_blank">staked</a>, similar to traditional saving accounts, allowing users to earn more over time. Additionally, users can withdraw their LangX tokens to their personal <a href="https://docs.langx.io/litepaper/learn-2-earn/connect-wallet" target="_blank">wallet</a>, purchase more tokens, or sell them on the market while <a href="https://docs.langx.io/litepaper/token/trading" target="_blank">trading</a>.</p>
+        </div>
+      </div>
+          </div>
+        </section>
+        <section>
+          <p>Start to earn tokens and seamlessly <a href="https://docs.langx.io/litepaper/learn-2-earn/claim-your-tokens" target="_blank">transfer</a> them to your wallets for trading! Our mission is to restore faith in cryptocurrencies by providing a transparent and unrestricted <a href="https://docs.langx.io/litepaper/token/token" target="_blank">token</a> ecosystem. Currently, we are the only language exchange platform that utilizes an actual token system.</p>
+          <p>Join us on LangX and be part of a revolutionary way to learn languages while earning and utilizing tokens in a vibrant, supportive community. Your journey to fluency is now more rewarding than ever!</p>
+        </section>
+      </main>
+<!-- <p>
         <u
           >The innovative 'Learn to Earn' Token Project by
           <a href="http://langx.io" target="_blank" rel="noopener noreferrer"
@@ -197,7 +264,7 @@ <h1>LangX<br /></h1>
           onclick="document.addEventListener('touchstart', function() {}, false)"
           >Litepaper</a
         >
-      </p>
+      </p> -->
     </section>
 
     <footer>
@@ -409,5 +476,6 @@ <h1>LangX<br /></h1>
       data-domain="token.langx.io,langx.io"
       src="https://insight.langx.io/js/script.js"
     ></script>
+    <script src="js/accordion-effect.js"></script>
   </body>
 </html>
diff --git a/js/accordion-effect.js b/js/accordion-effect.js
new file mode 100644
index 0000000..df2a65f
--- /dev/null
+++ b/js/accordion-effect.js
@@ -0,0 +1,28 @@
+const accordion = document.querySelector(".accordion");
+
+accordion.addEventListener("click", (e) => {
+
+    console.log(e.target.tagName);
+    if (e.target.href) return;
+
+    const activePanel = e.target.closest(".accordion-panel");
+    if (!activePanel) return;
+    toggleAccordion(activePanel);
+});
+
+function toggleAccordion(panelToActivate) {
+    const activePanelIsOpened = panelToActivate.getAttribute("aria-expanded")
+    const panelContent = panelToActivate.querySelector(".accordion-content");
+    panelToActivate
+        .querySelector(".accordion-panel-title")
+        .querySelector("a")
+        .classList.toggle("is-open");
+
+    if (activePanelIsOpened === "true") {
+        panelToActivate.setAttribute("aria-expanded", false);
+        panelContent.setAttribute("aria-hidden", true);
+    } else {
+        panelToActivate.setAttribute("aria-expanded", true);
+        panelContent.setAttribute("aria-hidden", false);
+    }
+}
\ No newline at end of file

From 9b5d094334818bf7d9ae6a2f70339ba55adcd095 Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Wed, 12 Jun 2024 21:37:16 +0300
Subject: [PATCH 2/5] fix: prettier format, fix small typos

---
 index.html | 142 ++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 112 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index f740818..aec6d03 100644
--- a/index.html
+++ b/index.html
@@ -182,25 +182,52 @@ <h2>Stay Tuned</h2>
       <h1>👨‍🍳 Cooking</h1>
     </section>
 
-    <section aria-labelledby="langx-token-introduction" class="langx-token-introduction-section">
+    <section
+      aria-labelledby="langx-token-introduction"
+      class="langx-token-introduction-section"
+    >
       <header>
-        <h1 id="langx-token-introduction">Introducing <span class="bigger-fs">LangX Token</span></h1>
+        <h1 id="langx-token-introduction">
+          Introducing <span class="bigger-fs">LangX Token</span>
+        </h1>
       </header>
       <main>
         <section aria-labelledby="why-langx-token">
           <h2 id="why-langx-token">Why LangX Token?</h2>
-          <p>LangX Token is our way of thanking you for being part of our community. It’s also our way of encourage you to keep improving your language skills and connecting with others from diverse cultures. </p> 
-          <p>This is your reward! By using LangX you’re not just making this community vibrant—you’re helping it grow with each message you send.</p>
+          <p>
+            LangX Token is our way of thanking you for being part of our
+            community. It’s also our way of encourage you to keep improving your
+            language skills and connecting with others from diverse cultures.
+          </p>
+          <p>
+            This is your reward! By using LangX you’re not just making this
+            community vibrant—you’re helping it grow with each message you send.
+          </p>
         </section>
         <section aria-labelledby="learn-to-earn">
           <h2 id="learn-to-earn">Learn to Earn</h2>
-          <p><strong>How to earn tokens?</strong> Just do what you’re already doing! Be active and chat! Your consistency will pay off.</p>
-          <p>To be eligible for daily token distribution, members' activities are <a href="https://docs.langx.io/litepaper/token/distibution" target="_blank">assessed</a> using the following criteria:</p>
+          <p>
+            <strong>How to earn tokens?</strong> Just do what you’re already
+            doing! Be active and chat! Your consistency will pay off.
+          </p>
+          <p>
+            To be eligible for daily token distribution, members' activities are
+            <a
+              href="https://docs.langx.io/litepaper/token/distibution"
+              target="_blank"
+              >assessed</a
+            >
+            using the following criteria:
+          </p>
           <div class="list-token-distribution-criteria">
             <ul>
-              <li><strong>Number of text, voice, and image messages sent</strong></li>
+              <li>
+                <strong>Number of text, voice, and image messages sent</strong>
+              </li>
               <li><strong>Daily active time on the platform</strong></li>
-              <li><strong>Day streaks, consecutive days of activity</strong></li>
+              <li>
+                <strong>Day streaks, consecutive days of activity</strong>
+              </li>
               <li><strong>Badges earned</strong></li>
             </ul>
           </div>
@@ -211,47 +238,102 @@ <h2 id="using-langx-tokens">Using LangX Tokens</h2>
             <div aria-expanded="false" class="accordion-panel">
               <div class="accordion-panel-title">
                 <a>+</a>
-              <h3>Enhance Your Learning</h3>
-            </div>
-                <div aria-hidden="true" class="accordion-content">
-                  <p>The primary use of LangX tokens is to enhance your learning experience with our AI support tool, Copilot. This tool allows you to interact not only with real people but also with an AI that responds in real-time, ensuring continuous learning opportunities regardless of other users’ availability.</p>
-                </div>
+                <h3>Enhance Your Learning</h3>
+              </div>
+              <div aria-hidden="true" class="accordion-content">
+                <p>
+                  The primary use of LangX tokens is to enhance your learning
+                  experience with our AI support tool, Copilot. This tool allows
+                  you to interact not only with real people but also with an AI
+                  that responds in real-time, ensuring continuous learning
+                  opportunities regardless of other users’ availability.
+                </p>
               </div>
+            </div>
             <div aria-expanded="false" class="accordion-panel">
               <div class="accordion-panel-title">
                 <a>+</a>
-              <h3>Reward System</h3>
+                <h3>Reward System</h3>
+              </div>
+              <div aria-hidden="true" class="accordion-content">
+                <p>
+                  LangX tokens also function as a reward system, enabling you
+                  and your chatting partners to send tokens to each other as a
+                  form of appreciation for help and services provided during
+                  practice sessions.
+                </p>
               </div>
-            <div aria-hidden="true" class="accordion-content">
-              <p>LangX tokens also function as a reward system, enabling you and your chatting partners to send tokens to each other as a form of appreciation for help and services provided during practice sessions.</p>
             </div>
-          </div>
             <div aria-expanded="false" class="accordion-panel">
               <div class="accordion-panel-title">
                 <a>+</a>
                 <h3>Future Marketplace</h3>
               </div>
               <div aria-hidden="true" class="accordion-content">
-                <p>In the future, we plan to implement a marketplace for platform-exclusive emoticons and expressions, where LangX tokens will be the only accepted currency.</p>
+                <p>
+                  In the future, we plan to implement a marketplace for
+                  platform-exclusive emoticons and expressions, where LangX
+                  tokens will be the only accepted currency.
+                </p>
+              </div>
+            </div>
+            <div aria-expanded="false" class="accordion-panel">
+              <div class="accordion-panel-title">
+                <a>+</a>
+                <h3>Staking and Trading</h3>
+              </div>
+              <div aria-hidden="true" class="accordion-content">
+                <p>
+                  LangX tokens can be
+                  <a
+                    href="https://docs.langx.io/litepaper/token/staking"
+                    target="_blank"
+                    >staked</a
+                  >, similar to traditional saving accounts, allowing users to
+                  earn more over time. Additionally, users can withdraw their
+                  LangX tokens to their personal
+                  <a
+                    href="https://docs.langx.io/litepaper/learn-2-earn/connect-wallet"
+                    target="_blank"
+                    >wallet</a
+                  >, purchase more tokens, or sell them on the market while
+                  <a
+                    href="https://docs.langx.io/litepaper/token/trading"
+                    target="_blank"
+                    >trading</a
+                  >.
+                </p>
               </div>
             </div>
-          <div aria-expanded="false" class="accordion-panel">
-            <div class="accordion-panel-title">
-              <a>+</a>
-            <h3>Stacking and Trading</h3>
-          </div>
-        <div aria-hidden="true" class="accordion-content">
-          <p>LangX tokens can be <a href="https://docs.langx.io/litepaper/token/staking" target="_blank">staked</a>, similar to traditional saving accounts, allowing users to earn more over time. Additionally, users can withdraw their LangX tokens to their personal <a href="https://docs.langx.io/litepaper/learn-2-earn/connect-wallet" target="_blank">wallet</a>, purchase more tokens, or sell them on the market while <a href="https://docs.langx.io/litepaper/token/trading" target="_blank">trading</a>.</p>
-        </div>
-      </div>
           </div>
         </section>
         <section>
-          <p>Start to earn tokens and seamlessly <a href="https://docs.langx.io/litepaper/learn-2-earn/claim-your-tokens" target="_blank">transfer</a> them to your wallets for trading! Our mission is to restore faith in cryptocurrencies by providing a transparent and unrestricted <a href="https://docs.langx.io/litepaper/token/token" target="_blank">token</a> ecosystem. Currently, we are the only language exchange platform that utilizes an actual token system.</p>
-          <p>Join us on LangX and be part of a revolutionary way to learn languages while earning and utilizing tokens in a vibrant, supportive community. Your journey to fluency is now more rewarding than ever!</p>
+          <p>
+            Start to earn tokens and seamlessly
+            <a
+              href="https://docs.langx.io/litepaper/learn-2-earn/claim-your-tokens"
+              target="_blank"
+              >transfer</a
+            >
+            them to your wallets for trading! Our mission is to restore faith in
+            cryptocurrencies by providing a transparent and unrestricted
+            <a
+              href="https://docs.langx.io/litepaper/token/token"
+              target="_blank"
+              >token</a
+            >
+            ecosystem. Currently, we are the only language exchange platform
+            that utilizes an actual token system.
+          </p>
+          <p>
+            Join us on LangX and be part of a revolutionary way to learn
+            languages while earning and utilizing tokens in a vibrant,
+            supportive community. Your journey to fluency is now more rewarding
+            than ever!
+          </p>
         </section>
       </main>
-<!-- <p>
+      <!-- <p>
         <u
           >The innovative 'Learn to Earn' Token Project by
           <a href="http://langx.io" target="_blank" rel="noopener noreferrer"

From 7458cbf36f174855db1b35ebc0f5267c772140e6 Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Wed, 12 Jun 2024 21:38:48 +0300
Subject: [PATCH 3/5] chore: Move new js import file to above insight tag

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index aec6d03..5e5cd0d 100644
--- a/index.html
+++ b/index.html
@@ -552,12 +552,12 @@ <h3>Staking and Trading</h3>
       });
     </script>
 
+    <script src="js/accordion-effect.js"></script>
     <!-- Insight Tag (script.js) -->
     <script
       defer
       data-domain="token.langx.io,langx.io"
       src="https://insight.langx.io/js/script.js"
     ></script>
-    <script src="js/accordion-effect.js"></script>
   </body>
 </html>

From b6f1846ab3abd14b502cdfc19e2c4a8ccfa8259c Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Wed, 12 Jun 2024 21:48:45 +0300
Subject: [PATCH 4/5] fix: typo

---
 index.html | 52 ++++++++++++++++++----------------------------------
 1 file changed, 18 insertions(+), 34 deletions(-)

diff --git a/index.html b/index.html
index 5e5cd0d..5913070 100644
--- a/index.html
+++ b/index.html
@@ -99,9 +99,9 @@
           class="button linkButton"
           href="https://docs.langx.io"
           target="_blank"
-          onclick="document.addEventListener('touchstart', function() {}, false)"
-          >Litepaper</a
         >
+          Litepaper
+        </a>
       </div>
     </section>
 
@@ -109,19 +109,16 @@
       <div class="header"></div>
       <h1>LangX<br /></h1>
       <p>
-        <u
-          >The innovative 'Learn to Earn' Token Project by
-          <a href="http://langx.io" target="_blank" rel="noopener noreferrer"
-            >LangX</a
-          >
-          <br /><br
-        /></u>
-        <a
-          class="button mobile linkButton"
-          href="https://docs.langx.io"
-          onclick="document.addEventListener('touchstart', function() {}, false)"
-          >Litepaper</a
-        >
+        <u>
+          The innovative 'Learn to Earn' Token Project by
+          <a href="http://langx.io" target="_blank" rel="noopener noreferrer">
+            LangX
+          </a>
+          <br /><br />
+        </u>
+        <a class="button mobile linkButton" href="https://docs.langx.io">
+          Litepaper
+        </a>
       </p>
 
       <!-- SVG Filter used for the text effect -->
@@ -153,7 +150,7 @@ <h1>LangX<br /></h1>
       </div>
     </section>
 
-    <!-- <section id="dataBadge">
+    <section id="dataBadge">
       <div class="button" id="marketData">
         <img width="54" src="images/Solana-logo.svg" />
         <div id="marketDataValues">
@@ -175,7 +172,7 @@ <h1>LangX<br /></h1>
           </div>
         </div>
       </div>
-    </section> -->
+    </section>
 
     <section id="languageXchangeSection">
       <h2>Stay Tuned</h2>
@@ -196,8 +193,9 @@ <h1 id="langx-token-introduction">
           <h2 id="why-langx-token">Why LangX Token?</h2>
           <p>
             LangX Token is our way of thanking you for being part of our
-            community. It’s also our way of encourage you to keep improving your
-            language skills and connecting with others from diverse cultures.
+            community. It’s also our way of encouraging you to keep improving
+            your language skills and connecting with others from diverse
+            cultures.
           </p>
           <p>
             This is your reward! By using LangX you’re not just making this
@@ -333,27 +331,13 @@ <h3>Staking and Trading</h3>
           </p>
         </section>
       </main>
-      <!-- <p>
-        <u
-          >The innovative 'Learn to Earn' Token Project by
-          <a href="http://langx.io" target="_blank" rel="noopener noreferrer"
-            >LangX</a
-          >. <br /><br
-        /></u>
-        <a
-          class="button mobile linkButton"
-          href="https://docs.langx.io"
-          onclick="document.addEventListener('touchstart', function() {}, false)"
-          >Litepaper</a
-        >
-      </p> -->
     </section>
 
     <footer>
       <div class="footer-content">
         <div class="copy left">
           <p class="copyright">
-            <b> © 2024 LangX | Practice, Learn, Succeed!</b>
+            <b>© 2024 LangX | Practice, Learn, Succeed!</b>
           </p>
           <p class="disclaimer">
             *LangX is a learn to earn token, not a financial advisor or service

From 907678c1c4d895e2c68a161505f94ac2243e5338 Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Wed, 12 Jun 2024 21:51:31 +0300
Subject: [PATCH 5/5] chore:  Commented out code dataBadge and related script

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5913070..2f74d2b 100644
--- a/index.html
+++ b/index.html
@@ -150,7 +150,7 @@ <h1>LangX<br /></h1>
       </div>
     </section>
 
-    <section id="dataBadge">
+    <!-- <section id="dataBadge">
       <div class="button" id="marketData">
         <img width="54" src="images/Solana-logo.svg" />
         <div id="marketDataValues">
@@ -172,7 +172,7 @@ <h1>LangX<br /></h1>
           </div>
         </div>
       </div>
-    </section>
+    </section> -->
 
     <section id="languageXchangeSection">
       <h2>Stay Tuned</h2>
@@ -479,7 +479,7 @@ <h3>Staking and Trading</h3>
       });
     </script>
 
-    <script type="text/javascript">
+    <!-- <script type="text/javascript">
       function roundPrice(value) {
         return (
           Math.round(Number(value) * 100 + Number.EPSILON) / 100
@@ -534,7 +534,7 @@ <h3>Staking and Trading</h3>
           }
         });
       });
-    </script>
+    </script> -->
 
     <script src="js/accordion-effect.js"></script>
     <!-- Insight Tag (script.js) -->