Skip to content

Commit 2e2ad8c

Browse files
stockholmuxstockholmux
committed
adds a performance section to the homepage
Signed-off-by: Kyle J. Davis <[email protected]>
1 parent 5a826ad commit 2e2ad8c

File tree

3 files changed

+109
-71
lines changed

3 files changed

+109
-71
lines changed

‎_data/perf.toml‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# Example of a homepage performance card.
2+
# [[dashboards]]
3+
# title = "GETs/SETs on `9.0.0`"
4+
# description = "Performance dashboard of GETs and SETs on the Valkey 9.0.0 release. Updated on Oct 21, 2025."
5+
# link = "https://perf-dashboard.valkey.io/public-dashboards/3e45bf8ded3043edaa941331cd1a94e2"
6+
7+
# Order in this file indicates rendering order.
8+
9+
[[dashboards]]
10+
title = "GETs/SETs on `unstable`"
11+
description = "Performance dashboard of GETs and SETs on the Valkey `unstable` branch. Updated nightly."
12+
link = "https://perf-dashboard.valkey.io/public-dashboards/3e45bf8ded3043edaa941331cd1a94e2"

‎sass/_valkey.scss‎

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -769,7 +769,7 @@ p {
769769
}
770770
}
771771

772-
.col_3 {
772+
.col-3 {
773773
@include respond-min(768px) {
774774
flex: 1 1 25%;
775775
}
@@ -1853,7 +1853,7 @@ html.banner-hidden .banner {
18531853
.inner-card {
18541854
background: white;
18551855
padding: 3rem;
1856-
border-radius: 20px;
1856+
border-radius: 10px;
18571857
margin: 0 0 3rem;
18581858

18591859
h4 {
@@ -2046,12 +2046,17 @@ blockquote {
20462046
}
20472047

20482048
// Homepage Blog Cards with Featured Images
2049+
.homepage-performance-section,
20492050
.homepage-blog-section {
20502051
display: flex;
20512052
flex-direction: column;
20522053
gap: 2rem;
20532054
}
2055+
.homepage-performance-section {
2056+
margin-bottom: 3rem;
2057+
}
20542058

2059+
.homepage-performance-card,
20552060
.homepage-blog-card {
20562061
background: #fff;
20572062
border-radius: 10px;
@@ -2078,13 +2083,18 @@ blockquote {
20782083
border-top-right-radius: 10px;
20792084
}
20802085

2086+
.homepage-performance-card-content,
20812087
.homepage-blog-card-content {
20822088
padding: 1.5rem;
20832089
flex: 1;
20842090
display: flex;
20852091
flex-direction: column;
20862092
}
20872093

2094+
.homepage-performance-card h4 p {
2095+
margin: none;
2096+
}
2097+
.homepage-performance-card h4,
20882098
.homepage-blog-card-title {
20892099
margin: 0 0 1rem 0;
20902100
font-size: 1.6rem;
@@ -2101,7 +2111,7 @@ blockquote {
21012111
color: #667eea;
21022112
}
21032113
}
2104-
2114+
.homepage-performance-card h4 + p,
21052115
.homepage-blog-card-description {
21062116
margin: 0 0 1.5rem 0;
21072117
font-size: 1.4rem;
@@ -2113,7 +2123,7 @@ blockquote {
21132123
overflow: hidden;
21142124
flex: 1;
21152125
}
2116-
2126+
.homepage-performance-card .view-dashboard,
21172127
.homepage-blog-card-readmore {
21182128
display: inline-flex;
21192129
align-items: center;
@@ -2130,7 +2140,7 @@ blockquote {
21302140
transition: all 0.2s ease;
21312141
background: #fff;
21322142
}
2133-
2143+
.homepage-performance-card .view-dashboard:hover,
21342144
.homepage-blog-card-readmore:hover {
21352145
background: #667eea;
21362146
color: #fff;

‎templates/index.html‎

Lines changed: 82 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -17,79 +17,95 @@ <h1 class="hero-heading">{{ heading }}</h1>
1717

1818
<div class="whats-new-section">
1919
<div class="whats-new-inner row">
20-
<div class="col col-8">
21-
{% set release_section = get_section(path="download/releases/_index.md") %}
22-
{% set releases = release_section.pages | reverse %}
23-
24-
{% set_global active_releases = [] %}
25-
{% for release in releases %}
26-
{% if release.extra.tag is not matching(".*-.*") %}
27-
{% set_global active_releases = active_releases | concat(with=release) %}
28-
{% endif %}
29-
{% endfor %}
30-
31-
{% set most_recent_release_page = active_releases | slice(end= 1) %}
32-
{% set release_date = most_recent_release_page[0].date %}
33-
{% set release = most_recent_release_page[0].extra %}
34-
35-
{% set split_ver = release.tag | split(pat=".")%}
36-
{% set_global major = split_ver | nth(n= 0) %}
37-
38-
<h3> Version {{major}}.x.x </h3>
39-
<div class="inner-card">
40-
{% include "includes/release.html" %}
41-
</div>
42-
43-
<h3> Latest supported version of past releases</h3>
44-
45-
<div class="inner-card">
46-
{% for older_release in active_releases %}
47-
{% set older_split_ver = older_release.extra.tag | split(pat=".")%}
48-
{% set older_major = older_split_ver | nth(n= 0) %}
49-
{% if older_major != major %}
50-
{% set_global major = older_major %}
51-
{% set release = older_release.extra %}
52-
<h4> Version {{major}}.x.x </h4>
53-
{% include "includes/release.html" %}
20+
<div class="col col-6">
21+
{% set release_section = get_section(path="download/releases/_index.md") %}
22+
{% set releases = release_section.pages | reverse %}
23+
24+
{% set_global active_releases = [] %}
25+
{% for release in releases %}
26+
{% if release.extra.tag is not matching(".*-.*") %}
27+
{% set_global active_releases = active_releases | concat(with=release) %}
5428
{% endif %}
5529
{% endfor %}
56-
</div>
57-
</div>
58-
59-
<div class="col col-4">
60-
<h3>Latest From Our Blog</h3>
61-
<div class="homepage-blog-section">
62-
{% set blog_post_section = get_section(path="blog/_index.md") %}
63-
{% set blog_posts = blog_post_section.pages | slice(end=2) %}
64-
{% for post in blog_posts %}
65-
<div class="homepage-blog-card">
66-
<div class="homepage-blog-card-content">
67-
<h4 class="homepage-blog-card-title"><a href="{{ post.permalink }}">{{ post.title }}</a></h4>
68-
<p class="homepage-blog-card-description">{{ post.description }}</p>
69-
<a href="{{ post.permalink }}" class="homepage-blog-card-readmore">Read More</a>
30+
31+
{% set most_recent_release_page = active_releases | slice(end= 1) %}
32+
{% set release_date = most_recent_release_page[0].date %}
33+
{% set release = most_recent_release_page[0].extra %}
34+
35+
{% set split_ver = release.tag | split(pat=".")%}
36+
{% set_global major = split_ver | nth(n= 0) %}
37+
38+
<h3> Version {{major}}.x.x </h3>
39+
<div class="inner-card">
40+
{% include "includes/release.html" %}
41+
</div>
42+
43+
<h3> Latest supported version of past releases</h3>
44+
45+
<div class="inner-card">
46+
{% for older_release in active_releases %}
47+
{% set older_split_ver = older_release.extra.tag | split(pat=".")%}
48+
{% set older_major = older_split_ver | nth(n= 0) %}
49+
{% if older_major != major %}
50+
{% set_global major = older_major %}
51+
{% set release = older_release.extra %}
52+
<h4> Version {{major}}.x.x </h4>
53+
{% include "includes/release.html" %}
54+
{% endif %}
55+
{% endfor %}
56+
</div>
57+
</div>
58+
<div class="col col-3">
59+
<h3>Performance</h3>
60+
<div class="homepage-performance-section">
61+
{% set perf = load_data(path="_data/perf.toml") %}
62+
{% for perf_dashboard in perf.dashboards %}
63+
<div class="homepage-performance-card">
64+
<div class="homepage-performance-card-content">
65+
<h4><a href="{{ perf_dashboard.link }}">{{ perf_dashboard.title | markdown | safe }}</a></h4>
66+
{{ perf_dashboard.description | markdown | safe }}
67+
<a href="{{ perf_dashboard.link }}" class="view-dashboard">View Dashboard</a>
7068
</div>
69+
7170
</div>
72-
{% endfor %}
71+
{% endfor %}
72+
</div>
73+
7374
</div>
75+
<div class="col col-3">
76+
<h3>Latest Blog Posts</h3>
77+
<div class="homepage-blog-section">
78+
{% set blog_post_section = get_section(path="blog/_index.md") %}
79+
{% set blog_posts = blog_post_section.pages | slice(end=2) %}
80+
{% for post in blog_posts %}
81+
<div class="homepage-blog-card">
82+
<div class="homepage-blog-card-content">
83+
<h4 class="homepage-blog-card-title"><a href="{{ post.permalink }}">{{ post.title }}</a></h4>
84+
<p class="homepage-blog-card-description">{{ post.description }}</p>
85+
<a href="{{ post.permalink }}" class="homepage-blog-card-readmore">Read More</a>
86+
</div>
87+
</div>
88+
{% endfor %}
89+
</div>
7490

7591

7692

77-
{% if section.extra and section.extra.sidebar %}
78-
{% for sidebar_category in section.extra.sidebar %}
79-
<h3>{{sidebar_category.title}}</h3>
80-
<div class="inner-card">
81-
<ul class="list-links-small">
82-
{% for link in sidebar_category.links %}
83-
<li><a href="{{ link.url }}">{{ link.title}}</a></li>
84-
{% endfor %}
85-
</ul>
86-
{% if sidebar_category.more %}
87-
<a href="{{ sidebar_category.more.url }}" class="link-readmore">{{sidebar_category.more.title}}</a>
88-
{% endif %}
89-
</div>
90-
{% endfor %}
91-
{% endif %}
92-
</div>
93+
{% if section.extra and section.extra.sidebar %}
94+
{% for sidebar_category in section.extra.sidebar %}
95+
<h3>{{sidebar_category.title}}</h3>
96+
<div class="inner-card">
97+
<ul class="list-links-small">
98+
{% for link in sidebar_category.links %}
99+
<li><a href="{{ link.url }}">{{ link.title}}</a></li>
100+
{% endfor %}
101+
</ul>
102+
{% if sidebar_category.more %}
103+
<a href="{{ sidebar_category.more.url }}" class="link-readmore">{{sidebar_category.more.title}}</a>
104+
{% endif %}
105+
</div>
106+
{% endfor %}
107+
{% endif %}
108+
</div>
93109
</div>
94110
</div>
95111

@@ -102,7 +118,7 @@ <h3>{{sidebar_category.title}}</h3>
102118
<div class="row documentation-card-grid">
103119
{% if section.extra and section.extra.documentation_cards %}
104120
{% for card in section.extra.documentation_cards %}
105-
<div class="col col_3">
121+
<div class="col col-3">
106122
<div class="documentation-card">
107123
<h3>{{ card.title }}</h3>
108124
<p>{{ card.description }}</p>

0 commit comments

Comments
 (0)