Merge branch 'member-details-updates' of https://github.com/openforge/OPENFORGE.IO into member-details-updates

Author: luiskcs89

src/components/app-members-section/app-members-section.tsx

@@ -182,7 +182,7 @@ export class AppMembersSection {
       mail: '',
       twitter: '',
       github: '',
-      url: '/about/join-us',
+      url: '/opportunities',
     },
     // {
     //   name: 'YOU?',

src/components/app-members/app-members.tsx

@@ -64,6 +64,7 @@ export class AppMembers {
             </figure>
           );
         })}
+        <figure class="member" />
       </div>
     );
   }

src/pages/app-about/app-about.scss

@@ -34,6 +34,31 @@
     font-weight: 600;
     letter-spacing: 2.1px;
     line-height: 45px;
+    text-align: center;
+
+    span {
+      display: inline-block;
+      position: relative;
+
+      &:before,
+      &:after {
+        content: '';
+        position: absolute;
+        height: 5px;
+        border-bottom: 1px solid #9d9d9e;
+        top: 20px;
+        width: 500px;
+      }
+
+      &:before {
+        right: 100%;
+        margin-right: 15px;
+      }
+      &:after {
+        left: 100%;
+        margin-left: 15px;
+      }
+    }
   }
 
   h3 {
@@ -116,7 +141,7 @@
       font-weight: 600;
       letter-spacing: 2.1px;
       line-height: 38px;
-      margin: 4rem 0;
+      margin: 5rem 0;
       text-align: center;
     }
   }
@@ -142,18 +167,30 @@
     background: url('assets/svg/about-graphic-integrity.svg') center center no-repeat;
     height: 164px;
     width: 220px;
+    @include media-breakpoint-down(md) {
+      height: 120px;
+      width: 120px;
+    }
   }
 
   .honesty {
     background: url('assets/svg/about-graphic-honesty.svg') center center no-repeat;
     height: 164px;
     width: 220px;
+    @include media-breakpoint-down(md) {
+      height: 120px;
+      width: 120px;
+    }
   }
 
   .transparency {
     background: url('assets/svg/about-graphic-transparency.svg') center center no-repeat;
     height: 164px;
     width: 220px;
+    @include media-breakpoint-down(md) {
+      height: 120px;
+      width: 120px;
+    }
   }
 
   // .team-photo {

src/pages/app-about/app-about.tsx

@@ -41,8 +41,10 @@ export class AppAbout {
 
           <div class="row justify-content-center d-none d-md-block values">
             <div class="col-12">
-              <h2>
-                <app-translate keyword="about.values.title" />
+              <h2 class="aside-lines">
+                <span>
+                  <app-translate keyword="about.values.title" />
+                </span>
               </h2>
               <p>
                 <app-translate keyword="about.values.text" />
@@ -74,7 +76,7 @@ export class AppAbout {
           </div>
 
           <div id="members" class="row justify-content-center members">
-            <div class="col-11 col-lg-12">
+            <div class="col-10 col-lg-10">
               <h2>
                 <app-translate keyword="about.landing.cta.title" />
               </h2>