Skip to content

Commit 80f180c

Browse files
committed
Update style
1 parent 9f5ebff commit 80f180c

File tree

5 files changed

+21
-15
lines changed

5 files changed

+21
-15
lines changed

.vitepress/components/Footer.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
2-
<footer class="w-full relative z-30 border-t"
2+
<footer class="vp-raw w-full relative z-30 border-t"
33
:style="{ borderColor: 'var(--vp-c-divider)', background: 'var(--vp-c-bg-soft)' }">
44
<div class="max-w-7xl mx-auto px-6 py-8 text-[var(--vp-c-text-2)] text-md grid grid-cols-2 md:grid-cols-9 lg:grid-cols-12 gap-row-2 gap-y-10 md:gap-3 mb-6">
55
<div class="col-span-2 md:col-span-3 lg:col-span-6 flex flex-col items-start justify-between gap-4">
6-
<img src="/logo-h.png" alt="Velda Logo" class="w-40" />
6+
<img src="/logo-h.png" alt="Velda Logo" class="h-10" />
77
<div class="text-[var(--vp-c-text-3)] text-sm">&copy; {{ currentYear }} Velda. All rights reserved.</div>
88
</div>
99

.vitepress/components/LeftRightLayout.vue

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
<div class="lr-title">
44
<h2 v-if="title" class="lr-title-heading" v-html="title"></h2>
55
<template v-if="$slots.subtitle">
6-
<p class="lr-title-sub">
6+
<div class="lr-title-sub flex flex-col gap-4">
77
<slot name="subtitle" />
8-
</p>
8+
</div>
99
</template>
1010
<p v-else-if="subtitle" class="lr-title-sub" v-html="subtitle"></p>
1111
</div>
@@ -81,6 +81,7 @@ const subtitle = props.subtitle
8181
font-size: 18px;
8282
line-height: 1.5;
8383
color: var(--vp-c-text-2);
84+
gap: 1rem;
8485
margin: 0;
8586
}
8687
@@ -93,7 +94,7 @@ const subtitle = props.subtitle
9394
9495
/* Default: title on the left */
9596
.lr-grid .lr-title {
96-
grid-column: 1 / span 4;
97+
grid-column: 1 / span 5;
9798
}
9899
99100
.lr-grid .lr-content {
@@ -102,7 +103,7 @@ const subtitle = props.subtitle
102103
103104
/* When direction is right, swap positions */
104105
.lr-grid.direction-right .lr-title {
105-
grid-column: 8 / span 4;
106+
grid-column: 8 / span 5;
106107
grid-row: 1;
107108
/* title on the right */
108109
}
@@ -116,10 +117,6 @@ const subtitle = props.subtitle
116117
.lr-title-inner {
117118
padding: 2rem 1rem 0 0;
118119
}
119-
120-
.lr-content {
121-
padding-top: 5rem;
122-
}
123120
}
124121
125122
/* Mobile: always title/subtitle first, stacking above content (default grid handles this) */

.vitepress/components/animations/CloningAnimation.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</svg>
99
</div>
1010

11-
<div class="flex flex-col lg:flex-row justify-center items-center w-full gap-8">
11+
<div class="flex flex-col lg:flex-row justify-center items-center w-full gap-8 pt-10">
1212

1313
<!-- Template Machine -->
1414
<div class="flex flex-col items-center w-full gap-4">

.vitepress/components/animations/RayAnimation.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -207,8 +207,10 @@ async function startAnimation() {
207207
* Creates the Ray head node.
208208
*/
209209
async function createHeadNode() {
210-
const command = "vrun -s ray-head ray start --head";
210+
const command = "# Run distributed data processing with Ray";
211211
await terminal.value.sendCommand(animator, command);
212+
const command2 = "vrun -s ray-head ray start --head";
213+
await terminal.value.sendCommand(animator, command2);
212214
213215
showHeadNode.value = true;
214216

index.md

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ Just your local dev experience — with unbounded power.</p>
9595
<LeftRightLayout title="Scale in Seconds">
9696
<template #subtitle>
9797
<p>Develop and scale — all in one platform. </p>
98-
<p>Run training, serving, or data pipelines with a simple <code>vrun</code> prefix.</p>
98+
<p>Run training, serving, or data pipelines with a simple <code>vrun</code> prefix, for any workload.</p>
9999
</template>
100100
<AutoAnimationWrapper
101101
:component="RayAnimation"
@@ -136,8 +136,7 @@ Just your local dev experience — with unbounded power.</p>
136136
</button>
137137
</div>
138138
</div>
139-
140-
<div class="flex flex-row my-25 gap-4 text-center max-w-200">
139+
<div class="flex flex-col md:flex-row mt-40 mb-3 gap-4 text-center">
141140
<div class="w-full flex flex-col justify-between p-10 gap-6">
142141
<div class="gap-5">
143142
<h2>Individual</h2>
@@ -175,14 +174,22 @@ Just your local dev experience — with unbounded power.</p>
175174

176175
.bottombg {
177176
position: relative;
177+
}
178+
179+
.bottombg::before {
180+
content: "";
181+
position: absolute;
178182
left: 50%;
179183
right: 50%;
180184
margin-left: -50vw;
181185
margin-right: -50vw;
182186
width: 100vw;
187+
height: 100%;
188+
z-index: -1;
183189
box-sizing: border-box;
184190
background-image: url("/bg-hm.svg");
185191
background-repeat: no-repeat;
192+
background-position: center center;
186193
background-size: cover;
187194
}
188195

0 commit comments

Comments
 (0)