Setup social networks and some style updates

This commit is contained in:
David E. Perez Negron R. 2024-06-26 23:27:22 -06:00
parent d761e6dc64
commit 125905222f
6 changed files with 127 additions and 21 deletions

View File

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

View File

@ -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;
}

View File

@ -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 {
font: var(--font-body-bold);
& h2 { 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);
}
}
}

View File

@ -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";
@ -74,5 +72,7 @@
</main>
<!-- Current page: {{ url }} -->
{{ include "templates/footer.vto" }}
</body>
</html>

View File

@ -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>

View File

@ -9,20 +9,21 @@ title: Home
</header>
<section class="container">
<div class="main-button-group">
<a href="https://docs.google.com/presentation/d/1H4V5X0X-9jnulwmmQBKk7PiStqKoPh_t_h7F0R3kLw0/edit?usp=sharing" target="_blank" class="specification-button">Specification</a>
<div class="main-button">
Get Deca
<div class="hover-buttons">
<a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x3556a5005d5411603e0115efd9b875fdfb3ad7e9&chain=mainnet" target="_blank" class="secondary-button">Mainnet</a>
<a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x02f1cb850799d651d56775dae04f66362eb8e4b2&chain=arbitrum" target="_blank" class="secondary-button">Arbitrum</a>
</div>
<div class="main-button-group">
<a href="https://docs.google.com/presentation/d/1H4V5X0X-9jnulwmmQBKk7PiStqKoPh_t_h7F0R3kLw0/edit?usp=sharing" target="_blank" class="specification-button">Specification</a>
<div class="main-button">
Get Deca
<div class="hover-buttons">
<a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x3556a5005d5411603e0115efd9b875fdfb3ad7e9&chain=mainnet" target="_blank" class="secondary-button">Mainnet</a>
<a href="https://app.uniswap.org/swap?inputCurrency=ETH&outputCurrency=0x02f1cb850799d651d56775dae04f66362eb8e4b2&chain=arbitrum" target="_blank" class="secondary-button">Arbitrum</a>
</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>