Skip to content

Commit 9aa8b58

Browse files
peterschmidt85peterschmidt85
committed
Only cosmetical changes to the website page (title; description; styling).
1 parent f730365 commit 9aa8b58

File tree

7 files changed

+163
-70
lines changed

7 files changed

+163
-70
lines changed

‎docs/assets/fonts/Geist-Variable.woff2‎

67.8 KB
Binary file not shown.

‎docs/assets/fonts/GeistMono-Variable.woff2‎

69.3 KB
Binary file not shown.

‎docs/assets/stylesheets/extra.css‎

Lines changed: 31 additions & 15 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: 3px;
177+
border-radius: 0;
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: 3px;
187+
border-radius: 0;
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: 3px;
194+
border-radius: 0;
195195
}
196196

197197
[dir=ltr] .md-typeset :is(.admonition,details) blockquote {
@@ -330,6 +330,22 @@
330330
/*letter-spacing: -0.5px;*/
331331
}
332332

333+
@font-face {
334+
font-family: 'Geist';
335+
font-style: normal;
336+
font-weight: 100 900;
337+
font-display: swap;
338+
src: url(../fonts/Geist-Variable.woff2) format('woff2');
339+
}
340+
341+
@font-face {
342+
font-family: 'Geist Mono';
343+
font-style: normal;
344+
font-weight: 100 900;
345+
font-display: swap;
346+
src: url(../fonts/GeistMono-Variable.woff2) format('woff2');
347+
}
348+
333349
@font-face {
334350
font-family: 'Geist Pixel Square';
335351
font-style: normal;
@@ -453,10 +469,10 @@ h4.doc-heading {
453469
.md-typeset pre > code {
454470
background-color: rgb(21, 22, 29);
455471
padding: 65px 30px 35px 40px;
456-
border-radius: 3px;
472+
border-radius: 0;
457473
font-size: 15px;
458474

459-
/*border-radius: 3px;*/
475+
/*border-radius: 0;*/
460476
/*border-top: 1px solid #dce0e6;*/
461477
/*background-color: rgba(0,0,0,.87);*/
462478
/*padding: 15px 20px;*/
@@ -485,7 +501,7 @@ h4.doc-heading {
485501
@media screen and (min-width: 60em) {
486502
[data-md-color-primary=white] .md-search__form {
487503
background-color: transparent;
488-
border-radius: 3px;
504+
border-radius: 0;
489505
border: 0.5px solid rgba(0, 0, 0, 0.87);
490506
height: 1.84rem;
491507
}
@@ -678,8 +694,8 @@ code .md-code__nav:hover .md-code__button {
678694
}
679695

680696
body {
681-
--md-text-font-family: metro-web, Metro, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
682-
--md-code-font-family: Fira Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
697+
--md-text-font-family: Geist, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
698+
--md-code-font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
683699
}
684700

685701
.md-content {
@@ -1033,7 +1049,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
10331049
.md-typeset .highlight :is(.nd,.ni,.nl,.nt),
10341050
.md-typeset .highlight :is(.k,.kd,.kn,.kp,.kr,.kt),
10351051
.md-typeset .highlight :is(.nc,.ne,.nf,.nn) {
1036-
font-weight: 100;
1052+
font-weight: 400;
10371053
}
10381054

10391055
.md-typeset .tabbed-labels>label > code {
@@ -1052,7 +1068,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
10521068

10531069
@media screen and (min-width: 76.1875em) {
10541070
.md-typeset .tabbed-block > .highlight:first-child > pre > code, .md-typeset .tabbed-block > pre:first-child > code {
1055-
border-radius: 3px;
1071+
border-radius: 0;
10561072
}
10571073
}
10581074

@@ -1072,7 +1088,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
10721088
background: none;
10731089
z-index: 1;
10741090
padding: 5px;
1075-
border-radius: 3px;
1091+
border-radius: 0;
10761092
border: 1px dotted black;
10771093
bottom: -0.7px;
10781094
top: -0.7px;
@@ -1109,7 +1125,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
11091125
height: 100%;
11101126
background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.025), rgb(0 114 255 / 0.25%), rgba(0, 42, 255, 0.0125));
11111127
z-index: 1;
1112-
border-radius: 3px;
1128+
border-radius: 0;
11131129
border: 0.5px solid rgba(0,0,0, 0.5);
11141130
overflow: unset;
11151131
}
@@ -1150,7 +1166,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
11501166
display: block;
11511167
margin: 0;
11521168
padding: 1rem 1.4rem;
1153-
border-radius: 3px;
1169+
border-radius: 0;
11541170
border: rgba(0,0,0,0.6) 0.5px solid;
11551171
}
11561172

@@ -1575,7 +1591,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
15751591
font-weight: 500 !important;
15761592
padding: 0.4em 1.5em;
15771593
font-size: 17px;
1578-
border-radius: 3px;
1594+
border-radius: 0;
15791595
white-space: nowrap;
15801596
}
15811597

@@ -1623,7 +1639,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
16231639
border: none;
16241640
color: var(--md-default-fg-color);
16251641
padding: 8px 25px;
1626-
border-radius: 3px;
1642+
border-radius: 0;
16271643
background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.1), rgb(0 114 255 / 1%), rgba(0, 42, 255, 0.05));
16281644
}
16291645

