Wiki source code of StarshipOS Foundation
Last modified by Robert James on 2025/07/21 00:14
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 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 - Read More...</p> | ||
| 99 | <div class="hero-buttons"> | ||
| 100 | <a href="/xwiki/bin/view/Foundation/">The Foundation</a> | ||
| 101 | <a href="/xwiki/bin/view/DevOps/">The Project</a> | ||
| 102 | </div> | ||
| 103 | </div> | ||
| 104 | {{/html}} |