Skip to content

Commit a4c4c15

Browse files
SimonBlankeSimonBlanke
committed
[DOC] cleanup landing page
1 parent 9d26a2e commit a4c4c15

2 files changed

Lines changed: 109 additions & 89 deletions

File tree

‎docs/source/_static/css/custom.css‎

Lines changed: 58 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -84,8 +84,38 @@ html[data-theme="dark"] {
8484
}
8585

8686
/* ============================================
87-
Maturity Banner
87+
Badge Banner (replaces Maturity Banner)
8888
============================================ */
89+
.badge-banner {
90+
text-align: center;
91+
padding: 1.25rem 1rem;
92+
margin: 1.5rem 0;
93+
}
94+
95+
.badge-items {
96+
display: flex;
97+
justify-content: center;
98+
align-items: center;
99+
gap: 0.75rem;
100+
flex-wrap: wrap;
101+
}
102+
103+
.badge-items a {
104+
display: inline-block;
105+
transition: transform 0.2s ease, opacity 0.2s ease;
106+
}
107+
108+
.badge-items a:hover {
109+
transform: translateY(-2px);
110+
opacity: 0.9;
111+
}
112+
113+
.badge-items img {
114+
height: 20px;
115+
vertical-align: middle;
116+
}
117+
118+
/* Legacy Maturity Banner (kept for backwards compatibility) */
89119
.maturity-banner {
90120
background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%);
91121
border-radius: 12px;
@@ -129,26 +159,44 @@ html[data-theme="dark"] .maturity-item {
129159
Feature Cards
130160
============================================ */
131161
.feature-card {
132-
border: none !important;
162+
border: 1px solid #e9ecef !important;
163+
border-left: 3px solid var(--hyperactive-primary) !important;
133164
box-shadow: var(--card-shadow);
134-
transition: all 0.3s ease;
135-
border-radius: 12px !important;
165+
transition: all 0.2s ease;
166+
border-radius: 8px !important;
136167
overflow: hidden;
137168
}
138169

170+
html[data-theme="dark"] .feature-card {
171+
border-color: #3d3d4d !important;
172+
border-left-color: var(--hyperactive-secondary) !important;
173+
}
174+
139175
.feature-card:hover {
140176
box-shadow: var(--card-shadow-hover);
141-
transform: translateY(-4px);
177+
border-left-color: var(--hyperactive-secondary) !important;
178+
}
179+
180+
html[data-theme="dark"] .feature-card:hover {
181+
border-left-color: var(--hyperactive-accent) !important;
142182
}
143183

144184
.feature-card .sd-card-body {
145-
padding: 1.5rem;
185+
padding: 1.25rem;
186+
}
187+
188+
.feature-card .sd-card-footer {
189+
font-size: 0.85rem;
190+
color: var(--hyperactive-secondary);
191+
padding: 0.75rem 1.25rem;
192+
background: #f8f9fa;
193+
border-top: 1px solid #e9ecef;
146194
}
147195

148-
.feature-icon {
149-
font-size: 2.5rem;
150-
margin-bottom: 1rem;
151-
display: block;
196+
html[data-theme="dark"] .feature-card .sd-card-footer {
197+
background: #252530;
198+
border-top-color: #3d3d4d;
199+
color: var(--hyperactive-accent);
152200
}
153201

154202
/* ============================================

‎docs/source/index.rst‎

Lines changed: 51 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -11,30 +11,25 @@
1111

1212
.. raw:: html
1313

14-
<div class="maturity-banner">
15-
<div class="maturity-items">
16-
<div class="maturity-item">
17-
<span class="maturity-icon">🔧</span>
18-
<span class="maturity-text"><strong>Since 2019</strong></span>
19-
</div>
20-
<div class="maturity-item">
21-
<span class="maturity-icon">🚀</span>
22-
<span class="maturity-text"><strong>Version 5.0</strong></span>
23-
</div>
24-
<div class="maturity-item">
25-
<span class="maturity-icon">🐍</span>
26-
<span class="maturity-text"><strong>Python <span id="python-version-range"></span></strong></span>
27-
</div>
28-
<div class="maturity-item">
29-
<span class="maturity-icon">📜</span>
30-
<span class="maturity-text"><strong>MIT Licensed</strong></span>
31-
</div>
14+
<div class="badge-banner">
15+
<div class="badge-items">
16+
<a href="https://pypi.org/project/hyperactive/" target="_blank">
17+
<img src="https://img.shields.io/pypi/v/hyperactive.svg?style=flat-square&color=5D5D7A" alt="PyPI Version" />
18+
</a>
19+
<a href="https://pypi.org/project/hyperactive/" target="_blank">
20+
<img src="https://img.shields.io/pypi/pyversions/hyperactive.svg?style=flat-square&color=5D5D7A" alt="Python Versions" />
21+
</a>
22+
<a href="https://github.com/SimonBlanke/Hyperactive/blob/master/LICENSE" target="_blank">
23+
<img src="https://img.shields.io/github/license/SimonBlanke/Hyperactive.svg?style=flat-square&color=5D5D7A" alt="License" />
24+
</a>
25+
<a href="https://github.com/SimonBlanke/Hyperactive" target="_blank">
26+
<img src="https://img.shields.io/github/stars/SimonBlanke/Hyperactive?style=flat-square&color=5D5D7A" alt="GitHub Stars" />
27+
</a>
28+
<a href="https://gc-os-ai.github.io/" target="_blank">
29+
<img src="https://img.shields.io/badge/GC.OS-Sponsored-0eac92.svg?style=flat-square" alt="GC.OS Sponsored" />
30+
</a>
3231
</div>
3332
</div>
34-
<script>
35-
document.getElementById('python-version-range').textContent =
36-
document.querySelector('meta[name="python-version-range"]').content;
37-
</script>
3833

3934

4035
Hyperactive provides a collection of optimization algorithms, accessible through a unified
@@ -52,82 +47,69 @@ Why Hyperactive?
5247

5348
.. grid-item-card::
5449
:class-card: feature-card
55-
:text-align: center
56-
57-
.. raw:: html
58-
59-
<div class="feature-icon">⚡</div>
6050

61-
**20+ Optimization Algorithms**
51+
**20 Optimization Algorithms**
6252
^^^
63-
From simple Hill Climbing to advanced Bayesian Optimization,
64-
Particle Swarm, Genetic Algorithms, and more. Choose the right
65-
algorithm for your problem.
53+
From Hill Climbing to Bayesian Optimization,
54+
Particle Swarm, Genetic Algorithms, and more.
55+
56+
+++
57+
Local, global, population-based, and sequential methods.
6658

6759
.. grid-item-card::
6860
:class-card: feature-card
69-
:text-align: center
7061

71-
.. raw:: html
72-
73-
<div class="feature-icon">🔌</div>
74-
75-
**Seamless ML Integration**
62+
**Direct ML Integration**
7663
^^^
77-
First-class support for scikit-learn, sktime, skpro, and PyTorch Lightning.
78-
Tune your models with minimal code changes.
64+
First-class support for scikit-learn, sktime, skpro, and PyTorch.
65+
Tune models with minimal code changes.
66+
67+
+++
68+
Works with any estimator implementing fit/score.
7969

8070
.. grid-item-card::
8171
:class-card: feature-card
82-
:text-align: center
83-
84-
.. raw:: html
85-
86-
<div class="feature-icon">🎯</div>
8772

8873
**Experiment Abstraction**
8974
^^^
9075
Clean separation between *what* to optimize (experiments) and
91-
*how* to optimize (algorithms). Mix and match freely.
76+
*how* to optimize (algorithms).
77+
78+
+++
79+
Swap algorithms without changing experiment code.
9280

9381
.. grid-item-card::
9482
:class-card: feature-card
95-
:text-align: center
9683

97-
.. raw:: html
98-
99-
<div class="feature-icon">🔧</div>
100-
101-
**Multiple Backends**
84+
**3 Optimizer Backends**
10285
^^^
103-
Native GFO implementations, Optuna integration, and scikit-learn
104-
optimizers — all through the same unified API.
86+
Native GFO algorithms, Optuna samplers, and scikit-learn
87+
search methods through one unified API.
88+
89+
+++
90+
GFO · Optuna · sklearn
10591

10692
.. grid-item-card::
10793
:class-card: feature-card
108-
:text-align: center
10994

110-
.. raw:: html
111-
112-
<div class="feature-icon">📊</div>
113-
114-
**Flexible Search Spaces**
95+
**Mixed Parameter Spaces**
11596
^^^
116-
Discrete, continuous, and mixed parameter spaces. Define search
117-
spaces naturally using NumPy arrays or lists.
97+
Categorical, integer, and continuous parameters.
98+
Define search spaces with NumPy arrays or lists.
99+
100+
+++
101+
Optuna backend supports native continuous ranges.
118102

119103
.. grid-item-card::
120104
:class-card: feature-card
121-
:text-align: center
122105

123-
.. raw:: html
124-
125-
<div class="feature-icon">🏭</div>
126-
127-
**Production Ready**
106+
**Stable Since 2019**
128107
^^^
129-
Battle-tested since 2019 with comprehensive test coverage,
130-
active maintenance, and commercial sponsorship.
108+
5+ years of development, comprehensive test coverage,
109+
and active maintenance.
110+
111+
+++
112+
Type-annotated · Documented · Tested
131113

132114
----
133115

@@ -305,16 +287,6 @@ For additional integrations:
305287
306288
----
307289

308-
.. raw:: html
309-
310-
<div class="sponsor-section">
311-
<a href="https://gc-os-ai.github.io/" target="_blank">
312-
<img src="https://img.shields.io/badge/GC.OS-Sponsored%20Project-orange.svg?style=for-the-badge&colorA=0eac92&colorB=2077b4" alt="GC.OS Sponsored" />
313-
</a>
314-
</div>
315-
316-
----
317-
318290
Contents
319291
========
320292

0 commit comments

Comments
 (0)