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 14.1
edited by Robert James
on 2025/07/20 15:29
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,0 +1,105 @@
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: flex-start; /* Align content closer to the top */
15 + padding-top: 15vh; /* Push content down from the top */
16 + text-align: center;
17 + color: #ffffff;
18 + font-family: 'Orbitron', sans-serif;
19 + overflow: hidden;
20 +}
21 +
22 +/* Dark overlay for better text contrast */
23 +.hero-section::before {
24 + content: "";
25 + position: absolute;
26 + top: 0; left: 0;
27 + width: 100%; height: 100%;
28 + background: rgba(0, 0, 0, 0.4);
29 + z-index: 1;
30 +}
31 +
32 +.hero-section h1 {
33 + font-size: 4em;
34 + z-index: 2;
35 + text-shadow: 0 0 20px rgba(255, 165, 0, 0.8);
36 + animation: fadeInDown 2s ease-out;
37 + margin-bottom: 15px;
38 +}
39 +
40 +.hero-section p {
41 + font-size: 1.5em;
42 + margin-top: 10px;
43 + z-index: 2;
44 + animation: fadeInUp 2s ease-out;
45 +}
46 +
47 +.hero-buttons {
48 + margin-top: 20px;
49 + z-index: 2;
50 +}
51 +
52 +.hero-buttons a {
53 + display: inline-block;
54 + padding: 10px 20px;
55 + margin: 0 8px;
56 + border: 2px solid #ff8c00;
57 + color: #ff8c00;
58 + text-decoration: none;
59 + font-size: 1.2em;
60 + transition: all 0.3s ease-in-out;
61 +}
62 +
63 +.hero-buttons a:hover {
64 + background: #ff8c00;
65 + color: #fff;
66 + box-shadow: 0 0 15px #ff8c00;
67 +}
68 +
69 +/* Mission section spacing tightened */
70 +section {
71 + background: #111;
72 + color: #fff;
73 + padding: 30px 20px;
74 + text-align: center;
75 +}
76 +
77 +/* Animations */
78 +@keyframes fadeInDown {
79 + from { opacity: 0; transform: translateY(-50px); }
80 + to { opacity: 1; transform: translateY(0); }
81 +}
82 +
83 +@keyframes fadeInUp {
84 + from { opacity: 0; transform: translateY(50px); }
85 + to { opacity: 1; transform: translateY(0); }
86 +}
87 +</style>
88 +
89 +<div class="hero-section">
90 + <h1>Welcome to StarshipOS Foundation</h1>
91 + <section>
92 + <h2 style="font-size: 2.5em; margin-bottom: 15px;">Our Mission</h2>
93 + <p style="max-width: 800px; margin: 0 auto; font-size: 1.3em; line-height: 1.6;">
94 + <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>
95 + </p>
96 + </section>
97 +
98 + <p>Exploring the Next Frontier in Open Systems</p>
99 + <div class="hero-buttons">
100 + <a href="/xwiki/bin/view/Foundation/">Enter Foundation</a>
101 + <a href="/xwiki/bin/view/DevOps/">Enter DevOps</a>
102 + </div>
103 +</div>
104 +{{/html}}
105 +