Wiki source code of StarshipOS Foundation
Version 13.1 by Robert James on 2025/07/20 15:28
Hide last authors
author | version | line-number | content |
---|---|---|---|
![]() |
11.1 | 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; | ||
![]() |
13.1 | 19 | padding-top: 30px; /* Added to push content slightly up */ |
![]() |
11.1 | 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; | ||
![]() |
13.1 | 37 | margin-bottom: 20px; /* Reduced from default spacing */ |
![]() |
11.1 | 38 | } |
39 | |||
40 | .hero-section p { | ||
41 | font-size: 1.5em; | ||
![]() |
13.1 | 42 | margin-top: 10px; /* Reduced spacing */ |
![]() |
11.1 | 43 | z-index: 2; |
44 | animation: fadeInUp 2s ease-out; | ||
45 | } | ||
46 | |||
47 | .hero-buttons { | ||
![]() |
13.1 | 48 | margin-top: 15px; /* Reduced from 30px */ |
![]() |
11.1 | 49 | z-index: 2; |
50 | } | ||
51 | |||
52 | .hero-buttons a { | ||
53 | display: inline-block; | ||
![]() |
13.1 | 54 | padding: 10px 20px; /* Reduced padding */ |
55 | margin: 0 8px; | ||
![]() |
11.1 | 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 | |||
![]() |
13.1 | 69 | /* Mission section spacing tightened */ |
70 | section { | ||
71 | padding: 30px 20px !important; /* Was 60px */ | ||
72 | } | ||
73 | |||
![]() |
11.1 | 74 | /* Animations */ |
75 | @keyframes fadeInDown { | ||
76 | from { opacity: 0; transform: translateY(-50px); } | ||
77 | to { opacity: 1; transform: translateY(0); } | ||
78 | } | ||
79 | |||
80 | @keyframes fadeInUp { | ||
81 | from { opacity: 0; transform: translateY(50px); } | ||
82 | to { opacity: 1; transform: translateY(0); } | ||
83 | } | ||
84 | </style> | ||
85 | |||
86 | <div class="hero-section"> | ||
87 | <h1>Welcome to StarshipOS Foundation</h1> | ||
![]() |
13.1 | 88 | <section style="background: #111; color: #fff; padding: 30px 20px; text-align: center;"> |
89 | <h2 style="font-size: 2.5em; margin-bottom: 15px;">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 | </p> | ||
93 | </section> | ||
![]() |
11.1 | 94 | |
![]() |
12.1 | 95 | <p>Exploring the Next Frontier in Open Systems</p> |
96 | <div class="hero-buttons"> | ||
97 | <a href="/xwiki/bin/view/Foundation/">Enter Foundation</a> | ||
98 | <a href="/xwiki/bin/view/DevOps/">Enter DevOps</a> | ||
99 | </div> | ||
100 | </div> | ||
![]() |
11.1 | 101 | {{/html}} |
![]() |
13.1 | 102 | </div> |
103 | </div> | ||
104 | {{/html}} |