From 61aada31fcaf4e1fefa84486b3ea6f8725d0cba2 Mon Sep 17 00:00:00 2001 From: Cynthia Pereira Date: Wed, 14 Jun 2017 16:36:26 -0300 Subject: [PATCH] Fixes #3 --- .gitignore | 1 + .../includes/loop-get-involved-steps.html | 12 ++++ src/html/pages/get-involved-kb-register.html | 62 ++++++++++++++++++ .../pages/get-involved-l10n-register.html | 63 +++++++++++++++++++ .../get-involved-questions-register.html | 61 ++++++++++++++++++ .../pages/get-involved-social-register.html | 61 ++++++++++++++++++ src/html/pages/get-involved.html | 8 +-- 7 files changed, 264 insertions(+), 4 deletions(-) create mode 100644 src/html/includes/loop-get-involved-steps.html create mode 100644 src/html/pages/get-involved-kb-register.html create mode 100644 src/html/pages/get-involved-l10n-register.html create mode 100644 src/html/pages/get-involved-questions-register.html create mode 100644 src/html/pages/get-involved-social-register.html diff --git a/.gitignore b/.gitignore index 1330d5b..75d091f 100644 --- a/.gitignore +++ b/.gitignore @@ -22,3 +22,4 @@ sumo.sublime-workspace ### Build HTML ### *.html +!/src/html/*/*.html diff --git a/src/html/includes/loop-get-involved-steps.html b/src/html/includes/loop-get-involved-steps.html new file mode 100644 index 0000000..4993948 --- /dev/null +++ b/src/html/includes/loop-get-involved-steps.html @@ -0,0 +1,12 @@ +
+
+
+ +
+ +
+
diff --git a/src/html/pages/get-involved-kb-register.html b/src/html/pages/get-involved-kb-register.html new file mode 100644 index 0000000..de43902 --- /dev/null +++ b/src/html/pages/get-involved-kb-register.html @@ -0,0 +1,62 @@ + + + @@include('header.html') + + + +
+ @@include('nav-utility.html') + + @@include('nav-main.html') +
+ + + @@include('intro.html', { + "intro-head": "Write Help Articles", + "intro-desc": "Improve our help articles! Share your wisdom with the world.", + "intro-bg": "linear-gradient(to right, #aaffa9, #11ffbd)" + }) + + @@include('search.html') + + @@include('breadcrumbs.html', { "active": "Write Help Articles" }) + + @@include('get-involved-intro.html', { + "title": "Improve our help articles", + "desc": "If you like writing and teaching then the Knowledge Base is the place for you. We need contributors that can write, edit or proof read articles in English. Thousands of people are accessing our Knowledge Base every week. Imagine how many people will be helped by you!", + "quote": "1 article can be viewed by 400 million users and translated into 70+ languages" + }) + + +
+
+
+
+

How it works

+

Getting started contributing to the Knowledge Base starts with signing up, introducing yourself and reading the help documentation. Do this all at your own pace

+
+
+
+ @@loop('loop-get-involved-steps.html', [ + { + "step-icon": "sign-in", + "step-title": "Register", + "step-desc": "All you need is an account to get started! Please remember to read the Community Guidelines", + "step-button": "Sign Up", + "step-button-link": "register.html" + } + ]) +
+
+
+ + + + @@include('get-involved-cta.html', { + "title": "Need Help?", + "desc": "Having trouble with a Mozilla product and want some help?", + "button": "Ask a question", + "link": "#" + }) + +@@include('footer.html') diff --git a/src/html/pages/get-involved-l10n-register.html b/src/html/pages/get-involved-l10n-register.html new file mode 100644 index 0000000..456f436 --- /dev/null +++ b/src/html/pages/get-involved-l10n-register.html @@ -0,0 +1,63 @@ + + + @@include('header.html') + + + +
+ @@include('nav-utility.html') + + @@include('nav-main.html') +
+ + + @@include('intro.html', { + "intro-head": "Translate Help Articles", + "intro-desc": "Let's make Mozilla Support speak your language.", + "intro-bg": "linear-gradient(to right, #00c9ff, #92fe9d)" + }) + + @@include('search.html') + + @@include('breadcrumbs.html', { "active": "Translate Help Articles" }) + + @@include('get-involved-intro.html', { + "title": "Translate help articles to your language", + "desc": "Help articles are not available in your language yet? You want to join the amazing team translating them? You will help millions of users in your language. Pretty heroic, right?", + "quote": "Translating 1 article can help 1,000's of users in your language" + }) + + +
+
+
+
+

How it works

+

Start Translating existing articles into your language by reading the documentation, reaching out to a locale lead and talking to the team!

