@pb33f/cowboy-components 0.6.4 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/auth/login-button.d.ts +2 -0
- package/dist/components/auth/login-button.js +7 -0
- package/dist/components/auth/oauth-login.d.ts +3 -0
- package/dist/components/auth/oauth-login.js +10 -1
- package/dist/components/electric-box/electric-box.d.ts +4 -0
- package/dist/components/electric-box/electric-box.js +37 -14
- package/dist/components/logo-wall/logowall.d.ts +2 -0
- package/dist/components/logo-wall/logowall.js +38 -13
- package/dist/components/rodeo/rodeo.js +1 -1
- package/dist/cowboy-components.umd.cjs +179 -169
- package/dist/services/header-service.js +3 -0
- package/package.json +1 -1
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
import { SlDialog } from "@shoelace-style/shoelace";
|
|
3
|
+
import { OAuthLogin } from "./oauth-login";
|
|
3
4
|
export declare class LoginButton extends LitElement {
|
|
4
5
|
static styles: import("lit").CSSResult[];
|
|
5
6
|
authDialog: SlDialog;
|
|
6
7
|
title: string;
|
|
7
8
|
buttonLabel: string;
|
|
9
|
+
oauthLogin: OAuthLogin;
|
|
8
10
|
private controller;
|
|
9
11
|
constructor();
|
|
10
12
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -42,6 +42,8 @@ let LoginButton = class LoginButton extends LitElement {
|
|
|
42
42
|
}
|
|
43
43
|
hide() {
|
|
44
44
|
this.authDialog.hide();
|
|
45
|
+
this.oauthLogin.animateBox = false;
|
|
46
|
+
this.oauthLogin.requestUpdate();
|
|
45
47
|
}
|
|
46
48
|
authenticatedView() {
|
|
47
49
|
return html `
|
|
@@ -68,6 +70,8 @@ let LoginButton = class LoginButton extends LitElement {
|
|
|
68
70
|
}));
|
|
69
71
|
}
|
|
70
72
|
openAuthModal() {
|
|
73
|
+
this.oauthLogin.animateBox = true;
|
|
74
|
+
this.oauthLogin.requestUpdate();
|
|
71
75
|
this.authDialog.show();
|
|
72
76
|
}
|
|
73
77
|
};
|
|
@@ -81,6 +85,9 @@ __decorate([
|
|
|
81
85
|
__decorate([
|
|
82
86
|
property()
|
|
83
87
|
], LoginButton.prototype, "buttonLabel", void 0);
|
|
88
|
+
__decorate([
|
|
89
|
+
query('pb33f-oauth-login')
|
|
90
|
+
], LoginButton.prototype, "oauthLogin", void 0);
|
|
84
91
|
LoginButton = __decorate([
|
|
85
92
|
customElement('pb33f-login-button')
|
|
86
93
|
], LoginButton);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
import '../electric-box/electric-box.js';
|
|
3
3
|
import { SlAnimation, SlButton } from "@shoelace-style/shoelace";
|
|
4
|
+
import { ElectricBox } from "../electric-box/electric-box";
|
|
4
5
|
export declare class OAuthLogin extends LitElement {
|
|
5
6
|
static styles: import("lit").CSSResult[];
|
|
6
7
|
title: string;
|
|
@@ -9,8 +10,10 @@ export declare class OAuthLogin extends LitElement {
|
|
|
9
10
|
maxtravel: number;
|
|
10
11
|
spin: number;
|
|
11
12
|
orbs: boolean;
|
|
13
|
+
animateBox: boolean;
|
|
12
14
|
buttonAnimation: SlAnimation;
|
|
13
15
|
githubButton: SlButton;
|
|
16
|
+
electricBox: ElectricBox;
|
|
14
17
|
constructor();
|
|
15
18
|
githubLogin(): void;
|
|
16
19
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -19,6 +19,7 @@ let OAuthLogin = class OAuthLogin extends LitElement {
|
|
|
19
19
|
this.maxtravel = 6500;
|
|
20
20
|
this.spin = 20;
|
|
21
21
|
this.orbs = true;
|
|
22
|
+
this.animateBox = false;
|
|
22
23
|
}
|
|
23
24
|
githubLogin() {
|
|
24
25
|
this.mintravel = 1000;
|
|
@@ -36,9 +37,11 @@ let OAuthLogin = class OAuthLogin extends LitElement {
|
|
|
36
37
|
}, 2000);
|
|
37
38
|
}
|
|
38
39
|
render() {
|
|
40
|
+
console.log('rendering with ' + this.animateBox);
|
|
39
41
|
return html `
|
|
40
42
|
<div style="width: 500px; height: 280px; margin: 0 auto;">
|
|
41
|
-
<pb33f-electric-box .orbs="${this.orbs}"
|
|
43
|
+
<pb33f-electric-box .orbs="${this.orbs}"
|
|
44
|
+
?disable=${!this.animateBox}
|
|
42
45
|
spin spinamount="${this.spin}"
|
|
43
46
|
mintraveltime="${this.mintravel}"
|
|
44
47
|
maxtraveltime="${this.maxtravel}"
|
|
@@ -81,12 +84,18 @@ __decorate([
|
|
|
81
84
|
__decorate([
|
|
82
85
|
state()
|
|
83
86
|
], OAuthLogin.prototype, "orbs", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
state()
|
|
89
|
+
], OAuthLogin.prototype, "animateBox", void 0);
|
|
84
90
|
__decorate([
|
|
85
91
|
query('#button-anim')
|
|
86
92
|
], OAuthLogin.prototype, "buttonAnimation", void 0);
|
|
87
93
|
__decorate([
|
|
88
94
|
query('#github-button')
|
|
89
95
|
], OAuthLogin.prototype, "githubButton", void 0);
|
|
96
|
+
__decorate([
|
|
97
|
+
query('pb33f-electric-box')
|
|
98
|
+
], OAuthLogin.prototype, "electricBox", void 0);
|
|
90
99
|
OAuthLogin = __decorate([
|
|
91
100
|
customElement("pb33f-oauth-login")
|
|
92
101
|
], OAuthLogin);
|
|
@@ -10,6 +10,7 @@ export declare class ElectricBox extends LitElement {
|
|
|
10
10
|
maxtraveltime: number;
|
|
11
11
|
height: number;
|
|
12
12
|
heroView: boolean;
|
|
13
|
+
disable: boolean;
|
|
13
14
|
color: string;
|
|
14
15
|
private container;
|
|
15
16
|
private orbPath;
|
|
@@ -24,6 +25,9 @@ export declare class ElectricBox extends LitElement {
|
|
|
24
25
|
constructor();
|
|
25
26
|
render(): TemplateResult;
|
|
26
27
|
protected firstUpdated(): void;
|
|
28
|
+
protected updated(): void;
|
|
29
|
+
runAnimation(): void;
|
|
30
|
+
stopAnimation(): void;
|
|
27
31
|
protected willUpdate(): void;
|
|
28
32
|
disconnectedCallback(): void;
|
|
29
33
|
private getRandomBorderPosition;
|
|
@@ -23,6 +23,7 @@ let ElectricBox = class ElectricBox extends LitElement {
|
|
|
23
23
|
this.maxtraveltime = 4000;
|
|
24
24
|
this.heroView = false;
|
|
25
25
|
this.height = 500;
|
|
26
|
+
this.disable = false;
|
|
26
27
|
}
|
|
27
28
|
render() {
|
|
28
29
|
return html `
|
|
@@ -91,31 +92,50 @@ let ElectricBox = class ElectricBox extends LitElement {
|
|
|
91
92
|
this.orbGroup = this.container.select("#orb-group");
|
|
92
93
|
this.orb = this.container.select("#orb-circle");
|
|
93
94
|
this.orb.attr({ display: "none" });
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
}
|
|
96
|
+
updated() {
|
|
97
|
+
if (this.disable) {
|
|
98
|
+
this.stopAnimation();
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
this.runAnimation();
|
|
98
102
|
}
|
|
99
|
-
this.pixelSpawnTimer = setInterval(() => {
|
|
100
|
-
if (this.activePixelCount < this.pixelConfig.maxActivePixels) {
|
|
101
|
-
this.spawnPixel();
|
|
102
|
-
}
|
|
103
|
-
}, this.pixelConfig.spawnIntervalMs);
|
|
104
103
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
104
|
+
runAnimation() {
|
|
105
|
+
// Ensure timers have not already been started.
|
|
106
|
+
if (!this.pixelSpawnTimer && !this.disable) {
|
|
107
|
+
if (this.orbs) {
|
|
108
|
+
this.orbTimer = setInterval(() => {
|
|
109
|
+
this.spawnOrb();
|
|
110
|
+
}, 500);
|
|
111
|
+
}
|
|
112
|
+
this.pixelSpawnTimer = setInterval(() => {
|
|
113
|
+
if (this.activePixelCount < this.pixelConfig.maxActivePixels) {
|
|
114
|
+
this.spawnPixel();
|
|
115
|
+
}
|
|
116
|
+
}, this.pixelConfig.spawnIntervalMs);
|
|
108
117
|
}
|
|
109
118
|
}
|
|
110
|
-
|
|
111
|
-
|
|
119
|
+
stopAnimation() {
|
|
120
|
+
// Clear the animation timers if they exist.
|
|
112
121
|
if (this.pixelSpawnTimer) {
|
|
113
122
|
clearInterval(this.pixelSpawnTimer);
|
|
123
|
+
this.pixelSpawnTimer = null;
|
|
114
124
|
}
|
|
115
125
|
if (this.orbTimer) {
|
|
116
126
|
clearInterval(this.orbTimer);
|
|
127
|
+
this.orbTimer = null;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
willUpdate() {
|
|
131
|
+
if (this.orbTimer && !this.orbs) {
|
|
132
|
+
clearInterval(this.orbTimer);
|
|
117
133
|
}
|
|
118
134
|
}
|
|
135
|
+
disconnectedCallback() {
|
|
136
|
+
super.disconnectedCallback();
|
|
137
|
+
this.stopAnimation();
|
|
138
|
+
}
|
|
119
139
|
getRandomBorderPosition() {
|
|
120
140
|
// If heroView is true, only spawn pixels on the top (edge 0) or bottom (edge 1)
|
|
121
141
|
if (this.heroView) {
|
|
@@ -327,6 +347,9 @@ __decorate([
|
|
|
327
347
|
__decorate([
|
|
328
348
|
property({ type: Boolean })
|
|
329
349
|
], ElectricBox.prototype, "heroView", void 0);
|
|
350
|
+
__decorate([
|
|
351
|
+
property({ type: Boolean, attribute: 'disable' })
|
|
352
|
+
], ElectricBox.prototype, "disable", void 0);
|
|
330
353
|
__decorate([
|
|
331
354
|
property()
|
|
332
355
|
], ElectricBox.prototype, "color", void 0);
|
|
@@ -68,11 +68,21 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
68
68
|
svg: this.speakeasy,
|
|
69
69
|
link: 'https://speakeasy.com/'
|
|
70
70
|
},
|
|
71
|
+
{
|
|
72
|
+
name: "bump.sh",
|
|
73
|
+
svg: this.bump,
|
|
74
|
+
link: 'https://bump.sh/?utm_source=quobix&utm_campaign=sponsor'
|
|
75
|
+
},
|
|
71
76
|
{
|
|
72
77
|
name: "scalar",
|
|
73
78
|
svg: this.scalar,
|
|
74
79
|
link: 'https://scalar.com/'
|
|
75
80
|
},
|
|
81
|
+
{
|
|
82
|
+
name: "apideck",
|
|
83
|
+
svg: this.apideck,
|
|
84
|
+
link: 'https://apideck.com/'
|
|
85
|
+
},
|
|
76
86
|
];
|
|
77
87
|
}
|
|
78
88
|
render() {
|
|
@@ -88,13 +98,12 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
88
98
|
</div>
|
|
89
99
|
`;
|
|
90
100
|
})}
|
|
91
|
-
|
|
92
101
|
</div>
|
|
93
102
|
</pb33f-electric-box>
|
|
94
103
|
</div>`;
|
|
95
104
|
}
|
|
96
105
|
jpmorgan() {
|
|
97
|
-
return svg
|
|
106
|
+
return svg `
|
|
98
107
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 552 262">
|
|
99
108
|
<g id="Layer_2" data-name="Layer 2">
|
|
100
109
|
<g id="Layer_1-2" data-name="Layer 1-2">
|
|
@@ -116,7 +125,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
116
125
|
}
|
|
117
126
|
okta() {
|
|
118
127
|
return svg `
|
|
119
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
120
128
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.21 36">
|
|
121
129
|
<path d="M98.97,23.67c-3.05,0-5.2-2.38-5.2-5.51s2.15-5.51,5.2-5.51,5.14,2.38,5.14,5.51-2.12,5.51-5.14,5.51ZM98.48,26.95c2.46,0,4.55-.96,5.87-2.97.25,1.95,1.66,2.66,3.44,2.66h1.42v-3.09h-.61c-1.01,0-1.26-.49-1.26-1.64v-12.22h-3.26v2.51c-1.11-1.76-3.2-2.82-5.6-2.82-4.28,0-8.21,3.59-8.21,8.78s3.94,8.78,8.21,8.78h0ZM81.69,22.71c0,2.78,1.72,3.93,3.78,3.93h3.97v-3.09h-2.89c-1.2,0-1.45-.46-1.45-1.64v-9.13h4.34v-3.09h-4.34v-5.69h-3.41v18.71ZM66.16,26.64h3.41v-7.27h1.14l5.81,7.27h4.31l-7.41-9.22,5.69-7.73h-3.84l-4.65,6.53h-1.05V4h-3.41s0,22.64,0,22.64ZM55.09,9.38c-4.77,0-8.7,3.59-8.7,8.78s3.94,8.78,8.7,8.78,8.7-3.59,8.7-8.78-3.94-8.78-8.7-8.78ZM55.09,23.67c-3.05,0-5.2-2.38-5.2-5.51s2.15-5.51,5.2-5.51,5.2,2.38,5.2,5.51-2.15,5.51-5.2,5.51Z" style="fill: var(--font-color);"/>
|
|
122
130
|
<path d="M19.8.26l-.74,9.12c-.35-.04-.7-.06-1.06-.06-.45,0-.89.03-1.32.1l-.42-4.42c-.01-.14.1-.26.24-.26h.75l-.36-4.47c-.01-.14.1-.26.23-.26h2.45c.14,0,.25.12.23.26h0ZM13.62.71c-.04-.13-.18-.21-.31-.16l-2.3.84c-.13.05-.19.2-.13.32l1.87,4.08-.71.26c-.13.05-.19.2-.13.32l1.91,4.01c.69-.38,1.44-.67,2.23-.85L13.63.71h-.01ZM7.98,3.25l5.29,7.46c-.67.44-1.28.96-1.8,1.56l-3.17-3.12c-.1-.1-.09-.26.01-.35l.58-.48-3.15-3.19c-.1-.1-.09-.26.02-.35l1.87-1.57c.11-.09.26-.07.34.04h0ZM3.54,7.57c-.11-.08-.27-.04-.34.08l-1.22,2.12c-.07.12-.02.27.1.33l4.06,1.92-.38.65c-.07.12-.02.28.11.33l4.04,1.85c.29-.75.68-1.45,1.16-2.08L3.54,7.57ZM.55,13.33c.02-.14.16-.22.29-.19l8.85,2.31c-.23.75-.36,1.54-.38,2.36l-4.43-.36c-.14-.01-.24-.14-.21-.28l.13-.74-4.47-.42c-.14-.01-.23-.14-.21-.28l.42-2.41h0ZM.22,19.31c-.14.01-.23.14-.21.28l.43,2.41c.02.14.16.22.29.19l4.34-1.13.13.74c.02.14.16.22.29.19l4.28-1.18c-.25-.74-.41-1.53-.45-2.34L.21,19.31h.01ZM1.64,25.65c-.07-.12-.02-.27.1-.33l8.26-3.92c.31.74.73,1.43,1.23,2.05l-3.62,2.58c-.11.08-.27.05-.34-.07l-.38-.66-3.69,2.55c-.11.08-.27.04-.34-.08l-1.23-2.12h.01ZM11.65,23.93l-6.43,6.51c-.1.1-.09.26.02.35l1.88,1.57c.11.09.26.07.34-.04l2.6-3.66.58.49c.11.09.27.07.35-.05l2.52-3.66c-.68-.42-1.31-.93-1.85-1.51h-.01ZM10.38,34.38c-.13-.05-.19-.2-.13-.32l3.81-8.32c.7.36,1.46.63,2.25.78l-1.12,4.3c-.03.13-.18.21-.31.16l-.71-.26-1.19,4.33c-.04.13-.18.21-.31.16l-2.3-.84h.01ZM16.94,26.63l-.74,9.12c-.01.14.1.26.23.26h2.45c.14,0,.25-.12.23-.26l-.36-4.47h.75c.14,0,.25-.12.24-.26l-.42-4.42c-.43.07-.87.1-1.32.1-.36,0-.71-.02-1.06-.07h0ZM25.76,1.94c.06-.13,0-.27-.13-.32l-2.3-.84c-.13-.05-.27.03-.31.16l-1.19,4.33-.71-.26c-.13-.05-.27.03-.31.16l-1.12,4.3c.8.16,1.55.43,2.25.78l3.82-8.31h0ZM30.78,5.57l-6.43,6.51c-.54-.58-1.16-1.09-1.85-1.51l2.52-3.66c.08-.11.24-.14.35-.05l.58.49,2.6-3.66c.08-.11.24-.13.34-.04l1.88,1.57c.11.09.11.25.02.35h-.01ZM34.26,10.69c.13-.06.17-.21.1-.33l-1.23-2.12c-.07-.12-.23-.15-.34-.08l-3.69,2.55-.38-.65c-.07-.12-.23-.16-.34-.07l-3.62,2.58c.5.62.91,1.31,1.23,2.05l8.26-3.92h.01ZM35.56,14.01l.42,2.41c.02.14-.07.26-.21.28l-9.11.85c-.04-.82-.2-1.6-.45-2.34l4.28-1.18c.13-.04.27.05.29.19l.13.74,4.34-1.13c.13-.03.27.05.29.19h.02ZM35.15,22.86c.13.03.27-.05.29-.19l.42-2.41c.02-.14-.07-.26-.21-.28l-4.47-.42.13-.74c.02-.14-.07-.26-.21-.28l-4.43-.36c-.02.82-.15,1.61-.38,2.36l8.85,2.31h0ZM32.79,28.36c-.07.12-.23.15-.34.08l-7.53-5.2c.48-.63.87-1.33,1.16-2.08l4.04,1.85c.13.06.18.21.11.33l-.38.65,4.06,1.92c.12.06.17.21.1.33l-1.22,2.12h0ZM22.72,25.29l5.29,7.46c.08.11.24.13.34.04l1.87-1.57c.11-.09.11-.25.02-.35l-3.15-3.19.58-.48c.11-.09.11-.25.01-.35l-3.17-3.12c-.53.6-1.13,1.13-1.8,1.56h0ZM22.67,35.45c-.13.05-.27-.03-.31-.16l-2.42-8.82c.79-.18,1.54-.47,2.23-.85l1.91,4.01c.06.13,0,.28-.13.32l-.71.26,1.87,4.08c.06.13,0,.27-.13.32l-2.3.84h-.01Z" style="fill: var(--font-color); fill-rule: evenodd;"/>
|
|
@@ -124,7 +132,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
124
132
|
}
|
|
125
133
|
google() {
|
|
126
134
|
return svg `
|
|
127
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
128
135
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 272 92">
|
|
129
136
|
<path d="M115.75,47.18c0,12.77-9.99,22.18-22.25,22.18s-22.25-9.41-22.25-22.18,9.99-22.18,22.25-22.18,22.25,9.32,22.25,22.18ZM106.01,47.18c0-7.98-5.79-13.44-12.51-13.44s-12.51,5.46-12.51,13.44,5.79,13.44,12.51,13.44,12.51-5.55,12.51-13.44Z" style="fill: var(--font-color);"/>
|
|
130
137
|
<path d="M163.75,47.18c0,12.77-9.99,22.18-22.25,22.18s-22.25-9.41-22.25-22.18,9.99-22.18,22.25-22.18,22.25,9.32,22.25,22.18ZM154.01,47.18c0-7.98-5.79-13.44-12.51-13.44s-12.51,5.46-12.51,13.44,5.79,13.44,12.51,13.44,12.51-5.55,12.51-13.44Z" style="fill: var(--font-color);"/>
|
|
@@ -137,7 +144,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
137
144
|
}
|
|
138
145
|
apigee() {
|
|
139
146
|
return svg `
|
|
140
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
141
147
|
<svg id="svg3368" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 172.34">
|
|
142
148
|
<g id="layer1">
|
|
143
149
|
<g id="g7">
|
|
@@ -154,7 +160,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
154
160
|
}
|
|
155
161
|
mongodb() {
|
|
156
162
|
return svg `
|
|
157
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
158
163
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1112.61 300">
|
|
159
164
|
<path d="M134.44,120.34c-15.31-67.54-47.22-85.52-55.36-98.23-3.36-5.6-6.33-11.42-8.9-17.42-.43,6-1.22,9.78-6.32,14.33C53.62,28.15,10.13,63.59,6.47,140.33c-3.41,71.55,52.6,115.67,60,120.23,5.69,2.8,12.62.06,16-2.51,27-18.53,63.89-67.93,52-137.71" style="fill: #f6f;"/>
|
|
160
165
|
<path d="M72.5,222.46c-1.41,17.71-2.42,28-6,38.12,0,0,2.35,16.86,4,34.72h5.84c1.39-12.58,3.52-25.06,6.37-37.39-7.56-3.72-9.92-19.91-10.21-35.45Z" style="fill: #b8c4c2;"/>
|
|
@@ -172,7 +177,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
172
177
|
elastic() {
|
|
173
178
|
return svg `
|
|
174
179
|
|
|
175
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
176
180
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 857">
|
|
177
181
|
<path d="M860.36,449.23c.16-71.54-44.68-135.44-112-159.64,25.31-132.16-61.31-259.8-193.47-285.11-14.86-2.84-29.95-4.3-45.08-4.35-78.08-.09-151.43,37.39-197.09,100.73-56.42-43.58-137.49-33.17-181.07,23.26-17.46,22.61-26.93,50.36-26.93,78.93.05,15.38,2.76,30.63,8,45.09C24.33,279.76-21.7,377.06,9.93,465.47c17.1,47.8,54.67,85.46,102.44,102.67-25.61,131.4,60.14,258.69,191.54,284.3,93.04,18.14,188.12-19.63,243.37-96.66,22.44,17.84,50.24,27.57,78.91,27.64,71.29-.02,129.07-57.8,129.09-129.09-.05-15.38-2.76-30.63-8-45.09,67.51-24.36,112.66-88.23,113.09-160" style="fill: var(--font-color);"/>
|
|
178
182
|
<path d="M338.18,369.23l188.36,85.82,189.82-166.55c2.81-13.76,4.15-27.78,4-41.82.08-117.18-94.85-212.25-212.03-212.33-70.08-.05-135.66,34.5-175.24,92.33l-31.64,164,36.73,78.55Z" style="fill: #62c4ff;"/>
|
|
@@ -187,7 +191,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
187
191
|
}
|
|
188
192
|
kong() {
|
|
189
193
|
return svg `
|
|
190
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
191
194
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 246">
|
|
192
195
|
<path d="M542.76,152.79h27.52v-42.32h-27.52v42.32ZM570.13,93.83h21.13v78.6c0,13-1.37,15.27-4.86,18.74-2.74,2.87-7.15,4.23-14.75,4.23h-30.87l-9.58-10.58v-4.39h38.93v-10.73h-26.61c-8.06,0-12.17-1.51-15.51-4.83-4.41-4.53-6.24-14.36-6.24-32.95s2.13-28.87,6.69-33.56c3.5-3.33,7.76-4.69,15.36-4.69l15.82.15,10.49,9.52v-9.52h0ZM320.77,72.98h24.93l-35.89,45.35,37.41,51.24h-26.45l-28.44-40.21h-6.69v40.21h-22.5v-96.59h22.5v37.49h6.69l28.44-37.49h0ZM484.99,117.71v-6.96h-25.85v58.5h-20.98v-75.42h20.98v9.52l10.49-9.52h6.08c.91-.15,1.98-.15,3.04-.15h9.12c6.38,0,10.49,1.36,13.38,4.23,3.2,3.03,4.41,6.96,4.41,18.14v53.21h-20.98v-50.64c.3-.3.3-.6.3-.9h0ZM374.44,152.63h27.52v-42.32h-27.52v42.32h0ZM375.36,169.26c-7.6,0-11.71-1.21-14.9-4.69-4.86-4.99-6.84-11.79-6.84-33.1s1.98-28.11,6.84-33.26c3.2-3.33,7.3-4.53,14.9-4.53h25.54c7.6,0,11.71,1.21,14.9,4.53,4.86,5.14,6.84,11.79,6.84,33.26s-1.98,28.11-6.84,33.1c-3.34,3.47-7.3,4.69-14.9,4.69h-25.54Z" style="fill: var(--font-color);"/>
|
|
193
196
|
<g>
|
|
@@ -201,7 +204,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
201
204
|
}
|
|
202
205
|
redhat() {
|
|
203
206
|
return svg `
|
|
204
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
205
207
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 613 145">
|
|
206
208
|
<path d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46.04-1.15-.07-2.3-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5c-5.82,0-7.51,7.5-14.45,7.5s-11.64-5.6-17.89-5.6-9.91,4.09-12.93,12.5c0,0-8.41,23.72-9.49,27.16-.17.63-.25,1.29-.22,1.94,0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77-46.76.03-87.72-27.37-87.72-45.48,0-2.52.51-5.02,1.51-7.33-16.82.84-38.59,3.84-38.59,23.06,0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78" style="fill: #f6f;"/>
|
|
207
209
|
<path d="M579.74,92.8c0,11.89,7.15,17.67,20.19,17.67,4.01-.1,8-.66,11.89-1.68v-13.79c-2.48.79-5.08,1.18-7.68,1.16-5.37,0-7.36-1.68-7.36-6.73v-21.13h15.56v-14.2h-15.56v-18l-17,3.68v14.32h-11.29v14.2h11.25v24.5h0ZM526.74,93.12c0-3.68,3.69-5.47,9.26-5.47,3.4.02,6.79.44,10.1,1.26v7.15c-3.26,1.78-6.92,2.69-10.63,2.63-5.46,0-8.73-2.1-8.73-5.57ZM531.94,110.68c6,0,10.84-1.26,15.36-4.31v3.37h16.82v-35.66c0-13.56-9.14-21-24.39-21-8.52,0-16.94,2-26,6.1l6.1,12.52c6.52-2.74,12-4.42,16.83-4.42,7,0,10.62,2.73,10.62,8.31v2.73c-4.12-1.07-8.36-1.6-12.62-1.58-14.31,0-22.93,6-22.93,16.73,0,9.78,7.78,17.24,20.19,17.24l.02-.03ZM439.48,109.77h18.09v-28.85h30.29v28.82h18.14V36.12h-18.07v28.29h-30.29v-28.29h-18.09l-.07,73.65h0ZM370.62,81.87c0-8,6.31-14.1,14.62-14.1,4.32-.09,8.52,1.45,11.76,4.32v19.45c-3.17,2.99-7.4,4.6-11.76,4.46-8.2,0-14.62-6.1-14.62-14.09v-.04ZM397.23,109.78h16.83V32.44l-17,3.68v20.93c-4.33-2.45-9.23-3.72-14.2-3.68-16.19,0-28.92,12.51-28.92,28.5-.19,15.6,12.3,28.4,27.9,28.6.17,0,.34,0,.5,0,5.36.03,10.6-1.67,14.93-4.83l-.04,4.14h0ZM320,67c5.36,0,9.88,3.47,11.67,8.83h-23.2c1.68-5.53,5.89-8.83,11.53-8.83ZM291.33,82c0,16.2,13.25,28.82,30.28,28.82,9.36,0,16.2-2.53,23.25-8.42l-11.26-10c-2.63,2.74-6.52,4.21-11.14,4.21-5.95.17-11.38-3.34-13.68-8.83h39.65v-4.23c0-17.67-11.88-30.39-28.08-30.39-15.78-.24-28.76,12.36-29,28.14,0,.22,0,.45,0,.67,0,0-.02.03-.02.03ZM262,51.58c6,0,9.36,3.78,9.36,8.31s-3.36,8.31-9.36,8.31h-17.89v-16.62h17.89ZM226,109.74h18.09v-26.82h13.77l13.89,26.82h20.25l-16.2-29.45c8.42-3.43,13.92-11.63,13.88-20.72,0-13.25-10.41-23.45-26-23.45h-37.68v73.62h0Z" style="fill: var(--font-color);"/>
|
|
@@ -209,7 +211,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
209
211
|
}
|
|
210
212
|
apache() {
|
|
211
213
|
return svg `
|
|
212
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
213
214
|
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7127.6 2890">
|
|
214
215
|
<defs>
|
|
215
216
|
<linearGradient id="linear-gradient" x1="-2573.52" y1="7308.78" x2="-2165.31" y2="6831.45" gradientTransform="translate(8801.08 1001.42) rotate(-65) scale(1 -1)" gradientUnits="userSpaceOnUse">
|
|
@@ -311,7 +312,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
311
312
|
}
|
|
312
313
|
hashicorp() {
|
|
313
314
|
return svg `
|
|
314
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
315
315
|
<svg id="Logos" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 253.44 52.56">
|
|
316
316
|
<path d="M63.41,12.16h5.29v11.37h12.13v-11.37h5.33v27.83h-5.33v-11.69h-12.13v11.69h-5.29s0-27.83,0-27.83Z" style="fill: var(--font-color);"/>
|
|
317
317
|
<path d="M89.54,34.59c0-4.18,2.94-5.57,6.53-6.41l6.05-1.39v-.48c0-2.03-1.31-3.3-3.42-3.3s-3.34,1.15-3.74,3.06l-4.54-.52c.68-3.82,3.9-6.29,8.47-6.29,5.05,0,8.36,3.18,8.36,7.84v8.16c0,.52.16.68.52.68h1.11v4.06h-3.1c-1.95,0-2.82-.64-2.82-2.23,0-.48.08-1.03.28-1.75l-.44-.16c-1.43,3.1-3.54,4.46-6.53,4.46-4.1,0-6.72-2.27-6.72-5.73ZM97.62,36.58c2.63,0,4.5-1.91,4.5-4.93v-1.59l-4.34,1.03c-2.19.52-3.1,1.27-3.1,2.94s1.15,2.55,2.94,2.55Z" style="fill: var(--font-color);"/>
|
|
@@ -329,7 +329,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
329
329
|
}
|
|
330
330
|
speakeasy() {
|
|
331
331
|
return svg `
|
|
332
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
333
332
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 40">
|
|
334
333
|
<g>
|
|
335
334
|
<path d="M142.74,19.11l-2.97-1.05c-.81-.29-1.41-.64-1.8-1.08-.39-.44-.6-1.02-.6-1.75,0-.82.3-1.49.87-2.01.57-.53,1.35-.79,2.25-.79,1.02,0,1.83.29,2.43.88.6.58.9,1.34.9,2.25v.29h2.76v-.29c0-1.08-.24-2.04-.75-2.89-.51-.85-1.23-1.49-2.13-1.96-.93-.47-1.98-.7-3.18-.7s-2.19.23-3.09.7c-.9.47-1.59,1.11-2.1,1.9-.51.82-.75,1.75-.75,2.77,0,1.17.33,2.19.96,3.09.63.91,1.71,1.61,3.21,2.13l2.64.91c.87.32,1.5.73,1.89,1.2.42.47.63,1.11.63,1.9,0,.55-.15,1.08-.42,1.52-.27.47-.66.82-1.17,1.08-.51.26-1.05.38-1.65.38-.99,0-1.8-.29-2.43-.88-.63-.58-.93-1.34-.93-2.31v-.32h-2.73v.26c0,1.11.24,2.07.75,2.95.51.85,1.23,1.52,2.16,1.99.93.47,1.98.7,3.18.7s2.25-.23,3.15-.7c.93-.47,1.62-1.14,2.13-1.99.51-.85.75-1.84.75-2.92,0-1.2-.3-2.28-.93-3.18-.6-.85-1.62-1.55-3.03-2.07Z" style="fill: var(--font-color);"/>
|
|
@@ -350,7 +349,6 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
350
349
|
}
|
|
351
350
|
scalar() {
|
|
352
351
|
return svg `
|
|
353
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
354
352
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1231 227">
|
|
355
353
|
<path d="M123.39,39.57c1.5,0,3.01,1.25,3.01,3.01v33.56l23.54-23.79c1.25-1.25,3.26-1.25,4.26,0l18.03,18.03c1,1,1.25,3.01,0,4.01v.25l-23.79,23.54h33.56c1.75,0,3.01,1.25,3.01,3.01v25.3c0,1.75-1.25,3.01-3.01,3.01h-33.56l23.79,23.54c1,1.25,1.25,3.26,0,4.26l-18.03,18.03c-1,1-3.01,1.25-4.01,0h-.25l-23.54-23.79v33.56c0,1.75-1.25,3.01-3.01,3.01h-25.3c-1.75,0-3.01-1.25-3.01-3.01v-17.53c0-5.51,2.25-10.77,6.01-14.78l32.56-32.56c3.51-3.51,3.51-9.27,0-12.77l-32.31-32.31c-3.96-3.9-6.21-9.22-6.26-14.78v-17.78c0-1.75,1.25-3.01,3.01-3.01h25.3ZM71.04,52.59h.25l54.85,54.85c3.51,3.51,3.51,9.27,0,12.77l-54.85,55.1c-1,1.25-3.01,1.25-4.26,0l-17.78-17.53c-1-1.25-1.25-3.01,0-4.26l23.79-24.04h-33.56c-1.75,0-3.01-1.25-3.01-3.01v-25.3c0-1.75,1.25-3.01,3.01-3.01h33.56l-23.79-23.54c-1-1.25-1-3.01,0-4.26l17.78-17.78c1-1.25,3.01-1.25,4.01,0" style="fill: var(--font-color); fill-rule: evenodd;"/>
|
|
356
354
|
<g>
|
|
@@ -368,6 +366,33 @@ let LogoWall = class LogoWall extends LitElement {
|
|
|
368
366
|
</svg>
|
|
369
367
|
`;
|
|
370
368
|
}
|
|
369
|
+
bump() {
|
|
370
|
+
return svg `
|
|
371
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1168 211" fill="none">
|
|
372
|
+
<path d="M1056.93 168.094V0.833008H1085.84V67.3702C1093.64 54.9805 1107.17 47.1796 1123.92 47.1796C1149.85 47.1796 1167.29 64.1581 1167.29 90.0847V168.094H1138.38V96.9678C1138.38 82.7426 1129.43 72.8767 1115.43 72.8767C1096.62 72.8767 1085.84 88.9375 1085.84 116.011V168.094H1056.93Z" fill="var(--font-color)"/>
|
|
373
|
+
<path d="M1000.65 169.93C969.909 169.93 949.26 152.264 948.113 126.796H976.334C977.022 135.744 986.429 145.38 1000.65 145.38C1012.13 145.38 1020.16 140.333 1020.16 132.991C1020.16 126.796 1015.34 123.125 1007.31 121.519L988.723 117.618C970.368 113.718 953.619 104.77 953.619 81.367C953.619 62.7825 970.598 47.1807 998.13 47.1807C1024.06 47.1807 1044.25 61.4059 1047.23 85.038H1019.01C1017.63 75.4016 1007.77 70.354 998.13 70.354C988.953 70.354 982.299 74.4839 982.299 81.367C982.299 87.103 987.347 90.5446 995.148 92.1506L1013.73 96.0511C1033.92 100.181 1049.52 107.982 1049.52 132.302C1049.52 152.952 1030.02 169.93 1000.65 169.93Z" fill="var(--font-color)"/>
|
|
374
|
+
<path d="M782.077 211V49.0162H810.986V63.0119C817.41 53.6049 830.718 47.1807 846.32 47.1807C880.277 47.1807 902.073 72.4189 902.073 108.441C902.073 144.692 878.9 169.93 844.255 169.93C830.259 169.93 817.64 164.424 810.986 155.935V211H782.077ZM841.043 144.922C859.627 144.922 872.476 130.467 872.476 108.441C872.476 86.6441 859.627 72.1895 841.043 72.1895C821.999 72.1895 809.151 86.6441 809.151 108.441C809.151 130.467 821.999 144.922 841.043 144.922Z" fill="var(--font-color)"/>
|
|
375
|
+
<path d="M587.187 168.095V49.0162H616.097V67.6007C622.521 55.4405 633.993 47.1807 650.512 47.1807C669.326 47.1807 682.404 55.211 687.681 69.6657C694.106 57.276 708.331 47.1807 727.145 47.1807C752.613 47.1807 769.362 63.7003 769.362 87.3324V168.095H740.452V95.3628C740.452 80.9081 732.422 71.7306 718.656 71.7306C701.907 71.7306 692.729 86.1852 692.729 107.523V168.095H663.82V95.3628C663.82 80.9081 655.789 71.7306 642.023 71.7306C625.504 71.7306 616.097 86.4147 616.097 107.752V168.095H587.187Z" fill="var(--font-color)"/>
|
|
376
|
+
<path d="M573.66 49.0156V168.094H544.751V149.739C536.95 161.899 523.184 169.93 506.664 169.93C480.738 169.93 463.3 152.951 463.3 127.025V49.0156H492.209V120.371C492.209 134.367 501.158 144.233 515.153 144.233C533.738 144.233 544.751 128.172 544.751 101.328V49.0156H573.66Z" fill="var(--font-color)"/>
|
|
377
|
+
<path d="M399.866 169.929C384.264 169.929 371.186 163.046 365.909 154.098V168.094H337V0.833008H365.909V62.552C372.792 53.3745 385.641 47.1796 400.325 47.1796C434.97 47.1796 456.767 72.1884 456.767 108.44C456.767 144.691 435.2 169.929 399.866 169.929ZM395.736 144.92C414.55 144.92 427.399 130.236 427.399 108.44C427.399 86.6431 414.55 72.1884 395.736 72.1884C376.693 72.1884 363.844 86.6431 363.844 108.44C363.844 130.466 376.693 144.92 395.736 144.92Z" fill="var(--font-color)"/>
|
|
378
|
+
<path d="M249.075 57.6393C248.912 22.3633 223.609 0.833008 187.327 0.833008C151.045 0.833008 125.842 22.6903 125.804 57.4255C125.804 59.0227 125.666 71.5611 125.49 87.6585C125.477 88.9036 123.717 89.1299 123.39 87.9226C116.661 62.3931 94.0245 47.3646 63.7034 47.3646C27.283 47.3646 2.1685 69.2597 2.1685 104.058C2.1685 104.787 0.910889 168.095 0.910889 168.095H250.308C250.308 168.095 249.327 62.0661 249.088 57.6393H249.075Z" fill="var(--font-color)"/>
|
|
379
|
+
<rect x="906.578" y="138.473" width="29.4435" height="29.4435" fill="var(--font-color)"/>
|
|
380
|
+
</svg>
|
|
381
|
+
`;
|
|
382
|
+
}
|
|
383
|
+
apideck() {
|
|
384
|
+
return svg `
|
|
385
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3100 740">
|
|
386
|
+
<path d="M702.83,678.91V214.14h90.29v43.5c5.54-5.38,9.17-12.5,14.49-18.14,44.69-47.43,128.97-44.2,179.24-7.48,85.77,62.64,89.86,231.69,10.65,301.12-56.52,49.54-154.82,47.05-199.54-16.94v162.71h-95.14ZM824.11,476.38c40.41,37.04,105.04,21.62,124.98-29.47,26.47-67.82,2.13-192.38-94.87-168.09-72.09,18.05-76.36,155.17-30.12,197.56Z" style="fill: var(--font-color)"/>
|
|
387
|
+
<path d="M305.38,450.95c8.52-101.49,128.05-83.87,195.91-102.7,28.09-7.79,40.32-20.92,30.66-51.58-12.38-39.28-98.31-38.31-115.19.14-2.16,4.92-4.54,23.65-5.76,23.65h-95.13c4.84-110.26,131.5-125.74,217.81-111.7,42.58,6.92,88.39,28.35,94.85,75.99,10.61,78.14-13.17,187.76,7.97,261.88.52,1.84,6.1,12.26,3.85,12.26h-94.32c-4.15,0-6.46-31.09-7.67-32.22-.8-.75-14.79,12.27-17.15,13.87-67.82,46.01-207.82,39.35-215.83-63.81-.55-7.04-.59-18.76,0-25.78ZM534.33,391.35c-34.91,25.1-129.71,4.27-133.8,64.05-2.85,41.67,30.29,50.3,64.9,48.74,67.61-3.06,71.83-58.03,68.89-112.79Z" style="fill: var(--font-color)"/>
|
|
388
|
+
<path d="M1618.65,82.84v474.84c0,.09-1.12,1.21-1.21,1.21h-88.68c-.09,0-1.21-1.12-1.21-1.21v-43.09c-26.73,45.76-78.67,56.97-128.47,51.43-163-18.15-178.47-302.63-28.55-353.71,46.51-15.84,106.33-7.98,140.92,28.79,4.35,4.63,7.27,10.75,12.07,14.92V82.84h95.13ZM1387.62,300.69c-51.17,58.89-28.19,216.71,78.66,193.36,71.09-15.54,74.79-144.45,37.4-191.22-28.12-35.18-86.69-35.93-116.06-2.14Z" style="fill: var(--font-color)"/>
|
|
389
|
+
<path d="M2558.65,82.84v253.73l118.91-122.43h112.46l-129.64,126.86,144.15,217.89h-114.07l-94.74-153.85c-3.6,4.56-37.07,32.49-37.07,35.04v118.81h-93.92c-.09,0-1.21-1.12-1.21-1.21V82.84h95.13Z" style="fill: var(--font-color)"/>
|
|
390
|
+
<path d="M2016.9,409.07h-247.9c-6.53,0,8.71,47.55,11.34,52.31,27.18,49.28,111.88,44.74,142.58-.82,1.47-2.18,3.22-8.79,3.69-8.79h83.84c-24.35,88.95-99.62,122.94-187.42,114.36-214.57-20.97-197.6-373.22,37.09-361.67,108.48,5.33,164.43,104.28,156.77,204.62ZM1920.96,348.65c-5.82-34.97-21.55-66.51-60.17-71.58-49.75-6.52-89.17,20.25-93,71.58h153.17Z" style="fill: var(--font-color)"/>
|
|
391
|
+
<path d="M2399.83,335.77h-92.71c-.82,0-2.95-13.57-3.81-15.93-13.4-36.7-45.88-49.55-83.41-41.82-83.97,17.29-85.38,203.01.79,217,43.24,7.02,72.8-11.48,86.02-52.13.81-2.49,2.77-16.91,3.63-16.91h90.7c2.72,0-3.85,26.19-4.67,29.17-23.71,86.48-100.79,119.48-185.57,110.97-197.68-19.84-198.74-328.66-8.63-358.97,89.71-14.3,193.43,26.54,197.66,128.62Z" style="fill: var(--font-color)"/>
|
|
392
|
+
<rect x="1112.37" y="214.14" width="95.94" height="344.75" style="fill: var(--font-color)"/>
|
|
393
|
+
<rect x="1112.37" y="82.84" width="95.94" height="78.13" style="fill: var(--font-color)"/>
|
|
394
|
+
</svg>`;
|
|
395
|
+
}
|
|
371
396
|
};
|
|
372
397
|
LogoWall.styles = [logoWallCss];
|
|
373
398
|
__decorate([
|