diff --git a/__tests__/shared/components/tc-communities/__snapshots__/CommunityStats.jsx.snap b/__tests__/shared/components/tc-communities/__snapshots__/CommunityStats.jsx.snap index f6b8587eae..2a70251eae 100644 --- a/__tests__/shared/components/tc-communities/__snapshots__/CommunityStats.jsx.snap +++ b/__tests__/shared/components/tc-communities/__snapshots__/CommunityStats.jsx.snap @@ -7,6 +7,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-CommunityStats-___style__container___3IKHh", diff --git a/__tests__/shared/components/tc-communities/__snapshots__/NewsSection.jsx.snap b/__tests__/shared/components/tc-communities/__snapshots__/NewsSection.jsx.snap index 798cce8d80..b6588fe6b0 100644 --- a/__tests__/shared/components/tc-communities/__snapshots__/NewsSection.jsx.snap +++ b/__tests__/shared/components/tc-communities/__snapshots__/NewsSection.jsx.snap @@ -7,6 +7,7 @@ exports[`Matches shallow shapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={Object {}} themePriority="adhoc-context-default" title="Latest News" diff --git a/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Home.jsx.snap b/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Home.jsx.snap index 6f14abbb9e..8e6360ea27 100644 --- a/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Home.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Home.jsx.snap @@ -26,6 +26,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-community-2-Home-___style__linksContainer___CzMMR", @@ -75,6 +76,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-community-2-Home-___style__resourcesContainer___1Y23p", diff --git a/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Learn.jsx.snap b/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Learn.jsx.snap index 1a31b4979b..a2ad37d87f 100644 --- a/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Learn.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/community-2/__snapshots__/Learn.jsx.snap @@ -25,6 +25,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-community-2-Learn-___style__learnBasicsContainer___1ZPny", @@ -95,6 +96,7 @@ exports[`Match shadow snapshot 1`] = ` } } mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-community-2-Learn-___style__coursesContainer___3SRv4", @@ -158,6 +160,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-community-2-Learn-___style__resourcesContainer___dzJCp", diff --git a/__tests__/shared/components/tc-communities/communities/demo-expert/__snapshots__/Learn.jsx.snap b/__tests__/shared/components/tc-communities/communities/demo-expert/__snapshots__/Learn.jsx.snap index 0ee0b6bba6..7dacab2512 100644 --- a/__tests__/shared/components/tc-communities/communities/demo-expert/__snapshots__/Learn.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/demo-expert/__snapshots__/Learn.jsx.snap @@ -25,6 +25,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-demo-expert-Learn-___style__learnBasicsContainer___aCUEb", @@ -250,6 +251,7 @@ exports[`Snapshot match 1`] = ` } } mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-demo-expert-Learn-___style__coursesContainer___1l39O", @@ -313,6 +315,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-demo-expert-Learn-___style__resourcesContainer___299NM", diff --git a/__tests__/shared/components/tc-communities/communities/taskforce/__snapshots__/Home.jsx.snap b/__tests__/shared/components/tc-communities/communities/taskforce/__snapshots__/Home.jsx.snap index 29f8851b4e..3e1f06ce8e 100644 --- a/__tests__/shared/components/tc-communities/communities/taskforce/__snapshots__/Home.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/taskforce/__snapshots__/Home.jsx.snap @@ -46,6 +46,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-taskforce-Home-___style__linksContainer___25Lds", @@ -99,6 +100,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-taskforce-Home-___style__WhatCanYouGetDone___1to7k", @@ -125,6 +127,7 @@ exports[`Match shadow snapshot 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-taskforce-Home-___style__resourcesContainer___tnDQ3", diff --git a/__tests__/shared/components/tc-communities/communities/tc-prod-dev/__snapshots__/Learn.jsx.snap b/__tests__/shared/components/tc-communities/communities/tc-prod-dev/__snapshots__/Learn.jsx.snap index 18e84e35d1..2d832d0f46 100644 --- a/__tests__/shared/components/tc-communities/communities/tc-prod-dev/__snapshots__/Learn.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/tc-prod-dev/__snapshots__/Learn.jsx.snap @@ -25,6 +25,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-tc-prod-dev-Learn-___style__learnBasicsContainer___1iYDC", @@ -234,6 +235,7 @@ exports[`Snapshot match 1`] = ` } } mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-tc-prod-dev-Learn-___style__coursesContainer____PCRk", @@ -297,6 +299,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={ Object { "container": "src-shared-components-tc-communities-communities-tc-prod-dev-Learn-___style__resourcesContainer___1uPkY", diff --git a/__tests__/shared/components/tc-communities/communities/wipro/__snapshots__/Learn.jsx.snap b/__tests__/shared/components/tc-communities/communities/wipro/__snapshots__/Learn.jsx.snap index a30c76c062..32435f2716 100644 --- a/__tests__/shared/components/tc-communities/communities/wipro/__snapshots__/Learn.jsx.snap +++ b/__tests__/shared/components/tc-communities/communities/wipro/__snapshots__/Learn.jsx.snap @@ -25,6 +25,7 @@ exports[`Snapshot match 1`] = ` composeContextTheme="softly" link={null} mapThemrProps={[Function]} + subTitle="" theme={Object {}} themePriority="adhoc-context-default" title={null} diff --git a/src/assets/themes/veterans/home/banner.jpg b/src/assets/themes/veterans/home/banner.jpg index d7b9d47f15..83eeb9d962 100644 Binary files a/src/assets/themes/veterans/home/banner.jpg and b/src/assets/themes/veterans/home/banner.jpg differ diff --git a/src/assets/themes/veterans/home/card-01.jpg b/src/assets/themes/veterans/home/card-01.jpg new file mode 100644 index 0000000000..79d67ac67d Binary files /dev/null and b/src/assets/themes/veterans/home/card-01.jpg differ diff --git a/src/assets/themes/veterans/home/card-02.jpg b/src/assets/themes/veterans/home/card-02.jpg new file mode 100644 index 0000000000..5cea597557 Binary files /dev/null and b/src/assets/themes/veterans/home/card-02.jpg differ diff --git a/src/assets/themes/veterans/home/card-03.jpg b/src/assets/themes/veterans/home/card-03.jpg new file mode 100644 index 0000000000..2b56074180 Binary files /dev/null and b/src/assets/themes/veterans/home/card-03.jpg differ diff --git a/src/assets/themes/veterans/home/card-04.jpg b/src/assets/themes/veterans/home/card-04.jpg new file mode 100644 index 0000000000..920096e81a Binary files /dev/null and b/src/assets/themes/veterans/home/card-04.jpg differ diff --git a/src/assets/themes/veterans/home/card-05.jpg b/src/assets/themes/veterans/home/card-05.jpg new file mode 100644 index 0000000000..84803fe8aa Binary files /dev/null and b/src/assets/themes/veterans/home/card-05.jpg differ diff --git a/src/assets/themes/veterans/home/card-06.jpg b/src/assets/themes/veterans/home/card-06.jpg new file mode 100644 index 0000000000..a43fca5030 Binary files /dev/null and b/src/assets/themes/veterans/home/card-06.jpg differ diff --git a/src/assets/themes/veterans/home/card-07.jpg b/src/assets/themes/veterans/home/card-07.jpg new file mode 100644 index 0000000000..a848a39aaa Binary files /dev/null and b/src/assets/themes/veterans/home/card-07.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-01.jpg b/src/assets/themes/veterans/home/card-b-01.jpg new file mode 100644 index 0000000000..19021d33a2 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-01.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-02.jpg b/src/assets/themes/veterans/home/card-b-02.jpg new file mode 100644 index 0000000000..793afafe49 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-02.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-03.jpg b/src/assets/themes/veterans/home/card-b-03.jpg new file mode 100644 index 0000000000..7840936266 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-03.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-04.jpg b/src/assets/themes/veterans/home/card-b-04.jpg new file mode 100644 index 0000000000..3f74ae2ca6 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-04.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-05.jpg b/src/assets/themes/veterans/home/card-b-05.jpg new file mode 100644 index 0000000000..4dfb03d225 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-05.jpg differ diff --git a/src/assets/themes/veterans/home/card-b-06.jpg b/src/assets/themes/veterans/home/card-b-06.jpg new file mode 100644 index 0000000000..a1c59c8f08 Binary files /dev/null and b/src/assets/themes/veterans/home/card-b-06.jpg differ diff --git a/src/assets/themes/veterans/home/icon-01.jpg b/src/assets/themes/veterans/home/icon-01.jpg new file mode 100644 index 0000000000..1abc8cc11b Binary files /dev/null and b/src/assets/themes/veterans/home/icon-01.jpg differ diff --git a/src/assets/themes/veterans/home/icon-02.jpg b/src/assets/themes/veterans/home/icon-02.jpg new file mode 100644 index 0000000000..0d76ba4b5f Binary files /dev/null and b/src/assets/themes/veterans/home/icon-02.jpg differ diff --git a/src/assets/themes/veterans/home/icon-03.jpg b/src/assets/themes/veterans/home/icon-03.jpg new file mode 100644 index 0000000000..2a7998925e Binary files /dev/null and b/src/assets/themes/veterans/home/icon-03.jpg differ diff --git a/src/assets/themes/veterans/home/icon-04.jpg b/src/assets/themes/veterans/home/icon-04.jpg new file mode 100644 index 0000000000..03e70300ea Binary files /dev/null and b/src/assets/themes/veterans/home/icon-04.jpg differ diff --git a/src/assets/themes/veterans/home/image-01.jpg b/src/assets/themes/veterans/home/image-01.jpg new file mode 100644 index 0000000000..bbe2c51dba Binary files /dev/null and b/src/assets/themes/veterans/home/image-01.jpg differ diff --git a/src/assets/themes/veterans/home/image-02.jpg b/src/assets/themes/veterans/home/image-02.jpg new file mode 100644 index 0000000000..14c56a91de Binary files /dev/null and b/src/assets/themes/veterans/home/image-02.jpg differ diff --git a/src/assets/themes/veterans/home/image-03.jpg b/src/assets/themes/veterans/home/image-03.jpg new file mode 100644 index 0000000000..5b578df6df Binary files /dev/null and b/src/assets/themes/veterans/home/image-03.jpg differ diff --git a/src/assets/themes/veterans/home/image-04.jpg b/src/assets/themes/veterans/home/image-04.jpg new file mode 100644 index 0000000000..f0aab2e1bf Binary files /dev/null and b/src/assets/themes/veterans/home/image-04.jpg differ diff --git a/src/assets/themes/veterans/home/image-05.jpg b/src/assets/themes/veterans/home/image-05.jpg new file mode 100644 index 0000000000..abb6ef46dc Binary files /dev/null and b/src/assets/themes/veterans/home/image-05.jpg differ diff --git a/src/assets/themes/veterans/home/image-06.jpg b/src/assets/themes/veterans/home/image-06.jpg new file mode 100644 index 0000000000..faba680709 Binary files /dev/null and b/src/assets/themes/veterans/home/image-06.jpg differ diff --git a/src/assets/themes/veterans/home/image-text-do.jpg b/src/assets/themes/veterans/home/image-text-do.jpg deleted file mode 100644 index edc57ebacc..0000000000 Binary files a/src/assets/themes/veterans/home/image-text-do.jpg and /dev/null differ diff --git a/src/assets/themes/veterans/home/image-text-learn.jpg b/src/assets/themes/veterans/home/image-text-learn.jpg deleted file mode 100644 index 937cc021ca..0000000000 Binary files a/src/assets/themes/veterans/home/image-text-learn.jpg and /dev/null differ diff --git a/src/assets/themes/veterans/home/logo-01.jpg b/src/assets/themes/veterans/home/logo-01.jpg new file mode 100644 index 0000000000..b57b40b409 Binary files /dev/null and b/src/assets/themes/veterans/home/logo-01.jpg differ diff --git a/src/assets/themes/veterans/home/logo-02.jpg b/src/assets/themes/veterans/home/logo-02.jpg new file mode 100644 index 0000000000..7851b0c9e7 Binary files /dev/null and b/src/assets/themes/veterans/home/logo-02.jpg differ diff --git a/src/assets/themes/veterans/home/logo-03.jpg b/src/assets/themes/veterans/home/logo-03.jpg new file mode 100644 index 0000000000..e75107fb11 Binary files /dev/null and b/src/assets/themes/veterans/home/logo-03.jpg differ diff --git a/src/assets/themes/veterans/home/logo-04.jpg b/src/assets/themes/veterans/home/logo-04.jpg new file mode 100644 index 0000000000..1b910e62e1 Binary files /dev/null and b/src/assets/themes/veterans/home/logo-04.jpg differ diff --git a/src/assets/themes/veterans/home/logo-05.jpg b/src/assets/themes/veterans/home/logo-05.jpg new file mode 100644 index 0000000000..b8c3a18c7e Binary files /dev/null and b/src/assets/themes/veterans/home/logo-05.jpg differ diff --git a/src/server/tc-communities/veterans/metadata.json b/src/server/tc-communities/veterans/metadata.json index 9df979e42b..adcef89a20 100644 --- a/src/server/tc-communities/veterans/metadata.json +++ b/src/server/tc-communities/veterans/metadata.json @@ -13,6 +13,7 @@ "value": "2" }], "groupIds": ["20000007"], + "terms": [21193], "logos": [{ "img": "/themes/veterans/logo_topcoder_with_name.svg", "url": "https://www.topcoder.com" @@ -27,9 +28,6 @@ }, { "title": "Challenges", "url": "/challenges" - }, { - "title": "Leaderboard", - "url": "/leaderboard" } ], "leaderboardApiUrl": "https://api.topcoder.com/v4/looks/458/run/json/", diff --git a/src/shared/components/tc-communities/Section/index.jsx b/src/shared/components/tc-communities/Section/index.jsx index 12cdfffce6..a762e59def 100644 --- a/src/shared/components/tc-communities/Section/index.jsx +++ b/src/shared/components/tc-communities/Section/index.jsx @@ -22,7 +22,7 @@ import { Link } from 'utils/router'; import defaultStyle from './style.scss'; function Section(props) { - const { anchor, title, children, link, theme } = props; + const { anchor, subTitle, title, children, link, theme } = props; return (
@@ -30,6 +30,7 @@ function Section(props) { {title &&

{title}

} + {subTitle ?

{subTitle}

: null}
{children}
@@ -42,6 +43,7 @@ function Section(props) { Section.defaultProps = { anchor: null, + subTitle: '', title: null, link: null, theme: {}, @@ -49,6 +51,7 @@ Section.defaultProps = { Section.propTypes = { anchor: PT.string, + subTitle: PT.string, title: PT.string, children: PT.node.isRequired, link: PT.shape({ @@ -57,6 +60,7 @@ Section.propTypes = { }), theme: PT.shape({ container: PT.string, + subTitle: PT.string, title: PT.string, content: PT.string, linkWrap: PT.string, diff --git a/src/shared/components/tc-communities/Section/style.scss b/src/shared/components/tc-communities/Section/style.scss index 5577a59704..38ebcd6de6 100644 --- a/src/shared/components/tc-communities/Section/style.scss +++ b/src/shared/components/tc-communities/Section/style.scss @@ -1,4 +1,4 @@ -@import '~styles/tc-styles'; +@import '~styles/mixins'; .container { padding: 35px 0; @@ -9,6 +9,18 @@ } } +.subTitle { + color: #394146; + font: 18px 'Open Sans'; + padding: 0 0 30px; + text-align: center; + + @include xxs-to-xs { + font-size: 24px; + padding-top: 30px; + } +} + .title { color: #394146; font: 600 36px/136.11% 'Open Sans'; diff --git a/src/shared/components/tc-communities/communities/veterans/Home/index.jsx b/src/shared/components/tc-communities/communities/veterans/Home/index.jsx index b51539db57..40f6e1fe30 100644 --- a/src/shared/components/tc-communities/communities/veterans/Home/index.jsx +++ b/src/shared/components/tc-communities/communities/veterans/Home/index.jsx @@ -11,36 +11,37 @@ import Section from 'components/tc-communities/Section'; import Banner from 'components/tc-communities/Banner'; import ImageText from 'components/tc-communities/ImageText'; import ResourceCard from 'components/tc-communities/ResourceCard'; -import NewsletterSignup from 'components/tc-communities/NewsletterSignup'; -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'; -import IconNetwork from '../../../../../../assets/images/tc-communities/network.svg'; -import IconMedal from '../../../../../../assets/images/tc-communities/medal.svg'; - import style from './style.scss'; -export default function Home(props) { +export default function Home() { return (
+

+ Transition to a career in technology with our unique platform for military service members and veterans. +

+

+ We help connect talented coders with organizations across the globe in need of your specialized skills. +

+ + } link={{ title: 'Compete Now', url: 'challenges', }} - imageSrc="/themes/veterans/community-hero.jpg" + imageSrc="/themes/veterans/home/banner.jpg" + theme={{ + container: style.bannerContainer, + }} /> - - - -
+

+ Some of the most talented and qualified coders in the world + are veterans and active military personnel. The US military + has some of the most sophisticated technology platforms and + equipment on the planet, which demand the brightest minds + available. +

+

+ Their training and skills help them protect our country from + threats. Now, organizations and businesses can benefit from + their experience and expertise. +

+

+ With 250,000 service members exiting the military annually, + they need to find opportunities in civilian employment. +

+
+ } + imageSrc="/themes/veterans/home/image-01.jpg" /> +

+ Topcoder recognizes the invaluable experience our veterans + and military service members gain during their service. +

+

+ Yet, there’s often a gap that exists in translating this + experience to civilian employment without a college degree. +

+

+ A study by the nonprofit research group, Center for New + American Security, reports that 60% of employers see the + translation gap as the biggest obstacle to bringing more vets + on board. +

+ + } + imageSrc="/themes/veterans/home/image-02.jpg" /> + +

+ We’ve partnered with the Department of Veterans Affairs to + assist in bridging the gap between real-world skills and a + career in technology as well as promote this platform. +

+

+ Together, we’ve developed a coalition of companies that share + our vision and are committed to providing job opportunities to + members of The Veterans.Topcoder community. +

+

+ If you’ve got what it takes and want to put your experience to + work right now, let’s get started. +

+ + } + imageSrc="/themes/veterans/home/image-03.jpg" + /> + +

+ The Veterans.Topcoder program was designed to assist + military service members and veterans who want to pursue + a career in technology into viable job opportunities, which + can be difficult to obtain without a college degree. +

+

+ Joining The Veterans.Topcoder community is free and + enables you to compete on projects, earn money and + continue to enhance your skills. +

+

+ It also places you in the spotlight with some of the top + technology companies in the world, which also believe in + your background and capabilities. +

+ + } + imageSrc="/themes/veterans/home/image-05.jpg" + /> + +

+ The technology sector will only continue grow. Technology + changes rapidly and is a key component of any industry from + banking to manufacturing to retail. +

+

+ Software developers aren’t just needed for companies whose + main focus is software, they’re needed to keep many industries + on pace with competitors, delivering the options and + experiences their clients needs - but there’s a major talent + gap. +

+

+ More than half of global IT leaders predict they will face a + lack of IT talent in the next year, as new technology demands + outpace the talent supply, according to a new study from + Brocade, which surveyed 630 IT leaders in the U.S., U.K., + France, Germany, Australia and Singapore. +

+

+ Understanding this great need, Veterans.Topcoder seeks to help + connect vets with the expertise and skill with the industries that need them most. +

+ + } + imageSrc="/themes/veterans/home/image-06.jpg" + /> + +
+
+ +

+ “The Topcoder for Veterans Community + has provided me with an opportunity to + further my career for free while applying + my current knowledge to highly-technical + and complex projects while making + money, all under the microscope for some + of the largest companies in the world. It’s + been an incredible resource!” +

+

+ Master Sergeant, Tim Clark, USAF +

+ + } + theme={{ + container: style.grayBack, + }} + imageSrc="/themes/veterans/home/image-04.jpg" + /> +
+ +
+
+

+ Companies Hiring on Veterans.Topcoder +

+
+ logo-01 + logo-02 + logo-03 + logo-04 + logo-05 +
+ + +
+ card + card + card + card + card + card + card +
+ +
+ +
+
icon} + theme={{ link: style.primaryButton }} + title="Learning & Certification" + text="Grow your knowledge-base and get Topcoder certified, all for free." link={{ - title: 'Browse resources', + title: 'Learn More', url: 'learn', }} /> icon} + theme={{ link: style.primaryButton }} + title="Explore The Platform" + text="Explore the features and functionality to see how it can work for you." link={{ - title: 'Learn about rewards', + title: 'Browse Resources', url: 'leaderboard', }} /> icon} + theme={{ link: style.primaryButton }} + title="Make money" + text="We reward participants with cash. Produce deliverables as required and make money." + link={{ + title: 'Learn About Rewards', + url: 'challenges', + }} + /> + icon} + theme={{ link: style.primaryButton }} + title="Join Challenges" + text="We add new challenges and tasks daily. Find projects that fit your skill set." link={{ - title: 'Browse challenges', + title: 'View Challenges & Tasks', url: 'challenges', }} />
- - - - +
+ card + card + card + card + card + card +
); } - -Home.defaultProps = { - news: [], -}; - -Home.propTypes = { - news: PT.arrayOf(PT.shape()), -}; - diff --git a/src/shared/components/tc-communities/communities/veterans/Home/style.scss b/src/shared/components/tc-communities/communities/veterans/Home/style.scss index e66cd00b00..57f327551d 100644 --- a/src/shared/components/tc-communities/communities/veterans/Home/style.scss +++ b/src/shared/components/tc-communities/communities/veterans/Home/style.scss @@ -1,4 +1,66 @@ -@import '~styles/tc-styles'; +@import '~styles/mixins'; + +@mixin bodyText { + color: #787d81; + font: 15px/22px 'Open Sans'; + padding: 6px 0; +} + +.paragraph2 { + padding: 6px 0; +} + +.bannerContainer { + background-position: 0% 20% !important; +} + +.bottomMargin { + margin-bottom: 12px; +} + +.hiringSection { + @include bodyText; + + background: whitesmoke; + padding: 24px 0; + + div { + text-align: center; + width: 100%; + } + + p { + font-size: 18px; + } +} + +.logos { + padding: 32px 0 0; + + img { + margin: 0 6px; + } +} + +.grayBack { + background: whitesmoke; +} + +.paragraph { + @include bodyText; + + em { + font-style: italic !important; + } + + p { + padding: 6px 0; + } + + strong { + font-weight: bold; + } +} .statsContainer { padding: 0; @@ -25,9 +87,51 @@ } .linksContainer { - padding: 24px 0 60px; + padding: 24px 0 0; @include xxs-to-xs { padding: 0; } } + +.joinSectionContent { + justify-content: center; +} + +.primaryButton { + color: $tc-white; + display: block; + background: #85bc3f; + border: none; + border-radius: 6px; + font: 14px/40px 'Open Sans'; + margin: 24px auto; + height: 40px; + text-align: center; + text-transform: none; + width: 171px; + + &:hover, + &:active, + &:focus, + &:visited { + color: $tc-white; + outline: none; + text-decoration: none; + } + + &:hover { + background: #85bc3f; + } + + &.joining:hover { + background: #85bc3f; + cursor: default; + } + + &.joining div p { + display: inline-block; + margin-right: 12px; + vertical-align: top; + } +} diff --git a/src/shared/containers/tc-communities/JoinCommunity.jsx b/src/shared/containers/tc-communities/JoinCommunity.jsx index a3d5363fea..091e1fcdf8 100644 --- a/src/shared/containers/tc-communities/JoinCommunity.jsx +++ b/src/shared/containers/tc-communities/JoinCommunity.jsx @@ -24,11 +24,10 @@ const JoinCommunityContainer = (props) => { return (
- + join(token, groupIds[0], userId)} />