Skip to content

Commit a220519

Browse files
committed
Add various image assets and SVG files to the public directory
Signed-off-by: Daniel Ntege <danientege785@gmail.com>
1 parent d9ed443 commit a220519

File tree

99 files changed

+419
-33
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

99 files changed

+419
-33
lines changed

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
node_modules/
2-
public/
32
resources/
3+
/public/
4+
!/nextjs/public/
45
.DS_Store
56
.idea
67
.env

nextjs/app/layout.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@ export const metadata: Metadata = {
2626
description:
2727
"Hiero is the first open-source distributed ledger technology (DLT) developed in a fully vendor-neutral way as a project of the Linux Foundation.",
2828
icons: {
29-
icon: "/images/Hiero-Icon.svg",
30-
shortcut: "/images/Hiero-Icon.svg",
31-
apple: "/images/Hiero-Icon.svg",
29+
icon: "/images/Hiero-Favicon.svg",
30+
shortcut: "/images/Hiero-Favicon.svg",
31+
apple: "/images/Hiero-Favicon.svg",
3232
},
3333
};
3434

@@ -40,7 +40,7 @@ export default function RootLayout({
4040
return (
4141
<html lang="en">
4242
<body className={`${spaceGrotesk.className} ${spaceGrotesk.variable} ${ibmPlexMono.variable}`}>
43-
<header className="relative h-[90px]">
43+
<header className="relative h-22.5">
4444
<Header />
4545
</header>
4646
<main>{children}</main>

nextjs/app/page.tsx

Lines changed: 24 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,30 @@
11
export default function Home() {
22
return (
3-
<section className="bg-linear-to-br from-red-dark via-red to-red text-white">
4-
<div className="container py-24 sm:py-36 text-center">
5-
<h1 className="text-4xl sm:text-3xl leading-none tracking-[-0.15rem] mb-4">Hiero Website Migration In Progress</h1>
6-
<p className="text-xl max-w-3xl mx-auto text-white-dark">
3+
<section className="bg-linear-to-br from-red-dark via-red to-red text-white min-h-[calc(100vh-90px)] flex items-center">
4+
<div className="container py-16 sm:py-24 lg:py-32 text-center">
5+
<div className="mx-auto max-w-4xl">
6+
<h1 className="mb-4 text-3xl leading-[0.95] tracking-[-0.08rem] sm:text-4xl sm:tracking-[-0.15rem] lg:text-4xl">
7+
Hiero Website Migration In Progress
8+
</h1>
9+
<p className="mx-auto max-w-2xl text-lg text-white-dark sm:text-xl lg:max-w-3xl">
710
This Next.js version is being rebuilt from the Hugo site. Homepage sections are coming next.
8-
</p>
9-
<div className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
10-
<a
11-
href="https://github.com/hiero-ledger/hiero-website"
12-
target="_blank"
13-
rel="noopener noreferrer"
14-
className="bg-white text-charcoal no-underline px-6 py-3 rounded-full font-medium hover:bg-sand transition-colors"
15-
>
16-
View Repository
17-
</a>
18-
<a
19-
href="/blog"
20-
className="border border-white text-black no-underline px-6 py-3 rounded-full font-medium hover:bg-white hover:text-charcoal transition-colors"
21-
>
22-
Blog (Next.js)
23-
</a>
11+
</p>
12+
<div className="mt-8 flex flex-col items-stretch justify-center gap-3 sm:mt-10 sm:flex-row sm:items-center sm:gap-4">
13+
<a
14+
href="https://github.com/hiero-ledger/hiero-website"
15+
target="_blank"
16+
rel="noopener noreferrer"
17+
className="w-full rounded-full bg-white px-6 py-3 text-center font-medium text-charcoal no-underline transition-colors hover:bg-sand sm:w-auto sm:min-w-[12rem]"
18+
>
19+
View Repository
20+
</a>
21+
<a
22+
href="/blog"
23+
className="w-full rounded-full border border-white px-6 py-3 text-center font-medium text-white no-underline transition-colors hover:bg-white hover:text-charcoal sm:w-auto sm:min-w-[12rem]"
24+
>
25+
Blog (Next.js)
26+
</a>
27+
</div>
2428
</div>
2529
</div>
2630
</section>

nextjs/components/Menu.tsx

Lines changed: 30 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -58,11 +58,17 @@ export default function Menu() {
5858

5959
<nav
6060
id="navigation"
61-
className={`${isOpen ? "active-navigation" : "hidden"} absolute items-center justify-center w-full h-screen bg-black top-0 left-0 text-white sm:relative sm:h-auto sm:top-auto sm:bg-transparent sm:left-auto sm:w-9/12 sm:max-w-xl sm:block`}
61+
className={`${isOpen ? "active-navigation" : "hidden"} fixed inset-0 z-50 flex-col items-center justify-start overflow-y-auto bg-black px-6 pt-24 pb-10 text-white sm:relative sm:inset-auto sm:z-auto sm:h-auto sm:w-9/12 sm:max-w-xl sm:flex sm:flex-row sm:items-center sm:justify-end sm:overflow-visible sm:bg-transparent sm:px-0 sm:pt-0 sm:pb-0 sm:text-inherit`}
6262
aria-hidden={!isOpen && pathname !== undefined}
6363
>
64-
<div className="absolute top-[27px] sm:hidden">
65-
<Image src="/images/Hiero-Icon-wLogo-white-text.svg" alt="Hiero logo" className="h-[40px] w-[128px]" width={128} height={40} />
64+
<div className="absolute top-[27px] left-6 sm:hidden">
65+
<Image
66+
src="/images/Hiero-Icon-wLogo-white-text.svg"
67+
alt="Hiero logo"
68+
className="h-[40px] w-[128px]"
69+
width={128}
70+
height={40}
71+
/>
6672
</div>
6773

6874
<button
@@ -74,7 +80,7 @@ export default function Menu() {
7480
<Image src="/images/Hiero-Icon-ModalClose.svg" alt="Close menu" className="w-5 h-5" width={20} height={20} />
7581
</button>
7682

77-
<ul id="menu" className="flex flex-col sm:flex-row justify-between">
83+
<ul id="menu" className="flex w-full flex-col items-stretch gap-2 pt-10 sm:w-auto sm:flex-row sm:items-center sm:justify-between sm:gap-8 sm:pt-0">
7884
{menuItems.map((item) => (
7985
<li
8086
key={item.name}
@@ -86,20 +92,36 @@ export default function Menu() {
8692
target="_blank"
8793
rel="noopener noreferrer"
8894
onClick={() => setIsOpen(false)}
95+
className="block rounded-md px-3 py-2 sm:inline sm:rounded-none sm:px-0 sm:py-0"
8996
>
9097
{item.name}
9198
</a>
9299
) : (
93-
<Link href={item.href} className={isActive(item.href) ? "active" : ""} onClick={() => setIsOpen(false)}>
100+
<Link
101+
href={item.href}
102+
className={`${isActive(item.href) ? "active" : ""} block rounded-md px-3 py-2 sm:inline sm:rounded-none sm:px-0 sm:py-0`.trim()}
103+
onClick={() => setIsOpen(false)}
104+
>
94105
{item.name}
95106
</Link>
96107
)}
97108
</li>
98109
))}
99110

100-
<li className="self-center">
101-
<a href="https://github.com/hiero-ledger/" target="_blank" rel="noopener noreferrer" className="flex">
102-
<Image src="/images/Hiero-Icon-Github.svg" alt="GitHub" className="h-[35px] w-[35px] sm:h-[17px] sm:w-[17px]" width={35} height={35} />
111+
<li className="mt-4 self-center sm:mt-0">
112+
<a
113+
href="https://github.com/hiero-ledger/"
114+
target="_blank"
115+
rel="noopener noreferrer"
116+
className="flex justify-center rounded-md px-3 py-2 sm:px-0 sm:py-0"
117+
>
118+
<Image
119+
src="/images/Hiero-Icon-Github.svg"
120+
alt="GitHub"
121+
className="h-[35px] w-[35px] sm:h-[17px] sm:w-[17px]"
122+
width={35}
123+
height={35}
124+
/>
103125
</a>
104126
</li>
105127
</ul>

nextjs/public/file.svg

Lines changed: 1 addition & 0 deletions
Loading

nextjs/public/globe.svg

Lines changed: 1 addition & 0 deletions
Loading
139 KB
Loading
Lines changed: 8 additions & 0 deletions
Loading
17.2 KB
Loading
Lines changed: 19 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)