summaryrefslogtreecommitdiffhomepage
path: root/cloud/web/src
diff options
context:
space:
mode:
Diffstat (limited to 'cloud/web/src')
-rw-r--r--cloud/web/src/pages/index.tsx5
-rw-r--r--cloud/web/src/pages/lander.module.css86
2 files changed, 4 insertions, 87 deletions
diff --git a/cloud/web/src/pages/index.tsx b/cloud/web/src/pages/index.tsx
index 903a3afd9..116ed156c 100644
--- a/cloud/web/src/pages/index.tsx
+++ b/cloud/web/src/pages/index.tsx
@@ -24,9 +24,12 @@ export default function Index() {
</section>
<section data-slot="cta">
- <div data-slot="col-2">
+ <div>
<span onClick={() => auth.authorize({ provider: "github" })}>Sign in with GitHub</span>
</div>
+ <div>
+ <span onClick={() => auth.authorize({ provider: "google" })}>Sign in with Google</span>
+ </div>
</section>
</div>
</div>
diff --git a/cloud/web/src/pages/lander.module.css b/cloud/web/src/pages/lander.module.css
index b66ed5fa7..251e243fb 100644
--- a/cloud/web/src/pages/lander.module.css
+++ b/cloud/web/src/pages/lander.module.css
@@ -80,90 +80,4 @@
border-left: 2px solid var(--color-border);
}
}
-
- [data-slot="images"] {
- display: flex;
- flex-direction: row;
- align-items: stretch;
- justify-content: space-between;
- border-top: 2px solid var(--color-border);
-
- & > div {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: calc(var(--padding) / 4);
- padding: calc(var(--padding) / 2);
- border-width: 0;
- border-style: solid;
- border-color: var(--color-border);
-
- & > div, a {
- flex: 1;
- display: flex;
- align-items: center;
- }
- }
-
- p {
- letter-spacing: -0.03125rem;
- text-transform: uppercase;
- color: var(--color-text-dimmed);
- }
-
- & > div + div {
- border-width: 0 0 0 2px;
- }
-
- @media (max-width: 30rem) {
- & {
- flex-direction: column;
- }
- & > div + div {
- border-width: 2px 0 0 0;
- }
- }
- }
-
- [data-slot="content"] {
- border-top: 2px solid var(--color-border);
- padding: var(--padding);
-
- & > p {
- line-height: var(--font-line-height);
- }
-
- ol {
- margin-top: calc(var(--vertical-padding) / 2);
- padding-left: 2.5rem;
- list-style-type: decimal;
- line-height: var(--font-line-height);
-
- & > li + li {
- margin-top: calc(var(--vertical-padding) / 2);
- }
-
- & > li b {
- text-transform: uppercase;
- }
- }
-
- }
-
- [data-slot="footer"] {
- border-top: 2px solid var(--color-border);
- display: flex;
- flex-direction: row;
-
- & > div {
- flex: 1;
- text-align: center;
- text-transform: uppercase;
- padding: calc(var(--padding) / 2) 0.5rem;
- }
-
- & > div + div {
- border-left: 2px solid var(--color-border);
- }
- }
}