Skip to content

Commit 3168399

Browse files
sergserg
authored
Update colors for the buttons and sync menu (#2031)
* sync main menu Signed-off-by: serg <[email protected]> * update colors for buttons Signed-off-by: serg <[email protected]> * fix value name after spellcheck Signed-off-by: serg <[email protected]> * update menu item Signed-off-by: serg <[email protected]> --------- Signed-off-by: serg <[email protected]>
1 parent ee3973b commit 3168399

File tree

9 files changed

+52
-26
lines changed

9 files changed

+52
-26
lines changed

‎data/mainMenu.yml‎

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
items:
22
- title: Products
3-
url: /products/kubermatic-kubernetes-platform/
3+
url: /#products
44
class: menu-groups menu-groups--products
55
sections:
66
- title: Products
@@ -109,14 +109,33 @@ items:
109109
url: /products/kubermatic-kubeone/cloud/#digitalocean
110110
- title: Equinix Metal
111111
url: /products/kubermatic-kubeone/cloud/#equinix-metal
112-
- title: Kubermatic KubeLB
112+
- title: Kubermatic Load Balancer
113113
url: /products/kubelb/
114114
text: Cloud Native Multi-Tenant Load Balancing
115115
noArrowIcon: true
116116
panel:
117+
summary: Welcome to Kubermatic Load Balancer, the next-generation application delivery platform designed for cloud-native architectures. As cloud-native have evolved, Kubermatic Load Balancer offers a multi-tenancy approach to load balancing, providing seamless scalability, security, and management for distributed applications and teams.
117118
image: /img/menu/kubelb.jpg
118119
columns:
119120
- column:
121+
- title: Kubermatic Virtualization
122+
url: /products/kubermatic-virtualization/
123+
text: Seamlessly build your private cloud entirely with Kubernetes
124+
noArrowIcon: true
125+
panel:
126+
summary: Simplify your operations and streamline your infrastructure with a platform that integrates Kubernetes and virtualized workloads. Enjoy enhanced networking and storage capabilities to fully support your organization's cloud needs.
127+
image: /img/menu/kubermatic-virtualization.jpg
128+
columns:
129+
- column:
130+
- title: Kubermatic Developer Platform
131+
url: /products/kubermatic-developer-platform/
132+
text: Empower Developers and Accelerate Innovation
133+
noArrowIcon: true
134+
panel:
135+
summary: Maximize developer productivity and accelerate innovation with Kubermatic Developer Platform (KDP). Powered by Kubernetes API and based on [CNCF Sandbox project kcp](https://www.cncf.io/projects/kcp/), our cutting-edge internal developer platform enables the seamless creation and management of services backed by a centralized catalog.
136+
image: /img/menu/kubermatic-developer-platform.jpg
137+
columns:
138+
- column:
120139
- title: Kubermatic Kubernetes Subscription
121140
url: /products/kubermatic-kubernetes-subscription/
122141
text: Upstream Kubernetes support
@@ -233,6 +252,10 @@ items:
233252
- title: Kubernetes for 5G
234253
url: /solutions/5g/
235254
text: Run 5G from the data center to the cloud to the edge
255+
- title: AI infrastructure platform
256+
url: /products/kubermatic-kubernetes-platform/ai-native-infrastructure-platform-by-kkp/
257+
- title: Application backups
258+
url: /products/kubermatic-kubernetes-platform/backups/
236259
- title: Services
237260
url: /services/
238261
footer: false

‎data/mobileMenu.yml‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,12 @@ items:
1313
url: /products/kubermatic-kubernetes-platform/why-kubermatic/#integrations
1414
- title: Kubermatic KubeOne
1515
url: /products/kubermatic-kubeone/
16-
- title: Kubermatic KubeLB
16+
- title: Kubermatic Load Balancer
1717
url: /products/kubelb/
18+
- title: Kubermatic Virtualization
19+
url: /products/kubermatic-virtualization/
20+
- title: Kubermatic Developer Platform
21+
url: /products/kubermatic-developer-platform/
1822
- title: Kubermatic Kubernetes Subscription
1923
url: /products/kubermatic-kubernetes-subscription/
2024
- title: Managed Kubermatic Kubernetes Platform

‎themes/kubermatic-docs/assets/scss/_home.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,9 @@
7070
border-radius: 3px;
7171
&:hover {
7272
.tile-btn {
73-
background-color: var(--MAIN-ACCENT-HOVER-color);
73+
background-color: var(--MAIN-ACCENT-color);
7474
color: var(--WHITE-color);
75+
border-color: var(--MAIN-ACCENT-color);
7576
}
7677
}
7778
}
@@ -106,10 +107,11 @@
106107
box-sizing: border-box;
107108
display: inline-block;
108109
padding: 6px 11px;
109-
border: 2px solid var(--MAIN-ACCENT-HOVER-color);
110+
background-color: var(--GOLD-color);
111+
border: 2px solid var(--GOLD-color);
110112
border-radius: 3px;
111113
text-align: center;
112-
color: var(--MAIN-TEXT-color);
114+
color: var(--MAIN-HEADER-color);
113115
transition: .3s ease;
114116
text-decoration: none;
115117
}

