Misc updates for Blockchain community

Author: birdofpreyru

src/assets/themes/blockchain/home/image-text-learn.jpg

@@ -24,9 +24,6 @@
     }, {
       "title": "Learn",
       "url": "learn"
-    }, {
-      "title": "Challenges",
-      "url": "challenges"
     }
   ],
   "leaderboardApiUrl": "https://api.topcoder.com/v4/looks/458/run/json/",

src/assets/themes/blockchain/home/image-text-learn.png

@@ -11,6 +11,7 @@
   position: relative;
 
   @include xxs-to-xs {
+    align-items: flex-end;
     height: 600px;
   }
 }

src/server/tc-communities/blockchain/metadata.json

@@ -55,7 +55,7 @@
   display: inline-block;
   border: 1px solid #0092ff;
   border-radius: 20px;
-  font: 700 14px/40px 'OpenSans';
+  font: 700 14px/40px 'Open Sans';
   height: 40px;
   text-align: center;
   text-transform: uppercase;

src/shared/components/tc-communities/Banner/style.scss

@@ -14,7 +14,6 @@ import ResourceCard from 'components/tc-communities/ResourceCard';
 import NewsSection from 'components/tc-communities/NewsSection';
 import PT from 'prop-types';
 
-import CommunityStats from 'containers/tc-communities/CommunityStats';
 import JoinCommunity from 'containers/tc-communities/JoinCommunity';
 
 import IconRocket from '../../../../../../assets/images/tc-communities/rocket.svg';
@@ -36,8 +35,16 @@ export default function Home(props) {
           label="Join Now"
         />
       </Banner>
-
-      <CommunityStats />
+      <Section
+        theme={{
+          container: style.introContainer,
+        }}
+      >
+        <div>
+          <h1>Build unstoppable applications with Ethereum</h1>
+          <p>Ethereum is a  decentralized platform that runs smart contracts: applications that run exactly as programmed without any possibility of downtime, censorship, fraud or third party interference. orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitationorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+        </div>
+      </Section>
 
       <Section
         theme={{
@@ -52,7 +59,7 @@ export default function Home(props) {
               title: 'Start Learning',
               url: 'learn',
             }}
-            imageSrc="/themes/blockchain/home/image-text-learn.jpg"
+            imageSrc="/themes/blockchain/home/image-text-learn.png"
           />
           <ImageText
             title="Get Involved"

src/shared/components/tc-communities/ResourceCard/style.scss

@@ -1,4 +1,4 @@
-@import '~styles/tc-styles';
+@import '~styles/mixins';
 
 .statsContainer {
   padding: 0;
@@ -60,3 +60,28 @@
     top: -7px;
   }
 }
+
+.introContainer {
+  background: $tc-gray-neutral-light;
+  color: #394146;
+  padding-bottom: 48px;
+  margin-bottom: 24px;
+
+  @include xxs-to-xs {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+
+  h1 {
+    @include roboto;
+
+    font-size: 36px;
+    margin-bottom: 12px;
+  }
+
+  p {
+    color: #394146;
+    font: 15px/22px 'roboto';
+  }
+}
+

src/shared/components/tc-communities/communities/blockchain/Home/index.jsx

@@ -69,6 +69,11 @@ export function factory(req) {
     return toFSA(actions.tcCommunities.meta.fetchDataDone('wipro'))
       .then(res => create(onDone(state, res)));
   }
+  if (subdomains.indexOf('blockchain') >= 0) {
+    const state = { loadingMetaDataForCommunityId: 'blockchain' };
+    return toFSA(actions.tcCommunities.meta.fetchDataDone('blockchain'))
+      .then(res => create(onDone(state, res)));
+  }
 
   if (req && req.url.startsWith('/community')) {
     const communityId = req.url.split('/')[2];