Skip to content

Commit 86aa828

Browse files
GaspardKiriraGaspardKirira
committed
feat(site): rebuild Vix.cpp website strategy
1 parent afdcc8a commit 86aa828

42 files changed

Lines changed: 4920 additions & 148 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎vix-site/index.html‎

Lines changed: 39 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -5,78 +5,80 @@
55
<meta charset="UTF-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77

8-
<title>Vix.cpp A Modern C++ Backend Runtime</title>
8+
<title>Vix.cpp — A modern application workflow for native C++</title>
99

1010
<!-- Primary meta -->
1111
<meta
1212
name="description"
13-
content="Vix.cpp is a modern C++ runtime built as a serious alternative to Node.js, Deno, and Bun. It is designed for unreliable networks, offline-first workflows, peer-to-peer systems, and extreme native performance."
13+
content="Vix.cpp is a runtime and developer toolkit for building real applications with modern C++. It keeps the native C++ model intact while improving the workflow around the application."
1414
/>
15+
<meta name="author" content="Softadastra" />
16+
<meta name="robots" content="index, follow" />
17+
<link rel="canonical" href="https://vixcpp.com/" />
1518

16-
<!-- Favicons -->
17-
<link rel="icon" href="/assets/logo/favicon.ico" />
19+
<!-- Favicons / App icons -->
20+
<link rel="icon" href="/assets/pwa/favicon.ico" />
1821
<link
1922
rel="icon"
2023
type="image/png"
2124
sizes="16x16"
22-
href="/assets/logo/favicon-16x16.png"
25+
href="/assets/pwa/favicon-16x16.png"
2326
/>
2427
<link
2528
rel="icon"
2629
type="image/png"
2730
sizes="32x32"
28-
href="/assets/logo/favicon-32x32.png"
29-
/>
30-
<link
31-
rel="apple-touch-icon"
32-
sizes="180x180"
33-
href="/assets/logo/apple-touch-icon.png"
31+
href="/assets/pwa/favicon-32x32.png"
3432
/>
33+
<link rel="apple-touch-icon" href="/assets/pwa/apple-touch-icon.png" />
3534

36-
<!-- PWA / Android -->
37-
<meta name="theme-color" content="#0b0e14" />
35+
<!-- PWA -->
36+
<link rel="manifest" href="/manifest.webmanifest" />
37+
<meta name="theme-color" content="#050807" />
38+
<meta name="background-color" content="#050807" />
39+
<meta name="mobile-web-app-capable" content="yes" />
40+
<meta name="apple-mobile-web-app-capable" content="yes" />
41+
<meta name="apple-mobile-web-app-title" content="Vix.cpp" />
42+
<meta
43+
name="apple-mobile-web-app-status-bar-style"
44+
content="black-translucent"
45+
/>
3846

3947
<!-- Open Graph -->
4048
<meta property="og:type" content="website" />
4149
<meta property="og:site_name" content="Vix.cpp" />
42-
<meta property="og:title" content="Vix.cpp A Modern C++ Backend Runtime" />
50+
<meta
51+
property="og:title"
52+
content="Vix.cpp — A modern application workflow for native C++"
53+
/>
4354
<meta
4455
property="og:description"
45-
content="Vix.cpp is a modern C++ runtime built as a serious alternative to Node.js, Deno, and Bun. It is designed for unreliable networks, offline-first workflows, peer-to-peer systems, and extreme native performance."
56+
content="Vix.cpp is a runtime and developer toolkit for building real applications with modern C++. It keeps the native C++ model intact while improving the workflow around the application."
4657
/>
4758
<meta property="og:url" content="https://vixcpp.com/" />
4859
<meta
4960
property="og:image"
50-
content="https://vixcpp.com/assets/logo/vix-logo.png"
61+
content="https://res.cloudinary.com/dwjbed2xb/image/upload/v1782674916/vix-architecture_yarpd9.png"
5162
/>
63+
<meta property="og:image:alt" content="Vix.cpp architecture" />
5264

