chore(corp/rih): reverse form order r/6232

This makes more sense to me.

Change-Id: I013bf9457f20a31a9762768607f4094358e1b7cb
Reviewed-on: https://cl.tvl.fyi/c/depot/+/8693
Tested-by: BuildkiteCI
Reviewed-by: tazjin <tazjin@tvl.su>

1 files changed, 34 insertions, 31 deletions

diff --git a/corp/rih/src/home.html b/corp/rih/src/home.html
index 2098e9a6dd6f..7f2614497949 100644
--- a/corp/rih/src/home.html
+++ b/corp/rih/src/home.html
@@ -83,41 +83,11 @@ html! {
 
     <div class="row my-3">
       <div class="col-7 mx-auto">
-        <p>{"Let's get started with a few basic personal details ..."}</p>
+        <p>{"Let's get started with you telling us a bit about what kind of job you would like!"}</p>
       </div>
 
       <div class="mx-auto col-6 border rounded-3 shadow">
         <form class="m-3">
-          <div class="mb-3">
-            <label for="name" class="form-label">{"What's your name?"}</label>
-            <input type="text" class="form-control" id="name"
-                   oninput={link.callback(|event| input_message(event, Msg::SetName))} />
-          </div>
-
-          <div class="mb-3">
-            <label for="email" class="form-label">{"What's your email address?"}</label>
-            <input type="email" class="form-control" id="email" aria-describedby="emailHelp"
-                   oninput={link.callback(|event| input_message(event, Msg::SetEmail))}/>
-            <div id="emailHelp" class="form-text">{"No newsletters, no spam - we will only reach out if there's a match!"}</div>
-          </div>
-
-          <div class="mb-3">
-            <label id="citizenship" class="form-label">{"What citizenship do you hold?"}</label>
-            {citizenship_input(self, link)}
-            <div id="citizenshipHelp" class="form-text">{"We need to know this to estimate immigration-related bureaucracy. If you hold more than one citizenship, pick the one with which you'd want to receive a work visa."}</div>
-          </div>
-
-          <div class="mb-3">
-            <label for="personalDetails" class="form-label">{"Other relevant information:"}</label>
-            <textarea class="form-control" id="personalDetails" rows=3
-                      aria-describedby="personalDetailsHelp"
-                      oninput={link.callback(|event| textarea_message(event, Msg::SetPersonalDetails))} >
-            </textarea>
-            <div id="personalDetailsHelp" class="form-text">{"Any specific places where you'd like to live? Would you be moving with family? Any other assistance required?"}</div>
-          </div>
-
-          <hr />
-          <p>{"Now lets have a look at what you'd like to work with!"}</p>
 
           <div class="mb-3">
             <label for="job" class="form-label">{"What job(s) are you looking for?"}</label>
@@ -155,6 +125,39 @@ html! {
             <div id="jobDetailsHelp" class="form-text">{"Tell us a bit about what you're looking for in a job and in an employer."}</div>
           </div>
 
+          <hr/>
+          <p>{"Now we also need some personal details about you:"}</p>
+
+          <div class="mb-3">
+            <label for="name" class="form-label">{"What's your name?"}</label>
+            <input type="text" class="form-control" id="name"
+                   oninput={link.callback(|event| input_message(event, Msg::SetName))} />
+          </div>
+
+          <div class="mb-3">
+            <label for="email" class="form-label">{"What's your email address?"}</label>
+            <input type="email" class="form-control" id="email" aria-describedby="emailHelp"
+                   oninput={link.callback(|event| input_message(event, Msg::SetEmail))}/>
+            <div id="emailHelp" class="form-text">{"No newsletters, no spam - we will only reach out if there's a match!"}</div>
+          </div>
+
+          <div class="mb-3">
+            <label id="citizenship" class="form-label">{"What citizenship do you hold?"}</label>
+            {citizenship_input(self, link)}
+            <div id="citizenshipHelp" class="form-text">{"We need to know this to estimate immigration-related bureaucracy. If you hold more than one citizenship, pick the one with which you'd want to receive a work visa."}</div>
+          </div>
+
+          <div class="mb-3">
+            <label for="personalDetails" class="form-label">{"Other relevant information:"}</label>
+            <textarea class="form-control" id="personalDetails" rows=3
+                      aria-describedby="personalDetailsHelp"
+                      oninput={link.callback(|event| textarea_message(event, Msg::SetPersonalDetails))} >
+            </textarea>
+            <div id="personalDetailsHelp" class="form-text">{"Any specific places where you'd like to live? Would you be moving with family? Any other assistance required?"}</div>
+          </div>
+
+          <button type="submit" class="btn btn-primary" disabled=true>{"Submit"}</button>
+          <p class="pt-2"><i>{"This page is still under construction! Please reach out at contact@ if you have any questions."}</i></p>
         </form>
       </div>