‎docs/assets/stylesheets/landing.css‎

Lines changed: 104 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,98 @@
1717
/*letter-spacing: -3px;*/
1818
}
1919

20+
.tx-landing__hero_text h1.glitch {
21+
position: relative;
22+
animation: glitch-skew 10s infinite linear;
23+
}
24+
25+
.tx-landing__hero_text h1.glitch::before,
26+
.tx-landing__hero_text h1.glitch::after {
27+
content: attr(data-text);
28+
position: absolute;
29+
top: 0;
30+
left: 0;
31+
width: 100%;
32+
height: 100%;
33+
background: white;
34+
overflow: hidden;
35+
clip-path: inset(0 0 100% 0);
36+
}
37+
38+
.tx-landing__hero_text h1.glitch::before {
39+
text-shadow: -3px 0 rgba(0, 72, 255, 0.8);
40+
animation: glitch-1 10s infinite linear;
41+
}
42+
43+
.tx-landing__hero_text h1.glitch::after {
44+
text-shadow: 3px 0 rgba(206, 0, 255, 0.8);
45+
animation: glitch-2 10s infinite linear;
46+
}
47+
48+
@keyframes glitch-1 {
49+
0%, 9%, 15%, 54%, 60%, 100% {
50+
clip-path: inset(0 0 100% 0);
51+
transform: translate(0);
52+
}
53+
10% { clip-path: inset(5% 0 88% 0); transform: translate(6px, 0); }
54+
10.5% { clip-path: inset(8% 0 85% 0); transform: translate(-8px, 1px); }
55+
11% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
56+
11.5% { clip-path: inset(12% 0 80% 0); transform: translate(9px, -1px); }
57+
12% { clip-path: inset(3% 0 90% 0); transform: translate(-6px, 0); }
58+
12.5% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
59+
13% { clip-path: inset(7% 0 86% 0); transform: translate(7px, 1px); }
60+
13.5% { clip-path: inset(10% 0 83% 0); transform: translate(-9px, 0); }
61+
14% { clip-path: inset(4% 0 89% 0); transform: translate(5px, -1px); }
62+
63+
55% { clip-path: inset(58% 0 34% 0); transform: translate(-7px, 0); }
64+
55.5% { clip-path: inset(62% 0 30% 0); transform: translate(9px, 1px); }
65+
56% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
66+
56.5% { clip-path: inset(55% 0 38% 0); transform: translate(-8px, -1px); }
67+
57% { clip-path: inset(60% 0 32% 0); transform: translate(6px, 0); }
68+
57.5% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
69+
58% { clip-path: inset(63% 0 28% 0); transform: translate(-7px, 1px); }
70+
58.5% { clip-path: inset(56% 0 36% 0); transform: translate(8px, 0); }
71+
59% { clip-path: inset(61% 0 31% 0); transform: translate(-6px, -1px); }
72+
}
73+
74+
@keyframes glitch-2 {
75+
0%, 10.5%, 16.5%, 55.5%, 61.5%, 100% {
76+
clip-path: inset(0 0 100% 0);
77+
transform: translate(0);
78+
}
79+
11% { clip-path: inset(30% 0 62% 0); transform: translate(-7px, 1px); }
80+
11.5% { clip-path: inset(35% 0 57% 0); transform: translate(9px, 0); }
81+
12% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
82+
12.5% { clip-path: inset(33% 0 59% 0); transform: translate(8px, 0); }
83+
13% { clip-path: inset(38% 0 54% 0); transform: translate(-9px, 1px); }
84+
13.5% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
85+
14% { clip-path: inset(31% 0 61% 0); transform: translate(6px, -1px); }
86+
14.5% { clip-path: inset(36% 0 56% 0); transform: translate(-8px, 0); }
87+
15% { clip-path: inset(34% 0 58% 0); transform: translate(7px, 1px); }
88+
15.5% { clip-path: inset(32% 0 60% 0); transform: translate(-6px, 0); }
89+
90+
56% { clip-path: inset(78% 0 14% 0); transform: translate(7px, 0); }
91+
56.5% { clip-path: inset(82% 0 10% 0); transform: translate(-9px, -1px); }
92+
57% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
93+
57.5% { clip-path: inset(75% 0 17% 0); transform: translate(8px, 1px); }
94+
58% { clip-path: inset(80% 0 12% 0); transform: translate(-6px, 0); }
95+
58.5% { clip-path: inset(0% 0 100% 0); transform: translate(0); }
96+
59% { clip-path: inset(83% 0 9% 0); transform: translate(-8px, 0); }
97+
59.5% { clip-path: inset(77% 0 15% 0); transform: translate(7px, -1px); }
98+
60% { clip-path: inset(81% 0 11% 0); transform: translate(-6px, 1px); }
99+
60.5% { clip-path: inset(79% 0 13% 0); transform: translate(8px, 0); }
100+
}
101+
102+
@keyframes glitch-skew {
103+
0%, 9%, 16%, 54%, 62%, 100% {
104+
transform: skew(0deg) scaleX(1);
105+
}
106+
11% { transform: skew(0.5deg) scaleX(1.001); }
107+
13% { transform: skew(-0.4deg) scaleX(0.999); }
108+
56% { transform: skew(-0.5deg) scaleX(1.001); }
109+
58% { transform: skew(0.4deg) scaleX(0.999); }
110+
}
111+
20112
.tx-landing__hero_text h1 strong {
21113
font-weight: 800;
22114
}
@@ -31,7 +123,7 @@
31123

