Changes for page StarshipOS Foundation

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,0 +1,104 @@
	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}}