Wiki source code of StarshipOS Foundation
Version 13.1 by Robert James on 2025/07/20 15:28
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: center; | ||
| 15 | text-align: center; | ||
| 16 | color: #ffffff; | ||
| 17 | font-family: 'Orbitron', sans-serif; | ||
| 18 | overflow: hidden; | ||
| 19 | padding-top: 30px; /* Added to push content slightly up */ | ||
| 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: 20px; /* Reduced from default spacing */ | ||
| 38 | } | ||
| 39 | |||
| 40 | .hero-section p { | ||
| 41 | font-size: 1.5em; | ||
| 42 | margin-top: 10px; /* Reduced spacing */ | ||
| 43 | z-index: 2; | ||
| 44 | animation: fadeInUp 2s ease-out; | ||
| 45 | } | ||
| 46 | |||
| 47 | .hero-buttons { | ||
| 48 | margin-top: 15px; /* Reduced from 30px */ | ||
| 49 | z-index: 2; | ||
| 50 | } | ||
| 51 | |||
| 52 | .hero-buttons a { | ||
| 53 | display: inline-block; | ||
| 54 | padding: 10px 20px; /* Reduced padding */ | ||
| 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 | padding: 30px 20px !important; /* Was 60px */ | ||
| 72 | } | ||
| 73 | |||
| 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> | ||
| 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> | ||
| 94 | |||
| 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> | ||
| 101 | {{/html}} | ||
| 102 | </div> | ||
| 103 | </div> | ||
| 104 | {{/html}} |