Static Marketing Website
Relevant source files
The following files were used as context for generating this wiki page:
The Opificia AI website is a single static page that provides a high-level overview of the open-source software factory. It serves as the primary landing page for the project, detailing its purpose, sovereignty commitments, roadmap, and licensing model. The site adheres to strict privacy and sovereignty principles by avoiding third-party dependencies, cookies, and tracking scripts.
Sources: website/README.md:3-9, website/index.html:158-161
Architectural Principles
The website architecture prioritizes simplicity and data sovereignty. It consists of plain HTML and CSS without a build step or JavaScript framework. All assets, including fonts and images, are served directly from the local directory to prevent "phone-home" behavior or external data leaks.
Sources: website/README.md:5-9, SOVEREIGNTY.md:32-35
Core Components
| Component | Description | License |
|---|---|---|
index.html | The primary structure of the marketing page. | CC-BY-4.0 |
styles.css | Styling based on Opificia AI brand book tokens. | CC-BY-4.0 |
fonts/ | Local copies of Archivo and IBM Plex Mono. | OFL-1.1 |
assets/ | Project logos and social preview images. | Trademark |
Sources: website/README.md:15-22, REUSE.toml:44-67
Content Structure
The website organizes information into several distinct sections to guide potential users and contributors:
- Hero Section: Introduces the project as an open-source software factory and provides links to the source code and commitments.
- The Loop: A visual breakdown of the five-step automated process (Ticket, Change, Tests, Pull Request, and Human Review).
- Sovereignty Commitments: Details the eight proposed rules regarding hosting, telemetry, and human control.
- Licensing: Summarizes the licensing model (AGPL-3.0 for core, Apache-2.0 for SDKs, CC-BY-4.0 for docs).
- Roadmap: Outlines the four phases of development from foundations to the first release.
- Contribution: Directs users to GitHub Discussions, contribution guides, and RFCs.
Sources: website/index.html:36-155
Development and Deployment Flow
The website uses an automated deployment pipeline to Scaleway Edge Services. The process ensures that the live site remains synchronized with the main branch of the repository.
The diagram shows the automated CI/CD pipeline from a code push to the live serving of static files.
Sources: website/README.md:27-37
Design and Theming
The site implements design tokens derived from the Opificia AI brand book. It supports native dark and light modes by detecting the user's system settings.
Visual Identity Tokens
- Typography: Uses "Archivo" for display text and "IBM Plex Mono" for monospaced elements like tags and code snippets.
- Color Palette: Features a primary "Navy" (#10194A) background for the hero and footer, with "Gold" (#F2B705) used for specific accents like the "twelfth tooth" in the brand rack.
- The Rack: A recurring visual device representing the software factory, implemented via CSS repeating gradients and specific slot positioning.
Sources: website/styles.css:32-70, website/README.md:10-12
CSS Implementation of The Rack
/* website/styles.css:127-145 */
.rack {
position: relative;
height: 18px;
background: repeating-linear-gradient(
90deg,
rgb(255 255 255 / 0.16) 0 var(--tooth),
transparent var(--tooth) var(--pitch)
);
}
.rack-slot {
position: absolute;
top: 0;
left: calc(var(--pitch) * var(--slot));
width: var(--tooth);
height: 100%;
background: var(--brand-block);
}
Sources: website/styles.css:127-145
Deployment Configuration
The site is hosted in the Paris region (fr-par) using Scaleway's infrastructure.
| Setting | Value |
|---|---|
| Host | Scaleway (fr-par) |
| Storage | Object Storage bucket opificia-website |
| Delivery | Scaleway Edge Services (HTTPS) |
| Cache Duration | 5 minutes |
| Main Domain | opificia.ai |
Sources: website/README.md:27-33, publiccode.yml:7-8
Summary
The Static Marketing Website serves as the project's public interface, strictly adhering to the "no phone-home" and "runs anywhere" sovereignty commitments. It provides a lightweight, accessible overview of Opificia AI's mission to create an open, European software factory.
Sources: website/README.md:5-9, SOVEREIGNTY.md:12-19