‎themes/kubermatic-docs/assets/scss/_main-header.scss‎

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -111,21 +111,24 @@
111111
transition: .3s ease;
112112
}
113113
.menu-item .menu-item_btn:hover {
114-
background: #00D9D2;
114+
background-color: #0081ae;
115+
color: #fff;
116+
border-color: #0081ae;
115117
}
116118
.menu-item .menu-item_btn {
117119
box-sizing: border-box;
118120
display: flex;
119121
align-items: center;
120122
justify-content: center;
121123
padding: 0 14px;
122-
border: 2px solid #00D9D2;
124+
background-color: #ffad05;
125+
border: 2px solid #ffad05;
123126
border-radius: 3px;
124127
height: 44px;
125128
font-style: normal;
126129
font-weight: 500;
127130
font-size: 16px;
128-
color: #FFFFFF;
131+
color: #001128;
129132
text-decoration: none;
130133
transition: .2s ease;
131134
}
@@ -274,16 +277,17 @@
274277
justify-content: center;
275278
border-radius: 3px;
276279
font-size: 20px;
277-
color: #FFFFFF;
280+
color: #001128;
278281
text-decoration: none;
279282
height: 50px;
280283
padding: 0 14px;
281-
border: 2px solid #00D9D2;
282-
background: rgba(0,0,0,0.2);
284+
background-color: #ffad05;
285+
border: 2px solid #ffad05;
283286
transition: .2s ease;
284287
&:hover {
285-
background: #00D9D2;
288+
background-color: #0081ae;
286289
color: #fff;
290+
border-color: #0081ae;
287291
}
288292
}
289293

@@ -441,15 +445,8 @@
441445
line-height: 1.125;
442446
z-index: 1;
443447
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
444-
&:before {
445-
content: "";
446-
display: inline-block;
447-
width: 24px;
448-
height: 17px;
448+
svg {
449449
margin-right: 20px;
450-
background-image: url('/img/menu/mobile-menu-arrow.svg');
451-
background-repeat: no-repeat;
452-
background-size: cover;
453450
}
454451
&.hide {
455452
opacity: 0;

‎themes/kubermatic-docs/assets/scss/_theme-kubermatic.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
--BADGE-BG-color: #d8d8db;
1414
--BADGE-BG-warning-color: #f7b500;
1515
--WHITE-color:#fff;
16+
--GOLD-color:#ffad05;
1617

1718
--MAIN-TITLES-TEXT-color: #323232; /* Color of titles h2-h3-h4-h5 */
1819
--MAIN-LINK-color:#1C90F3; /* Color of links */

‎themes/kubermatic-docs/layouts/partials/main-header.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181
<div class="menu-panel-group">
8282
{{with $title}}<span class="menu-panel-url">{{.}}</span>{{end}}
8383
{{with .summary}}
84-
<p class="menu-panel-summary">{{.}}</p>
84+
<p class="menu-panel-summary">{{. | markdownify}}</p>
8585
{{end}}
8686
{{with .columns}}
8787
<div class="menu-columns">
@@ -150,7 +150,7 @@ <h2 class="menu-banner-title">{{.}}</h2>
150150
{{$id := 0}}
151151
{{with $.Site.Data.mobileMenu.items}}
152152
<div id="mobile-menu" class="mobile-menu">
153-
<button class="pos-rel hide menu-btn-back" aria-hidden="true">Menu items</button>
153+
<button class="pos-rel hide menu-btn-back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="17"><g fill="none" fill-rule="evenodd" stroke="#262626" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M23 8.657H3"/><path d="M9.195 1 1.866 8.33l7.33 7.327"/></g></svg>Menu items</button>
154154
<ul class="mobile-menu-list">
155155
{{range .}}
156156
{{template "create-mobile-menu-tree" dict "node" . "id" $id}}
@@ -266,7 +266,7 @@ <h2 class="menu-banner-title">{{.}}</h2>
266266
showSubMenuPanel(panelId);
267267
prevPanels.push([currentPanelId, menuGroupButton.textContent]);
268268
currentPanelId = panelId;
269-
backButton.textContent = menuGroupButton.textContent;
269+
backButton.lastChild.data = menuGroupButton.textContent;
270270
backButton.classList.remove('hide');
271271
});
272272
});
@@ -275,7 +275,7 @@ <h2 class="menu-banner-title">{{.}}</h2>
275275
var currentPanel = prevPanels.pop();
276276
hideSubMenuPanel(currentPanelId);
277277
currentPanelId = currentPanel[0];
278-
backButton.textContent = prevPanels.length ? prevPanels[prevPanels.length - 1][1] : "Menu items";
278+
backButton.lastChild.data = prevPanels.length ? prevPanels[prevPanels.length - 1][1] : "Menu items";
279279
if (!prevPanels.length)
280280
backButton.classList.add('hide');
281281
});

‎themes/kubermatic-docs/static/img/menu/kubermatic-developer-platform.jpg‎

180 KB
Loading

‎themes/kubermatic-docs/static/img/menu/kubermatic-virtualization.jpg‎

767 KB
Loading

‎themes/kubermatic-docs/static/img/menu/mobile-menu-arrow.svg‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)