Skip to content

Commit 23b117d

Browse files
peterschmidt85peterschmidt85
committed
Cosmetical changes to the home page (font; headline; etc)
1 parent 94a7a9f commit 23b117d

7 files changed

Lines changed: 70 additions & 103 deletions

File tree

‎docs/assets/fonts/GeistPixel-Circle.woff2‎

27.4 KB
Binary file not shown.

‎docs/assets/fonts/GeistPixel-Square.woff2‎

27.9 KB
Binary file not shown.

‎docs/assets/stylesheets/extra.css‎

Lines changed: 19 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -174,7 +174,7 @@
174174
border-style: solid;
175175
border-color: rgba(0, 0, 0, 0.87);
176176
border-width: 1px;
177-
border-radius: 6px;
177+
border-radius: 3px;
178178
box-shadow: none;
179179
padding: .6rem .8rem;
180180
background: none;
@@ -184,14 +184,14 @@
184184
border-style: solid;
185185
border-color: rgba(0, 0, 0, 0.87);
186186
border-width: 1px;
187-
border-radius: 6px;
187+
border-radius: 3px;
188188
box-shadow: none;
189189
padding: .6rem .8rem;
190190
/*background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.1), rgb(0 114 255 / 1%), rgba(0, 42, 255, 0.05));*/
191191
}
192192

193193
.md-typeset iframe {
194-
border-radius: 6px;
194+
border-radius: 3px;
195195
}
196196

197197
[dir=ltr] .md-typeset :is(.admonition,details) blockquote {
@@ -260,6 +260,8 @@
260260
@media screen and (min-width: 76.1875em) {
261261
.md-header__topic:first-child {
262262
font-size: 24px;
263+
top: 2px;
264+
left: 1px;
263265
/*font-family: Poppins, metro-web, Metro, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
264266
/*font-weight: 500;*/
265267
}
@@ -329,84 +331,19 @@
329331
}
330332

331333
@font-face {
332-
font-family: 'Poppins';
333-
font-style: normal;
334-
font-weight: 500;
335-
font-display: swap;
336-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
337-
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
338-
}
339-
/* latin-ext */
340-
@font-face {
341-
font-family: 'Poppins';
342-
font-style: normal;
343-
font-weight: 500;
344-
font-display: swap;
345-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
346-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
347-
}
348-
/* latin */
349-
@font-face {
350-
font-family: 'Poppins';
351-
font-style: normal;
352-
font-weight: 500;
353-
font-display: swap;
354-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
355-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
356-
}
357-
/* devanagari */
358-
@font-face {
359-
font-family: 'Poppins';
360-
font-style: normal;
361-
font-weight: 600;
362-
font-display: swap;
363-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
364-
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
365-
}
366-
/* latin-ext */
367-
@font-face {
368-
font-family: 'Poppins';
369-
font-style: normal;
370-
font-weight: 600;
371-
font-display: swap;
372-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
373-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
374-
}
375-
/* latin */
376-
@font-face {
377-
font-family: 'Poppins';
378-
font-style: normal;
379-
font-weight: 600;
380-
font-display: swap;
381-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
382-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
383-
}
384-
/* devanagari */
385-
@font-face {
386-
font-family: 'Poppins';
387-
font-style: normal;
388-
font-weight: 700;
389-
font-display: swap;
390-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
391-
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
392-
}
393-
/* latin-ext */
394-
@font-face {
395-
font-family: 'Poppins';
334+
font-family: 'Geist Pixel Square';
396335
font-style: normal;
397-
font-weight: 700;
336+
font-weight: 400;
398337
font-display: swap;
399-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
400-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
338+
src: url(../fonts/GeistPixel-Square.woff2) format('woff2');
401339
}
402-
/* latin */
340+
403341
@font-face {
404-
font-family: 'Poppins';
342+
font-family: 'Geist Pixel Circle';
405343
font-style: normal;
406-
font-weight: 700;
344+
font-weight: 400;
407345
font-display: swap;
408-
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
409-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
346+
src: url(../fonts/GeistPixel-Circle.woff2) format('woff2');
410347
}
411348

412349
/* latin */
@@ -519,7 +456,7 @@ h4.doc-heading {
519456
border-radius: 3px;
520457
font-size: 15px;
521458

522-
/*border-radius: 6px;*/
459+
/*border-radius: 3px;*/
523460
/*border-top: 1px solid #dce0e6;*/
524461
/*background-color: rgba(0,0,0,.87);*/
525462
/*padding: 15px 20px;*/
@@ -1115,7 +1052,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
11151052

11161053
@media screen and (min-width: 76.1875em) {
11171054
.md-typeset .tabbed-block > .highlight:first-child > pre > code, .md-typeset .tabbed-block > pre:first-child > code {
1118-
border-radius: 6px;
1055+
border-radius: 3px;
11191056
}
11201057
}
11211058

@@ -1135,8 +1072,8 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
11351072
background: none;
11361073
z-index: 1;
11371074
padding: 5px;
1138-
border-radius: 6px;
1139-
border: 1px solid black;
1075+
border-radius: 3px;
1076+
border: 1px dotted black;
11401077
bottom: -0.7px;
11411078
top: -0.7px;
11421079
left: -0.7px;
@@ -1172,7 +1109,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
11721109
height: 100%;
11731110
background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.025), rgb(0 114 255 / 0.25%), rgba(0, 42, 255, 0.0125));
11741111
z-index: 1;
1175-
border-radius: 6px;
1112+
border-radius: 3px;
11761113
border: 0.5px solid rgba(0,0,0, 0.5);
11771114
overflow: unset;
11781115
}
@@ -1213,7 +1150,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
12131150
display: block;
12141151
margin: 0;
12151152
padding: 1rem 1.4rem;
1216-
border-radius: 6px;
1153+
border-radius: 3px;
12171154
border: rgba(0,0,0,0.6) 0.5px solid;
12181155
}
12191156

