Add Contributing section to About page

Author: valencik

_data/filter-about.yml

@@ -0,0 +1,4 @@
+- title: Overview
+  url: /about/
+- title: Contributing
+  url: /about/contribute/

_includes/_tab-about.html

@@ -0,0 +1,5 @@
+<ul class="tab">
+    {% for tabItem in site.data.filter-about %}
+    <li><a href="{{ site.baseurl }}{{tabItem.url}}" {% if tabItem.url == page.url %} class="active" {% endif %}>{{tabItem.title}}</a></li>
+    {% endfor %}
+</ul>

about/contribute.html

@@ -0,0 +1,44 @@
+---
+layout: page
+title: "Contributing"
+permalink: /about/contribute/
+---
+
+<div id="section-page">
+  <div class="container container-blog">
+    <div class="masthead-blog-detail">
+      <h1><span>{{ page.title }}</span></h1>
+      <div class="blog-detail-content">
+      </br>
+      <p>Typelevel is an ecosystem of projects and a community of people united to foster an inclusive, welcoming, and safe environment around functional programming in Scala.</p>
+
+
+      <h2>Financial Contributions</h2>
+
+      <p>Maintaining an organization at the scale of Typelevel incurs costs.
+      Through FOSS funding we can provide better support to maintainers, and make stronger guarantees to users, by paying for things like CI infrastructure or community support.</p>
+      <p>Any amount of support is always welcome, and we appreciate anyone who contributes to the Typelevel Open Collective.</p>
+
+      </br>
+      <p>By funding Typelevel, you're helping us maintain our domains, infrastructure, services, and our community safety through training the Code of Conduct Committee.</p>
+
+
+      <h2>Other Ways To Contribute</h2>
+
+
+      <p>Companies can donate developer time by allowing developers to contribute to open source on company time, and actively encourage it by dedicating time and space for those efforts.</p>
+
+      <p>The community can help by just getting involved, in any way that feels comfortable!
+      A PR is always welcome, whether code changes or documentation improvements, and asking questions helps clarify behaviors for everyone.
+      Any participation is greatly valued!</p>
+
+      <p>If you are looking for a place to start with a technical contribution, consider dropping by the 'starting-contributing' channel on discord, or checking out our <a href=https://github.com/orgs/typelevel/projects/1/views/1>Good First Issues board</a>.</p>
+
+
+    </div>
+      {% include _tab-gsoc.html %}
+    </div>
+
+  </div>
+</div>
+

about/index.html

@@ -8,7 +8,6 @@
   <div class="container">
     <div class="masthead-page">
       <h1><span>{{ page.title }}</span></h1>
-      <p>{{site.data.description.aboutDescription}}</p>
       <ul class="masthead-social">
 
         {% for item in site.data.nav-social %}
@@ -20,6 +19,10 @@ <h1><span>{{ page.title }}</span></h1>
         {% endfor %}
       </ul>
     </div>
+    <div class="masthead-blog-detal">
+      <p>{{site.data.description.aboutDescription}}</p>
+      {% include _tab-about.html %}
+    </div>
 
     <div class="about-list">
       {% for item in site.data.about %}