Add DEV as a partner w/ Hacktoberfest Writing Challenge (#68)

* Add DEV writing challenge to about page

* Add CTA to sharing love from participation page

* Add DEV as a partner on about page

src/lib/about.js

@@ -33,10 +33,10 @@ export const sharing = {
     content:
       "Share your Hacktoberfest experience on social media! Tag us @hacktoberfest and use the official hashtag #hacktoberfest to tell others about your favorite contributions, any swag you've received in the past (share a pic!), or a particularly memorable hack.",
   },
-  blog: {
-    title: 'Blog Post',
+  writing: {
+    title: 'Writing Challenge',
     content:
-      "If you'd like to write about your experience participating in Hacktoberfest, we encourage you to create a blog post. Our partners at DEV welcome your writings, here are some [great examples](https://dev.to/search?q=hacktoberfest). You can share how you first heard about Hacktoberfest, how being part of the community has impacted your personal or professional development, and your favorite or most useful hack. Creativity is welcome! Once your blog post is live, let us know by tagging us in your social media posts about it.",
+      "If you'd like to write about your experience participating in Hacktoberfest either as a contributor or a maintainer, we encourage you to participate in [DEV’s Hacktoberfest Writing Challenge](https://dev.to/challenges/hacktoberfest). Our partners at DEV welcome your writing, offering everyone who submits a post during the challenge a special Writing Challenge badge on their site. Plus, the best posts from the challenge will win a 6-month DEV++ Membership, an exclusive badge, and a gift from the DEV shop. You can share how you first heard about Hacktoberfest, how being part of the community has impacted your personal or professional development, or what projects you’ve been working on—here are some [great examples](https://dev.to/search?q=hacktoberfest). Once your post is live, let us know by tagging us in your social posts about it.",
   },
   cta: "We look forward to hearing from you and seeing how you've been part of the **Hacktoberfest community**!",
 };

src/lib/participation.js

@@ -83,6 +83,10 @@ export const contributors = {
         'You’ll unlock a digital badge when you register for Hacktoberfest, and level it up with each of your four pull/merge requests accepted during Hacktoberfest',
       ],
     },
+    {
+      content:
+        'Join the [Hacktoberfest Discord server](https://discord.gg/hacktoberfest) to meet other participants and [share your Hacktoberfest love](/about#love) with a blog or post on socials.',
+    },
   ],
 };
 
@@ -119,7 +123,6 @@ export const resources = {
         '[General] [How to write a good commit message](https://dev.to/chrissiemhrk/git-commit-message-5e21)',
         '[General] [How to start a great OSS project](https://go.gitlab.com/Hm4BNB)',
         '[General] [5 things for your first time contributing](https://go.gitlab.com/nlPKcN)',
-        '[General] [Community help in our Hacktoberfest Discord server](https://discord.gg/hacktoberfest)',
       ],
     },
   ],

src/lib/sponsors.js

@@ -21,6 +21,8 @@ import partnersCNCF from 'assets/img/partners/cncf.svg';
 import partnersCNCFHero from 'assets/img/partners/cncf-hero.svg';
 import partnersOSI from 'assets/img/partners/osi.svg';
 import partnersOSIHero from 'assets/img/partners/osi-hero.svg';
+import partnersDEV from 'assets/img/partners/dev.png';
+import partnersDEVHero from 'assets/img/partners/dev-hero.svg';
 
 export const founders = [
   {
@@ -192,4 +194,20 @@ export const partners = [
       image: partnersOSIHero.src,
     },
   },
+  {
+    image: partnersDEV.src,
+    title: 'DEV',
+    content:
+      'DEV is a community of software developers getting together to help one another out. The software industry relies on collaboration and networked learning, and DEV provides a place for that to happen.\n' +
+      ' - Participate in the [Hacktoberfest Writing Challenge](https://dev.to/challenges/hacktoberfest)',
+    link: {
+      target: '_blank',
+      rel: 'noreferrer noopener',
+      href: 'https://dev.to',
+      title: 'Visit DEV',
+    },
+    hero: {
+      image: partnersDEVHero.src,
+    },
+  },
 ];

src/pages/about.js

@@ -132,8 +132,8 @@ const About = () => {
               <ContentMaster
                 size="md"
                 titleTag="h3"
-                title={<>{sharing.blog.title}</>}
-                children={sharing.blog.content}
+                title={<>{sharing.writing.title}</>}
+                children={sharing.writing.content}
                 hasCaret={false}
               />
 

src/pages/participation.js

@@ -33,6 +33,12 @@ import React, { Fragment } from 'react';
 import SectionDivider from 'components/SectionDivider';
 import createMetaTitle from 'lib/createMetaTitle';
 
+const StyledStackedContent = styled.div`
+  > * {
+    margin: 32px 0 0;
+  }
+`;
+
 const StyledPRDetails = styled.div`
   margin: 16px 0 0;
 
@@ -119,6 +125,16 @@ const Participation = () => {
               {contributors.sections[0].content}
             </ContentMaster>
           </ContentSide>
+
+          {contributors.sections.length > 1 && (
+            <StyledStackedContent>
+              {contributors.sections.slice(1).map((section, idx) => (
+                <ContentMaster key={idx} size="xl" list={section.items}>
+                  {section.content}
+                </ContentMaster>
+              ))}
+            </StyledStackedContent>
+          )}
         </Container>
       </Section>