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: 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}}