Setup social networks and some style updates

_data.yml

@@ -38,5 +38,5 @@ metas:
   description: The DECA Protocol site
   title: "=title"
   image: "=image"
-  twitter: "@username"
+  twitter: "@decatokens"
   lang: en

_includes/css/navbar.css

@@ -4,7 +4,7 @@
   column-gap: 1rem;
   row-gap: 1rem;
   justify-content: space-between;
-  padding: 2rem min(5vw, 5rem);
+  padding: 1rem min(5vw, 5rem);
   align-items: center;
 }
 

_includes/css/page.css

@@ -1,11 +1,17 @@
 .page-header {
-  margin-bottom: var(--row-gap-medium);
+  margin-bottom: var(--row-gap-small);
 
   & > p:first-child {
     margin-top: 0;
   }
 }
 
+.body-home {
+    padding: var(--row-gap-xsmall) 0;
+    max-width: min(100% - 15vw, 45em);
+    margin: 0 auto;
+}
+
 .page-title {
   font: var(--font-display);
   letter-spacing: var(--font-display-spacing);
@@ -33,8 +39,7 @@
     gap: .5em;
   }
 
-  & h2 {
+  & h2 { font: var(--font-body-bold);
-    font: var(--font-body-bold);
     letter-spacing: var(--font-body-spacing);
     margin: .5em 0;
   }
@@ -45,6 +50,8 @@
   margin-top: var(--row-gap-medium);
 }
 
