Homepage revamp (#86)

* Add a bare-bones media page

This adds a media page that we can link to from the homepage.
For now it just has some links to talks I've given, and to the
SourceCred podcast.

I linked to it from the Resources page, but not from the sidebar--we'll
revamp the sidebar later.

* Add an empty/scaffolded team page

Not linked to from anywhere.

* Revamp homepage with more links

This changes the grid of 6 "Features" of SourceCred (which are nearly a
year old and kind of confusing more than informative tbh) with a grid of
6 featured links going to major areas of interest like how to get
involved.

The "Read the Docs" button has been demoted so that it's now just one of
the six link buddies.

Also, I renamed all the logo variants, they used to be named based on
the "feature" but now they just have a numerical ordering.

Author: Dandelion Mané

docs/intro/resources.md

@@ -1,8 +1,6 @@
 ---
 title: 🌳 Resources
-description: 
+description:
 ---
 
-TODO
-(guidance on where to go from here) 
-(links to forums, podcast, videos, etc)
+Check out our [media page](../resources/media)

docs/resources/media.md

@@ -0,0 +1,15 @@
+---
+title: 🎞 Media
+description: SourceCred talks, podcasts, and more.
+---
+
+## Videos
+
+- [SourceCred at the Open 2020 Webinar](https://www.youtube.com/watch?v=tGRcPW3LXmU)
+- [SourceCred and the CredSperiment at Ready Layer One](https://www.youtube.com/watch?v=38OlnEPpzeo)
+- [SourceCred: A Social Algorithm at Sustain Web3 2020](https://www.youtube.com/watch?v=EME4CZscPB8)
+- [SourceCred at the Berlin Open Source Salon](https://www.youtube.com/watch?v=fK0vjRq-4oI&t=1s)
+- [SourceCred at Lab Day 2018](https://www.youtube.com/watch?v=qEIHmKPMpYE)
+
+## Podcast
+- [SourceCred Podcast](https://sourcecred.podbean.com/)

docs/resources/team.md

@@ -0,0 +1,6 @@
+---
+title: 🧗 Team
+description: Meet the SourceCred team!
+---
+
+This page is under construction!

src/pages/index.js

@@ -10,71 +10,79 @@ import { HeroLogo } from '../components/HeroLogo';
 
 const features = [
   {
-    title: <>data driven</>,
-    imageUrl: 'img/data-driven.svg',
+    title: <>Learn About SourceCred</>,
+    imageUrl: 'img/logo_variants/1.svg',
+    linkUrl: 'docs/intro/what',
     description: (
       <>
-        Scores are calculated using data from a project: forum posts, commits, comments, and more.
+      Read our docs to learn about how SourceCred works and how to use it.
       </>
     ),
   },
   {
-    title: <>community controlled</>,
-    imageUrl: 'img/community-controlled.svg',
+    title: <>Get Involved</>,
+    imageUrl: 'img/logo_variants/2.svg',
+    linkUrl: 'docs/contributing/get-involved',
     description: (
       <>
-        Each project community sets the values, priorities, weights, and norms.
+      Find out how to join our community and start contributing.
       </>
     ),
   },
   {
-    title: <>transparent</>,
-    imageUrl: 'img/transparent.svg',
+    title: <>Read the Blog</>,
+    imageUrl: 'img/logo_variants/3.svg',
+    linkUrl: 'blog',
     description: (
       <>
-        You can see what every score is, and more importantly, why.
+      Read the latest upates on the SourceCred project.
       </>
     ),
   },
   {
-    title: <>extensible</>,
-    imageUrl: 'img/extensible.svg',
+    title: <>Explore Our Cred</>,
+    imageUrl: 'img/logo_variants/4.svg',
+    linkUrl: 'https://cred.sourcecred.io/timeline/@sourcecred/',
     description: (
       <>
-        SourceCred is built around a plugin architecture. You can extend it to track any kind of contribution.
+      See SourceCred's own cred scores, updated weekly.
       </>
     ),
   },
   {
-    title: <>decentralized</>,
-    imageUrl: 'img/decentralized.svg',
+    title: <>Meet the Team</>,
+    imageUrl: 'img/logo_variants/5.svg',
+    linkUrl: 'docs/resources/team',
     description: (
       <>
-        There's no "CredHub"; just an open-source system that anyone can set up and use.
+      Learn about the wonderful humans making SourceCred a reality.
       </>
     ),
   },
   {
-    title: <>intersubjective</>,
-    imageUrl: 'img/intersubjective.svg',
+    title: <>Watch SourceCred's Talks</>,
+    imageUrl: 'img/logo_variants/6.svg',
+    linkUrl: 'docs/resources/media',
     description: (
       <>
-        Scores are a blend of objective data and subjective judgement.
+      Dive into our team's media collection, including recorded talks and podcasts.
       </>
     ),
   },
 ];
 
-function Feature({imageUrl, title, description}) {
+function Feature({imageUrl, title, description, linkUrl}) {
   const imgUrl = useBaseUrl(imageUrl);
   return (
     <div className={classnames('col col--4', styles.feature)}>
+    <a href={linkUrl}>
       {imgUrl && (
         <div className="text--center">
           <img className={styles.featureImage} src={imgUrl} alt={title} />
         </div>
       )}
       <h3>{title}</h3>
+    </a>
       <p>{description}</p>
     </div>
   );
@@ -92,13 +100,6 @@ function Home() {
           <HeroLogo />
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
-          <div className={styles.buttons}>
-            <Link
-              className="button button--primary button--lg"
-              to={useBaseUrl('docs/intro/what')}>
-              Read The Docs
-            </Link>
-          </div>
         </div>
       </header>
       <main>

src/pages/styles.module.css

@@ -5,7 +5,7 @@
  */
 
 .heroBanner {
-  padding: 6rem 0;
+  padding: 1.5rem 0;
   text-align: center;
   position: relative;
   overflow: hidden;