Skip to content

Commit e5a7254

Browse files
DavidePrincipiDavidePrincipi
committed
feat: change splash page style
1 parent 435de2d commit e5a7254

File tree

3 files changed

+239
-20
lines changed

3 files changed

+239
-20
lines changed

‎administrator-manual/en/_static/custom.css‎

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
/* Splash Page Styling */
2+
3+
body {
4+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
5+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
6+
margin: 0;
7+
padding: 0;
8+
}
9+
10+
div.document {
11+
background: transparent;
12+
margin: 0;
13+
padding: 0;
14+
}
15+
16+
div.documentwrapper {
17+
float: none;
18+
width: 100%;
19+
margin: 0;
20+
padding: 0;
21+
}
22+
23+
div.body {
24+
background: transparent;
25+
padding: 40px 20px;
26+
max-width: 1200px;
27+
margin: 0 auto;
28+
}
29+
30+
.splash-container {
31+
text-align: center;
32+
padding: 60px 20px;
33+
}
34+
35+
.splash-header {
36+
margin-bottom: 60px;
37+
}
38+
39+
.splash-header h1 {
40+
color: white;
41+
font-size: 3.5em;
42+
margin: 0 0 20px 0;
43+
font-weight: 700;
44+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
45+
}
46+
47+
.splash-subtitle {
48+
color: rgba(255, 255, 255, 0.95);
49+
font-size: 1.3em;
50+
margin: 0;
51+
font-weight: 300;
52+
}
53+
54+
.version-cards {
55+
display: flex;
56+
justify-content: center;
57+
gap: 30px;
58+
flex-wrap: wrap;
59+
margin-top: 40px;
60+
}
61+
62+
.version-card {
63+
background: white;
64+
border-radius: 12px;
65+
padding: 40px 30px;
66+
width: 300px;
67+
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
68+
transition: transform 0.3s ease, box-shadow 0.3s ease;
69+
position: relative;
70+
}
71+
72+
.version-card:hover {
73+
transform: translateY(-5px);
74+
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
75+
}
76+
77+
.version-card.current {
78+
border-top: 4px solid #4CAF50;
79+
}
80+
81+
.version-card.archive {
82+
border-top: 4px solid #9E9E9E;
83+
}
84+
85+
.version-badge {
86+
display: inline-block;
87+
background: #4CAF50;
88+
color: white;
89+
padding: 5px 15px;
90+
border-radius: 20px;
91+
font-size: 0.85em;
92+
font-weight: 600;
93+
text-transform: uppercase;
94+
margin-bottom: 20px;
95+
}
96+
97+
.version-badge.archive-badge {
98+
background: #9E9E9E;
99+
}
100+
101+
.version-card h2 {
102+
color: #333;
103+
font-size: 2em;
104+
margin: 20px 0 15px 0;
105+
font-weight: 600;
106+
}
107+
108+
.version-card p {
109+
color: #666;
110+
font-size: 1.05em;
111+
line-height: 1.6;
112+
margin-bottom: 30px;
113+
min-height: 50px;
114+
}
115+
116+
.btn-primary, .btn-secondary {
117+
display: inline-block;
118+
padding: 12px 30px;
119+
border-radius: 6px;
120+
text-decoration: none;
121+
font-weight: 600;
122+
transition: all 0.3s ease;
123+
font-size: 1em;
124+
}
125+
126+
.btn-primary {
127+
background: #667eea;
128+
color: white;
129+
}
130+
131+
.btn-primary:hover {
132+
background: #5568d3;
133+
transform: scale(1.05);
134+
text-decoration: none;
135+
}
136+
137+
.btn-secondary {
138+
background: #f0f0f0;
139+
color: #333;
140+
}
141+
142+
.btn-secondary:hover {
143+
background: #e0e0e0;
144+
transform: scale(1.05);
145+
text-decoration: none;
146+
}
147+
148+
/* Hide default sphinx elements */
149+
.related {
150+
display: none;
151+
}
152+
153+
div.footer {
154+
background: transparent;
155+
color: rgba(255, 255, 255, 0.8);
156+
text-align: center;
157+
padding: 20px;
158+
border-top: 1px solid rgba(255, 255, 255, 0.2);
159+
}
160+
161+
div.footer a {
162+
color: white;
163+
}
164+
165+
/* Responsive design */
166+
@media (max-width: 768px) {
167+
.splash-header h1 {
168+
font-size: 2.5em;
169+
}
170+
171+
.splash-subtitle {
172+
font-size: 1.1em;
173+
}
174+
175+
.version-cards {
176+
flex-direction: column;
177+
align-items: center;
178+
}
179+
180+
.version-card {
181+
width: 90%;
182+
max-width: 350px;
183+
}
184+
}

‎administrator-manual/en/conf.py‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,3 +25,24 @@
2525

2626
html_theme = 'alabaster'
2727
html_static_path = ['_static']
28+
29+
# Theme options for a splash page
30+
html_theme_options = {
31+
'description': 'Administrator\'s manual for all NethServer versions',
32+
'page_width': '980px',
33+
'sidebar_width': '0px',
34+
'body_max_width': '100%',
35+
'show_powered_by': False,
36+
'show_related': False,
37+
'fixed_sidebar': False,
38+
}
39+
40+
# Custom CSS for splash page styling
41+
html_css_files = [
42+
'custom.css',
43+
]
44+
45+
# Remove sidebar for a cleaner splash page
46+
html_sidebars = {
47+
'**': []
48+
}

‎administrator-manual/en/index.rst‎

Lines changed: 34 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,35 @@
1-
.. NethServer Documentation documentation master file, created by
2-
sphinx-quickstart on Fri Dec 20 16:56:48 2024.
3-
You can adapt this file completely to your liking, but it should at least
4-
contain the root `toctree` directive.
5-
1+
============================
62
NethServer Documentation
7-
========================
8-
9-
Administrator's manual
10-
11-
- `NethServer 8`__
12-
13-
__ https://docs.nethserver.org/projects/ns8/en/latest/
14-
15-
- `NethServer 7`__ (archive)
16-
17-
__ https://docs.nethserver.org/en/v7/
18-
19-
- `NethServer 6`__ (archive)
20-
21-
__ https://docs.nethserver.org/en/v6/
3+
============================
4+
5+
.. raw:: html
6+
7+
<div class="splash-container">
8+
<div class="splash-header">
9+
<h1>NethServer Administrator's Manual</h1>
10+
<p class="splash-subtitle">Choose your NethServer version to access the documentation</p>
11+
</div>
12+
13+
<div class="version-cards">
14+
<div class="version-card current">
15+
<div class="version-badge">Current</div>
16+
<h2>NethServer 8</h2>
17+
<p>Latest version with modern container-based architecture</p>
18+
<a href="https://docs.nethserver.org/projects/ns8/en/latest/" class="btn-primary">View Documentation →</a>
19+
</div>
20+
21+
<div class="version-card archive">
22+
<div class="version-badge archive-badge">Archive</div>
23+
<h2>NethServer 7</h2>
24+
<p>Stable version based on CentOS 7</p>
25+
<a href="https://docs.nethserver.org/en/v7/" class="btn-secondary">View Documentation →</a>
26+
</div>
27+
28+
<div class="version-card archive">
29+
<div class="version-badge archive-badge">Archive</div>
30+
<h2>NethServer 6</h2>
31+
<p>Legacy version based on CentOS 6</p>
32+
<a href="https://docs.nethserver.org/en/v6/" class="btn-secondary">View Documentation →</a>
33+
</div>
34+
</div>
35+
</div>

0 commit comments

Comments
 (0)