Skip to content

Commit 0e9ae17

Browse files
drorganvidezdrorganvidez
committed
feat: Improves home UI
1 parent 7985643 commit 0e9ae17

File tree

1 file changed

+88
-76
lines changed

1 file changed

+88
-76
lines changed

‎app/modules/public/templates/public/index.html‎

Lines changed: 88 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -195,92 +195,52 @@ <h2 class="fs-2x fw-bold mb-4">Let's get started!</h2>
195195
{% endif %}
196196

197197
<div class="col-12">
198-
199-
<!-- BLOQUE 1: Contenido del hub -->
200198
<div class="card mb-5 shadow-sm">
201-
<div class="card-body p-8">
199+
<div class="card-body p-6">
202200
<h2 class="fs-2 fw-bold text-body mb-6">
203-
<i data-feather="layers" class="me-2 text-primary"></i>
204-
Hub content
205-
</h2>
201+
<i data-feather="bar-chart-2" class="me-2 text-primary"></i>
202+
Hub statistics
203+
</h2>
206204
<div class="row g-6">
207205
<!-- Datasets -->
208-
<div class="col-md-6">
209-
<div class="bg-light-primary rounded p-6 text-center">
210-
<i data-feather="database" class="svg-icon svg-icon-2x mb-2 text-primary"></i>
211-
<div class="fs-3 fw-bold text-gray-800">{{ datasets_counter | format_thousands }}</div>
212-
<div class="text-muted">Datasets</div>
213-
</div>
206+
<div class="col-6 col-md-4 text-center">
207+
<i data-feather="database" class="svg-icon svg-icon-2x mb-2 text-primary"></i>
208+
<div class="fs-3 fw-bold text-gray-800">{{ datasets_counter | format_thousands }}</div>
209+
<div class="text-muted">Datasets</div>
214210
</div>
215-
<!-- Feature Models -->
216-
<div class="col-md-6">
217-
<div class="bg-light-info rounded p-6 text-center">
218-
<i data-feather="file" class="svg-icon svg-icon-2x mb-2 text-info"></i>
219-
<div class="fs-3 fw-bold text-gray-800">{{ feature_models_counter | format_thousands }}</div>
220-
<div class="text-muted">Models</div>
221-
</div>
211+
<!-- Models -->
212+
<div class="col-6 col-md-4 text-center">
213+
<i data-feather="file" class="svg-icon svg-icon-2x mb-2 text-info"></i>
214+
<div class="fs-3 fw-bold text-gray-800">{{ feature_models_counter | format_thousands }}</div>
215+
<div class="text-muted">Models</div>
222216
</div>
223-
</div>
224-
</div>
225-
</div>
226-
227-
<!-- BLOQUE 2: Visualizaciones -->
228-
<div class="card mb-5 shadow-sm">
229-
<div class="card-body p-8">
230-
<h2 class="fs-2 fw-bold text-body mb-6">
231-
<i data-feather="eye" class="me-2 text-success"></i>
232-
Views
233-
</h2>
234-
<div class="row g-6">
235217
<!-- Dataset views -->
236-
<div class="col-md-6">
237-
<div class="bg-light-success rounded p-6 text-center">
238-
<i data-feather="eye" class="svg-icon svg-icon-2x mb-2 text-success"></i>
239-
<div class="fs-3 fw-bold text-gray-800">{{ total_dataset_views | format_thousands }}</div>
240-
<div class="text-muted">Dataset views</div>
241-
</div>
218+
<div class="col-6 col-md-4 text-center">
219+
<i data-feather="eye" class="svg-icon svg-icon-2x mb-2 text-success"></i>
220+
<div class="fs-3 fw-bold text-gray-800">{{ total_dataset_views | format_thousands }}</div>
221+
<div class="text-muted">Dataset views</div>
242222
</div>
243-
<!-- Feature Model views -->
244-
<div class="col-md-6">
245-
<div class="bg-light-success rounded p-6 text-center">
246-
<i data-feather="eye" class="svg-icon svg-icon-2x mb-2 text-success"></i>
247-
<div class="fs-3 fw-bold text-gray-800">{{ total_feature_model_views | format_thousands }}</div>
248-
<div class="text-muted">Model views</div>
249-
</div>
223+
<!-- Model views -->
224+
<div class="col-6 col-md-4 text-center">
225+
<i data-feather="eye" class="svg-icon svg-icon-2x mb-2 text-success"></i>
226+
<div class="fs-3 fw-bold text-gray-800">{{ total_feature_model_views | format_thousands }}</div>
227+
<div class="text-muted">Model views</div>
250228
</div>
251-
</div>
252-
</div>
253-
</div>
254-
255-
<!-- BLOQUE 3: Descargas -->
256-
<div class="card mb-5 shadow-sm">
257-
<div class="card-body p-8">
258-
<h3 class="fs-2 fw-bold text-body mb-6">
259-
<i data-feather="download" class="me-2 text-warning"></i>
260-
Downloads
261-
</h3>
262-
<div class="row g-6">
263229
<!-- Dataset downloads -->
264-
<div class="col-md-6">
265-
<div class="bg-light-warning rounded p-6 text-center">
266-
<i data-feather="download" class="svg-icon svg-icon-2x mb-2 text-warning"></i>
267-
<div class="fs-3 fw-bold text-gray-800">{{ total_dataset_downloads | format_thousands }}</div>
268-
<div class="text-muted">Dataset downloads</div>
269-
</div>
230+
<div class="col-6 col-md-4 text-center">
231+
<i data-feather="download" class="svg-icon svg-icon-2x mb-2 text-warning"></i>
232+
<div class="fs-3 fw-bold text-gray-800">{{ total_dataset_downloads | format_thousands }}</div>
233+
<div class="text-muted">Dataset downloads</div>
270234
</div>
271-
<!-- Feature Model downloads -->
272-
<div class="col-md-6">
273-
<div class="bg-light-warning rounded p-6 text-center">
274-
<i data-feather="download" class="svg-icon svg-icon-2x mb-2 text-warning"></i>
275-
<div class="fs-3 fw-bold text-gray-800">{{ total_feature_model_downloads | format_thousands }}</div>
276-
<div class="text-muted">Model downloads</div>
277-
</div>
235+
<!-- Model downloads -->
236+
<div class="col-6 col-md-4 text-center">
237+
<i data-feather="download" class="svg-icon svg-icon-2x mb-2 text-warning"></i>
238+
<div class="fs-3 fw-bold text-gray-800">{{ total_feature_model_downloads | format_thousands }}</div>
239+
<div class="text-muted">Model downloads</div>
278240
</div>
279241
</div>
280242
</div>
281243
</div>
282-
283-
284244
</div>
285245

