Skip to content

Commit e3855c9

Browse files
vukrosicvukrosic
committed
Revamp homepage layout and deployment instructions; enhance visual design with a gradient background, add navigation links, and update deployment steps to use 'npm run export' for production builds.
1 parent c28e8eb commit e3855c9

4 files changed

Lines changed: 352 additions & 87 deletions

File tree

‎DEPLOYMENT.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ The GitHub Actions workflow will automatically deploy when you push to the `main
2020

2121
### Method 2: Manual Deployment
2222
```bash
23-
# Build for production
24-
npm run build:prod
23+
# Build and export for production
24+
npm run export
2525

2626
# Serve locally to test
2727
npm run serve:out
@@ -35,8 +35,8 @@ npm run serve:out
3535
To test the production build locally:
3636

3737
```bash
38-
# Build with production settings
39-
npm run build:prod
38+
# Build and export with production settings
39+
npm run export
4040

4141
# Serve the built files
4242
npm run serve:out

‎app/blog/benign-superintelligence-open-or-closed/page.tsx‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
import Link from "next/link";
2+
3+
export default function BlogPost() {
4+
return (
5+
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white">
6+
{/* Header */}
7+
<header className="container mx-auto px-6 py-8">
8+
<nav className="flex justify-between items-center">
9+
<Link href="/" className="text-2xl font-bold hover:text-purple-300 transition-colors">
10+
Open Superintelligence Lab
11+
</Link>
12+
<div className="flex gap-6">
13+
<Link href="/about" className="hover:text-purple-300 transition-colors">About</Link>
14+
<Link href="/blog" className="hover:text-purple-300 transition-colors">Blog</Link>
15+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-purple-300 transition-colors">GitHub</a>
16+
</div>
17+
</nav>
18+
</header>
19+
20+
{/* Blog Post Content */}
21+
<main className="container mx-auto px-6 py-16">
22+
<div className="max-w-4xl mx-auto">
23+
{/* Back to Blog */}
24+
<Link href="/blog" className="text-purple-300 hover:text-purple-200 transition-colors mb-8 inline-block">
25+
← Back to Blog
26+
</Link>
27+
28+
{/* Article Header */}
29+
<header className="mb-12">
30+
<h1 className="text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
31+
Benign Superintelligence: Open or Closed?
32+
</h1>
33+
<div className="flex gap-4 text-gray-400 mb-8">
34+
<span>January 15, 2024</span>
35+
<span>•</span>
36+
<span>8 min read</span>
37+
</div>
38+
<p className="text-xl text-gray-300 leading-relaxed">
39+
Exploring the critical question of whether superintelligence should be developed openly or behind closed doors,
40+
and the implications for humanity's future.
41+
</p>
42+
</header>
43+
44+
{/* Article Content */}
45+
<article className="prose prose-lg prose-invert max-w-none">
46+
<div className="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 mb-8">
47+
<h2 className="text-3xl font-bold mb-6 text-purple-300">The Great Debate</h2>
48+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
49+
As we stand on the precipice of artificial general intelligence (AGI) and superintelligence,
50+
one of the most critical questions facing humanity is whether these transformative technologies
51+
should be developed in the open or behind closed doors. This isn't just a technical decision—it's
52+
a fundamental choice about the future of human civilization.
53+
</p>
54+
</div>
55+
56+
<div className="space-y-8">
57+
<section>
58+
<h2 className="text-3xl font-bold mb-4 text-purple-300">The Case for Open Development</h2>
59+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
60+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Democratization of Power</h3>
61+
<p className="text-gray-300 leading-relaxed">
62+
Open development ensures that superintelligence doesn't become the exclusive domain of a few
63+
powerful corporations or governments. By making the technology accessible to everyone, we
64+
prevent the concentration of unprecedented power in the hands of a select few.
65+
</p>
66+
</div>
67+
68+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
69+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Collective Intelligence</h3>
70+
<p className="text-gray-300 leading-relaxed">
71+
The wisdom of crowds applies to AI safety as well. With thousands of researchers, ethicists,
72+
and concerned citizens able to review and contribute to the development process, we can
73+
identify potential risks and solutions that might be missed by a small, closed team.
74+
</p>
75+
</div>
76+
77+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
78+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Transparency and Trust</h3>
79+
<p className="text-gray-300 leading-relaxed">
80+
Open development builds trust through transparency. When the public can see how AI systems
81+
are being developed and what safety measures are in place, it reduces fear and builds
82+
confidence in the technology.
83+
</p>
84+
</div>
85+
</section>
86+
87+
<section>
88+
<h2 className="text-3xl font-bold mb-4 text-purple-300">The Case for Controlled Development</h2>
89+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
90+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Risk Management</h3>
91+
<p className="text-gray-300 leading-relaxed">
92+
Superintelligence poses existential risks that could threaten human civilization. Controlled
93+
development allows for careful risk assessment and implementation of safety measures without
94+
the pressure of public scrutiny or competitive pressures.
95+
</p>
96+
</div>
97+
98+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
99+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Preventing Misuse</h3>
100+
<p className="text-gray-300 leading-relaxed">
101+
Open source superintelligence could be easily modified for malicious purposes. By keeping
102+
development controlled, we can implement safeguards and prevent the technology from falling
103+
into the wrong hands.
104+
</p>
105+
</div>
106+
107+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
108+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Quality Control</h3>
109+
<p className="text-gray-300 leading-relaxed">
110+
Controlled development ensures that only the most qualified researchers work on the technology,
111+
reducing the risk of dangerous mistakes or suboptimal implementations that could have
112+
catastrophic consequences.
113+
</p>
114+
</div>
115+
</section>
116+
117+
<section>
118+
<h2 className="text-3xl font-bold mb-4 text-purple-300">A Middle Path: Open Superintelligence Lab</h2>
119+
<div className="bg-gradient-to-r from-purple-600/20 to-pink-600/20 backdrop-blur-sm rounded-2xl p-8 border border-purple-500/30 mb-6">
120+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
121+
At Open Superintelligence Lab, we believe in a third approach: <strong>open development
122+
with built-in safety mechanisms</strong>. Our vision is to democratize superintelligence
123+
development while ensuring that safety and alignment remain paramount.
124+
</p>
125+
126+
<div className="grid md:grid-cols-2 gap-6">
127+
<div className="bg-white/10 rounded-xl p-6">
128+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Open Source Foundation</h3>
129+
<p className="text-gray-300 text-sm leading-relaxed">
130+
All our research, code, and findings are open source, allowing global collaboration
131+
and transparency in the development process.
132+
</p>
133+
</div>
134+
<div className="bg-white/10 rounded-xl p-6">
135+
<h3 className="text-xl font-semibold mb-3 text-purple-200">Safety-First Architecture</h3>
136+
<p className="text-gray-300 text-sm leading-relaxed">
137+
Built-in safety mechanisms and alignment protocols ensure that superintelligence
138+
remains beneficial to humanity.
139+
</p>
140+
</div>
141+
</div>
142+
</div>
143+
</section>
144+
145+
<section>
146+
<h2 className="text-3xl font-bold mb-4 text-purple-300">The Future We're Building</h2>
147+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
148+
The question of open vs. closed development isn't just about technology—it's about the kind
149+
of future we want to create. Do we want a world where superintelligence is controlled by
150+
a few powerful entities, or one where it's developed collaboratively for the benefit of all?
151+
</p>
152+
153+
<p className="text-lg leading-relaxed text-gray-200 mb-8">
154+
At Open Superintelligence Lab, we're choosing the latter. We're building a future where
155+
superintelligence is developed openly, safely, and for the benefit of all humanity.
156+
Join us in creating this future.
157+
</p>
158+
159+
<div className="bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl p-6 text-center">
160+
<h3 className="text-xl font-bold mb-3">Ready to Contribute?</h3>
161+
<p className="text-gray-200 mb-4">
162+
Help us build the future of open superintelligence
163+
</p>
164+
<a
165+
href="https://github.com/open-superintelligence-lab"
166+
className="bg-white text-purple-600 px-6 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors inline-block"
167+
target="_blank"
168+
rel="noopener noreferrer"
169+
>
170+
Join Our Mission
171+
</a>
172+
</div>
173+
</section>
174+
</div>
175+
</article>
176+
</div>
177+
</main>
178+
179+
{/* Footer */}
180+
<footer className="container mx-auto px-6 py-8 border-t border-white/20">
181+
<div className="flex justify-between items-center text-gray-400">
182+
<p>&copy; 2024 Open Superintelligence Lab. Open source for everyone.</p>
183+
<div className="flex gap-6">
184+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-white transition-colors">GitHub</a>
185+
<Link href="/about" className="hover:text-white transition-colors">About</Link>
186+
<Link href="/blog" className="hover:text-white transition-colors">Blog</Link>
187+
</div>
188+
</div>
189+
</footer>
190+
</div>
191+
);
192+
}

‎app/blog/page.tsx‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
import Link from "next/link";
2+
3+
export default function Blog() {
4+
const posts = [
5+
{
6+
id: "benign-superintelligence-open-or-closed",
7+
title: "Benign Superintelligence: Open or Closed?",
8+
excerpt: "Exploring the critical question of whether superintelligence should be developed openly or behind closed doors, and the implications for humanity's future.",
9+
date: "2024-01-15",
10+
readTime: "8 min read"
11+
}
12+
];
13+
14+
return (
15+
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white">
16+
{/* Header */}
17+
<header className="container mx-auto px-6 py-8">
18+
<nav className="flex justify-between items-center">
19+
<Link href="/" className="text-2xl font-bold hover:text-purple-300 transition-colors">
20+
Open Superintelligence Lab
21+
</Link>
22+
<div className="flex gap-6">
23+
<Link href="/about" className="hover:text-purple-300 transition-colors">About</Link>
24+
<Link href="/blog" className="text-purple-300">Blog</Link>
25+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-purple-300 transition-colors">GitHub</a>
26+
</div>
27+
</nav>
28+
</header>
29+
30+
{/* Blog Content */}
31+
<main className="container mx-auto px-6 py-16">
32+
<div className="max-w-4xl mx-auto">
33+
<h1 className="text-5xl font-bold mb-8 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
34+
Blog
35+
</h1>
36+
<p className="text-xl text-gray-300 mb-12">
37+
Insights, research, and thoughts on the future of superintelligence
38+
</p>
39+
40+
{/* Blog Posts */}
41+
<div className="space-y-8">
42+
{posts.map((post) => (
43+
<article key={post.id} className="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 hover:bg-white/15 transition-all">
44+
<Link href={`/blog/${post.id}`}>
45+
<h2 className="text-2xl font-bold mb-4 hover:text-purple-300 transition-colors">
46+
{post.title}
47+
</h2>
48+
<p className="text-gray-300 mb-4 leading-relaxed">
49+
{post.excerpt}
50+
</p>
51+
<div className="flex gap-4 text-sm text-gray-400">
52+
<span>{post.date}</span>
53+
<span>•</span>
54+
<span>{post.readTime}</span>
55+
</div>
56+
</Link>
57+
</article>
58+
))}
59+
</div>
60+
</div>
61+
</main>
62+
63+
{/* Footer */}
64+
<footer className="container mx-auto px-6 py-8 border-t border-white/20">
65+
<div className="flex justify-between items-center text-gray-400">
66+
<p>&copy; 2024 Open Superintelligence Lab. Open source for everyone.</p>
67+
<div className="flex gap-6">
68+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-white transition-colors">GitHub</a>
69+
<Link href="/about" className="hover:text-white transition-colors">About</Link>
70+
<Link href="/blog" className="hover:text-white transition-colors">Blog</Link>
71+
</div>
72+
</div>
73+
</footer>
74+
</div>
75+
);
76+
}

0 commit comments

Comments
 (0)