@@ -1686,7 +1623,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
16861623
border: none;
16871624
color: var(--md-default-fg-color);
16881625
padding: 8px 25px;
1689-
border-radius: 6px;
1626+
border-radius: 3px;
16901627
background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.1), rgb(0 114 255 / 1%), rgba(0, 42, 255, 0.05));
16911628
}
16921629

‎docs/assets/stylesheets/landing.css‎

Lines changed: 31 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -110,9 +110,9 @@
110110
}
111111

112112
.tx-landing__hero_text h1 {
113-
font-size: 3rem;
113+
font-size: 3.2rem;
114114
max-width: 36rem;
115-
line-height: 1.2;
115+
line-height: 1.1;
116116
}
117117

118118
.tx-landing__hero_text p {
@@ -241,7 +241,7 @@
241241
.md-typeset .md-button {
242242
margin-top: 0.6rem;
243243
margin-bottom: 1.5rem;
244-
font-size: 19px;
244+
font-size: 20px;
245245
font-weight: 400 !important;
246246
text-align: center;
247247
border-radius: 3px;
@@ -296,7 +296,6 @@
296296
[data-md-color-primary=white] .md-header__buttons .md-button--primary, [data-md-color-primary=white].md-header__buttons .md-button--primary:hover,
297297
[data-md-color-primary=white] .md-typeset .md-button--primary, [data-md-color-primary=white] .md-typeset .md-button--primary:hover {
298298
background: rgba(0, 0, 0, 0.87);
299-
border: 1.5px solid rgba(0, 0, 0, 0.87);
300299
border-radius: 3px;
301300
font-weight: 400 !important;
302301
/*margin-right: 10px;*/
@@ -353,7 +352,7 @@
353352
.md-typeset .md-button-secondary:focus {
354353
background: transparent;
355354
color: rgba(0, 0, 0, 0.87);
356-
border: 1px solid rgba(0, 0, 0, 0.87);
355+
border: 0.5px solid rgba(0, 0, 0, 0.87);
357356
border-radius: 3px;
358357
}
359358

@@ -770,14 +769,15 @@
770769
}
771770

772771
.tx-landing__major_feature h2 {
773-
font-size: 1.7em;
772+
font-size: 2em;
774773
max-width: 500px;
775774
margin-top: 0;
776775
margin-bottom: 1.5em;
777776
background: black;
778777
-webkit-background-clip: text;
779778
-webkit-text-fill-color: transparent;
780779
/*letter-spacing: -1.5px;*/
780+
line-height: 1.1;
781781
}
782782

783783
.tx-landing__major_feature {
@@ -1135,3 +1135,28 @@
11351135
border: 0;
11361136
}
11371137
}
1138+
1139+
.tx-landing h1,
1140+
.tx-landing h2,
1141+
.tx-landing h3,
1142+
.tx-landing h4,
1143+
.tx-landing h5,
1144+
.tx-landing h6 {
1145+
font-family: 'Geist Pixel Circle', var(--md-text-font-family);
1146+
}
1147+
1148+
.tx-faq__item-title {
1149+
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1150+
}
1151+
1152+
.md-header__title {
1153+
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1154+
}
1155+
1156+
.md-header__buttons .md-button {
1157+
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1158+
}
1159+
1160+
.tx-landing .md-button {
1161+
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1162+
}

‎docs/assets/stylesheets/pricing.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@
143143
position: relative;
144144
padding-right: 40px;
145145
color: #2A292D;
146-
font-size: 0.85rem;
146+
font-size: 1rem;
147147
font-weight: 800;
148148
line-height: 1.33;
149149
cursor: pointer;

‎docs/overrides/home.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
<div class="md-grid md-typeset">
5151
<div class="tx-landing__hero">
5252
<div class="tx-landing__hero_text">
53-
<h1>The orchestration layer for modern ML teams</h1>
53+
<h1>The new GPU-native orchestration</h1>
5454

5555
<p>
5656
<span class="highlight">dstack</span> provides ML teams with a unified control plane for GPU provisioning and orchestration
@@ -182,7 +182,7 @@ <h2>Native integration with GPU clouds</h2>
182182
</p>
183183

184184
<p>
185-
<a href="/docs/concepts/backends" target="_blank" class="md-button md-button-secondary small">
185+
<a href="/docs/concepts/backends" target="_blank" class="md-button md-button-secondary">
186186
<span>Backends</span>
187187
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg">
188188
<path
@@ -208,7 +208,7 @@ <h2>Easy to use with on-prem clusters</h2>
208208
</p>
209209

210210
<p>
211-
<a href="/docs/concepts/backends#ssh-fleets" target="_blank" class="md-button md-button-secondary small">
211+
<a href="/docs/concepts/backends#ssh-fleets" target="_blank" class="md-button md-button-secondary">
212212
<span>SSH fleets</span>
213213
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg">
214214
<path
@@ -217,7 +217,7 @@ <h2>Easy to use with on-prem clusters</h2>
217217
</svg></span>
218218
</a>
219219

220-
<a href="/docs/concepts/backends#kubernetes" target="_blank" class="md-button md-button-secondary small">
220+
<a href="/docs/concepts/backends#kubernetes" target="_blank" class="md-button md-button-secondary">
221221
<span>Kubernetes</span>
222222
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg">
223223
<path
@@ -259,7 +259,7 @@ <h2>Dev environments</h2>
259259

260260
<p>
261261
<a href="/docs/dev-environments" target="_blank"
262-
class="md-button md-button-secondary small">
262+
class="md-button md-button-secondary">
263263
<span>Dev environments</span>
264264
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
265265
</a>
@@ -283,7 +283,7 @@ <h2>Single-node &amp; distributed tasks</h2>
283283

284284
<p>
285285
<a href="/docs/concepts/tasks" target="_blank"
286-
class="md-button md-button-secondary small">
286+
class="md-button md-button-secondary">
287287
<span>Tasks</span>
288288
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
289289
</a>
@@ -315,13 +315,13 @@ <h2>Scalable model inference</h2>
315315

316316
<p>
317317
<a href="/docs/concepts/services" target="_blank"
318-
class="md-button md-button-secondary small">
318+
class="md-button md-button-secondary">
319319
<span>Services</span>
320320
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
321321
</a>
322322

323323
<a href="/docs/concepts/gateways" target="_blank"
324-
class="md-button md-button-secondary small">
324+
class="md-button md-button-secondary">
325325
<span>Gateways</span>
326326
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
327327
</a>
@@ -581,17 +581,17 @@ <h2>Get started in minutes</h2>
581581

582582
<p>
583583
<a href="/docs/quickstart" target="_blank"
584-
class="md-button md-button-secondary small"
584+
class="md-button md-button-secondary"
585585
style="margin-right: 10px">
586586
<span>Quickstart</span>
587-
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
587+
<!-- <span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span> -->
588588
</a>
589589

590590
<a href="/docs/installation" target="_blank"
591-
class="md-button md-button-secondary small"
591+
class="md-button md-button-secondary"
592592
style="margin-right: 10px">
593593
<span>Installation</span>
594-
<span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span>
594+
<!-- <span class="icon"><svg viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg"><path d="M12.823 4.164L8.954.182a.592.592 0 0 0-.854 0 .635.635 0 0 0 0 .88l2.836 2.92H.604A.614.614 0 0 0 0 4.604c0 .344.27.622.604.622h10.332L8.1 8.146a.635.635 0 0 0 0 .88.594.594 0 0 0 .854 0l3.869-3.982a.635.635 0 0 0 0-.88z" fill-rule="nonzero" fill="currentColor" class="fill-main"></path></svg></span> -->
595595
</a>
596596
</p>
597597
</div>
@@ -617,7 +617,7 @@ <h2>dstack Sky</h2>
617617
<div class="tx-landing__bottom_cta_card_button_panel">
618618
<div>
619619
<a href="https://sky.dstack.ai" target="_blank"
620-
class="md-button md-button--primary sky external small">
620+
class="md-button md-button--primary sky external">
621621
<span>Sign up free</span>
622622
</a>
623623
</div>
@@ -641,7 +641,7 @@ <h2>dstack Enterprise</h2>
641641
<div class="tx-landing__bottom_cta_card_button_panel">
642642
<div>
643643
<a href="https://calendly.com/dstackai/discovery-call" target="_blank"
644-
class="md-button md-button--primary external small">
644+
class="md-button md-button--primary external">
645645
<span>Book a demo</span>
646646
</a>
647647
</div>

‎docs/overrides/main.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
{% extends "base.html" %}
22

3+
{% block extrahead %}
4+
<link rel="preload" href="{{ 'assets/fonts/GeistPixel-Square.woff2' | url }}" as="font" type="font/woff2" crossorigin>
5+
<link rel="preload" href="{{ 'assets/fonts/GeistPixel-Circle.woff2' | url }}" as="font" type="font/woff2" crossorigin>
6+
{% endblock %}
7+
38
{% block container %}
49
<div class="md-content" data-md-component="content">
510
{% if "navigation.path" in features %}

0 commit comments

Comments
 (0)