32124
.tx-landing .highlight {
33125
display: inline-block;
34-
border-radius: 3px;
126+
border-radius: 0;
35127
padding: 1px 5px;
36128
border: 0.5px solid rgba(0, 0, 0, 0.33);
37129
}
@@ -111,7 +203,7 @@
111203
}
112204

113205
.tx-landing__hero_text h1 {
114-
font-size: 3.2rem;
206+
font-size: 2.9rem;
115207
max-width: 36rem;
116208
line-height: 1.1;
117209
}
@@ -245,7 +337,7 @@
245337
font-size: 20px;
246338
font-weight: 400 !important;
247339
text-align: center;
248-
border-radius: 3px;
340+
border-radius: 0;
249341
border-color: transparent;
250342
margin-right: 5px;
251343
}
@@ -297,7 +389,7 @@
297389
[data-md-color-primary=white] .md-header__buttons .md-button--primary, [data-md-color-primary=white].md-header__buttons .md-button--primary:hover,
298390
[data-md-color-primary=white] .md-typeset .md-button--primary, [data-md-color-primary=white] .md-typeset .md-button--primary:hover {
299391
background: rgba(0, 0, 0, 0.87);
300-
border-radius: 3px;
392+
border-radius: 0;
301393
font-weight: 400 !important;
302394
/*margin-right: 10px;*/
303395
}
@@ -354,7 +446,7 @@
354446
background: transparent;
355447
color: rgba(0, 0, 0, 0.87);
356448
border: 0.5px solid rgba(0, 0, 0, 0.87);
357-
border-radius: 3px;
449+
border-radius: 0;
358450
}
359451

