update themes
This commit is contained in:
parent
b2a1660aa3
commit
1727bb6779
@ -1,11 +1,11 @@
|
||||
---
|
||||
title: "Geomind"
|
||||
description: "A cloud computing system designed for planetary-scale scalability, offering secure, immutable data storage that ensures integrity and permanence."
|
||||
title: "Home"
|
||||
description: "orem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque."
|
||||
draft: false
|
||||
weight: 1
|
||||
extra:
|
||||
author: Geomind
|
||||
imgPath: home/geomind_logo.png
|
||||
author: Home
|
||||
imgPath: home/logo-placeholder.png
|
||||
|
||||
---
|
||||
|
||||
@ -13,7 +13,7 @@ extra:
|
||||
|
||||
{{ hero_BG_video(
|
||||
video_BG="/videos/hero_bg.mp4",
|
||||
title="HEADER1",
|
||||
title="HERO",
|
||||
subtitle="Lorem ipsum dolor sit.",
|
||||
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque.",
|
||||
button_text_1="Button1",
|
||||
@ -88,9 +88,9 @@ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, wh
|
||||
|
||||
printer took a galley of type and scrambled it to make a type specimen book
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<a href="/page3" class="rounded-md mt-6 text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-500 hover:text-white">Button</a>
|
||||
<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>
|
||||
@ -101,18 +101,18 @@ printer took a galley of type and scrambled it to make a type specimen book
|
||||
<!-- section 4 (hero) -->
|
||||
|
||||
<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">
|
||||
<!-- <img src="/images/hometech.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"> -->
|
||||
<div class="mx-auto max-w-7xl px-6 py-12">
|
||||
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
|
||||
##### TECHNOLOGY
|
||||
##### FEATUERS_2
|
||||
|
||||
## Compute, Data, and Network
|
||||
## Features component with Border
|
||||
|
||||
<br>
|
||||
|
||||
Our cloud platform harnesses the latest innovations in compute, data, and network technologies to deliver exceptional performance and efficiency.
|
||||
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
|
||||
|
||||
</div>
|
||||
|
||||
@ -122,24 +122,24 @@ Our cloud platform harnesses the latest innovations in compute, data, and networ
|
||||
|
||||
{{ features_card(
|
||||
title="Zero-OS",
|
||||
description="The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesn’t need human intervention."
|
||||
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",
|
||||
description="The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted."
|
||||
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",
|
||||
description="Mycelium Network is compatible with any Internet and is capable to find the shortest path between participants (apps and people)."
|
||||
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."
|
||||
) }}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="justify-center items-center flex">
|
||||
<a href="/technology" class="rounded-md mt-8 bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-600 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -60,8 +60,8 @@ img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
|
||||
|
||||
|
||||
/* Link styles */
|
||||
a:hover { color: #8885e2; }
|
||||
button:hover { color: #8885e2; }
|
||||
/* a:hover { color: #8885e2; } */
|
||||
/* button:hover { color: #8885e2; } */
|
||||
button { font-weight: 500; color: #fff; }
|
||||
.experience-btn { border: none; margin: 0; padding: 0; color: black; padding: 10px; width: fit-content; }
|
||||
.experience-btn p { @apply text-lg; }
|
||||
@ -110,15 +110,28 @@ header { font-family: "Reddit Sans"; }
|
||||
:root {
|
||||
--color-bg: #fff;
|
||||
--color-text: #222;
|
||||
--color-link: #8885e2;
|
||||
--color-link: #ffffff;
|
||||
--color-header: #000;
|
||||
--color-bgbutton:#000;
|
||||
--color-textbutton: #fff;
|
||||
}
|
||||
.dark {
|
||||
--color-bg: #18181b;
|
||||
--color-text: #f3f4f6;
|
||||
--color-link: #a5b4fc;
|
||||
--color-link: #ffffff;
|
||||
--color-header: #18181b;
|
||||
--color-bgbutton:#fff;
|
||||
--color-textbutton: #000;
|
||||
}
|
||||
|
||||
.bg-theme {
|
||||
background-color: var(--color-bgbutton);
|
||||
}
|
||||
|
||||
.text-theme {
|
||||
color: var(--color-textbutton);
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--color-bg);
|
||||
color: var(--color-text);
|
||||
|
||||
@ -25,12 +25,12 @@ p, .p { font-size: 1.2rem; color: #cbd5e0} */
|
||||
|
||||
/* Link styles */
|
||||
a { color: #fff; }
|
||||
a:focus, a:hover { border: none; color: #7570ea; }
|
||||
a:focus, a:hover { border: none; color: #c5c5c5; }
|
||||
a:active { color: #2b6cb0; }
|
||||
nav h4 a { border: 0; color: #fff; }
|
||||
nav h4 a:hover { border: 0; color: #7570ea; }
|
||||
nav h4 a:hover { border: 0; color: #c5c5c5; }
|
||||
nav h4 a:focus, nav h4 a:active { border: 0; color: #fff; }
|
||||
h5 a { color: #7570ea; }
|
||||
|
||||
|
||||
/* Text and paragraph styles */
|
||||
pre, code { font-feature-settings: normal; }
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
@ -4,8 +4,8 @@
|
||||
|
||||
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
|
||||
<div class="text-base leading-7">
|
||||
<h4 class="font-semibold text-white">{{ title }}</h4>
|
||||
<p class="mt-2 text-lg text-gray-300">{{ description }}
|
||||
<h4 class="font-semibold">{{ title }}</h4>
|
||||
<p class="mt-2 text-lg">{{ description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<h2 class="lg:text-4xl text-3xl mt-2 text-white">{{ subtitle }}</h2>
|
||||
<p class="mt-4 leading-8 text-white">{{ description }}</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6 text-white">
|
||||
<a href="{{ button_link_1 }}" class="rounded-md text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-500 hover:text-white">
|
||||
<a href="{{ button_link_1 }}" class="rounded-md text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-700 hover:text-white">
|
||||
{{ button_text_1 }}
|
||||
</a>
|
||||
<a href="{{ button_link_2 }}" class="text-sm font-semibold leading-6">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user