53-
<!-- Twitter -->
65+
<!-- Twitter / X -->
5466
<meta name="twitter:card" content="summary_large_image" />
55-
<meta name="twitter:title" content="Vix.cpp A Modern C++ Backend Runtime" />
67+
<meta
68+
name="twitter:title"
69+
content="Vix.cpp — A modern application workflow for native C++"
70+
/>
5671
<meta
5772
name="twitter:description"
58-
content="Vix.cpp is a modern C++ runtime built as a serious alternative to Node.js, Deno, and Bun. It is designed for unreliable networks, offline-first workflows, peer-to-peer systems, and extreme native performance."
73+
content="Vix.cpp is a runtime and developer toolkit for building real applications with modern C++. It keeps the native C++ model intact while improving the workflow around the application."
5974
/>
6075
<meta
6176
name="twitter:image"
62-
content="https://vixcpp.com/assets/logo/vix-logo.png"
77+
content="https://res.cloudinary.com/dwjbed2xb/image/upload/v1782674916/vix-architecture_yarpd9.png"
6378
/>
6479
<meta name="twitter:site" content="@vix_cpp" />
65-
<meta name="mobile-web-app-capable" content="yes">
66-
67-
<!-- Favicons / App icons (single source: /assets/pwa) -->
68-
<link rel="icon" href="/assets/pwa/favicon.ico" />
69-
<link rel="icon" type="image/png" sizes="16x16" href="/assets/pwa/favicon-16x16.png" />
70-
<link rel="icon" type="image/png" sizes="32x32" href="/assets/pwa/favicon-32x32.png" />
71-
<link rel="apple-touch-icon" href="/assets/pwa/apple-touch-icon.png" />
7280

73-
<!-- PWA (generated by VitePWA) -->
74-
<link rel="manifest" href="/manifest.webmanifest"/>
75-
<meta name="theme-color" content="#0b0e14" />
76-
<meta name="apple-mobile-web-app-capable" content="yes" />
77-
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
78-
79-
<!-- GitHub Pages SPA restore (history mode) -->
81+
<!-- GitHub Pages SPA restore -->
8082
<script>
8183
const redirect = sessionStorage.getItem("redirect");
8284
if (redirect) {
@@ -87,16 +89,18 @@
8789
}
8890
</script>
8991

90-
<!-- Google tag (gtag.js) -->
92+
<!-- Google tag -->
9193
<script
9294
async
9395
src="https://www.googletagmanager.com/gtag/js?id=G-1B67VYZMXF"
9496
></script>
9597
<script>
9698
window.dataLayer = window.dataLayer || [];
99+
97100
function gtag() {
98101
dataLayer.push(arguments);
99102
}
103+
100104
gtag("js", new Date());
101105
gtag("config", "G-1B67VYZMXF");
102106
</script>
@@ -105,7 +109,6 @@
105109
<body>
106110
<div id="app"></div>
107111

108-
<!-- App -->
109112
<script type="module" src="/src/main.js"></script>
110113
</body>
111114
</html>

