Skip to Content

Changes for page StarshipOS Foundation

Last modified by Robert James on 2025/07/21 00:14
From version 3.1
edited by Robert James
on 2025/07/20 14:53
Change comment: There is no comment for this version
To version 2.1
edited by Robert James
on 2025/07/20 14:53
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,88 +1,0 @@
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 -}
20 -
21 -/* Dark overlay for better text contrast */
22 -.hero-section::before {
23 - content: "";
24 - position: absolute;
25 - top: 0; left: 0;
26 - width: 100%; height: 100%;
27 - background: rgba(0, 0, 0, 0.4);
28 - z-index: 1;
29 -}
30 -
31 -.hero-section h1 {
32 - font-size: 4em;
33 - z-index: 2;
34 - text-shadow: 0 0 20px rgba(255, 165, 0, 0.8);
35 - animation: fadeInDown 2s ease-out;
36 -}
37 -
38 -.hero-section p {
39 - font-size: 1.5em;
40 - margin-top: 20px;
41 - z-index: 2;
42 - animation: fadeInUp 2s ease-out;
43 -}
44 -
45 -.hero-buttons {
46 - margin-top: 30px;
47 - z-index: 2;
48 -}
49 -
50 -.hero-buttons a {
51 - display: inline-block;
52 - padding: 15px 30px;
53 - margin: 0 10px;
54 - border: 2px solid #ff8c00;
55 - color: #ff8c00;
56 - text-decoration: none;
57 - font-size: 1.2em;
58 - transition: all 0.3s ease-in-out;
59 -}
60 -
61 -.hero-buttons a:hover {
62 - background: #ff8c00;
63 - color: #fff;
64 - box-shadow: 0 0 15px #ff8c00;
65 -}
66 -
67 -/* Animations */
68 -@keyframes fadeInDown {
69 - from { opacity: 0; transform: translateY(-50px); }
70 - to { opacity: 1; transform: translateY(0); }
71 -}
72 -
73 -@keyframes fadeInUp {
74 - from { opacity: 0; transform: translateY(50px); }
75 - to { opacity: 1; transform: translateY(0); }
76 -}
77 -</style>
78 -
79 -<div class="hero-section">
80 - <h1>Welcome to StarshipOS Foundation</h1>
81 - <p>Exploring the Next Frontier in Open Systems</p>
82 - <div class="hero-buttons">
83 - <a href="/xwiki/bin/view/Foundation/">Enter Foundation</a>
84 - <a href="/xwiki/bin/view/DevOps/">Enter DevOps</a>
85 - </div>
86 -</div>
87 -{{/html}}
88 -