ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add dashboard green hover

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-28 13:54:34 +02:00
parent 3d35faf209
commit 80145da864
8 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@@ -12,6 +12,12 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
.dashboard:hover {
background: #74ddc3 !important;
}
/* Custom CSS for header partial */
.backdrop-blur {
-webkit-backdrop-filter: blur(40px);
@@ -39,6 +45,7 @@
}
/* Custom css allowing image styling in markdown */
img[src*="#mx-auto"] {
margin: auto;
@@ -181,7 +188,7 @@ background-color:#5596f5 !important;
}
.footer-cust a:hover {
color: rgb(65, 65, 65);
color: #74ddc3;
}
.footer-cust h6{

1
tailwind.config.js
View File

@@ -47,6 +47,7 @@ module.exports = {
transparent: 'transparent',
white: '#ffffff',
black: '#000000',
green: '#74ddc3 ',
gray: colors.gray,
slate: colors.slate,
stone: colors.stone,

4
templates/partials/footer.html
View File

@@ -24,8 +24,8 @@
<div class="mt-6 mx-auto border-t border-gray-700 pt-8">
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
© <span id="year"></span> ThreeFold - All rights reserved.
<a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-300">Terms &amp; Conditions |</a>
<a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-300">Privacy Policy</a>
<a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms &amp; Conditions |</a>
<a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>
</p>
</div>

5
templates/partials/header.html
View File

@@ -107,7 +107,7 @@
</a>
</li>
</ul> #}
<a href="https://docs.threefold.io/" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">TF Docs</a>
<a href="https://docs.threefold.io/" target="_blank" class="dashboard rounded-2xl bg-white px-4 p-2 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green">TF Docs</a>
</div>
</div>
</div>
@@ -197,7 +197,7 @@
</div> #}
<div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
<a href="/getnode" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get 3Node</a>
<a href="https://docs.threefold.io/" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">TF Docs</a>
</div>
</nav>
</div>
@@ -222,4 +222,5 @@
.nav_btn:hover {
color: #74ddc3 !important;
}
</style>

2
templates/partials/home/cta.html
View File

@@ -4,7 +4,7 @@
Build the <br>Internet of Tomorrow, <br>Today.
</h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
<a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
<a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
Dive Deeper
</a>

2
templates/partials/home/farmers.html
View File

@@ -45,7 +45,7 @@
</div>
</div>
<div class="mt-12 flex items-center justify-center gap-x-6">
<a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
<a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
</div>
</div>
</dl>

2
templates/partials/home/grid_stats.html
View File

@@ -47,7 +47,7 @@
</div>
</div>
<div class="mt-12 flex items-center justify-center gap-x-6">
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
</div>
</div>

5
templates/partials/home/hero.html
View File

@@ -8,8 +8,8 @@
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>
<br>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">What We've Built</a>
<a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-gray-400">Read TF Docs<span aria-hidden="true">→</span></a>
<a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
<a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Read TF Docs<span aria-hidden="true">→</span></a>
</div>
</div>
</div>
@@ -39,5 +39,6 @@
p {
animation-delay: 1s; /* Delay for paragraphs */
}
</style>