286246
</div>
@@ -289,28 +249,80 @@ <h3 class="fs-2 fw-bold text-body mb-6">
289249

290250
<div class="col-12">
291251

292-
<div class="card mb-10 shadow-sm">
252+
<div class="card mb-5 shadow-sm">
293253
<div class="card-body p-8">
294-
<h2 class="fs-2x fw-bold mb-4">What is uvlhub.io?</h2>
254+
<h2 class="fw-bold mb-4">What is uvlhub.io?</h2>
295255
<p class="fs-6 text-gray-600 mb-10">
296256
<strong>uvlhub.io</strong> is a repository of feature models in UVL format integrated with
297257
Zenodo and flamapy, developed by <strong>DiversoLab</strong>.
298258
</p>
299259

300-
<h2 class="fs-2x fw-bold mb-4">Can I contribute?</h2>
260+
<h2 class="fw-bold mb-4">Can I contribute?</h2>
301261
<p class="fs-6 text-gray-600 mb-6">
302262
Sure! You can fork our official GitHub repository, create fantastic features, and then
303263
send us a pull request.
304264
</p>
305265

306-
<a href="https://github.com/diverso-lab/uvlhub" target="_blank" class="btn btn-primary fw-semibold">
307-
Go to GitHub
266+
<a href="https://github.com/diverso-lab/uvlhub" target="_blank"
267+
class="btn btn-secondary">
268+
<i class="ki-duotone ki-github fs-2">
269+
<span class="path1"></span>
270+
<span class="path2"></span>
271+
</i>
272+
<span>Go to GitHub</span>
308273
</a>
274+
309275
</div>
310276
</div>
311277

312278
</div>
313279

280+
<div class="col-12">
281+
282+
<div class="card">
283+
284+
<div class="card-body">
285+
286+
<div class="d-flex justify-content-between align-items-center mb-4">
287+
<h2 class="mb-0"><b>Cite us!</b></h2>
288+
<button class="btn btn-secondary d-flex align-items-center gap-2 px-4 py-2 fw-bold"
289+
data-bs-toggle="modal" data-bs-target="#citationModal">
290+
<i class="ki-duotone ki-heart">
291+
<span class="path1"></span>
292+
<span class="path2"></span>
293+
</i>
294+
<span class="d-none d-md-inline">How to cite us?</span>
295+
</button>
296+
</div>
297+
298+
<p>
299+
David Romero-Organvidez, José A. Galindo, Chico Sundermann, Jose-Miguel Horcas, David Benavides.
300+
<i>UVLHub: A feature model data repository using UVL and open science principles</i>,
301+
Journal of Systems and Software,
302+
2024,
303+
112150,
304+
ISSN 0164-1212,
305+
<a href="https://doi.org/10.1016/j.jss.2024.112150" target="_blank">https://doi.org/10.1016/j.jss.2024.112150</a>
306+
</p>
307+
308+
<p>
309+
David Benavides, Chico Sundermann, Kevin Feichtinger, José A. Galindo, Rick Rabiser and Thomas Thüm,
310+
<i>Uvl: Feature Modelling with the Universal Variability Language.</i>,
311+
Journal of Systems and Software,
312+
Volume 225,
313+
2025,
314+
112326,
315+
ISSN 0164-121
316+
<a href="https://doi.org/10.1016/j.jss.2024.112326" target="_blank">https://doi.org/10.1016/j.jss.2024.112326</a>
317+
</p>
318+
319+
</div>
320+
321+
</div>
322+
323+
324+
</div>
325+
314326
</div>
315327

316328

0 commit comments

Comments
 (0)