fix header / hero

This commit is contained in:
sasha-astiadi 2024-06-06 17:32:16 +03:00
parent 3842f96b17
commit 5df807b8bd
10 changed files with 46 additions and 41 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8.3 KiB

View File

@ -2,8 +2,7 @@
import { SITE } from 'astrowind:config';
---
<span
class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white"
>
🌎 {SITE?.name}
<span class="flex items-center self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
<img src="/assets/images/logo.svg" alt="Site Logo" class="h-8 w-auto mr-2" />
{SITE?.name}
</span>

View File

@ -5,7 +5,7 @@ import { Icon } from 'astro-icon/components';
<section class="bg-blue-50 dark:bg-slate-800 not-prose">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
<span class="font-bold">
<Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Project Internet Capacity:</span
<Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> INCA:</span
> The Internet as intended.
</div>
</section>

View File

@ -1,5 +1,5 @@
site:
name: Project Internet Capacity
name: INCA
site: 'https://threefold.io'
base: '/'
trailingSlash: false
@ -9,14 +9,14 @@ site:
# Default SEO metadata
metadata:
title:
default: Project Internet Capacity
template: '%s — Project Internet Capacity'
description: "\U0001F680 Project Internet Capacity is the decentralized autonomous cloud for everyone."
default: INCA
template: '%s — INCA'
description: "\U0001F680 INCA is the decentralized autonomous cloud for everyone."
robots:
index: true
follow: true
openGraph:
site_name: Project INCA
site_name: INCA
images:
- url: '~/assets/images/inca_background.png'
width: 1200

View File

@ -24,12 +24,12 @@ const metadata = {
}}
>
<Fragment slot="title">
Project Internet Capacity <br>is the culmulation of years <br>of work by
INCA <br>is the culmulation of years <br>of work by
<span class="text-accent dark:text-white highlight"> ThreeFold</span>
</Fragment>
<Fragment slot="subtitle">
Project Internet Capacity is the fourth generation of the ThreeFold Grid. Our technology is rock solid and has been running in production mode for years now on the main network. We wouldn't be here without our amazing community and its members who keep on evolving with us. This project will always have planet and people first in mind.
INCA is the fourth generation of the ThreeFold Grid. Our technology is rock solid and has been running in production mode for years now on the main network. We wouldn't be here without our amazing community and its members who keep on evolving with us. This project will always have planet and people first in mind.
</Fragment>
</Hero>
@ -188,7 +188,7 @@ const metadata = {
<Steps2
title="Achievements"
subtitle="Project Internet Capacity is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready for a major expansion. Build with us the largest decentralized cloud on the planet."
subtitle="INCA is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready for a major expansion. Build with us the largest decentralized cloud on the planet."
isReversed={true}
callToAction={{
text: 'Explore ThreeFold',

View File

@ -18,7 +18,7 @@ import INCAStats from './incastats.astro'
const metadata = {
title: 'Project Internet Capacity — Decentralized Autonomous Cloud',
title: 'INCA — Decentralized Autonomous Cloud',
ignoreTitleTemplate: true,
};
---
@ -38,32 +38,29 @@ const metadata = {
},
{ text: 'Learn more', href: '#about' },
]}
image={{ src: '~/assets/images/background.png', alt: '' }}
>
<Fragment slot="title">
<div class="flex flex-col items-center justify-center text-center">
<!-- Logo -->
<img src="/assets/images/logo.svg" alt="Site Logo" class="md:h-60 w-auto mb-8 h-32" />
<!-- Title and Content -->
<div>
<h1 class="text-2xl md:text-5xl font-bold tracking-custom mb-2">
Project
<span class="text-blue-600">IN</span>ternet <span class="text-blue-600">CA</span>pacity
</h1>
<h2 class="text-xl md:text-3xl tracking-tight text-gray-700 font-semibold">
Compute is the Currency of the Future
</h2>
<Fragment slot="title">Welcome To
Project <br>
<Inca/><br><br>
<!-- TODO:HOW CAN WE MAKE THIS SMALLER -->
Compute<br>
is the currency <br>
of the future...<br><br>
</Fragment>
<Fragment slot="subtitle">
<span class="hidden sm:inline">
We are a community-driven, open-source project<br> that has built a self-healing and autonomous cloud engine<br> allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>!<br>
</span>
<span class="block mb-1 sm:hidden font-bold text-blue-600">
Internet Capacity, DePIN Cloud
</span>
<i><br>Compute is the currency of the future...<br>
Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i>
</Fragment>
<p class="md:my-8 my-4 tracking-normal text-base md:text-xl font-light md:max-w-3xl max-w-xl">
We are a community-driven, open-source project that has built a self-healing and autonomous cloud engine allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>.<br>
</p>
</div>
</div>
</Fragment>
</Hero>
@ -146,7 +143,7 @@ const metadata = {
classes={{ container: 'max-w-6xl' }}
items={[
{
title: 'Why is the Project Internet Capacity necessary?',
title: 'Why is the INCA necessary?',
description:
"There is a cyber pandemic going on and there is a war for your attention! The cloud and Internet can be what it was always meant to be: for the people and peer-to-peer. The grid offers the possibility for anyone to own their share of the Internet.",
},

View File

@ -10,7 +10,7 @@ import Features2 from '~/components/widgets/Features2.astro';
<Features2
title="BE THE CLOUD."
subtitle="Project INternet CApacity is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
subtitle="INCA is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
tagline="ECOSYSTEM"
items={[
{

View File

@ -287,7 +287,7 @@ const metadata = {
<Fragment slot="title">Expand the Grid with Us</Fragment>
<Fragment slot="subtitle">
We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>Project Internet Capacity is the Unbreakable Internet.
We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>INCA is the Unbreakable Internet.
</Fragment>
</CallToAction>
</Layout>

View File

@ -17,8 +17,15 @@ module.exports = {
serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif],
heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
},
letterSpacing: {
widest: '.25em',
custom: '.002em',
xs: '.0005em',
},
},
},
plugins: [typographyPlugin],
darkMode: 'class',
};