Changes for page StarshipOS Foundation

Last modified by Robert James on 2025/07/21 00:14

From version 10.1
edited by Robert James
on 2025/07/20 15:08
Change comment: There is no comment for this version
To version 11.1
edited by Robert James
on 2025/07/20 15:11
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,0 +1,97 @@
1 +{{html clean="false"}}
2 +<style>
3 +/* Fullscreen hero section */
4 +.hero-section {
5 + position: relative;
6 + height: 100vh;
7 + background: url('/xwiki/resources/StarshipOS/StarshipOS.png') center no-repeat,
8 + url('https://upload.wikimedia.org/wikipedia/commons/2/2d/StarfieldSimulation.gif') center/cover;
9 + background-size: 300px, cover;
10 + background-blend-mode: lighten;
11 + display: flex;
12 + flex-direction: column;
13 + align-items: center;
14 + justify-content: center;
15 + text-align: center;
16 + color: #ffffff;
17 + font-family: 'Orbitron', sans-serif;
18 + overflow: hidden;
19 +}
20 +
21 +/* Dark overlay for better text contrast */
22 +.hero-section::before {
23 + content: "";
24 + position: absolute;
25 + top: 0; left: 0;
26 + width: 100%; height: 100%;
27 + background: rgba(0, 0, 0, 0.4);
28 + z-index: 1;
29 +}
30 +
31 +.hero-section h1 {
32 + font-size: 4em;
33 + z-index: 2;
34 + text-shadow: 0 0 20px rgba(255, 165, 0, 0.8);
35 + animation: fadeInDown 2s ease-out;
36 +}
37 +
38 +.hero-section p {
39 + font-size: 1.5em;
40 + margin-top: 20px;
41 + z-index: 2;
42 + animation: fadeInUp 2s ease-out;
43 +}
44 +
45 +.hero-buttons {
46 + margin-top: 30px;
47 + z-index: 2;
48 +}
49 +
50 +.hero-buttons a {
51 + display: inline-block;
52 + padding: 15px 30px;
53 + margin: 0 10px;
54 + border: 2px solid #ff8c00;
55 + color: #ff8c00;
56 + text-decoration: none;
57 + font-size: 1.2em;
58 + transition: all 0.3s ease-in-out;
59 +}
60 +
61 +.hero-buttons a:hover {
62 + background: #ff8c00;
63 + color: #fff;
64 + box-shadow: 0 0 15px #ff8c00;
65 +}
66 +
67 +/* Animations */
68 +@keyframes fadeInDown {
69 + from { opacity: 0; transform: translateY(-50px); }
70 + to { opacity: 1; transform: translateY(0); }
71 +}
72 +
73 +@keyframes fadeInUp {
74 + from { opacity: 0; transform: translateY(50px); }
75 + to { opacity: 1; transform: translateY(0); }
76 +}
77 +</style>
78 +
79 +<div class="hero-section">
80 + <h1>Welcome to StarshipOS Foundation</h1>
81 + <p>Exploring the Next Frontier in Open Systems</p>
82 + <div class="hero-buttons">
83 + <a href="/xwiki/bin/view/Foundation/">Enter Foundation</a>
84 + <a href="/xwiki/bin/view/DevOps/">Enter DevOps</a>
85 + </div>
86 +</div>
87 +
88 +<section style="background: #111; color: #fff; padding: 60px 20px; text-align: center;">
89 + <h2 style="font-size: 2.5em; margin-bottom: 20px;">Our Mission</h2>
90 + <p style="max-width: 800px; margin: 0 auto; font-size: 1.3em; line-height: 1.6;">
91 + <i>“The StarshipOS Foundation is built on a simple belief: technology should empower everyone, not exclude anyone. We’re not just building an operating system — we’re building a fairer digital future. Our mission is to create an open, accessible platform while championing inclusivity, equality, and opportunity. StarshipOS is just one vessel in our broader journey: a community-driven effort to challenge systemic inequities in tech and ensure that innovation serves all of humanity, not just the privileged few.”<i>
92 +
93 +
94 + </p>
95 +</section>
96 +{{/html}}
97 +