Skip to content

Commit 13a3fe1

Browse files
sboldyrevasboldyreva
authored
Merge pull request #451 from sboldyreva/elsdoc-163/adapt-els-for-runtimes
Updated Runtimes pages, added new icons and components
2 parents 7ab4d35 + 65d68ce commit 13a3fe1

30 files changed

Lines changed: 756 additions & 1453 deletions

‎docs/.vuepress/client.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,8 @@ import ELSApplication from "./components/ELSApplication.vue";
2525
import GlobalCopyCode from "./components/GlobalCopyCode.vue";
2626

2727
import ResolvedCveTable from './components/ResolvedCveTable.vue'
28+
import ELSBadge from './components/ELSBadge.vue'
29+
import ContactSales from './components/ContactSales.vue'
2830

2931
export default defineClientConfig({
3032
rootComponents: [
@@ -58,6 +60,8 @@ export default defineClientConfig({
5860
app.component("ELSSteps", ELSSteps);
5961
app.component("WhatsNext", WhatsNext);
6062
app.component("ELSApplication", ELSApplication);
63+
app.component("ELSBadge", ELSBadge);
64+
app.component("ContactSales", ContactSales);
6165

6266
if (!__VUEPRESS_SSR__) {
6367
setTimeout(applyA11yRuntimeFixes, 0);

‎docs/.vuepress/components/CodeTabs.vue‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88

99
<div class="tab-content code-block-wrapper">
1010
<button class="copy-button" @click="copyCode" aria-label="Copy code">
11-
<svg v-if="!copied" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
12-
<path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"/>
13-
<path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/>
14-
</svg>
11+
<img v-if="!copied" src="/images/copy.webp" width="16" height="16" alt="Copy" />
1512
<svg v-else xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
1613
<path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/>
1714
</svg>
@@ -161,10 +158,21 @@ code {
161158
transition: fill 0.2s;
162159
}
163160
161+
.copy-button img {
162+
width: 20px;
163+
height: 20px;
164+
opacity: 0.6;
165+
transition: opacity 0.2s;
166+
}
167+
164168
.copy-button:hover svg {
165169
fill: #1994f9;
166170
}
167171
172+
.copy-button:hover img {
173+
opacity: 1;
174+
}
175+
168176
.language-bash {
169177
font-size: 0.85em;
170178
padding: 0;

‎docs/.vuepress/components/ContactSales.vue‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<template>
2+
<div class="contact-sales">
3+
<p class="contact-sales-text">
4+
<slot>{{ text }}</slot>
5+
</p>
6+
</div>
7+
</template>
8+
9+
<script setup>
10+
defineProps({
11+
text: { type: String, default: 'Request via sales@tuxcare.com.' },
12+
});
13+
</script>
14+
15+
<style scoped>
16+
.contact-sales {
17+
border-radius: 10px;
18+
border: 1px solid #fed7aa;
19+
background: linear-gradient(135deg, #fffbf5 0%, #fff7ed 100%);
20+
padding: 0.85rem 1.25rem;
21+
margin: 1.25rem 0;
22+
}
23+
24+
.contact-sales-text {
25+
margin: 0;
26+
font-size: 0.92rem;
27+
color: #374151;
28+
line-height: 1.6;
29+
}
30+
</style>

‎docs/.vuepress/components/ELSBadge.vue‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<template>
2+
<span :class="['els-badge', `els-badge--${color}`, { 'els-badge--heading': heading }]">
3+
<slot>{{ text }}</slot>
4+
</span>
5+
</template>
6+
7+
<script setup>
8+
defineProps({
9+
text: { type: String, default: '' },
10+
color: { type: String, default: 'green', validator: v => ['green', 'blue', 'orange', 'gray'].includes(v) },
11+
heading: { type: Boolean, default: false },
12+
});
13+
</script>
14+
15+
<style scoped>
16+
.els-badge {
17+
display: inline-block;
18+
padding: 3px 12px;
19+
border-radius: 10px;
20+
font-size: 0.82rem;
21+
font-weight: 500;
22+
line-height: 1.5;
23+
vertical-align: middle;
24+
}
25+
26+
.els-badge--heading {
27+
position: relative;
28+
top: -2.6rem;
29+
margin-bottom: -1.8rem;
30+
margin-left: 8rem;
31+
}
32+
33+
.els-badge--green {
34+
background: #e6f7ee;
35+
color: #16a34a;
36+
border: 1px solid #bbf0d0;
37+
}
38+
39+
.els-badge--blue {
40+
background: #eff6ff;
41+
color: #2563eb;
42+
border: 1px solid #bfdbfe;
43+
}
44+
45+
.els-badge--orange {
46+
background: #fff7ed;
47+
color: #ea580c;
48+
border: 1px solid #fed7aa;
49+
}
50+
51+
.els-badge--gray {
52+
background: #f3f4f6;
53+
color: #4b5563;
54+
border: 1px solid #d1d5db;
55+
}
56+
</style>

‎docs/.vuepress/components/ELSPrerequisites.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,9 +45,11 @@
4545
content: "\2713";
4646
position: absolute;
4747
left: 0;
48+
top: 0.2rem;
4849
color: #16a34a;
4950
font-weight: 700;
50-
font-size: 0.85rem;
51+
font-size: 0.92rem;
52+
line-height: 1.6;
5153
}
5254
5355
.prereqs-body :deep(p) {

‎docs/.vuepress/components/ELSRTechnology.vue‎

Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -55,11 +55,22 @@
5555
</div>
5656
</div>
5757

58-
<p>If something's missing or you have questions, contact <a href="mailto:sales@tuxcare.com">sales@tuxcare.com</a>.<br>Support for other Linux distros is available upon request.</p>
5958
</template>
6059

6160
<script setup>
6261
const runtimes = [
62+
{
63+
name: ".NET",
64+
versions: "6 | 8 | 10",
65+
link: "./dotnet/",
66+
icon: "/images/csharp.webp",
67+
},
68+
{
69+
name: "Node.js",
70+
versions: "12 | 14 | 16 | 18 | 20",
71+
link: "./nodejs/",
72+
icon: "/images/javascript.webp",
73+
},
6374
{
6475
name: "OpenJDK",
6576
versions: "7 | 8 | 11 | 17",
@@ -68,28 +79,16 @@ const runtimes = [
6879
},
6980
{
7081
name: "PHP",
71-
versions: "5.2 | 5.3 | 5.4 | 5.5 | 5.6 | 7.0 | 7.1 | 7.2 | 7.3 | 7.4 | 8.0 | 8.1 | 8.2 ",
82+
versions: "5.2 | 5.3 | 5.4 | 5.5 | 5.6 | 7.0 | 7.1 | 7.2 | 7.3 | 7.4 | 8.0 | 8.1 | 8.2",
7283
link: "./php/",
7384
icon: "/images/php.webp",
7485
},
7586
{
7687
name: "Python",
77-
versions: "2.7 | 3.6 ",
88+
versions: "2.7 | 3.6 | 3.7 | 3.8 | 3.9",
7889
link: "./python/",
7990
icon: "/images/python.webp",
8091
},
81-
{
82-
name: ".NET",
83-
versions: "6 | 8 | 10",
84-
link: "./dotnet/",
85-
icon: "/images/csharp.webp",
86-
},
87-
{
88-
name: "Node.js",
89-
versions: "12 | 14 | 16 | 18 | 20",
90-
link: "./nodejs/",
91-
icon: "/images/javascript.webp",
92-
},
9392
{
9493
name: "Ruby",
9594
versions: "2.6 | 2.7 | 3.0 | 3.1",

‎docs/.vuepress/components/GlobalCopyCode.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { useRoute } from "vue-router";
99
const route = useRoute();
1010
let observer = null;
1111
12-
const COPY_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg>`;
12+
const COPY_SVG = `<img src="/images/copy.webp" width="16" height="16" alt="Copy" />`;
1313
const CHECK_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>`;
1414
1515
function injectCopyButtons() {

‎docs/.vuepress/config-client/sidebar.ts‎

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -88,29 +88,30 @@ export default {
8888
children: [
8989
"/els-for-runtimes/",
9090
{
91-
path: '/els-for-runtimes/openjdk/',
92-
icon: '/images/openjdk-logo.webp',
91+
path: '/els-for-runtimes/dotnet/',
92+
icon: '/images/dotnet-logo.webp',
9393
},
9494
{
95-
path: '/els-for-runtimes/python/',
96-
icon: '/images/python.webp',
95+
path: '/els-for-runtimes/nodejs/',
96+
icon: '/images/nodejs.webp',
9797
},
9898
{
99-
path: '/els-for-runtimes/php/',
100-
icon: '/images/php-logo.webp',
99+
path: '/els-for-runtimes/openjdk/',
100+
icon: '/images/openjdk-logo.webp',
101101
},
102102
{
103-
path: '/els-for-runtimes/dotnet/',
104-
icon: '/images/dotnet-logo.webp',
103+
path: '/els-for-runtimes/php/',
104+
icon: '/images/php-logo.webp',
105105
},
106106
{
107-
path: '/els-for-runtimes/nodejs/',
108-
icon: '/images/nodejs.webp',
107+
path: '/els-for-runtimes/python/',
108+
icon: '/images/python.webp',
109109
},
110110
{
111111
path: '/els-for-runtimes/ruby/',
112112
icon: '/images/ruby.webp',
113113
},
114+
"/els-for-runtimes/machine-readable-security-data/",
114115
]
115116
},
116117
],

‎docs/.vuepress/public/images/bolt.webp‎

254 Bytes
Loading

‎docs/.vuepress/public/images/book-alt.webp‎

208 Bytes
Loading

0 commit comments

Comments
 (0)