diff options
Diffstat (limited to 'cloud/web/src')
| -rw-r--r-- | cloud/web/src/pages/index.tsx | 5 | ||||
| -rw-r--r-- | cloud/web/src/pages/lander.module.css | 86 |
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); - } - } } |
