Skip to content

Commit

Permalink
Merge pull request #4 from cynthiapereira/unregistered-users-issue3
Browse files Browse the repository at this point in the history
Fixes #3
  • Loading branch information
Cynthia Pereira committed Jun 14, 2017
2 parents 5cde07d + 61aada3 commit b02fb9a
Show file tree
Hide file tree
Showing 7 changed files with 264 additions and 4 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -22,3 +22,4 @@ sumo.sublime-workspace

### Build HTML ###
*.html
!/src/html/*/*.html
12 changes: 12 additions & 0 deletions src/html/includes/loop-get-involved-steps.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="process-layout">
<figure class="process-icon">
<i class="fa fa-@@step-icon fa-5x" aria-hidden="true"></i>
</figure>
<article class="process-info">
<h4>@@step-title</h4>
<p>@@step-desc</p>
<div class="text-center"><a href="@@step-button-link" class="btn btn-primary">@@step-button</a></div>
</article>
</div>
</div>
62 changes: 62 additions & 0 deletions src/html/pages/get-involved-kb-register.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en-US">
@@include('header.html')

<body class="get-involved">
<!-- header -->
<header>
@@include('nav-utility.html')

@@include('nav-main.html')
</header>
<!-- //header -->

@@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"
})

<!--start-get-involved-steps-->
<section class="get-involved-steps">
<div class="container">
<div class="row">
<div class="col-xs-12 get-involved-heading">
<h2 class="get-involved-title">How it works</h2>
<p class="get-involved-desc">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</p>
</div>
</div>
<div class="row">
@@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"
}
])
</div>
</div>
</section>
<!--end-get-involved-steps-->


@@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')
63 changes: 63 additions & 0 deletions src/html/pages/get-involved-l10n-register.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en-US">
@@include('header.html')

<body class="get-involved">
<!-- header -->
<header>
@@include('nav-utility.html')

@@include('nav-main.html')
</header>
<!-- //header -->

@@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"
})

<!--start-get-involved-steps-->
<section class="get-involved-steps">
<div class="container">
<div class="row">
<div class="col-xs-12 get-involved-heading">
<h2 class="get-involved-title">How it works</h2>
<p class="get-involved-desc">Start Translating existing articles into your language by reading the documentation, reaching out to a locale lead and talking to the team!</p>
</div>
</div>
<div class="row">
@@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"
}
])
</div>
</div>
</section>
<!--end-get-involved-steps-->



@@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')
61 changes: 61 additions & 0 deletions src/html/pages/get-involved-questions-register.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en-US">
@@include('header.html')

<body class="get-involved">
<!-- header -->
<header>
@@include('nav-utility.html')

@@include('nav-main.html')
</header>
<!-- //header -->

@@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"
})

<!--start-get-involved-steps-->
<section class="get-involved-steps">
<div class="container">
<div class="row">
<div class="col-xs-12 get-involved-heading">
<h2 class="get-involved-title">How it works</h2>
<p class="get-involved-desc">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.</p>
</div>
</div>
<div class="row">
@@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"
}
])
</div>
</div>
</section>
<!--end-get-involved-steps-->

@@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')
61 changes: 61 additions & 0 deletions src/html/pages/get-involved-social-register.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en-US">
@@include('header.html')

<body class="get-involved">
<!-- header -->
<header>
@@include('nav-utility.html')

@@include('nav-main.html')
</header>
<!-- //header -->

@@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"
})

<!--start-get-involved-steps-->
<section class="get-involved-steps">
<div class="container">
<div class="row">
<div class="col-xs-12 get-involved-heading">
<h2 class="get-involved-title">Join Us</h2>
<p class="get-involved-desc">Fill out your email address below and we’ll reach out with the next steps!</p>
</div>
</div>
<div class="row">
@@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"
}
])
</div>
</div>
</section>
<!--end-get-involved-steps-->

@@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')
8 changes: 4 additions & 4 deletions src/html/pages/get-involved.html
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ <h2 class="get-involved-title">Pick a way to get involved</h2>
<article class="process-info">
<h4>Write Help Articles</h4>
<p>If you like writing and teaching then the Knowledge Base is the place for you. Share your wisdom with the world.</p>
<div class="text-center"><a href="get-involved-kb.html" class="btn btn-primary">Read more</a></div>
<div class="text-center"><a href="get-involved-kb-register.html" class="btn btn-primary">Read more</a></div>
</article>
</div>
</div>
Expand All @@ -88,7 +88,7 @@ <h4>Write Help Articles</h4>
<article class="process-info">
<h4>Translate help articles</h4>
<p>Help articles are not available in your language yet? Let's make Mozilla Support speak your language!</p>
<div class="text-center"><a href="get-involved-kb-l10n.html" class="btn btn-primary">Read more</a></div>
<div class="text-center"><a href="get-involved-l10n-register.html" class="btn btn-primary">Read more</a></div>
</article>
</div>
</div>
Expand All @@ -100,7 +100,7 @@ <h4>Translate help articles</h4>
<article class="process-info">
<h4>Answer questions</h4>
<p>Share your knowledge by pointing people to the right help articles and providing troubleshooting steps. </p>
<div class="text-center"><a href="get-involved-forum.html" class="btn btn-primary">Read more</a></div>
<div class="text-center"><a href="get-involved-questions-register.html" class="btn btn-primary">Read more</a></div>
</article>
</div>
</div>
Expand All @@ -113,7 +113,7 @@ <h4>Answer questions</h4>
<article class="process-info">
<h4>Help users on Twitter</h4>
<p>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.</p>
<div class="text-center"><a href="get-involved-social.html" class="btn btn-primary">Read more</a></div>
<div class="text-center"><a href="get-involved-social-register.html" class="btn btn-primary">Read more</a></div>
</article>
</div>
</div>
Expand Down

0 comments on commit b02fb9a

Please sign in to comment.