NguyenThanhToan/ipv6-sims
1
0
Fork 0
forked from UKSOURCE/ipv6
Code Pull Requests Activity

feat: configure basePath from env and update font strategy

Browse Source
This commit is contained in:
nthanhtoan
2026-05-16 10:02:11 +07:00
parent 1a13083fc5
commit e652279b41
7 changed files with 74 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/home/PartnersCarousel.tsx
+1 -8
View File
@@ -1,7 +1,5 @@
"use client";
import { useEffect, useState } from "react";
// Tên file chính xác trong public/assets/img/carousel/
const ROW_1 = [
{ name: "NVIDIA", file: "Nvidia_logo.svg.png" },
@@ -76,12 +74,7 @@ function CarouselRow({
}
export default function PartnersCarousel() {
const [base, setBase] = useState("");
useEffect(() => {
const match = window.location.pathname.match(/^(\/ipv6)/);
setBase(match ? match[1] : "");
}, []);
const base = process.env.NEXT_PUBLIC_BASE_PATH || "";
return (
<section className="w-full py-16 lg:py-24 overflow-hidden border-t border-white/5">
app/globals.css
+7 -9
View File
@@ -1,12 +1,6 @@
@import "tailwindcss";
@font-face {
font-family: "Nasalization";
src: url("/assets/webfonts/Nasalization Rg.otf") format("opentype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* @font-face Nasalization được inject qua layout.tsx để hỗ trợ basePath động */
@theme {
/* IPV6 Summit design tokens */
@@ -24,7 +18,7 @@
--color-on-surface-variant: #e0e0e0;
--color-outline: #c5a059;
--font-body-base: "Nasalization", system-ui, sans-serif;
--font-body-base: "Roboto", system-ui, sans-serif;
--font-display-lg: "Nasalization", system-ui, sans-serif;
--font-label-caps: "Nasalization", system-ui, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
@@ -45,10 +39,14 @@ html {
body {
background-color: var(--color-background);
color: var(--color-on-surface-variant);
font-family: "Nasalization", system-ui, sans-serif;
font-family: "Roboto", system-ui, sans-serif;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Nasalization", system-ui, sans-serif;
}
input::placeholder,
textarea::placeholder {
color: rgba(224, 224, 224, 0.4);
app/layout.tsx
+14 -1
View File
@@ -3,6 +3,8 @@ import "../public/assets/css/all.min.css";
import "./globals.css";
import { LanguageProvider } from "@/app/context/LanguageContext";
const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";
export const metadata: Metadata = {
metadataBase: new URL(process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"),
title: "IPv6 Summit 2026 | Infrastructure for AI",
@@ -14,14 +16,25 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return (
<html lang="en">
<head>
{/* Nasalization font — path prefixed with basePath for subdirectory deployments */}
<style dangerouslySetInnerHTML={{ __html: `
@font-face {
font-family: "Nasalization";
src: url("${basePath}/assets/webfonts/Nasalization Rg.otf") format("opentype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
`}} />
{/* Fonts */}
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Geist:wght@400;600&family=JetBrains+Mono:wght@400;500&display=swap"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Geist:wght@400;600&family=JetBrains+Mono:wght@400;500&display=swap"
rel="stylesheet"
/>
{/* Icons */}
<link rel="icon" href={`${basePath}/assets/img/tech-logo.png`} type="image/png" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"