-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* format code * update job * update font style
- Loading branch information
1 parent
b2b2308
commit 0f23893
Showing
1 changed file
with
157 additions
and
104 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,63 +1,56 @@ | ||
import React, {Component} from "react"; | ||
import {Container, Row, Col} from 'react-bootstrap' | ||
import {PageHeader} from '../../components/PageHeader' | ||
import {PageFooter} from '../../components/PageFooter' | ||
import styles from './style.module.scss' | ||
import archorsComponent from '../../components/anchorsComponent' | ||
import React, { Component } from "react"; | ||
import { Container, Row, Col } from "react-bootstrap"; | ||
import { PageHeader } from "../../components/PageHeader"; | ||
import { PageFooter } from "../../components/PageFooter"; | ||
import styles from "./style.module.scss"; | ||
import archorsComponent from "../../components/anchorsComponent"; | ||
|
||
import about_png from "./img/about.png" | ||
import {withTranslation} from "react-i18next"; | ||
import about_png from "./img/about.png"; | ||
import { withTranslation } from "react-i18next"; | ||
|
||
class Home extends Component { | ||
constructor(props, context) { | ||
super(props, context); | ||
constructor(props, context) { | ||
super(props, context); | ||
|
||
this.state = {}; | ||
} | ||
this.state = {}; | ||
} | ||
|
||
componentDidMount() { | ||
archorsComponent() | ||
} | ||
componentDidMount() { | ||
archorsComponent(); | ||
} | ||
|
||
render() { | ||
const {t} = this.props | ||
return ( | ||
<div className='about'> | ||
<div className={styles.aboutBg}></div> | ||
<div className={styles.homeBannerArea}> | ||
<PageHeader className={styles.pageHeader}/> | ||
render() { | ||
const { t } = this.props; | ||
return ( | ||
<div className="about"> | ||
<div className={styles.aboutBg}></div> | ||
<div className={styles.homeBannerArea}> | ||
<PageHeader className={styles.pageHeader} /> | ||
</div> | ||
<div className={styles.section}> | ||
<Container> | ||
<Row className={styles.row}> | ||
<Col className={styles.col} xs={0} sm={1}></Col> | ||
<Col className={styles.col} xs={12} sm={6}> | ||
<div className={styles.aboutSection}> | ||
<div className={styles.aboutUsBg}></div> | ||
<div className={styles.title}>{t("about_page:about_us")}</div> | ||
<div className={styles.aboutP}> | ||
<p>{t("about_page:about_p_1")}</p> | ||
<p>{t("about_page:about_p_2")}</p> | ||
<p>{t("about_page:about_p_3")}</p> | ||
</div> | ||
</div> | ||
<div className={styles.section}> | ||
<Container> | ||
<Row className={styles.row}> | ||
<Col className={styles.col} xs={0} sm={1}> | ||
</Col> | ||
<Col className={styles.col} xs={12} sm={6}> | ||
<div className={styles.aboutSection}> | ||
<div className={styles.aboutUsBg}></div> | ||
<div className={styles.title}> | ||
{t('about_page:about_us')} | ||
</div> | ||
<div className={styles.aboutP}> | ||
<p>{t('about_page:about_p_1')}</p> | ||
<p>{t('about_page:about_p_2')}</p> | ||
<p>{t('about_page:about_p_3')}</p> | ||
</div> | ||
</div> | ||
<div className={styles.joinSection}> | ||
<div className={styles.joinBg}></div> | ||
<div className={styles.title}> | ||
{t('about_page:join_us')} | ||
</div> | ||
<div className={styles.joinSubTitle}> | ||
{t('about_page:join_subtitle')} | ||
</div> | ||
<div className={styles.joinP}> | ||
<p>{t('about_page:join_p_1')}</p> | ||
<p>{t('about_page:join_p_2')}</p> | ||
</div> | ||
<div className={styles.joinSection}> | ||
<div className={styles.joinBg}></div> | ||
<div className={styles.title}>{t("about_page:join_us")}</div> | ||
<div className={styles.joinSubTitle}>{t("about_page:join_subtitle")}</div> | ||
<div className={styles.joinP}> | ||
<p>{t("about_page:join_p_1")}</p> | ||
<p>{t("about_page:join_p_2")}</p> | ||
</div> | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_golang')} | ||
</div> | ||
|
@@ -107,7 +100,7 @@ class Home extends Component { | |
</div> | ||
</> */} | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_dba')} | ||
</div> | ||
|
@@ -143,7 +136,7 @@ class Home extends Component { | |
</div> | ||
</> */} | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_contract_dev')} | ||
</div> | ||
|
@@ -171,36 +164,96 @@ class Home extends Component { | |
</div> | ||
</> */} | ||
|
||
<> | ||
<div className={styles.jobTitle}> | ||
Web3 Technical Blockchain Evangelist (Darwinia Network - Darwinia Ecosystem Growth) | ||
</div> | ||
<div className={styles.subTitle}>{t("about_page:what_will_you_be_doing")}</div> | ||
<p> | ||
1. Engage the Darwinia community through presentations and speaking engagements and represent the | ||
company at all developer-focused Hackathons, Conferences, and Online Events | ||
</p> | ||
<p> | ||
2. Support translating the engineering team's progress and development into simple concepts for a | ||
global community Telegram Channel, Discord server, Twitter + Medium Blogs, and YouTube explainer | ||
videos | ||
</p> | ||
<p> | ||
3. Host regular video sessions explaining recent changes, progress, and why they are essential, | ||
with an ability to highlight the most positive aspects of each | ||
</p> | ||
<p> | ||
4. Create written tutorials and guides, conduct live workshops, and write out intelligent, | ||
well-thought-out answers to technical questions | ||
</p> | ||
<p>5. Provide support for integration partners</p> | ||
<div className={styles.subTitle}>{t("about_page:are_you_the_right_person_for_this_role")}</div> | ||
<div style={{ marginTop: 10 }}> | ||
<span>The ideal candidate for us has:</span> | ||
</div> | ||
<p>1. 1+ years experience in blockchain community engagement and management</p> | ||
<p>2. Excellent writing/speaking/listening communication skills in English</p> | ||
<p>3. Public speaking experience</p> | ||
<p>4. An excellent communicator and can swiftly liaise between engineering and marketing teams</p> | ||
<p> | ||
5. Passionate about the crypto-asset industry, is eager to improve and hone their knowledge in the | ||
crypto space | ||
</p> | ||
<p>6. A problem solver and proactively troubleshoot issues blocking your path</p> | ||
<p> | ||
7. Entrepreneurial mindset with a strong sense of ownership, empathy, and determination to get | ||
things done | ||
</p> | ||
<p> | ||
8. Direct experience working in a remote-first environment and being able to work independently | ||
while collaborating closely with a fast-growing team | ||
</p> | ||
<p>9. Bonus: Familiar with blockchain-related technical principles</p> | ||
<p>10. Bonus: Understand Substrate and have experience working with this framework</p> | ||
<p> | ||
11. Bonus: Follow open source communities, provide GitHub accounts or other technical forum | ||
accounts, and personal technical blog addresses | ||
</p> | ||
<div className={styles.techBtn}> | ||
<a | ||
className={styles.linkBtn} | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
href="mailto:[email protected]" | ||
> | ||
{t("about_page:apply_now")} | ||
</a> | ||
</div> | ||
</> | ||
|
||
<> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_front_end')} | ||
</div> | ||
<div className={styles.subTitle}> | ||
{t('about_page:what_will_you_be_doing')} | ||
</div> | ||
<p>{t('about_page:what_will_you_be_doing_front_end_1')}</p> | ||
<div className={styles.subTitle}> | ||
{t('about_page:are_you_the_right_person_for_this_role')} | ||
</div> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_1')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_2')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_3')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_4')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_5')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_6')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_7')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_8')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_9')}</p> | ||
<p>{t('about_page:are_you_the_right_person_for_this_role_front_end_10')}</p> | ||
<div className={styles.techBtn}> | ||
<a className={styles.linkBtn} target="_blank" | ||
rel="noopener noreferrer" | ||
href="mailto:[email protected]">{t('about_page:apply_now')}</a> | ||
</div> | ||
</> | ||
{/* <> | ||
<div className={styles.jobTitle}>{t("about_page:jobs_front_end")}</div> | ||
<div className={styles.subTitle}>{t("about_page:what_will_you_be_doing")}</div> | ||
<p>{t("about_page:what_will_you_be_doing_front_end_1")}</p> | ||
<div className={styles.subTitle}>{t("about_page:are_you_the_right_person_for_this_role")}</div> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_1")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_2")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_3")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_4")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_5")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_6")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_7")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_8")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_9")}</p> | ||
<p>{t("about_page:are_you_the_right_person_for_this_role_front_end_10")}</p> | ||
<div className={styles.techBtn}> | ||
<a | ||
className={styles.linkBtn} | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
href="mailto:[email protected]" | ||
> | ||
{t("about_page:apply_now")} | ||
</a> | ||
</div> | ||
</> */} | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_full_stack_dev')} | ||
</div> | ||
|
@@ -231,7 +284,7 @@ class Home extends Component { | |
</div> | ||
</> */} | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}> | ||
{t('about_page:jobs_sdk_dev')} | ||
</div> | ||
|
@@ -259,7 +312,7 @@ class Home extends Component { | |
</div> | ||
</> */} | ||
|
||
{/* <> | ||
{/* <> | ||
<div className={styles.jobTitle}>{t('about_page:jobs_ui_ux')}</div> | ||
<div className={styles.subTitle}>{t('about_page:what_will_you_be_doing')}</div> | ||
<p>{t('about_page:what_will_you_be_doing_ui_ux_1')}</p> | ||
|
@@ -279,27 +332,27 @@ class Home extends Component { | |
</a> | ||
</div> | ||
</> */} | ||
|
||
</div> | ||
<div className={styles.tips}> | ||
<div>{t('about_page:tip_1')}</div> | ||
<div>{t('about_page:tip_2')}<a href="mailto:[email protected]">[email protected]</a></div> | ||
</div> | ||
|
||
|
||
</Col> | ||
<Col className={styles.col} xs={0} sm={5}> | ||
<div className={styles.imgWrapper}> | ||
<img alt="about" src={about_png}/> | ||
</div> | ||
</Col> | ||
</Row> | ||
</Container> | ||
</div> | ||
<PageFooter/> | ||
</div> | ||
); | ||
} | ||
<div className={styles.tips}> | ||
<div>{t("about_page:tip_1")}</div> | ||
<div> | ||
{t("about_page:tip_2")} | ||
<a href="mailto:[email protected]">[email protected]</a> | ||
</div> | ||
</div> | ||
</Col> | ||
<Col className={styles.col} xs={0} sm={5}> | ||
<div className={styles.imgWrapper}> | ||
<img alt="about" src={about_png} /> | ||
</div> | ||
</Col> | ||
</Row> | ||
</Container> | ||
</div> | ||
<PageFooter /> | ||
</div> | ||
); | ||
} | ||
} | ||
|
||
export default withTranslation()(Home); |