From 0980bb1f83e5afe920c042c40f0895feccf717bb Mon Sep 17 00:00:00 2001 From: Nate Date: Fri, 24 Sep 2021 15:11:13 -0400 Subject: [PATCH] Style the community form * Add custom checkboxes * Reorganize form * Update copy * Update signup.hbs with new style --- server/styles.css | 50 +++++++++++++++++++ server/templates/community.hbs | 89 ++++++++++++++++++++++++++-------- server/templates/releases.hbs | 4 +- server/templates/signup.hbs | 31 ++++++------ 4 files changed, 134 insertions(+), 40 deletions(-) diff --git a/server/styles.css b/server/styles.css index 9eee7fa97fb45b914c85fb27c76d5b85877d9372..71b036caa75373d50622c648e7a1904620aa20fb 100644 --- a/server/styles.css +++ b/server/styles.css @@ -83,4 +83,54 @@ margin-right: 0; } } + + :root { + --color: white; + --disabled: #959495; + } + + .checkbox { + color: var(--color); + } + + .checkbox--disabled { + color: var(--disabled); + } + + .checkbox__control { + width: 1.5rem; + height: 1.5rem; + border: 1px solid white; + } + + .checkbox__control svg { + transform: scale(0); + transform-origin: center center; + } + + .checkbox__input { + + } + + .checkbox__input * { + + } + + .checkbox__input input { + opacity: 0; + width: 1.5rem; + height: 1.5rem; + } + + .checkbox__input input:focus + .checkbox__control { + box-shadow: 0 0 0 2px #000, 0 0 0 4px #3b57bc99 + } + + .checkbox__input input:checked + .checkbox__control svg { + transform: scale(1); + } + + .checkbox__input input:disabled + .checkbox__control { + color: var(--disabled); + } } diff --git a/server/templates/community.hbs b/server/templates/community.hbs index ead45109a73a08247f9974fec197726143e905fb..74664f4596dd6bfcd15384b5b63f8653c8edc47a 100644 --- a/server/templates/community.hbs +++ b/server/templates/community.hbs @@ -1,40 +1,87 @@ {{#> layout }} -
+

We’re building a community of passionate developers & advocates.

-

Be the first to join a community of builders that want to make the future.

+

We think there’s a better way to write code, and we hope to share it with you soon.

+ +

If you would like to get involved early, sign up for the Zed Universe community below and we will let you know when it opens.

+
- - -
    -
  • - -
    - -

    Get updates on beta releases, and when Zed launches.

    +
  • + + + + + + + +
    + +

    + Get updates on early releases, and when Zed launches. +

  • - -
    - -

    Receive occasional email updates on the development of Zed and it's tech

    + + + + + + + +
    + +

    + Receive occasional email updates on Zed's progress and the tech we are building. +

  • - -
    - -

    Join the waitlist for our alpha tester community to get early access to releases and contribute to Zed's development through testing & feedback.

    + + + + + + + +
    + +

    + Join the waitlist for our alpha tester community to get early access to releases and contribute to Zed's development through testing & feedback. +

+
+ - - + +
+ + + + -

We'll never spam your email — You can expect an email every 1 to 3 months from us if you sign up for updates, and occasional emails about public testing releases.

+

+ We'll never spam you — You can expect an email every 1 to 3 months from us if you sign up for updates, and occasional emails about public testing releases. +

+
{{/layout}} diff --git a/server/templates/releases.hbs b/server/templates/releases.hbs index afa0ee5bb14f9d5633b383682969a000430cc223..0cee670e15f24df314e9033f8ae8e7218529100a 100644 --- a/server/templates/releases.hbs +++ b/server/templates/releases.hbs @@ -5,7 +5,7 @@

Releases

Zed is currently only available on OS X.

-

We are frequently shipping new versions, check back reguarly to get the most recent version. If you run into an issue you think we might not know about use the "new issue" links by the appropriate version to let us know about it.

+

We are frequently shipping new versions, check back regularly to get the most recent version.

{{#if releases}}