Compare commits
3 Commits
5271f879f9
...
53a9d76691
Author | SHA1 | Date | |
---|---|---|---|
53a9d76691 | |||
0d25dc4022 | |||
8812ffe449 |
@@ -6,7 +6,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>ThreeFold Galaxy Coop - Building the New Internet Together</title>
|
<title>ThreeFold Galaxy Coop - Building the New Internet Together</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="bg-background text-foreground">
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
<script type="module" src="/src/main.jsx"></script>
|
<script type="module" src="/src/main.jsx"></script>
|
||||||
</body>
|
</body>
|
||||||
|
Before Width: | Height: | Size: 382 KiB |
Before Width: | Height: | Size: 302 KiB |
Before Width: | Height: | Size: 938 KiB |
Before Width: | Height: | Size: 64 KiB |
Before Width: | Height: | Size: 133 KiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.8 MiB |
Before Width: | Height: | Size: 1.8 MiB |
Before Width: | Height: | Size: 2.2 MiB |
Before Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 190 KiB |
Before Width: | Height: | Size: 564 KiB |
@@ -15,7 +15,7 @@ function Navigation() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<nav className="fixed top-0 w-full bg-white/90 dark:bg-slate-900/90 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 z-50">
|
<nav className="fixed top-0 w-full bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800 z-50">
|
||||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<div className="flex justify-between items-center h-16">
|
<div className="flex justify-between items-center h-16">
|
||||||
<Link to="/" className="flex items-center space-x-2">
|
<Link to="/" className="flex items-center space-x-2">
|
||||||
|
@@ -292,7 +292,7 @@ function RegisterPage() {
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
{/* Frequently Asked Questions */}
|
{/* Frequently Asked Questions */}
|
||||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-purple-50 dark:from-blue-950 dark:to-purple-950">
|
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-background dark:from-blue-950 dark:to-purple-950">
|
||||||
<div className="max-w-4xl mx-auto">
|
<div className="max-w-4xl mx-auto">
|
||||||
<div className="text-center space-y-8 mb-12">
|
<div className="text-center space-y-8 mb-12">
|
||||||
<h2 className="text-3xl md:text-4xl font-bold text-foreground">Common Questions</h2>
|
<h2 className="text-3xl md:text-4xl font-bold text-foreground">Common Questions</h2>
|
||||||
|
@@ -6,6 +6,7 @@ import { Cpu, Database, Network, Shield, Zap, Scale, Globe, CheckCircle, BookOpe
|
|||||||
import quantumSafeImage from '../assets/quantum_safe.png'
|
import quantumSafeImage from '../assets/quantum_safe.png'
|
||||||
import MyceliumImage from '../assets/myceliumn.png'
|
import MyceliumImage from '../assets/myceliumn.png'
|
||||||
import { AlertCircle } from 'lucide-react'
|
import { AlertCircle } from 'lucide-react'
|
||||||
|
import GalaxyMachine from '../assets/tenstorrent_galaxy_internal_components.png'
|
||||||
import Navigation from './Navigation.jsx'
|
import Navigation from './Navigation.jsx'
|
||||||
|
|
||||||
function TechnologyPage() {
|
function TechnologyPage() {
|
||||||
@@ -13,7 +14,7 @@ function TechnologyPage() {
|
|||||||
<div className="min-h-screen bg-background">
|
<div className="min-h-screen bg-background">
|
||||||
{/* The `Navigation` component is now rendered in `App.jsx` remove it from here */}
|
{/* The `Navigation` component is now rendered in `App.jsx` remove it from here */}
|
||||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
|
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
|
||||||
<img src="/src/assets/tenstorrent_galaxy_internal_components.png" alt="Tenstorrent Galaxy Internal Components" className="w-full h-auto rounded-lg shadow-lg" />
|
<img src={GalaxyMachine} alt="Galaxy" className="w-full h-auto rounded-lg shadow-lg" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Technology Hero Section */}
|
{/* Technology Hero Section */}
|
||||||
|
@@ -4,7 +4,7 @@ const ThemeToggle = () => {
|
|||||||
const [theme, setTheme] = useState(localStorage.getItem('theme') || 'light');
|
const [theme, setTheme] = useState(localStorage.getItem('theme') || 'light');
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.documentElement.setAttribute('data-theme', theme);
|
document.documentElement.classList.toggle('dark', theme === 'dark');
|
||||||
localStorage.setItem('theme', theme);
|
localStorage.setItem('theme', theme);
|
||||||
}, [theme]);
|
}, [theme]);
|
||||||
|
|
||||||
|
@@ -1,5 +1,5 @@
|
|||||||
|
|
||||||
@custom-variant dark (&:is(.dark *));
|
/* @custom-variant dark (&:is(.dark *)); */
|
||||||
|
|
||||||
@theme inline {
|
@theme inline {
|
||||||
--radius-sm: calc(var(--radius) - 4px);
|
--radius-sm: calc(var(--radius) - 4px);
|
||||||
@@ -74,7 +74,7 @@
|
|||||||
--sidebar-ring: oklch(0.708 0 0);
|
--sidebar-ring: oklch(0.708 0 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
html[data-theme='dark'] {
|
||||||
--background: oklch(0.145 0 0);
|
--background: oklch(0.145 0 0);
|
||||||
--foreground: oklch(0.985 0 0);
|
--foreground: oklch(0.985 0 0);
|
||||||
--card: oklch(0.205 0 0);
|
--card: oklch(0.205 0 0);
|
||||||
|
@@ -47,7 +47,5 @@ html[data-theme='dark'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@apply bg-background text-foreground;
|
|
||||||
|
|
||||||
transition: background-color 0.3s ease, color 0.3s ease;
|
transition: background-color 0.3s ease, color 0.3s ease;
|
||||||
}
|
}
|
@@ -2,7 +2,7 @@ import typography from '@tailwindcss/typography';
|
|||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
export default {
|
export default {
|
||||||
darkMode: ['attribute', '[data-theme="dark"]'],
|
darkMode: 'class',
|
||||||
content: [
|
content: [
|
||||||
"./index.html",
|
"./index.html",
|
||||||
"./src/**/*.{js,ts,jsx,tsx}",
|
"./src/**/*.{js,ts,jsx,tsx}",
|
||||||
|