Skip to content

Commit 5ad370f

Browse files
vukrosicvukrosic
committed
Update homepage and blog layout with new color scheme, enhance navigation links, and add a new blog post about contributing to Blueberry LLM.
1 parent cb62586 commit 5ad370f

File tree

3 files changed

+246
-20
lines changed

3 files changed

+246
-20
lines changed

‎app/blog/moving-fast/page.tsx‎

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
import Link from "next/link";
2+
3+
export default function MovingFastBlog() {
4+
return (
5+
<div className="min-h-screen bg-gradient-to-br from-[#22223b] via-[#4a4e69] to-[#9a8c98] 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-[#c9ada7] transition-colors">
10+
Open Superintelligence Lab
11+
</Link>
12+
<div className="flex gap-6">
13+
<Link href="/about" className="hover:text-[#c9ada7] transition-colors">About</Link>
14+
<Link href="/blog" className="hover:text-[#c9ada7] transition-colors">Blog</Link>
15+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-[#c9ada7] transition-colors">Blueberry LLM</a>
16+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-[#c9ada7] transition-colors">GitHub</a>
17+
</div>
18+
</nav>
19+
</header>
20+
21+
{/* Blog Post Content */}
22+
<main className="container mx-auto px-6 py-16">
23+
<div className="max-w-4xl mx-auto">
24+
{/* Back to Blog */}
25+
<Link href="/blog" className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors mb-8 inline-block">
26+
← Back to Blog
27+
</Link>
28+
29+
{/* Article Header */}
30+
<header className="mb-12">
31+
<h1 className="text-5xl font-bold mb-6 bg-gradient-to-r from-[#c9ada7] to-[#f2e9e4] bg-clip-text text-transparent">
32+
Moving Fast: Pick a Task, Make an Impact
33+
</h1>
34+
<div className="flex gap-4 text-gray-400 mb-8">
35+
<span>January 15, 2024</span>
36+
<span>•</span>
37+
<span>5 min read</span>
38+
</div>
39+
<p className="text-xl text-gray-300 leading-relaxed">
40+
The best way to contribute to open superintelligence research? Pick a task from our
41+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues" className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors"> Blueberry LLM issues</a>
42+
and start building. Here&apos;s why moving fast matters and how you can get involved today.
43+
</p>
44+
</header>
45+
46+
{/* Article Content */}
47+
<article className="prose prose-lg prose-invert max-w-none">
48+
<div className="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 mb-8">
49+
<h2 className="text-3xl font-bold mb-6 text-[#c9ada7]">Why Speed Matters in AI Research</h2>
50+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
51+
In the race toward superintelligence, every day counts. While others debate theoretical frameworks,
52+
we&apos;re building. While others plan perfect architectures, we&apos;re iterating. The future belongs
53+
to those who ship, not those who speculate.
54+
</p>
55+
</div>
56+
57+
<div className="space-y-8">
58+
<section>
59+
<h2 className="text-3xl font-bold mb-4 text-[#c9ada7]">Ready-to-Go Research Tasks</h2>
60+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
61+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">🔬 Research: More Small vs Few Big Experts</h3>
62+
<p className="text-gray-300 leading-relaxed mb-4">
63+
Draw scaling laws comparing architectures with many small experts versus fewer large experts.
64+
This is perfect for newcomers and will generate valuable insights for the field.
65+
</p>
66+
<a
67+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues/1"
68+
className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors font-semibold"
69+
target="_blank"
70+
rel="noopener noreferrer"
71+
>
72+
→ Take this task
73+
</a>
74+
</div>
75+
76+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
77+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">⚡ Research: Activation Function Ablation</h3>
78+
<p className="text-gray-300 leading-relaxed mb-4">
79+
Test SwiGLU, GEGLU, SiLU, GELU, ReLU2 and other activation functions in our MoE architecture.
80+
Another great first issue for newcomers to contribute meaningful research.
81+
</p>
82+
<a
83+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues/2"
84+
className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors font-semibold"
85+
target="_blank"
86+
rel="noopener noreferrer"
87+
>
88+
→ Take this task
89+
</a>
90+
</div>
91+
92+
<div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 mb-6">
93+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">📊 Research: Batch Scheduling & Curriculum</h3>
94+
<p className="text-gray-300 leading-relaxed mb-4">
95+
Implement length bucketing and perplexity curriculum learning. This advanced research task
96+
will help optimize training efficiency and model performance.
97+
</p>
98+
<a
99+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues/3"
100+
className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors font-semibold"
101+
target="_blank"
102+
rel="noopener noreferrer"
103+
>
104+
→ Take this task
105+
</a>
106+
</div>
107+
</section>
108+
109+
<section>
110+
<h2 className="text-3xl font-bold mb-4 text-[#c9ada7]">How to Get Started</h2>
111+
<div className="bg-gradient-to-r from-[#4a4e69]/20 to-[#9a8c98]/20 backdrop-blur-sm rounded-2xl p-8 border border-[#c9ada7]/30 mb-6">
112+
<div className="grid md:grid-cols-2 gap-6">
113+
<div className="bg-white/10 rounded-xl p-6">
114+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">1. Fork & Clone</h3>
115+
<p className="text-gray-300 text-sm leading-relaxed">
116+
Fork the <a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors">Blueberry LLM repository</a> and clone it locally.
117+
</p>
118+
</div>
119+
<div className="bg-white/10 rounded-xl p-6">
120+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">2. Pick Your Task</h3>
121+
<p className="text-gray-300 text-sm leading-relaxed">
122+
Browse our <a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues" className="text-[#c9ada7] hover:text-[#f2e9e4] transition-colors">open issues</a> and pick one that matches your skills.
123+
</p>
124+
</div>
125+
<div className="bg-white/10 rounded-xl p-6">
126+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">3. Build & Experiment</h3>
127+
<p className="text-gray-300 text-sm leading-relaxed">
128+
Run experiments, test hypotheses, and push the boundaries of what&apos;s possible.
129+
</p>
130+
</div>
131+
<div className="bg-white/10 rounded-xl p-6">
132+
<h3 className="text-xl font-semibold mb-3 text-[#c9ada7]">4. Submit PR</h3>
133+
<p className="text-gray-300 text-sm leading-relaxed">
134+
Share your findings with the community and help advance superintelligence research.
135+
</p>
136+
</div>
137+
</div>
138+
</div>
139+
</section>
140+
141+
<section>
142+
<h2 className="text-3xl font-bold mb-4 text-[#c9ada7]">The Philosophy of Fast Iteration</h2>
143+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
144+
We believe in the power of rapid experimentation. Every failed experiment teaches us something.
145+
Every successful iteration brings us closer to superintelligence. The key is to start building
146+
today, not tomorrow.
147+
</p>
148+
149+
<p className="text-lg leading-relaxed text-gray-200 mb-8">
150+
Don&apos;t wait for the perfect plan. Don&apos;t wait for more resources. Don&apos;t wait for
151+
someone else to solve the problem. Pick a task, start coding, and make an impact.
152+
</p>
153+
154+
<div className="bg-gradient-to-r from-[#4a4e69] to-[#9a8c98] rounded-xl p-6 text-center">
155+
<h3 className="text-xl font-bold mb-3">Ready to Move Fast?</h3>
156+
<p className="text-gray-200 mb-4">
157+
Pick a research task and start building the future today
158+
</p>
159+
<a
160+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues"
161+
className="bg-white text-[#4a4e69] px-6 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors inline-block"
162+
target="_blank"
163+
rel="noopener noreferrer"
164+
>
165+
Browse Open Tasks
166+
</a>
167+
</div>
168+
</section>
169+
</div>
170+
</article>
171+
</div>
172+
</main>
173+
174+
{/* Footer */}
175+
<footer className="container mx-auto px-6 py-8 border-t border-white/20">
176+
<div className="flex justify-between items-center text-gray-400">
177+
<p>&copy; 2024 Open Superintelligence Lab. Open source for everyone.</p>
178+
<div className="flex gap-6">
179+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-white transition-colors">Blueberry LLM</a>
180+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-white transition-colors">GitHub</a>
181+
<Link href="/about" className="hover:text-white transition-colors">About</Link>
182+
<Link href="/blog" className="hover:text-white transition-colors">Blog</Link>
183+
</div>
184+
</div>
185+
</footer>
186+
</div>
187+
);
188+
}

‎app/blog/page.tsx‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,13 @@ import Link from "next/link";
22

33
export default function Blog() {
44
const posts = [
5+
{
6+
id: "moving-fast",
7+
title: "Moving Fast: Pick a Task, Make an Impact",
8+
excerpt: "The best way to contribute to open superintelligence research? Pick a task from our Blueberry LLM issues and start building. Here's why moving fast matters.",
9+
date: "2024-01-15",
10+
readTime: "5 min read"
11+
},
512
{
613
id: "benign-superintelligence-open-or-closed",
714
title: "Benign Superintelligence: Open or Closed?",
@@ -12,25 +19,26 @@ export default function Blog() {
1219
];
1320

1421
return (
15-
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white">
22+
<div className="min-h-screen bg-gradient-to-br from-[#22223b] via-[#4a4e69] to-[#9a8c98] text-white">
1623
{/* Header */}
1724
<header className="container mx-auto px-6 py-8">
1825
<nav className="flex justify-between items-center">
19-
<Link href="/" className="text-2xl font-bold hover:text-purple-300 transition-colors">
26+
<Link href="/" className="text-2xl font-bold hover:text-[#c9ada7] transition-colors">
2027
Open Superintelligence Lab
2128
</Link>
2229
<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>
30+
<Link href="/about" className="hover:text-[#c9ada7] transition-colors">About</Link>
31+
<Link href="/blog" className="text-[#c9ada7]">Blog</Link>
32+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-[#c9ada7] transition-colors">Blueberry LLM</a>
33+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-[#c9ada7] transition-colors">GitHub</a>
2634
</div>
2735
</nav>
2836
</header>
2937

3038
{/* Blog Content */}
3139
<main className="container mx-auto px-6 py-16">
3240
<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">
41+
<h1 className="text-5xl font-bold mb-8 bg-gradient-to-r from-[#c9ada7] to-[#f2e9e4] bg-clip-text text-transparent">
3442
Blog
3543
</h1>
3644
<p className="text-xl text-gray-300 mb-12">

‎app/page.tsx‎

Lines changed: 44 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,33 @@
11

22
export default function Home() {
33
return (
4-
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white">
4+
<div className="min-h-screen bg-gradient-to-br from-[#22223b] via-[#4a4e69] to-[#9a8c98] text-white">
55
{/* Header */}
66
<header className="container mx-auto px-6 py-8">
77
<nav className="flex justify-between items-center">
88
<div className="text-2xl font-bold">Open Superintelligence Lab</div>
99
<div className="flex gap-6">
10-
<a href="/about" className="hover:text-purple-300 transition-colors">About</a>
11-
<a href="/blog" className="hover:text-purple-300 transition-colors">Blog</a>
12-
<a href="https://github.com/open-superintelligence-lab" className="hover:text-purple-300 transition-colors">GitHub</a>
10+
<a href="/about" className="hover:text-[#c9ada7] transition-colors">About</a>
11+
<a href="/blog" className="hover:text-[#c9ada7] transition-colors">Blog</a>
12+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-[#c9ada7] transition-colors">Blueberry LLM</a>
13+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-[#c9ada7] transition-colors">GitHub</a>
1314
</div>
1415
</nav>
1516
</header>
1617

1718
{/* Hero Section */}
1819
<main className="container mx-auto px-6 py-16">
1920
<div className="max-w-4xl mx-auto text-center">
20-
<h1 className="text-6xl font-bold mb-8 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
21+
<h1 className="text-6xl font-bold mb-8 bg-gradient-to-r from-[#c9ada7] to-[#f2e9e4] bg-clip-text text-transparent">
2122
Open Superintelligence Lab
2223
</h1>
2324
<p className="text-xl text-gray-300 mb-12 leading-relaxed">
24-
Democratizing AI development with accessible, scalable superintelligence research
25+
Making AI development accessible with scalable superintelligence research
2526
</p>
2627

2728
{/* Vision Section */}
2829
<div className="bg-white/10 backdrop-blur-sm rounded-2xl p-8 mb-12 border border-white/20">
29-
<h2 className="text-3xl font-bold mb-6 text-purple-300">Our Vision</h2>
30+
<h2 className="text-3xl font-bold mb-6 text-[#c9ada7]">Our Vision</h2>
3031
<p className="text-lg leading-relaxed text-gray-200">
3132
Any company or person (even with no technical experience) should be able to download this repository
3233
and run it on their GPU setup - from 1 GPU to 1 million GPUs. The system will be able to automatically
@@ -54,21 +55,49 @@ export default function Home() {
5455
</div>
5556
</div>
5657

58+
{/* Blueberry LLM Section */}
59+
<div className="bg-white/10 backdrop-blur-sm rounded-2xl p-8 mb-12 border border-white/20">
60+
<h2 className="text-3xl font-bold mb-6 text-[#c9ada7]">Blueberry LLM 🫐</h2>
61+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
62+
Our flagship Mixture of Experts (MoE) language model implementation. Clone, install dependencies,
63+
and train your own language model with a single command. Perfect for researchers and developers
64+
looking to experiment with cutting-edge AI architectures.
65+
</p>
66+
<div className="flex gap-4 justify-center flex-col sm:flex-row">
67+
<a
68+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm"
69+
className="bg-gradient-to-r from-[#4a4e69] to-[#9a8c98] hover:from-[#4a4e69]/80 hover:to-[#9a8c98]/80 px-8 py-4 rounded-full font-semibold transition-all transform hover:scale-105"
70+
target="_blank"
71+
rel="noopener noreferrer"
72+
>
73+
Try Blueberry LLM
74+
</a>
75+
<a
76+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues"
77+
className="border border-white/30 hover:bg-white/10 px-8 py-4 rounded-full font-semibold transition-all"
78+
target="_blank"
79+
rel="noopener noreferrer"
80+
>
81+
Pick a Research Task
82+
</a>
83+
</div>
84+
</div>
85+
5786
{/* Call to Action */}
5887
<div className="flex gap-4 justify-center flex-col sm:flex-row">
5988
<a
60-
href="https://github.com/open-superintelligence-lab"
61-
className="bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 px-8 py-4 rounded-full font-semibold transition-all transform hover:scale-105"
62-
target="_blank"
63-
rel="noopener noreferrer"
89+
href="/blog"
90+
className="bg-gradient-to-r from-[#4a4e69] to-[#9a8c98] hover:from-[#4a4e69]/80 hover:to-[#9a8c98]/80 px-8 py-4 rounded-full font-semibold transition-all transform hover:scale-105"
6491
>
65-
Get Started on GitHub
92+
Read Our Blog
6693
</a>
6794
<a
68-
href="/blog"
95+
href="https://github.com/open-superintelligence-lab"
6996
className="border border-white/30 hover:bg-white/10 px-8 py-4 rounded-full font-semibold transition-all"
97+
target="_blank"
98+
rel="noopener noreferrer"
7099
>
71-
Read Our Blog
100+
Join Our Community
72101
</a>
73102
</div>
74103
</div>
@@ -79,6 +108,7 @@ export default function Home() {
79108
<div className="flex justify-between items-center text-gray-400">
80109
<p>&copy; 2024 Open Superintelligence Lab. Open source for everyone.</p>
81110
<div className="flex gap-6">
111+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-white transition-colors">Blueberry LLM</a>
82112
<a href="https://github.com/open-superintelligence-lab" className="hover:text-white transition-colors">GitHub</a>
83113
<a href="/about" className="hover:text-white transition-colors">About</a>
84114
<a href="/blog" className="hover:text-white transition-colors">Blog</a>

0 commit comments

Comments
 (0)