+/* Create a section for the index component instead of the base */
+
 .container {
     text-align: center;
     list-style: none;
@@ -59,6 +66,7 @@
     flex-wrap: wrap; /* Allow wrapping if screen space is limited */
     padding: 10px; /* Some padding to avoid touching screen edges */
     position: relative;
+    margin-bottom: 70px;
 }
 
 .main-button, .specification-button {
@@ -93,7 +101,7 @@
 
 .main-button:hover .hover-buttons,
 .main-button:focus .hover-buttons {
-    display: block;
+    display: flex;
 }
 
 .specification-button {
@@ -102,16 +110,77 @@
 
 .secondary-button {
     display: block;
-    margin: 5px 0;
+    margin: 10px 5px;
     padding: 10px 20px;
     background-color: inherit;
     color: inherit;
     border-radius: 20px;
     text-decoration: none;
     transition: background-color 0.2s ease, transform 0.2s ease;
+    gap: 20px; /* Space between the main button and the right button */
+    flex-wrap: wrap; /* Allow wrapping if screen space is limited */
+    position: relative;
 }
 
 .secondary-button:hover, .secondary-button:focus {
     border-style: solid;
     transform: translateY(-2px);
+    box-shadow: 0 8px 20px var(--color-link-hover, rgba(0, 0, 0, 0.4));
 }
+
+/* Ensure this section gets called from footer.css instead */
+
+.footer-container {
+  background: var(--color-background-1);
+}
+.footer {
+  font: var(--text-caption);
+  color: var(--color-foreground-1);
+  max-width: var(--max-width);
+  margin: auto;
+  text-align: center;
+  padding: 0 var(--margin);
+}
+.footer-copyright {
+  margin: 0;
+  padding: var(--row-gap-0) 0;
+
+  & a {
+    color: currentColor;
+  }
+}
+.footer-links {
+  margin: 0;
+  list-style: none;
+  padding: 10px 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  justify-content: center;
+  border-bottom: solid 1px var(--color-background-3);
+
+  & svg {
+    display: block;
+    width: 50px;
+    height: 50px;
+    fill: currentColor;
+  }
+
+  & a {
+    text-decoration: none;
+    font: var(--text-caption-bold);
+    display: flex;
+    align-items: center;
+    column-gap: 10px;
+    padding: 10px;
+    border-radius: var(--border-radius-small);
+    color: currentColor;
+    white-space: nowrap;
+
+    &:hover {
+      color: var(--color-foreground);
+      background: var(--color-background-2);
+    }
+  }
+}
+

_includes/layouts/base.vto

@@ -43,8 +43,6 @@
       {{ /for }}
       <li>
         <script>
-          //const lightLogo = "{{ it.logo-light }}";
-          //const darkLogo = "{{ it.logo-dark }}";
           const lightLogo = "/img/deca-logo-light.png";
           const darkLogo = "/img/deca-logo-dark.png";
           
@@ -54,14 +52,12 @@
             : "light");
           document.documentElement.dataset.theme = theme;
           document.getElementById("theme-logo").src = theme === "dark" ? darkLogo : lightLogo;
-          console.log("lightLogo:", ligthLogo, "darkLogo:", darkLogo);
 
           function changeTheme() {
             theme = theme === "dark" ? "light" : "dark";
             localStorage.setItem("theme", theme);
             document.documentElement.dataset.theme = theme;
             document.getElementById("theme-logo").src = theme === "dark" ? darkLogo : lightLogo;
-            console.log("lightLogo:", ligthLogo, "darkLogo:", darkLogo);
           }
         </script>
         <button class="button" onclick="changeTheme()">
@@ -76,5 +72,7 @@
     </main>
 
     <!-- Current page: {{ url }} -->
+    {{ include "templates/footer.vto" }}
+
   </body>
 </html>

_includes/templates/footer.vto

@@ -0,0 +1,36 @@
+<div class="footer-container">
+  <footer class="footer">
+    <ul class="footer-links">
+      <li>
+        <a href="https://t.me/deca_currency" target="_blank">
+          <svg height="512px" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="comp_x5F_335-telegram"><g><path d="    M477.805,102.98l-67.327,317.516c-5.08,22.41-18.326,27.984-37.15,17.431l-102.585-75.596l-49.497,47.607    c-5.477,5.478-10.06,10.061-20.617,10.061l7.37-104.479l190.129-171.805c8.268-7.37-1.792-11.454-12.848-4.083L150.233,287.633    l-101.19-31.672c-22.011-6.873-22.408-22.012,4.581-32.568L449.419,70.911C467.744,64.039,483.779,74.993,477.805,102.98z"/></g></g><g id="Layer_1"/></svg>
+        </a>
+      </li>
+      <li>
+        <a href="https://x.com/@decatokens" target="_blank">
+          <svg role="img" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z"/></svg>
+        </a>
+      </li>
+      <li>
+        <a href="https://matrix.to/#/#DECA:matrix.org" target="_blank">
+          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 520 520" style="enable-background:new 0 0 520 520;" xml:space="preserve">
+            <path d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z"/>
+            <path d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8  c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5  c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3  c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1  c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9  c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1  v107.6h-50.9V169.2H166.3z"/>
+            <path d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z"/>
+          </svg>
+        </a>
+      </li>
+      <li>
+        <a href="https://git.decentralizedscience.org/deca" target="_blank">
+          <svg role="img" fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"><path fill-rule="evenodd" d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" clip-rule="evenodd"></path></svg>
+        </a>
+      </li>
+      <li>
+        <a href="https://www.youtube.com/channel/UC-HId3XrWUFuJcyK8DL8ZEQ" target="_blank">
+          <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"><path d="M12.04 3.5c.59 0 7.54.02 9.34.5a3.02 3.02 0 0 1 2.12 2.15C24 8.05 24 12 24 12v.04c0 .43-.03 4.03-.5 5.8A3.02 3.02 0 0 1 21.38 20c-1.76.48-8.45.5-9.3.51h-.17c-.85 0-7.54-.03-9.29-.5A3.02 3.02 0 0 1 .5 17.84c-.42-1.61-.49-4.7-.5-5.6v-.5c.01-.9.08-3.99.5-5.6a3.02 3.02 0 0 1 2.12-2.14c1.8-.49 8.75-.51 9.34-.51zM9.54 8.4v7.18L15.82 12 9.54 8.41z"/></svg>
+        </a>
+      </li>
+    </ul>
+  </footer>
+</div>
+

index.vto

@@ -19,10 +19,11 @@ title: Home
             </div>
         </div>
     </div>
+    <br>
+    <a href="./faq/#don't-trust%2C-verify!">VERIFY YOUR DECA TOKENS</a>
+    <br>
+    <br>
+    <a href="https://certificate.quantstamp.com/full/deca-d-ecentralized-c-arbon-tokens-itde-initial-token-distribution-event.pdf">DECA SECURITY AUDIT</a>
 </section>
 <br>
-<br>
-<br>
-<hr>
 
-<p>{{ i18n.nav.archive }}</p>

pages/faq.md

@@ -23,6 +23,15 @@ Networks
 * <a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x3556a5005d5411603e0115efd9b875fdfb3ad7e9&chain=mainnet" target="_blank"> Uniswap on the Ethereum Network</a>
 * <a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x02f1cb850799d651d56775dae04f66362eb8e4b2&chain=arbitrum" target="_blank"> Uniswap Arbitrum L2 Network</a>
 
+It is up to the comunity to provide liquidity and bridge into other Ethereum 
+Layers or Dexes. If you did please contact us to verify and update this section.
+
+> Disclossure Agreement:
+> You should be aware of your own country cryptocurrency regulations and it is 
+your own responsability to comply with the laws of your country.
+
+### Don't trust, VERIFY!
+
 **IMPORTANT:** Always verify the address of the DECA Smart contract. Here is a 
 list of DECA contracts in multiple Networks:
 
@@ -34,13 +43,9 @@ list of DECA contracts in multiple Networks:
 | ZKEVM   |  <a href="https://zkevm.polygonscan.com/token/0x34f4e513517f7aea7d6ef797b30ed56af8000344?a=0xDDd93CEC5843f471Eb2b8B2886b2Be32555B5209" target="_blank">0x34f4E513517f7aEA7D6Ef797b30Ed56AF8000344</a> |
 | ZKSync   | Unknown |
 
+> Notice: There might be some fake smart contracts trying to look like the DECA
+> smart contract or fake DECA tokens.
 
-It is up to the comunity to provide liquidity and bridge into other Ethereum 
-Layers or Dexes. If you did please contact us to verify and update this section.
-
-> Notice: Disclossure Agreement
-> You should be aware of your own country cryptocurreny regulations and it is 
-your own responsability to comply with the laws of your country.
 
 ### Can I mine DECA Token?