Development (#296)

* automated testing * chrome headless * remove test output * fix navigation on refresh * finish about us content * Delete tests_output/nightwatch-html-report directory Signed-off-by: usiiasirrush <[email protected]> * Update docker-image.yml Signed-off-by: usiiasirrush <[email protected]> * use reporter * coveratge report * Update docker-image.yml Signed-off-by: usiiasirrush <[email protected]> * fix screen display issue * Update and rename docker-image.yml to integration-testing.yml Signed-off-by: usiiasirrush <[email protected]> * fix builds * Update README.md Signed-off-by: usiiasirrush <[email protected]> * Update README.md Signed-off-by: usiiasirrush <[email protected]> * add developer tools * prune * Create CODE_OF_CONDUCT.md Signed-off-by: usiiasirrush <[email protected]> * Update docker-build.yml Signed-off-by: usiiasirrush <[email protected]> * cleanup * Create dependabot.yml Signed-off-by: usiiasirrush <[email protected]> * Update and rename GETTING-STARTED.md to GETTING_STARTED.md Signed-off-by: usiiasirrush <[email protected]> * Delete codeql.yml Signed-off-by: usiiasirrush <[email protected]> * Make Membership Zone page * fit text in card * Link unfinished pages to current site * add research and format * Center buttons on membership zone * Accessibility enhancements and icons * left align all cards * Fix Floating icons on Membership Zone (#290) * Staging (#288) (#294) * automated testing * chrome headless * remove test output * fix navigation on refresh * finish about us content * Delete tests_output/nightwatch-html-report directory * Update docker-image.yml * use reporter * coveratge report * Update docker-image.yml * fix screen display issue * Update and rename docker-image.yml to integration-testing.yml * fix builds * Update README.md * Update README.md * add developer tools * prune * Create CODE_OF_CONDUCT.md * Update docker-build.yml * cleanup * Create dependabot.yml * Update and rename GETTING-STARTED.md to GETTING_STARTED.md * Delete codeql.yml * Make Membership Zone page * fit text in card * Link unfinished pages to current site * add research and format * Center buttons on membership zone * Accessibility enhancements and icons * left align all cards --------- Signed-off-by: usiiasirrush <[email protected]> --------- Signed-off-by: usiiasirrush <[email protected]>
Neurodiversity-in-Business · Jul 19, 2023 · 2809824 · 2809824
1 parent 134a5a2
commit 2809824
Show file tree

Hide file tree

Showing 2 changed files with 94 additions and 54 deletions.
diff --git a/src/app/member-start/member-start.component.css b/src/app/member-start/member-start.component.css
@@ -9,6 +9,10 @@ h2 {
   padding: 40px;
 }
 
+h3 {
+  text-align: center;
+}
+
 .card-title,
 .card-text {
   font-size: 12;
@@ -60,8 +64,8 @@ button:hover {
   flex-direction: column;
   display: flex;
 }
-.buttonBlurb.btn-holder {
-  justify-content: flex-end;
+.btn-holder {
+  justify-content:center;
   display: flex;
 }
 .inner-text {

diff --git a/src/app/member-start/member-start.component.html b/src/app/member-start/member-start.component.html
@@ -6,18 +6,59 @@ <h1 id="pageHeader">Membership Zone</h1>
     Neurodiversity in Business (NiB) will recognise three main types of
     membership:
   </p>
+</div>
 
-  <div class="container" style="text-align: center">
-    <div class="row">
-      <div class="col">
-        <object
-          data="../../assets/group-of-people.svg"
-          width="88"
-          height="88"
-        ></object>
-      </div>
-
-      <div class="col">
+<div class="container">
+  <div class="row">
+    <div class="col buttonBlurb">
+      <h3>
+        <svg
+          height="88px"
+          width="88px"
+          version="1.1"
+          id="Capa_1"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          viewBox="0 0 28.832 28.832"
+          xml:space="preserve"
+        >
+          <g>
+            <path
+              style="fill: #010002"
+              d="M11.98,5.373c0-1.584,1.284-2.869,2.869-2.869s2.869,1.284,2.869,2.869s-1.284,2.869-2.869,2.869
+            S11.98,6.957,11.98,5.373z M15.716,15.621c0.616-0.658,1.479-1.075,2.575-1.245c0.249-0.038,0.513-0.061,0.786-0.077
+            c0.088-0.003,0.171-0.012,0.259-0.012h1.707c-1.253-0.521-2.141-1.761-2.141-3.203c0-0.575,0.143-1.12,0.394-1.596
+            c-0.89-0.325-1.711-0.32-1.711-0.32h-5.753c-0.643,0.015-1.183,0.096-1.636,0.23c0.281,0.5,0.442,1.076,0.442,1.686
+            c0,1.442-0.887,2.681-2.142,3.203h1.412c0.017-0.002,0.033-0.002,0.051-0.002c0.1,0,0.209,0.004,0.319,0.012
+            c0.235,0.017,0.492,0.053,0.758,0.107c1.444,0.303,3.186,1.253,3.379,3.527l0.002,0.051v1.774h0.362l0.002-1.774
+            C14.779,17.957,14.729,16.675,15.716,15.621z M6.993,13.983c1.582,0,2.869-1.287,2.869-2.871S8.575,8.243,6.993,8.243
+            c-1.584,0-2.869,1.285-2.869,2.869C4.124,12.695,5.41,13.983,6.993,13.983z M9.728,14.908H3.976
+            c-4.118,0.076-3.975,3.103-3.975,3.103L0,25.067h0.004c0,0.017-0.003,0.035-0.003,0.05c0,0.67,0.545,1.211,1.213,1.211
+            c0.669,0,1.209-0.541,1.209-1.211c0-0.016-0.002-0.033-0.005-0.05h0.005v-6.532h0.758l-0.006,6.958l7.266,0.006l-0.006-6.996h0.786
+            v6.563h0.004c0,0.003,0,0.006,0,0.01c0,0.669,0.541,1.211,1.207,1.211c0.669,0,1.211-0.542,1.211-1.211c0-0.004,0-0.007,0-0.01
+            V18.01C13.378,14.861,9.728,14.908,9.728,14.908z M22.185,13.982c1.585,0,2.87-1.285,2.87-2.87s-1.285-2.87-2.87-2.87
+            s-2.87,1.285-2.87,2.87C19.316,12.697,20.6,13.982,22.185,13.982z M24.921,14.908h-5.754c-4.119,0.076-3.973,3.103-3.973,3.103
+            l-0.002,7.056h0.005c0,0.017-0.003,0.035-0.003,0.05c0,0.67,0.544,1.211,1.212,1.211c0.669,0,1.208-0.541,1.208-1.211
+            c0-0.016-0.003-0.033-0.004-0.05h0.004v-6.532h0.76l-0.009,6.958l7.266,0.006l-0.006-6.996h0.786v6.563h0.002
+            c0,0.003,0,0.006,0,0.01c0,0.669,0.542,1.211,1.21,1.211c0.667,0,1.209-0.542,1.209-1.211c0-0.004,0-0.007,0-0.01V18.01
+            C28.57,14.861,24.921,14.908,24.921,14.908z"
+            />
+          </g>
+        </svg>
+        <br />Community Partners
+      </h3>
+      <p class="inner-text">
+        Community Partners For organisations who are ND Specialists (provide an
+        ND related service), advocacy groups or charities
+      </p>
+      <p class="btn-holder">
+        <button style="height: min-content" (click)="navigateToForm('member')">
+          Find out More
+        </button>
+      </p>
+    </div>
+    <div class="col buttonBlurb">
+      <h3>
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="88"
@@ -33,9 +74,21 @@ <h1 id="pageHeader">Membership Zone</h1>
             d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z"
           />
         </svg>
-      </div>
-
-      <div class="col">
+        <br />
+        Corporates
+      </h3>
+      <p class="inner-text">
+        Businesses or corporations who want to focus on building neuroinclusive
+        workplaces inside their own business
+      </p>
+      <p class="btn-holder">
+        <button style="height: min-content" (click)="navigateToForm('corp')">
+          Find out More
+        </button>
+      </p>
+    </div>
+    <div class="col buttonBlurb">
+      <h3>
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="88"
@@ -48,42 +101,21 @@ <h1 id="pageHeader">Membership Zone</h1>
             d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
           />
         </svg>
-      </div>
-    </div>
-  </div>
-
-  <div class="container" style="text-align: center">
-    <div class="row">
-      <div class="col buttonBlurb">
-        <h3>Community Partners</h3>
-        <p class="inner-text">
-          Community Partners For organisations who are ND Specialists (provide
-          an ND related service), advocacy groups or charities
-        </p>
-        <p class="btn-holder">
-          <button (click)="navigateToForm('member')">Find out More</button>
-        </p>
-      </div>
-      <div class="col buttonBlurb">
-        <h3>Corporates</h3>
-        <p class="inner-text">
-          Businesses or corporations who want to focus on building
-          neuroinclusive workplaces inside their own business
-        </p>
-        <p class="btn-holder">
-          <button (click)="navigateToForm('corp')">Find out More</button>
-        </p>
-      </div>
-      <div class="col buttonBlurb">
-        <h3>Individual</h3>
-        <p class="inner-text">
-          For individuals in the ND community who are not representing a
-          corporate or a community partner
-        </p>
-        <p class="btn-holder">
-          <button (click)="navigateToForm('individual')">Find out More</button>
-        </p>
-      </div>
+        <br />
+        Individual
+      </h3>
+      <p class="inner-text">
+        For individuals in the ND community who are not representing a corporate
+        or a community partner
+      </p>
+      <p class="btn-holder">
+        <button
+          style="height: min-content"
+          (click)="navigateToForm('individual')"
+        >
+          Find out More
+        </button>
+      </p>
     </div>
   </div>
 </div>
@@ -165,7 +197,9 @@ <h3>Resources and Learning Materials</h3>
           creating an ND friendly workspace
         </p>
         <p class="col btn-holder">
-          <button (click)="navigateToHub()">Resource Hub</button>
+          <button style="height: min-content" (click)="navigateToHub()">
+            Resource Hub
+          </button>
         </p>
       </div>
       <div class="col buttonBlurb">
@@ -175,7 +209,9 @@ <h3>Events</h3>
           courses and meet-ups NiB plans to host in the future.
         </p>
         <p class="col btn-holder">
-          <button (click)="navigateToEvents()">Events</button>
+          <button style="height: min-content" (click)="navigateToEvents()">
+            Events
+          </button>
         </p>
       </div>
     </div>