360452
.md-header__buttons .md-button-secondary:hover,
@@ -383,7 +475,7 @@
383475
}
384476

385477
.tx-landing__highlights_text h2 {
386-
font-size: 2.3em;
478+
font-size: 2em;
387479
max-width: 600px;
388480
font-weight: 700;
389481
margin-top: 0;
@@ -424,7 +516,7 @@
424516
width: 50%;
425517

426518
&.enterprise {
427-
border-radius: 3px;
519+
border-radius: 0;
428520
border-top-right-radius: 0;
429521
border-bottom-right-radius: 0
430522
}
@@ -516,7 +608,7 @@
516608

517609
.tx-landing__highlights_grid .feature-cell {
518610
padding: 30px 40px;
519-
border-radius: 3px;
611+
border-radius: 0;
520612
border-color: rgba(0, 0, 0, 0.75);
521613
border-width: 0.5px;
522614
border-style: dotted;
@@ -770,7 +862,7 @@
770862
}
771863

772864
.tx-landing__major_feature h2 {
773-
font-size: 2em;
865+
font-size: 1.7em;
774866
max-width: 500px;
775867
margin-top: 0;
776868
margin-bottom: 1.5em;
@@ -1022,7 +1114,7 @@
10221114
.md-header__buttons .md-button--primary.sky, .md-header__buttons .md-button--primary.sky:hover,
10231115
.md-typeset .md-button--primary.sky, .md-typeset .md-button--primary.sky:hover {
10241116
background: -webkit-linear-gradient(45deg, #002aff, #002aff, #e165fe);
1025-
border-radius: 3px;
1117+
border-radius: 0;
10261118
border: 1px solid transparent;
10271119
}
10281120

@@ -1126,7 +1218,7 @@
11261218

11271219
.tx-landing__quotes_grid .cell {
11281220
padding: 23px 23px 13px;
1129-
border-radius: 3px;
1221+
border-radius: 0;
11301222
border-color: rgba(0, 0, 0, 0.75);
11311223
border-width: 0.5px;
11321224
border-style: solid;
@@ -1137,27 +1229,10 @@
11371229
}
11381230
}
11391231

1140-
.tx-landing h1,
1141-
.tx-landing h2,
1142-
.tx-landing h3,
1143-
.tx-landing h4,
1144-
.tx-landing h5,
1145-
.tx-landing h6 {
1146-
font-family: 'Geist Pixel Circle', var(--md-text-font-family);
1147-
}
1148-
1149-
.tx-faq__item-title {
1232+
.tx-landing__hero_text h1 {
11501233
font-family: 'Geist Pixel Square', var(--md-text-font-family);
11511234
}
11521235

11531236
.md-header__title {
11541237
font-family: 'Geist Pixel Square', var(--md-text-font-family);
11551238
}
1156-
1157-
.md-header__buttons .md-button {
1158-
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1159-
}
1160-
1161-
.tx-landing .md-button {
1162-
font-family: 'Geist Pixel Square', var(--md-text-font-family);
1163-
}

‎docs/assets/stylesheets/termynal.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
font-size: 14px;
3535
/* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
3636
font-family: var(--md-code-font-family) !important;
37-
border-radius: 3px;
37+
border-radius: 0;
3838
padding: 45px 25px 25px;
3939
/*padding: 75px 45px 35px;*/
4040
position: relative;

0 commit comments

Comments
 (0)