Skip to content

Commit a040793

Browse files
GaspardKiriraGaspardKirira
committed
site(pages): add initial styled content for Home, Docs and Blog
1 parent 88f36f5 commit a040793

File tree

3 files changed

+148
-6
lines changed

3 files changed

+148
-6
lines changed

‎vix-site/src/pages/Blog.vue‎

Lines changed: 44 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,46 @@
11
<template>
2-
<h1>Blog</h1>
3-
<p>Posts à venir.</p>
2+
<section class="page">
3+
<h1>Blog</h1>
4+
5+
<p class="intro">
6+
Updates, design notes and technical insights about Vix.cpp.
7+
</p>
8+
9+
<div class="post">
10+
<h3>Why Vix.cpp exists</h3>
11+
<p>
12+
Most backend runtimes assume perfect networks.
13+
Vix.cpp starts from the opposite assumption.
14+
</p>
15+
</div>
16+
17+
<div class="post">
18+
<h3>Offline-first as a systems principle</h3>
19+
<p>
20+
Offline-first is not a UX trick. It is a correctness requirement.
21+
</p>
22+
</div>
23+
</section>
424
</template>
25+
26+
<style scoped>
27+
.page {
28+
max-width: 800px;
29+
margin: 0 auto;
30+
}
31+
32+
.intro {
33+
margin-bottom: 2rem;
34+
color: #555;
35+
}
36+
37+
.post {
38+
border-bottom: 1px solid #eee;
39+
padding-bottom: 1rem;
40+
margin-bottom: 1.5rem;
41+
}
42+
43+
.post h3 {
44+
margin-bottom: 0.3rem;
45+
}
46+
</style>

‎vix-site/src/pages/Docs.vue‎

Lines changed: 45 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,47 @@
11
<template>
2-
<h1>Docs</h1>
3-
<p>Bienvenue sur la doc.</p>
2+
<section class="page">
3+
<h1>Documentation</h1>
4+
5+
<p class="intro">
6+
Vix.cpp is a modern C++ runtime focused on reliability, performance
7+
and long-term maintainability.
8+
</p>
9+
10+
<ul class="list">
11+
<li>Modern C++ (C++20+)</li>
12+
<li>Modular architecture</li>
13+
<li>Offline-first primitives</li>
14+
<li>Deterministic behavior under failure</li>
15+
</ul>
16+
17+
<p class="note">
18+
Full documentation is coming soon.
19+
</p>
20+
</section>
421
</template>
22+
23+
<style scoped>
24+
.page {
25+
max-width: 800px;
26+
margin: 0 auto;
27+
}
28+
29+
.intro {
30+
font-size: 1.1rem;
31+
margin-bottom: 1.5rem;
32+
}
33+
34+
.list {
35+
padding-left: 1.2rem;
36+
margin-bottom: 2rem;
37+
}
38+
39+
.list li {
40+
margin-bottom: 0.4rem;
41+
}
42+
43+
.note {
44+
color: #777;
45+
font-style: italic;
46+
}
47+
</style>

‎vix-site/src/pages/Home.vue‎

Lines changed: 59 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,61 @@
11
<template>
2-
<h1>Vix.cpp</h1>
3-
<p>Modern C++ backend runtime.</p>
2+
<section class="page">
3+
<h1>Vix.cpp</h1>
4+
<p class="tagline">
5+
Modern C++ backend runtime.<br />
6+
Offline-first. Deterministic. Built for real networks.
7+
</p>
8+
9+
<div class="features">
10+
<div class="card">
11+
<h3>⚡ Performance</h3>
12+
<p>90k+ req/s with a clean, modular C++ architecture.</p>
13+
</div>
14+
15+
<div class="card">
16+
<h3>🌍 Real-world networks</h3>
17+
<p>Designed to survive latency, packet loss and disconnections.</p>
18+
</div>
19+
20+
<div class="card">
21+
<h3>🧱 Foundation first</h3>
22+
<p>Not a framework. A runtime and a long-term foundation.</p>
23+
</div>
24+
</div>
25+
</section>
426
</template>
27+
28+
<style scoped>
29+
.page {
30+
max-width: 900px;
31+
margin: 0 auto;
32+
}
33+
34+
h1 {
35+
font-size: 3rem;
36+
margin-bottom: 0.5rem;
37+
}
38+
39+
.tagline {
40+
font-size: 1.2rem;
41+
color: #555;
42+
margin-bottom: 2.5rem;
43+
}
44+
45+
.features {
46+
display: grid;
47+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
48+
gap: 1.2rem;
49+
}
50+
51+
.card {
52+
border: 1px solid #eee;
53+
border-radius: 8px;
54+
padding: 1rem;
55+
background: #fafafa;
56+
}
57+
58+
.card h3 {
59+
margin-top: 0;
60+
}
61+
</style>

0 commit comments

Comments
 (0)