Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(misc): update content and design changes #1044

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

feat(misc): update content and design changes #1044

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2c72a7c
feat: update content and design changes
gautamgambhir97 Nov 14, 2024
faff490
feat: adjust font sizes
gautamgambhir97 Nov 14, 2024
a92812a
update: update path in examples
gautamgambhir97 Nov 18, 2024
3523fd9
Merge branch 'main' into feat/update-content-and-design-changes
gautamgambhir97 Nov 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/components.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
width: 100%;
color: #000d3d;
font-family: Lexend;
font-size: 16px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%;
Expand Down
2 changes: 1 addition & 1 deletion components/feature-guide-tabs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export const GuideBox = ({
>
{content.title}
</h3>
<p className="nx-text-gray-500 dark:nx-text-white-60 nx-font-normal">
<p className="nx-text-gray-500 nx-text-paragraph dark:nx-text-white-60 nx-font-normal">
{content.description}
</p>
</section>
Expand Down
11 changes: 3 additions & 8 deletions components/guide-mdx.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -184,14 +184,9 @@ const GuidesMdx = ({ content }: GuidesData) => {
return con.type === filterState.value;
}
if (filterState.evt === "input" && filterState.inputVal !== "") {
return (
item.title
.toLowerCase()
.includes(filterState.inputVal.toLowerCase()) ||
item.description
.toLowerCase()
.includes(filterState.inputVal.toLowerCase())
);
return item.title
.toLowerCase()
.includes(filterState.inputVal.toLowerCase());
}
return true;
}),
Expand Down
47 changes: 27 additions & 20 deletions components/landing.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,20 @@

.mainTitle {
color: #000d3d;
font-size: 48px;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%;
padding-bottom: 12px;
}

.subTitle {
color: #000d3d;
font-size: 28px;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.28px;
letter-spacing: -0.24px;
}

@media (max-width: 767px) {
Expand All @@ -32,24 +35,28 @@
.subTitle {
color: #000d3d;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.24px;
margin-bottom: 12px;
}
}

.description {
color: #73879e;
font-size: 22px;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}

.subDescription {
color: #73879e;
font-size: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
line-height: 160%;
}

.guideBox {
Expand Down Expand Up @@ -84,16 +91,16 @@
.startGuides {
display: flex;
flex-grow: 1;
margin-top: 48px;
margin-top: 24px;
margin-bottom: 48px;
}

.startGuideText {
color: #000d3d;
font-size: 18px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.18px;
line-height: 160%;
letter-spacing: -0.16px;
max-width: 254px;
}

Expand All @@ -120,7 +127,6 @@
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 12px;
}

.welcomeText {
Expand All @@ -129,6 +135,7 @@
font-style: normal;
font-weight: 400;
line-height: 160%;
padding-bottom: 8px;
}