+
+
+
+ @@loop('loop-get-involved-steps.html', [ + { + "step-icon": "sign-in", + "step-title": "Register", + "step-desc": "All you need is an account to get started!", + "step-button": "Sign Up", + "step-button-link": "register.html" + } + ]) +
+
+
+ + + + + @@include('get-involved-cta.html', { + "title": "Join with us and get involved", + "desc": "Lorem ipsum dolor sit amet consectetur adipisicing elit est delectus ad praesentium commodi quos nihil ipsum distinctio rem amet repellat facere perferendis eos tempora.", + "button": "Become volunteer", + "link": "#" + }) + +@@include('footer.html') diff --git a/src/html/pages/get-involved-questions-register.html b/src/html/pages/get-involved-questions-register.html new file mode 100644 index 0000000..2a10e8d --- /dev/null +++ b/src/html/pages/get-involved-questions-register.html @@ -0,0 +1,61 @@ + + + @@include('header.html') + + + +
+ @@include('nav-utility.html') + + @@include('nav-main.html') +
+ + + @@include('intro.html', { + "intro-head": "Answer questions", + "intro-desc": " Help users in the forums! Where all the action happens.", + "intro-bg": "linear-gradient(to right, #00c3ff, #ffff1c)" + }) + + @@include('search.html') + + @@include('breadcrumbs.html', { "active": "Answer Questions" }) + + @@include('get-involved-intro.html', { + "title": "Answer questions in the forum", + "desc": "From hardcore web developers to 'how do I install Firefox' first time users, everybody needs your help in the forum! Share your knowledge by pointing people to the right help articles and providing troubleshooting steps for their individual questions.", + "quote": "Solving 1 issue helps up to 1,000 users a day" + }) + + +
+
+
+
+

How it works

+

You do not need to be a tech guru. All you have to do to get started is Register, read the Community Guidelines, read the get started documentation and choose a question from any product topic to answer.

+
+
+
+ @@loop('loop-get-involved-steps.html', [ + { + "step-icon": "sign-in", + "step-title": "Register to see the next steps", + "step-desc": "All you need is an account to get started!", + "step-button": "Sign Up", + "step-button-link": "register.html" + } + ]) +
+
+
+ + + @@include('get-involved-cta.html', { + "title": "Need Help?", + "desc": "Having trouble with a Mozilla product and want some help? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt magni tempore temporibus consectetur.", + "button": "Ask a Question", + "link": "#" + }) + +@@include('footer.html') diff --git a/src/html/pages/get-involved-social-register.html b/src/html/pages/get-involved-social-register.html new file mode 100644 index 0000000..33d84a5 --- /dev/null +++ b/src/html/pages/get-involved-social-register.html @@ -0,0 +1,61 @@ + + + @@include('header.html') + + + +
+ @@include('nav-utility.html') + + @@include('nav-main.html') +
+ + + @@include('intro.html', { + "intro-head": " Help users on Twitter ", + "intro-desc": " Love Firefox? Love Twitter? Combine both and help Firefox users on Twitter.", + "intro-bg": "linear-gradient(to right, #00d2ff, #3a7bd5);" + }) + + @@include('search.html') + + @@include('breadcrumbs.html', { "active": " Help Users on Twitter " }) + + @@include('get-involved-intro.html', { + "title": "Answer Questions on Social Media", + "desc": "Love Firefox? Love Twitter and Facebook? When our users have questions, the first place a lot of them go is straight to social media. In any given month, we could see up to 14,000 questions and/or comments on Twitter and Facebook and we want each of those users to know we hear them and are here to help. The Social Support team is a community of enthusiastic volunteers helping to solve issues, share our knowledge and build relationships through social media that will empower our users to get the most out of their Firefox experience. Your contributions could reach millions of users worldwide, and you can do it from the comfort of your couch.", + "quote": "Solving 1 issue helps up to 1,000 users a day" + }) + + +
+
+
+
+

Join Us

+

Fill out your email address below and we’ll reach out with the next steps!

+
+
+
+ @@loop('loop-get-involved-steps.html', [ + { + "step-icon": "sign-in", + "step-title": "Register to see the next steps", + "step-desc": "All you need is an account to get started! Please remember to read the Community Guidelines", + "step-button": "Sign Up", + "step-button-link": "register.html" + } + ]) +
+
+
+ + + @@include('get-involved-cta.html', { + "title": "Need Help?", + "desc": "Having trouble with a Mozilla product and want some help? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt magni tempore temporibus consectetur.", + "button": "Ask a Question", + "link": "#" + }) + +@@include('footer.html') diff --git a/src/html/pages/get-involved.html b/src/html/pages/get-involved.html index a16c2ea..84be3de 100644 --- a/src/html/pages/get-involved.html +++ b/src/html/pages/get-involved.html @@ -76,7 +76,7 @@

Pick a way to get involved

Write Help Articles

If you like writing and teaching then the Knowledge Base is the place for you. Share your wisdom with the world.

-
Read more
+
Read more
@@ -88,7 +88,7 @@

Write Help Articles

Translate help articles

Help articles are not available in your language yet? Let's make Mozilla Support speak your language!

-
Read more
+
Read more
@@ -100,7 +100,7 @@

Translate help articles

Answer questions

Share your knowledge by pointing people to the right help articles and providing troubleshooting steps.

-
Read more
+
Read more
@@ -113,7 +113,7 @@

Answer questions

Help users on Twitter

You can help Firefox users on Twitter. It's quick, it's easy, and you don't have to be a tech superstar to do it.

-
Read more
+
Read more