feat: pre-populate cloud signin page

src/components/section/cloud/SectionCloudSigninAuthenticate.vue

@@ -17,6 +17,34 @@
       tint="gradient"
     )
       | Log in to your workspace
+
+    .c-section-cloud-signin-authenticate__form
+      form-titled-field(
+        title="Work email address"
+        class="c-section-cloud-signin-authenticate__part"
+      )
+        form-field(
+          name="account_email"
+          type="email"
+          align="left"
+          size="mid-large"
+          placeholder="Enter your account email…"
+          autofocus
+          submittable
+        )
+
+      form-titled-field(
+        title="Your password"
+        class="c-section-cloud-signin-authenticate__part"
+      )
+        form-field(
+          name="account_password"
+          type="password"
+          align="left"
+          size="mid-large"
+          placeholder="Enter your password…"
+          submittable
+        )
 </template>
 
 <!-- **********************************************************************
@@ -28,3 +56,26 @@ export default {
   name: "SectionCloudSigninAuthenticate"
 };
 </script>
+
+<!-- **********************************************************************
+     STYLE
+     ********************************************************************** -->
+
+<style lang="scss">
+$c: ".c-section-cloud-signin-authenticate";
+
+#{$c} {
+  #{$c}__form {
+    max-width: 460px;
+    margin: 100px auto 0;
+  }
+
+  #{$c}__part {
+    margin-bottom: 40px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+</style>