fix color loading when dark mode
This commit is contained in:
parent
1727bb6779
commit
45178a770c
@ -4,7 +4,7 @@ description: ""
|
||||
insert_anchor_links: "left"
|
||||
template: "partials/footer.html"
|
||||
extra:
|
||||
logoPath: "images/geomind_logo.png"
|
||||
logoPath: "images/logo-placeholder.png"
|
||||
socialLinks: { Linkedin: "https://www.linkedin.com/company/tf9/", Github: "https://github.com/threefoldtech", }
|
||||
---
|
||||
|
||||
|
||||
@ -26,13 +26,13 @@ extra:
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
<!-- section 2 (platform) -->
|
||||
<!-- section 2 (Features component) -->
|
||||
|
||||
<div class="mx-auto max-w-7xl px-6 lg:py-24 py-12">
|
||||
|
||||
##### FEATUERS_1
|
||||
|
||||
## Lorem ipsum dolor sit.
|
||||
## Features component
|
||||
|
||||
<br>
|
||||
|
||||
@ -72,33 +72,9 @@ Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adi
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
|
||||
<!-- section 3 (text_center_sahdow) -->
|
||||
|
||||
<div class="mx-auto max-w-7xl lg:py-4 sm:px-6 sm:py-12 lg:px-8 mb-12">
|
||||
<div class="relative isolate overflow-hidden px-6 lg:py-12 py-8 text-center shadow-lg sm:px-8">
|
||||
|
||||
|
||||
## Lorem ipsum dolor sit amet.
|
||||
|
||||
<br>
|
||||
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
|
||||
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
|
||||
|
||||
printer took a galley of type and scrambled it to make a type specimen book
|
||||
|
||||
<br>
|
||||
|
||||
<a href="/page3" class="bg-theme text-theme border border-solid rounded-md text-sm bg-gray-100 dark:bg-gray-900 px-4 py-2 font-semibold text-black dark:text-white shadow-sm hover:bg-gray-200 dark:hover:bg-gray-700">Button</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
<!-- section 4 (hero) -->
|
||||
<!-- section 3 (Features component with Border) -->
|
||||
|
||||
<div class="relative isolate overflow-hidden lg:py-24 py-12">
|
||||
<!-- <img src="/images/hometech.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"> -->
|
||||
@ -121,17 +97,17 @@ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
|
||||
<div class="pb-10 grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3">
|
||||
|
||||
{{ features_card(
|
||||
title="Zero-OS",
|
||||
title="Title 1",
|
||||
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
||||
) }}
|
||||
|
||||
{{ features_card(
|
||||
title="QSS",
|
||||
title="Title 2",
|
||||
description="TLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
||||
) }}
|
||||
|
||||
{{ features_card(
|
||||
title="Mycelium",
|
||||
title="Title 3",
|
||||
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
||||
) }}
|
||||
|
||||
@ -139,7 +115,7 @@ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
|
||||
</div>
|
||||
|
||||
<div class="justify-center items-center flex">
|
||||
<a href="/page3" class="border border-white rounded-md mt-6 text-sm bg-gray-100 dark:bg-gray-900 px-4 py-2 font-semibold text-black dark:text-white shadow-sm hover:bg-gray-200 dark:hover:bg-gray-700">Button</a>
|
||||
<a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -148,16 +124,17 @@ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
<!-- section 5 (Why Choose GeoMind) -->
|
||||
|
||||
<!-- section 4 (Features component) -->
|
||||
|
||||
<div class="max-w-7xl mx-auto lg:py-24 py-12 px-6 lg:px-12">
|
||||
<div class="mx-auto max-w-2xl lg:text-center">
|
||||
|
||||
## Why Choose GeoMind?
|
||||
## Features component (Icons)
|
||||
|
||||
<br>
|
||||
|
||||
GeoMind offers numerous advantages over traditional cloud infrastructures.
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
|
||||
</div>
|
||||
|
||||
@ -165,43 +142,71 @@ GeoMind offers numerous advantages over traditional cloud infrastructures.
|
||||
|
||||
{{ features(
|
||||
svg="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z",
|
||||
title="Improved Performance",
|
||||
description="Enhance operational efficiency by achieving faster response times and minimizing latency."
|
||||
title="Features 1",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
||||
) }}
|
||||
|
||||
{{ features(
|
||||
svg="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z",
|
||||
title="Enhanced Security",
|
||||
description="Encrypted, compressed, fragmented, and distributed data enhances security, efficiency, and resilience across interconnected nodes."
|
||||
title="Features 2",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
||||
) }}
|
||||
|
||||
{{ features(
|
||||
svg="M3 2.25a.75.75 0 0 1 .75.75v.54l1.838-.46a9.75 9.75 0 0 1 6.725.738l.108.054A8.25 8.25 0 0 0 18 4.524l3.11-.732a.75.75 0 0 1 .917.81 47.784 47.784 0 0 0 .005 10.337.75.75 0 0 1-.574.812l-3.114.733a9.75 9.75 0 0 1-6.594-.77l-.108-.054a8.25 8.25 0 0 0-5.69-.625l-2.202.55V21a.75.75 0 0 1-1.5 0V3A.75.75 0 0 1 3 2.25Z",
|
||||
title="Data Sovereignty",
|
||||
description="Empowering nations, businesses, and individuals with deliberate design, granting control and ownership over their data."
|
||||
title="Features 3",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
||||
) }}
|
||||
|
||||
{{ features(
|
||||
svg="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM4.575 15.6a8.25 8.25 0 0 0 9.348 4.425 1.966 1.966 0 0 0-1.84-1.275.983.983 0 0 1-.97-.822l-.073-.437c-.094-.565.25-1.11.8-1.267l.99-.282c.427-.123.783-.418.982-.816l.036-.073a1.453 1.453 0 0 1 2.328-.377L16.5 15h.628a2.25 2.25 0 0 1 1.983 1.186 8.25 8.25 0 0 0-6.345-12.4c.044.262.18.503.389.676l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.575 15.6Z",
|
||||
title="Planet-Friendly",
|
||||
description="Reducing the carbon footprint of data transmission by enabling more efficient use of resources."
|
||||
title="Features 4",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
||||
) }}
|
||||
|
||||
{{ features(
|
||||
svg="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z",
|
||||
title="IoT Connectivity",
|
||||
description="Facilitate connectivity between loT devices enabling a wider range of applications and use cases."
|
||||
title="Features 5",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
||||
) }}
|
||||
|
||||
{{ features(
|
||||
svg="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z",
|
||||
title="Horizontal Scalability",
|
||||
description="The network can automatically scale resources without needing to manually increase the capacity of individual components."
|
||||
title="Features 6",
|
||||
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
||||
) }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
<!-- section 5 (Call TO Action) -->
|
||||
|
||||
<div class="mx-auto max-w-7xl lg:py-4 sm:px-6 sm:py-12 lg:px-8 mb-12">
|
||||
<div class="relative isolate overflow-hidden px-6 lg:py-12 py-8 text-center shadow-lg sm:px-8 border border-gray-100">
|
||||
|
||||
|
||||
## Call TO Action
|
||||
|
||||
<br>
|
||||
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
|
||||
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
|
||||
|
||||
printer took a galley of type and scrambled it to make a type specimen book
|
||||
|
||||
<br>
|
||||
|
||||
<a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@ img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
|
||||
h3 { @apply text-xl lg:text-2xl font-normal my-4; font-weight: 400; }
|
||||
|
||||
h4 { @apply text-xl lg:text-xl font-normal my-4; font-weight: 400; }
|
||||
h5 { @apply text-base font-semibold leading-7 text-gray-600 mb-4 uppercase }
|
||||
h5 { @apply text-base font-semibold leading-7 text-gray-400 mb-4 uppercase }
|
||||
h6 { @apply text-lg not-italic font-normal my-1; font-weight: 400; letter-spacing: 0.02em; }
|
||||
p { @apply text-lg tracking-normal font-normal leading-8; font-weight: 300; letter-spacing: 0.03em; }
|
||||
blockquote { @apply border-l-4 border-gray-400 mx-2 my-2 p-2; font-weight: 300; }
|
||||
@ -114,6 +114,8 @@ header { font-family: "Reddit Sans"; }
|
||||
--color-header: #000;
|
||||
--color-bgbutton:#000;
|
||||
--color-textbutton: #fff;
|
||||
--color-hoverbgbutton: #272727;
|
||||
--color-hovertextbutton: #fff;
|
||||
}
|
||||
.dark {
|
||||
--color-bg: #18181b;
|
||||
@ -122,10 +124,21 @@ header { font-family: "Reddit Sans"; }
|
||||
--color-header: #18181b;
|
||||
--color-bgbutton:#fff;
|
||||
--color-textbutton: #000;
|
||||
--color-hoverbgbutton: #e7e7e7;
|
||||
--color-hovertextbutton: #000;
|
||||
}
|
||||
|
||||
.bg-theme {
|
||||
background-color: var(--color-bgbutton);
|
||||
|
||||
}
|
||||
|
||||
.bg-theme:hover {
|
||||
background-color: var(--color-hoverbgbutton);
|
||||
}
|
||||
|
||||
.text-theme:hover {
|
||||
color: var(--color-hovertextbutton);
|
||||
}
|
||||
|
||||
.text-theme {
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<div class="flex flex-col">
|
||||
<div class="flex items-center gap-x-3 text-lg font-semibold leading-7 mb-2 tracking-tight">
|
||||
{% if svg %}
|
||||
<svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<svg class="h-full w-6 object-cover flex-none text-gray-500" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
{% if svg %}
|
||||
<path fill-rule="evenodd" d="{{ svg }}" clip-rule="evenodd" />
|
||||
{% endif %}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
{% set description = description | default(value="") %}
|
||||
|
||||
|
||||
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
|
||||
<div class="flex gap-x-4 rounded-xl bg-black/5 p-6 ring-1 ring-inset ring-white/10">
|
||||
<div class="text-base leading-7">
|
||||
<h4 class="font-semibold">{{ title }}</h4>
|
||||
<p class="mt-2 text-lg">{{ description }}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user