Skip to content

Commit 76712b8

Browse files
authored
Merge pull request #292 from Franz-Kafka/main
Toc false on 404
2 parents b178c9f + ee5e4cb commit 76712b8

File tree

13 files changed

+545
-330
lines changed

13 files changed

+545
-330
lines changed

404.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
title: 404 — Page not found
44
body_class: notfound landing
55
add_css: page404.css
6+
toc: false
67
---
78

89
<div class="wrap pagetitle">

_sass/abstracts/_mixins.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -213,6 +213,7 @@
213213
&.transparent{
214214
border: 1px solid var(--interactive-button-black-border-color, #1A1A1A);
215215
backdrop-filter: blur(5px);
216+
color: var(--interactive-button-black-border-color, #999);
216217
&:hover{
217218
border: 1px solid var(--interactive-button-black-border-color, #1A1A1A);
218219
background: var(--interactive-button-black-border-color-hover, #1A1A1A);

_sass/abstracts/_variables.scss

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -304,6 +304,7 @@ $docuh5: 18px;
304304
--lake-ribbon-border-color: var(--blue-transparent-80);
305305
--main-background-gradient-100: #fff1004d;
306306
--main-background-lines: #f9ed4d;
307+
--main-benefit-icon-color: var(--yellow-30);
307308
--main-blogpost-background-color: var(--grey-100);
308309
--main-blogpost-border-color: var(--grey-90);
309310
--main-blogpost-border-color-blue: var(--blue-90);
@@ -313,8 +314,8 @@ $docuh5: 18px;
313314
--main-body-background-color-0: #fafafa00;
314315
--main-body-background-gradient: #fafafa00;
315316
--main-checkmark: #00b132;
316-
--main-codebox-border-color: #0d0d0d26;
317-
--main-codebox-dropshadow: #0000000d;
317+
--main-codebox-border-color: #0d0d0d14;
318+
--main-codebox-dropshadow: #0000000a;
318319
--main-codebox-main-background-color: var(--grey-transparent-98);
319320
--main-codebox-sub-background-color: #0d0d0d14;
320321
--main-highlight-orange-background: var(--grey-10);
@@ -338,6 +339,7 @@ $docuh5: 18px;
338339
--main-labs-illustration-1: var(--orange-90);
339340
--main-labs-illustration-2: var(--grey-transparent-95);
340341
--main-labs-illustration-3: var(--orange-70);
342+
--main-landing-icon-background: var(--yellow-55);
341343
--main-marker-background-color: var(--yellow-transparent-60);
342344
--main-marker-border-color: var(--yellow-50);
343345
--main-number-box-background: #efefef;
@@ -349,7 +351,7 @@ $docuh5: 18px;
349351
--main-quaternary-color-labs: var(--orange-90);
350352
--main-ribbon-background-color-blue: var(--blue-transparent-80);
351353
--main-ribbon-background-color-purple: var(--purple-transparent-80);
352-
--main-ribbon-background-color-yellow: var(--yellow-transparent-80);
354+
--main-ribbon-background-color-yellow: #f1e65e99;
353355
--main-ribbon-border-color-blue: var(--blue-transparent-80);
354356
--main-ribbon-border-color-purple: var(--purple-transparent-80);
355357
--main-ribbon-border-color-yellow: var(--yellow-transparent-80);
@@ -363,6 +365,7 @@ $docuh5: 18px;
363365
--main-text-primary-color-strong: var(--grey-02);
364366
--main-text-secondary-color: var(--grey-40);
365367
--main-text-tertiary-color: var(--grey-70);
368+
--main-text-tertiary-yellow: var(--yellow-30);
366369
--menu-dropdown-background-color: var(--grey-95);
367370
--menu-dropdown-border-color: var(--grey-90);
368371
--menu-dropdown-item-background-hover: var(--grey-90);
@@ -375,6 +378,8 @@ $docuh5: 18px;
375378
--menu-topmenu-text-color: var(--grey-10);
376379
--menu-topmenu-text-color-hover: var(--purple-60);
377380
--no-export-labs: var(--grey-transparent-95);
381+
--no-export-support-tier-background: var(--purple-95);
382+
--no-export-support-tier-border: var(--purple-90);
378383
--no-export-terminal-background: #ffffff;
379384
--social-shape-gradient-end-color: var(--yellow-40);
380385
--social-shape-gradient-start-color: var(--yellow-45);
@@ -496,6 +501,7 @@ html.darkmode {
496501
--lake-ribbon-border-color: var(--blue-transparent-30);
497502
--main-background-gradient-100: #9e95004d;
498503
--main-background-lines: #454100;
504+
--main-benefit-icon-color: var(--yellow-30);
499505
--main-blogpost-background-color: var(--grey-02);
500506
--main-blogpost-border-color: var(--grey-20);
501507
--main-blogpost-border-color-blue: var(--blue-20);
@@ -530,6 +536,7 @@ html.darkmode {
530536
--main-labs-illustration-1: var(--orange-transparent-20);
531537
--main-labs-illustration-2: var(--grey-transparent-10);
532538
--main-labs-illustration-3: var(--orange-30);
539+
--main-landing-icon-background: var(--yellow-10);
533540
--main-marker-background-color: var(--yellow-transparent-30);
534541
--main-marker-border-color: var(--yellow-transparent-40);
535542
--main-number-box-background: var(--yellow-05);
@@ -555,6 +562,7 @@ html.darkmode {
555562
--main-text-primary-color-strong: var(--grey-100);
556563
--main-text-secondary-color: var(--grey-70);
557564
--main-text-tertiary-color: var(--grey-50);
565+
--main-text-tertiary-yellow: var(--yellow-30);
558566
--menu-dropdown-background-color: var(--grey-05);
559567
--menu-dropdown-border-color: var(--grey-20);
560568
--menu-dropdown-item-background-hover: var(--grey-15);
@@ -567,6 +575,8 @@ html.darkmode {
567575
--menu-topmenu-text-color: var(--grey-98);
568576
--menu-topmenu-text-color-hover: var(--yellow-50);
569577
--no-export-labs: var(--grey-transparent-15);
578+
--no-export-support-tier-background: #302e3f;
579+
--no-export-support-tier-border: #3d385e;
570580
--no-export-terminal-background: #000000;
571581
--social-shape-gradient-end-color: var(--grey-30);
572582
--social-shape-gradient-start-color: var(--grey-15);

_sass/components/_card_grid.scss

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
/** Card Grid Component
2+
*
3+
* Usage:
4+
* --card-columns: number of cards per row (default: 3)
5+
* --card-aspect-ratio: aspect ratio of image area (default: 4/3)
6+
* --card-content-padding: padding of content area (default: 32px 36px 36px 36px)
7+
*/
8+
9+
.card-grid{
10+
display: grid;
11+
grid-template-columns: repeat(var(--card-columns, 3), 1fr);
12+
gap: 16px;
13+
14+
.card{
15+
border-radius: 15px;
16+
border: 1px solid var(--main-infobox-labs-border-color, rgba(51, 51, 51, 0.60));
17+
overflow: hidden;
18+
19+
.card-image{
20+
aspect-ratio: var(--card-aspect-ratio, 4/3);
21+
overflow: hidden;
22+
img{
23+
width: 100%;
24+
height: 100%;
25+
object-fit: cover;
26+
object-position: center center;
27+
}
28+
}
29+
.card-content{
30+
padding: var(--card-content-padding, 32px 36px 36px 36px);
31+
h3{
32+
margin: 0 0 24px 0;
33+
font-size: var(--type-headline-3, 24px);
34+
}
35+
p{
36+
margin: 0;
37+
color: var(--main-text-secondary-color, #B2B2B2);
38+
font-size: var(--type-body, 16px);
39+
}
40+
}
41+
}
42+
}

_sass/components/_icon_grid.scss

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
/** Icon Grid Component
2+
*
3+
* Usage:
4+
* --icon-grid-columns: number of columns (default: 3)
5+
*
6+
* Optional: wrap the icon in .icon-box for a bordered container
7+
* Optional: add a .textbutton link after the <p> for a "Read more" style link
8+
*/
9+
10+
.icon-grid{
11+
display: grid;
12+
grid-template-columns: repeat(var(--icon-grid-columns, 3), 1fr);
13+
gap: 50px 16px;
14+
15+
.icon-grid-item{
16+
padding-right: 20px;
17+
18+
.icon{
19+
display: block;
20+
width: 36px;
21+
height: 36px;
22+
margin-bottom: 16px;
23+
color: var(--orange-50);
24+
stroke-width: 1.5;
25+
flex-shrink: 0;
26+
}
27+
28+
/* Optional bordered icon box */
29+
.icon-box{
30+
display: inline-flex;
31+
align-items: center;
32+
justify-content: center;
33+
width: 68px;
34+
height: 68px;
35+
border-radius: 10px;
36+
border: 1px solid var(--doc-codebox-border-color, #e6e6e6);
37+
background: var(--doc-codebox-background-color, #f2f2f2);
38+
margin-bottom: 17px;
39+
40+
.icon{
41+
margin-bottom: 0;
42+
}
43+
}
44+
45+
h3{
46+
margin: 0 0 8px 0;
47+
font-size: var(--type-title-2, 16px);
48+
font-weight: 600;
49+
}
50+
p{
51+
margin: 0;
52+
font-size: var(--type-body-small, 14px);
53+
color: var(--main-text-secondary-color, #B2B2B2);
54+
}
55+
a.textbutton{
56+
margin-top: 12px;
57+
display: inline-block;
58+
}
59+
}
60+
}

_sass/layout/_footer.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ footer{
1010
z-index: 100;
1111
.footercontent{
1212
@include body-small;
13-
max-width: 1150px;
13+
max-width: 1180px;
1414
margin: 0 auto;
1515
padding: 60px 15px 20px 15px;
1616
//padding-bottom: 45px;

_sass/layout/_header.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -293,7 +293,7 @@ body.blog header .headerline .headercontent .landingmenu nav .search_icon {
293293

294294
/* Site-wide Banner */
295295
.banner {
296-
@include body-standard;
296+
@include body-small;
297297
position: relative;
298298
width: 100%;
299299
text-align: center;

_sass/pages/_blog.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -507,6 +507,7 @@ h5 a {
507507
.video-container{
508508
margin: 30px 0;
509509
position: relative;
510+
width: 100%;
510511
padding-bottom: 56.25%;
511512
padding-top: 0;
512513
height: 0;

_sass/pages/_duckdb.scss

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,45 @@ body.design{
3030
gap: 8px;
3131
}
3232

33+
.syntax-highlight-table{
34+
width: 100%;
35+
max-width: 100%;
36+
display: block;
37+
overflow-x: auto;
38+
border-collapse: collapse;
39+
font-variant-numeric: tabular-nums;
40+
41+
thead th{
42+
padding: 10px;
43+
font-weight: 700;
44+
font-size: 14px;
45+
text-align: left;
46+
border-bottom: 1px solid var(--doc-codebox-border-color, #E6E6E6);
47+
white-space: nowrap;
48+
}
49+
50+
td{
51+
padding: 10px;
52+
font-size: 14px;
53+
line-height: 1.55;
54+
border-bottom: 1px solid var(--doc-codebox-border-color, #E6E6E6);
55+
vertical-align: middle;
56+
}
57+
58+
td:nth-child(3),
59+
td:nth-child(6){
60+
font-family: $fontMono;
61+
}
62+
63+
.color-dot{
64+
width: 20px;
65+
height: 20px;
66+
border-radius: 50%;
67+
display: inline-block;
68+
vertical-align: middle;
69+
}
70+
}
71+
3372
.color-card{
3473
width: 169px;
3574
line-height: 1.37;

0 commit comments

Comments
 (0)