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" />
|
||||
<title>ThreeFold Galaxy Coop - Building the New Internet Together</title>
|
||||
</head>
|
||||
<body>
|
||||
<body class="bg-background text-foreground">
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</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 (
|
||||
<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="flex justify-between items-center h-16">
|
||||
<Link to="/" className="flex items-center space-x-2">
|
||||
|
@@ -292,7 +292,7 @@ function RegisterPage() {
|
||||
</section>
|
||||
|
||||
{/* 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="text-center space-y-8 mb-12">
|
||||
<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 MyceliumImage from '../assets/myceliumn.png'
|
||||
import { AlertCircle } from 'lucide-react'
|
||||
import GalaxyMachine from '../assets/tenstorrent_galaxy_internal_components.png'
|
||||
import Navigation from './Navigation.jsx'
|
||||
|
||||
function TechnologyPage() {
|
||||
@@ -13,7 +14,7 @@ function TechnologyPage() {
|
||||
<div className="min-h-screen bg-background">
|
||||
{/* 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">
|
||||
<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>
|
||||
|
||||
{/* Technology Hero Section */}
|
||||
|
@@ -4,7 +4,7 @@ const ThemeToggle = () => {
|
||||
const [theme, setTheme] = useState(localStorage.getItem('theme') || 'light');
|
||||
|
||||
useEffect(() => {
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
document.documentElement.classList.toggle('dark', theme === 'dark');
|
||||
localStorage.setItem('theme', theme);
|
||||
}, [theme]);
|
||||
|
||||
|
@@ -1,5 +1,5 @@
|
||||
|
||||
@custom-variant dark (&:is(.dark *));
|
||||
/* @custom-variant dark (&:is(.dark *)); */
|
||||
|
||||
@theme inline {
|
||||
--radius-sm: calc(var(--radius) - 4px);
|
||||
@@ -74,7 +74,7 @@
|
||||
--sidebar-ring: oklch(0.708 0 0);
|
||||
}
|
||||
|
||||
.dark {
|
||||
html[data-theme='dark'] {
|
||||
--background: oklch(0.145 0 0);
|
||||
--foreground: oklch(0.985 0 0);
|
||||
--card: oklch(0.205 0 0);
|
||||
|
@@ -47,7 +47,5 @@ html[data-theme='dark'] {
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
|
||||
transition: background-color 0.3s ease, color 0.3s ease;
|
||||
}
|
@@ -2,7 +2,7 @@ import typography from '@tailwindcss/typography';
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
darkMode: ['attribute', '[data-theme="dark"]'],
|
||||
darkMode: 'class',
|
||||
content: [
|
||||
"./index.html",
|
||||
"./src/**/*.{js,ts,jsx,tsx}",
|
||||
|