Add scroll icon and remove comment

src/hbs/index.hbs

@@ -61,33 +61,6 @@ structure:
   nextSectionLink: 'Learn more about the team ↓'
   counterText: '04 - 06'
 
-getInvolved:
-  header: 'Get Involved —'
-  description:
-  - 'We are looking to hear about your ideas, skills and passions. This project is about fostering collaborations with creators, thinkers, burners, makers, and people excited about technology and art. Get involved by communicating with the team (<a href="mailto:artproject@truebit.com">artproject@truebit.io</a>), sharing your vision and affiliation to these ideas. Anything counts as long as there is passion, rigor and commitment!'
-  buttons:
-    - label: 'Collaborator Guidelines'
-      icon: 'images/file.svg'
-    - label: 'Faq'
-      icon: 'images/file.svg'
-  details:
-    title: 'Some of the ideas gravitating around the project are (but not limited) to:'
-    list:
-      - 'Software development'
-      - 'People interested in connecting the art piece to the blockchain'
-      - 'Sound & light interactivity, based on transactions / blocks being created on blockchains'
-      - 'Free Form Architecture'
-      - 'Video-mapping'
-      - 'Artificial Intelligence'
-      - 'Interactive and generative art'
-      - 'Mathematics/ Geometric Computing'
-      - 'Cosmology'
-      - 'Art DAO'
-      - 'Network Topology'
-      - 'Art and culture in the blockchain space'
-  nextSectionLink: 'Learn more about our process →'
-  counterText: '06 - 06'
-
 team:
   header: 'Team -'
   quote:
@@ -115,9 +88,36 @@ team:
       name: 'Aqeel Mohammad'
       image: ''
 
-  nextSectionLink: 'Learn more about getting involved'
+  nextSectionLink: 'Learn more about getting involved ↓'
   counter: '05 - 06'
 
+getInvolved:
+  header: 'Get Involved —'
+  description:
+  - 'We are looking to hear about your ideas, skills and passions. This project is about fostering collaborations with creators, thinkers, burners, makers, and people excited about technology and art. Get involved by communicating with the team (<a href="mailto:artproject@truebit.com">artproject@truebit.io</a>), sharing your vision and affiliation to these ideas. Anything counts as long as there is passion, rigor and commitment!'
+  buttons:
+    - label: 'Collaborator Guidelines'
+      icon: 'images/file.svg'
+    - label: 'Faq'
+      icon: 'images/file.svg'
+  details:
+    title: 'Some of the ideas gravitating around the project are (but not limited) to:'
+    list:
+      - 'Software development'
+      - 'People interested in connecting the art piece to the blockchain'
+      - 'Sound & light interactivity, based on transactions / blocks being created on blockchains'
+      - 'Free Form Architecture'
+      - 'Video-mapping'
+      - 'Artificial Intelligence'
+      - 'Interactive and generative art'
+      - 'Mathematics/ Geometric Computing'
+      - 'Cosmology'
+      - 'Art DAO'
+      - 'Network Topology'
+      - 'Art and culture in the blockchain space'
+  nextSectionLink: 'Learn more about our process →'
+  counterText: '06 - 06'
+
 ---
 
 {{#extend "base"}}

src/hbs/partials/components/team.hbs

@@ -23,7 +23,15 @@
 
     <div class="team__counter">{{ team.counter }}</div>
 
-    <div class="team__link">{{ team.nextSectionLink }}</div>
+    <div class="team__scroll">
+      <p class="team__scroll__text">scroll</p>
+      {{svg 'images/arrow-down.svg'}}
+    </div>
+
+    {{> components/next-section-link
+      class="team__link"
+      name=team.nextSectionLink
+    }}
 
   </div>
 </section>

src/styles/components/_next-section-link.scss

@@ -1,5 +1,7 @@
 .next-section-link {
   display: block;
-  font-size: 12px;
+  font-family: $base-font-family;
+  font-size: 13px;
+  font-weight: 500;
   text-transform: uppercase;
 }

src/styles/components/_profile.scss

@@ -3,7 +3,6 @@
     @media #{$screen-lg} {
       position: relative;
       max-width: 250px;
-      // margin: 0 auto;
     }
   }
 

src/styles/components/_team.scss

@@ -38,7 +38,32 @@
     font-size: 20px;
 
     @media #{$screen-md} {
+      position: absolute;
+      top: 0;
+      right: 0;
       font-size: 24px;
+      transform: rotate(90deg) translate(70%, 20%);
+      transform-origin: right center;
+    }
+  }
+
+  &__scroll {
+    display: none;
+
+    @media #{$screen-md} {
+      position: absolute;
+      top: 100px;
+      right: -18px;
+      display: block;
+      text-align: center;
+
+      &__text {
+        margin-bottom: 30px;
+        font-size: 12px;
+        font-weight: 600;
+        text-transform: uppercase;
+        transform: rotate(-90deg);
+      }
     }
   }