Merge branch 'develop' into feat/sw-reload

Author: luiskcs89

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@openforge/main-website",
   "private": true,
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "The official website for OpenForge",
   "files": [
     "dist/"

package.json

@@ -1,6 +1,6 @@
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
@@ -9,7 +9,7 @@
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
@@ -18,7 +18,7 @@
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
@@ -27,7 +27,7 @@
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
@@ -36,7 +36,7 @@
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
@@ -54,7 +54,7 @@
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto-Bold';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');

src/assets/fonts/Roboto.css

@@ -133,8 +133,10 @@ export const translations = {
         fullName: 'Full Name*',
         company: 'Company',
         email: 'E-mail*',
-        phone: 'Phone',
-        github: 'GitHub URL',
+        phone: 'Phone*',
+        contact_phone: 'Phone',
+        github: 'GitHub URL*',
+        designProfile: 'Portfolio*',
         whatAreYouWorkingOn: 'What are you working on?',
         appDevelopment: 'App Development',
         webDevelopment: 'Web Development',
@@ -160,6 +162,9 @@ export const translations = {
           email: 'example@gmail.com',
           phone: 'Your Phone Number',
           message: 'Briefly describe your project',
+          fullName: 'Your Name Here',
+          github: 'Your Github account',
+          designProfile: 'Your Portfolio',
         },
       },
     },
@@ -307,9 +312,64 @@ export const translations = {
 
     opportunities: {
       hero: {
-        title: "Great News! We're Hiring.",
-        text: "If you're curious, hardworking, and adventurous, we're looking for you! Check out our job description and apply today.",
-        text2: 'Learn More',
+        title: 'Looking for a New Adventure?',
+        text: 'If you’re a talented designer or developer, we want to hear from you! Choose the role that best describes you to continue.',
+        text2: 'Let’s get to know each other…',
+        developer: 'DEVELOPER',
+        designer: 'DESIGNER',
+        develop: {
+          title: 'Show Us What You’re Made Of',
+          text: "If you're curious, hardworking, and adventurous, we're looking for you! Check out our job description and apply today.",
+          button: 'Apply Now',
+        },
+        design: {
+          title: 'Show Us What You’re Made Of',
+          text: "If you're curious, hardworking, and adventurous, we're looking for you! Check out our job description and apply today.",
+          button: 'Apply Now',
+        },
+      },
+      candidate: {
+        develop: {
+          title: 'The ideal candidate can....',
+          text1: 'Be a great team player experienced in working with agile teams with the ability to collaborate closely with developers, copywriters and UX designers.',
+          text2: 'Continually keep yourself and your design team updated with the latest changes in your industry’s standards.',
+          text3: 'Be self-starter.',
+          text4: 'Be a team player -- you put the interests of the team and the company above your own.',
+          text5: 'Be passionate about open source software',
+        },
+        design: {
+          title: 'The ideal candidate can....',
+          text1: 'Be a great team player experienced in working with agile teams with the ability to collaborate closely with developers, copywriters and UX designers.',
+          text2: 'Create, improve and utilize wireframes, prototypes, style guides, user flows, and effectively communicate your interaction ideas using any of these methods.',
+          text3:
+            'Present and defend your design decisions. All your design decisions should be based on the overall design roadmap as well as your own design thinking and fundamental principles (i.e. color theory, visual weight, etc.)',
+          text4: 'Continually keep yourself and your design team updated with the latest changes in your industry’s standards.',
+        },
+      },
+      requisites: {
+        develop: {
+          title: 'And can meet the following prerequisites:',
+          text1: 'Three or more years of experience and proven track record.',
+          text2: 'Strong portfolio to be presented and defended during interview.',
+          text3: 'Experience using Firebase products (Database,  Authentication, Notifications).',
+          text4: 'Experience in CSS (SCSS, BEM, LESS, SASS).',
+          text5: 'Experience in JavaScript (React, Angular, Node, Express).',
+          text6: 'Experience in Hybrid Apps (Ionic).',
+          text7: 'Experience with Heroku, Github Pages, or AWS is a plus.',
+          text8: 'Experience building web applications and/or mobile apps is a plus.',
+          text9: 'Experience in working on open source projects is a plus.',
+        },
+        design: {
+          title: 'And can meet the following prerequisites',
+          text1: 'Three or more years of experience and proven track record.',
+          text2: 'Strong portfolio to be presented and defended during the interview.',
+          text3: 'Hands-on experience creating wireframes, prototypes, storyboards, user flows, etc.',
+          text4: 'Proficiency with tools such as Photoshop, Sketch, Illustrator, InVision, MarvelApp, etc.',
+          text5: 'Understanding of basic front-end languages: HTML5, CSS3 Javascript.',
+          text6: 'The ability to generate creative ideas with problem-solving mindset.',
+          text7: 'Experience working in an agile/scrum development process.',
+          text8: 'Be open to receiving objective criticism and improving upon it.',
+        },
       },
       intro: {
         title: 'Forget normal interviews!',
@@ -356,18 +416,19 @@ export const translations = {
       form: {
         allset: "You're all set! Let's get started.",
         almost: 'Not quite...keep sliding or keep learning; you can do it!',
-        request: 'Request an interview',
+        request: 'Apply',
         midLevelTitle: 'Mid-Level Developer',
         technology: 'Technology',
         fullTime: 'Full-Time',
         submitTitle: 'Submit your application',
-        resume: 'Resume/CV',
+        resume: 'Resume/CV*',
         unique: {
           title: 'What makes you unique?',
-          text: 'In 150 characters or fewer, tell us what makes you unique. Try to be creative and say something that will catch our eye!',
+          text: 'In 200 characters or less, tell us what makes you unique.',
         },
         submit: 'Submit Application',
-        submitted: 'Application Submitted',
+        submitted: 'Application Submitted!',
+        thanks_interest: 'Thank you for your interest in OpenForge.',
         thanks: {
           title: 'Thank you!',
           text: 'If your resume is a match, someone will be in touch to deliver the necessary materials to complete the challenge.',
@@ -466,6 +527,7 @@ export const translations = {
         button: 'View Project',
       },
       worked_with: "Who We've Worked With",
+      more_projects: 'More Projects',
     },
 
     cta: {