.horizontalLine {
Expand All @@ -145,7 +152,7 @@

.systemDescripton {
color: #3e4c5c;
font-size: 1.1rem;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 180%;
Expand Down Expand Up @@ -185,11 +192,11 @@
.stackHeading {
color: #000d3d;
text-align: center;
font-size: 32px;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 160%;
letter-spacing: -0.32px;
line-height: 140%;
letter-spacing: -0.28px;
text-align: center;
max-width: 207px;
height: 90px;
Expand All @@ -213,7 +220,7 @@

.coursesHeading {
color: #fff;
font-size: 28px;
font-size: 24px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.28px;
Expand All @@ -225,7 +232,7 @@

.coursesSubtitle {
color: #dce2ea;
font-size: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
Expand All @@ -248,10 +255,10 @@
.introduction {
color: #8a9fb8;
text-align: center;
font-size: 14px;
font-size: 12px;
font-weight: 500;
line-height: 160%;
letter-spacing: 1.4px;
letter-spacing: 1.2px;
text-transform: uppercase;
}

Expand Down Expand Up @@ -311,7 +318,7 @@
.comingSomewhereTitle {
color: #000d3d;
font-family: Lexend;
font-size: 16px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
Expand Down
4 changes: 2 additions & 2 deletions components/products.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,8 +70,8 @@ const Item = ({
<h3
className={
hover
? "nx-text-purple nx-text-lg nx-font-medium nx-mb-2"
: "nx-text-black dark:nx-text-[#E9E9EA] nx-text-lg nx-font-medium nx-mb-2"
? "nx-text-purple nx-text-base nx-font-medium nx-mb-2"
: "nx-text-black dark:nx-text-[#E9E9EA] nx-text-base nx-font-medium nx-mb-2"
}
>
{item.title}
Expand Down
6 changes: 4 additions & 2 deletions components/tab.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,16 +53,18 @@
.productsHeading {
color: rgba(0, 13, 61, 0.8);
font-family: Lexend;
font-size: 18px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.36px;
letter-spacing: -0.32px;
text-transform: uppercase;
}

.productDescripton {
color: #73879e;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
Expand Down
26 changes: 4 additions & 22 deletions pages/concepts.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,120 +13,102 @@ import { AgentsIcon, AgentverseIcon ,FetchNetwork, LedgerIcon} from "src/icons/m
{
type: "Introduction",
icon: AgentsIcon,
description: "Get to know Fetch.ai, the technology, tools and the goals we are delivering.",
data: [
{
title: "Introducing Fetch.ai: pioneering an AI powered decentralized digital economy",
description: "Get to know Fetch.ai, the technology, tools and the goals we are delivering.",
path: "/concepts/introducing-fetchai",
},
],
},
{
type: "Agentverse",
icon: AgentverseIcon,
description: "Explore the resources and dive into the Agentverse and its functionalities.",
data: [
{
title: "Agentverse: Introduction",
description: "Introducing the Agentverse platform.",
path: "/concepts/agent-services/agentverse-intro",
},
{
title: "Agentverse: Explorer",
description: "Use the Agentverse Explorer to start interacting with other agents.",
path: "/concepts/agent-services/agent-explorer",
},
{
title: "Agentverse: My Agents",
description: "Get started and deploy agents to the cloud to start connecting and automating.",
path: "/concepts/agent-services/agent-hosting",
},
{
title: "Agentverse: Mailroom / IoT Gateway",
description: "Set up Agentverse mailboxes for your locally-run agents and run them independently of your constant presence to run the server.",
path: "/concepts/agent-services/agent-mail",
},
{
title: "Agentverse: Agent Functions",
description: "The Agentverse makes it possible to register your agents and related Functions to be discoverable by the AI Engine and DeltaV.",
path: "/concepts/agent-services/services",
},
],
},
{
type: "AI Engine",
icon: AgentsIcon,
description: "Discover how the AI Engine facilitates interactions by discovering user preferences, transforming raw data into actionable insights through collaboration with agent-based services.",
data: [
{
title: "AI Engine: Introduction",
description: "Introducing the AI Engine and its role in DeltaV functionalities.",
path: "/concepts/ai-engine/ai-engine-intro",
},
{
title: "Powering connections and smart operations in DeltaV",
description: "Explore the integration of AI Engine within DeltaV, enabling connections between users and agent Functions.",
path: "/concepts/ai-engine/powering-connections-and-smart-operations-in-deltav",
},
{
title: "DeltaV",
description: "Introducing DeltaV.",
path: "/concepts/deltav/intro",
},
{
title: "AI Engine Personalities",
path: "/concepts/ai-engine/ai-engine-personalities",
},
],
},
{
type: "Fetch Network",
icon: FetchNetwork,
description: "Discover the tools and products constituting and adopted within the Fetch network.",
data: [
{
title: "Introducing the Fetch Network",
description: "An introduction to the different components constituting the Fetch Network.",
path: "/concepts/fetch-network/intro-fetch-network",
},
{
title: "Native and ERC-20 FET tokens",
description: "Discover the difference between native and ERC-20 FET tokens.",
path: "/concepts/fetch-network/native-and-erc20-fet-tokens",
},
{
title: "The Almanac contract",
description: "Explore the role of the Almanac contract within the Fetch ecosystem.",
path: "/concepts/fetch-network/almanac",
},
],
},
{
type: "Ledger",
icon: LedgerIcon,
description: "Get yourself started with Fetch Ledger and understand the role of validators.",
data: [
{
title: "Ledger: Introduction",
description: "Get yourself started with Fetch Ledger.",
path: "/concepts/fetch-network/ledger/intro",
},
{
title: "Validators overview",
description: "Explore the role of validators within the Fetch ecosystem.",
path: "/concepts/fetch-network/ledger/validators",
},
],
},
{
type: "Indexer",
icon: AgentsIcon,
description: "Explore how to index and query blockchain data using the SubQuery indexer for the Fetch ledger.",
data: [
{
title: "Indexer: An Introduction",
description: "Introducing the ledger-subquery, a SubQuery-based indexer for the Fetch ledger.",
path: "/concepts/fetch-network/indexer",
},
],
}
]} />

<div className="nx-mb-8"></div>
Loading
Loading