‎vix-site/package.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@
44
"version": "0.0.0",
55
"type": "module",
66
"scripts": {
7-
"predev": "node scripts/fetch_github_stats.mjs",
87
"dev": "vite",
9-
"prebuild": "node scripts/fetch_github_stats.mjs",
108
"build": "vite build",
119
"docs:dev": "vitepress dev docs",
1210
"docs:build": "vitepress build docs",

‎vix-site/public/404.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
<meta charset="utf-8" />
55
<meta http-equiv="refresh" content="0; url=/" />
66
<script>
7-
// conserve le chemin demandé (ex: /docs) et le remet après chargement
87
sessionStorage.redirect = location.href;
98
</script>
109
</head>

‎vix-site/public/manifest.webmanifest‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
"name": "Vix.cpp",
44
"short_name": "Vix.cpp",
55
"lang": "en",
6-
"description": "Modern C++ backend runtime for offline-first, P2P, and high-performance apps.",
6+
"description": "A modern application workflow for native C++.",
77
"start_url": "/",
88
"scope": "/",
99
"display": "standalone",
1010
"orientation": "portrait",
11-
"background_color": "#0b0e14",
12-
"theme_color": "#0b0e14",
11+
"background_color": "#050807",
12+
"theme_color": "#050807",
1313
"categories": [
1414
"developer",
1515
"productivity",

‎vix-site/public/posts.json‎

Lines changed: 0 additions & 72 deletions
This file was deleted.

‎vix-site/src/App.vue‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<template>
2+
<div class="app-shell">
3+
<SiteHeader />
4+
5+
<RouterView />
6+
7+
<SiteFooter />
8+
</div>
9+
</template>
10+
11+
<script setup>
12+
import { onMounted } from "vue";
13+
14+
import SiteHeader from "@/components/layout/SiteHeader.vue";
15+
import SiteFooter from "@/components/layout/SiteFooter.vue";
16+
17+
import { softwareApplicationSchema } from "@/seo/softwareApplication";
18+
import { organizationSchema } from "@/seo/organization";
19+
20+
function injectJsonLd(id, schema) {
21+
const existing = document.getElementById(id);
22+
23+
if (existing) {
24+
existing.textContent = JSON.stringify(schema);
25+
return;
26+
}
27+
28+
const script = document.createElement("script");
29+
script.id = id;
30+
script.type = "application/ld+json";
31+
script.textContent = JSON.stringify(schema);
32+
33+
document.head.appendChild(script);
34+
}
35+
36+
onMounted(() => {
37+
injectJsonLd("vix-software-application-schema", softwareApplicationSchema);
38+
injectJsonLd("vix-organization-schema", organizationSchema);
39+
});
40+
</script>
41+
42+
<style scoped>
43+
.app-shell {
44+
min-height: 100vh;
45+
display: flex;
46+
flex-direction: column;
47+
}
48+
49+
.app-shell :deep(main) {
50+
flex: 1;
51+
}
52+
</style>

‎vix-site/src/components/home/ArchitectureSection.vue‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<template>
2+
<section class="architecture section-tight">
3+
<div class="container-wide">
4+
<SectionTitle
5+
eyebrow="Architecture"
6+
title="Native C++ stays at the center."
7+
description="Vix.cpp sits around the normal C++ toolchain. It gives the application workflow a consistent shape without taking away the compiler, CMake, native build outputs, or the tools experienced C++ developers already use."
8+
center
9+
/>
10+
11+
<ImagePanel
12+
class="architecture__image"
13+
:src="images.architecture"
14+
alt="Vix.cpp architecture"
15+
/>
16+
17+
<div class="architecture__text">
18+
<p>
19+
Vix.cpp is not a separate universe for C++ projects. It is a workflow
20+
layer, a runtime layer, and a set of platform foundations that work
21+
with the existing ecosystem instead of replacing it.
22+
</p>
23+
24+
<p>
25+
The detailed command reference, module guides, SDK profiles, examples,
26+
and internals live in the documentation. The purpose of this page is
27+
to show the shape of the project and the direction behind it.
28+
</p>
29+
</div>
30+
</div>
31+
</section>
32+
</template>
33+
34+
<script setup>
35+
import SectionTitle from "@/components/common/SectionTitle.vue";
36+
import ImagePanel from "@/components/common/ImagePanel.vue";
37+
38+
import { images } from "@/data/images";
39+
</script>
40+
41+
<style scoped>
42+
.architecture {
43+
position: relative;
44+
}
45+
46+
.architecture__image {
47+
margin-top: 42px;
48+
}
49+
50+
.architecture__text {
51+
max-width: 860px;
52+
margin: 34px auto 0;
53+
display: grid;
54+
gap: 18px;
55+
color: var(--text-soft);
56+
font-size: clamp(1rem, 1.35vw, 1.12rem);
57+
line-height: 1.8;
58+
text-align: center;
59+
}
60+
61+
@media (max-width: 720px) {
62+
.architecture__image {
63+
margin-top: 30px;
64+
}
65+
66+
.architecture__text {
67+
text-align: left;
68+
}
69+
}
70+
</style>

0 commit comments

Comments
 (0)