From cd90333bca26288a7167d1dc2851cee37ba3233a Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Thu, 16 Oct 2014 13:17:03 -0700 Subject: [PATCH] first attempt at expanding landing page --- public/css/styles.less | 14 +++--- public/js/main.js | 2 +- views/contact.jade | 24 ++++++++--- views/home.jade | 97 +++++++++++++++++++++++++++--------------- 4 files changed, 87 insertions(+), 50 deletions(-) diff --git a/public/css/styles.less b/public/css/styles.less index 50e7a4e4cd..a7d22d5e6b 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -30,6 +30,11 @@ footer { } } +h1, h2, h3, h4, h5, h6, p { + padding-top: 5px; + padding-bottom: 5px; +} + // Navbar // ------------------------- @@ -81,7 +86,6 @@ footer { } .btn { - border-radius: 3px; white-space: normal; -webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3); @@ -97,14 +101,6 @@ ul { word-wrap: break-word; } - - - - - - - - /* Pages */ .pages { diff --git a/public/js/main.js b/public/js/main.js index a5253f4091..969277d070 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -39,7 +39,7 @@ $(document).ready(function() { // Sets the client's username function setUsername () { - username = cleanInput($usernameInput.val().trim()); + username = auth.username; // If the username is valid if (username) { diff --git a/views/contact.jade b/views/contact.jade index 245411ba82..3ae45c92b8 100644 --- a/views/contact.jade +++ b/views/contact.jade @@ -2,24 +2,36 @@ extends layout block content .page-header - h3 Contact Form - + h1 We love non-profits! + h2 We want to help you get things done faster and better! + h3 Our students will help you build that donor tracking system, community message board, or whatever your organization needs, at no cost. In exchange, we ask only that you: + h4 + ul + li • meet with them regularly in person. If that's not possible, you can teleconference with them. This way, you can collaboratively establish and review milestones. + br + li • clearly communicate your goals for the project: what will this project solve, and for whom? + br + li • know that they will use cutting edge JavaScript frameworks to build your project. Please don't expect them to use Wordpress or other proprietary or old-school technologies. + br + li • don't lower your expectiations. Their goal is to produce work that's up to your standards. + h3 If you're OK with all this, great! We can help you! + h4 Fill this out and we'll get right back to you. form.form-horizontal(role='form', method='POST') input(type='hidden', name='_csrf', value=_csrf) .form-group - label(class='col-sm-2 control-label', for='name') Name + label(class='col-sm-2 control-label', for='name') Your name .col-sm-8 input.form-control(type='text', name='name', id='name', autofocus=true) .form-group - label(class='col-sm-2 control-label', for='email') Email + label(class='col-sm-2 control-label', for='email') Your email .col-sm-8 input.form-control(type='text', name='email', id='email') .form-group - label(class='col-sm-2 control-label', for='message') Body + label(class='col-sm-2 control-label', for='message') Briefly describe what problem you need to solve, and for whom. .col-sm-8 textarea.form-control(type='text', name='message', id='message', rows='7') .form-group .col-sm-offset-2.col-sm-8 button.btn.btn-primary(type='submit') span.ion-paper-airplane - | Send + | Submit diff --git a/views/home.jade b/views/home.jade index 3ac843fc9c..0f19e003e7 100644 --- a/views/home.jade +++ b/views/home.jade @@ -1,37 +1,66 @@ extends layout block content - .text-center.jumbotron - h1 Become a Software Engineer - h2 Our free online coding bootcamp will help you land your first coding job! - .row - .col-xs-12.col-sm-12.col-md-4 - h3 Technical Mastery - img.img-center.three-by-three.img-responsive(src="images/tools.svg") - p Pair program your way through our courses and coding challenges. - .col-xs-12.col-sm-12.col-md-4 - h3 Unique Portfolio Projects - img.img-center.three-by-three.img-responsive(src="images/portfolio.svg") - p Contribute to Open Source Software. Work closely with non-profits and solve their problems with code. - .col-xs-12.col-sm-12.col-md-4 - h3 Glowing References - img.img-center.three-by-three.img-responsive(src="images/references.svg") - p Gain the esteem of your peers and the people you help. - a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free) - br - br - a.btn.btn-primary(href="/nonprofit") I'm with a non-profit and want help from a Software Engineer + .jumbotron + .text-center + h1 Become a Software Engineer + h2 Our free online coding bootcamp will help you land your first coding job! + .row + .col-xs-12.col-sm-12.col-md-4 + h3 Technical Mastery + img.img-center.three-by-three.img-responsive(src="images/tools.svg") + p Pair program your way through our courses and coding challenges. + .col-xs-12.col-sm-12.col-md-4 + h3 Unique Portfolio Projects + img.img-center.three-by-three.img-responsive(src="images/portfolio.svg") + p Contribute to Open Source Software. Work closely with non-profits and solve their problems with code. + .col-xs-12.col-sm-12.col-md-4 + h3 Glowing References + img.img-center.three-by-three.img-responsive(src="images/references.svg") + p Gain the esteem of your peers and the people you help. + a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free) + br + br + a.btn.btn-success(href="/contact") I'm with a non-profit and want free help from a Software Engineer + .text-left + br + h2 How long does this take? + p It takes about 1,000 hours to master the skills you need to get an entry level software engineering job, or roughly one year if you code for 20 hours per week. + h2 What will I learn, and in what sequence? + ol + h3 In the first 100 hours, you'll learn basic web design tools like: + h4 + ul + li • HTML5 + li • CSS3 + li • Bootstrap + li • jQuery + h3 Then you'll spend about 400 hours learning programming and computer science: + h4 + ul + li • JavaScript + li • Linux + li • Git + li • Relational Databases + li • Algorithms + h3 You'll spend the final 500 hours using Agile Methodologies and Full Stack JavaScript to build projects for non-profits: + h4 + ul + li • MongoDB + li • AngularJS + li • ExpressJS + li • NodeJS + h2 How will I learn all this? + h3 By pair programming with other Free Code Camp students on our exercises. Don't think of programming as a lonely art - it's a collaborative process, and programmers learn better together. We've also built an optional curriculum of the best free courses on the web. Some people prefer working through the courses. Some people prefer to googling around for documentation and Stack Overflow posts when they get stuck. Most people do a little of both. + h2 Will I really be able to job afterward? + h3 At the end of Free Code Camp, you will have pair programmed around 1,000 hours with dozens of other students, built a portfolio of projects that people are actively using, and a roster of glowing references from non-profits you've helped. 75% of bootcamp graduates get software engineering jobs, and make an average annual salary of $76,000. + a(href='https://www.coursereport.com/2014-graduate-survey.pdf', target='_blank')   (Source) -// script(src='https://cdn.firebase.com/js/client/1.0.21/firebase.js') -// script(src='https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js') -// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.js') -// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/mode/javascript/javascript.js') -// link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.css') -// script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js') -// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css') -// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css') -// script(src='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.min.js') -// link(rel='stylesheet', href='css/firechat-default.css') -// script(src='js/firechat-default.js') -// #firepad-container -// #firechat-wrapper -// a(href='#', onclick='auth.login("twitter");') Login \ No newline at end of file + h2 Do you have job placement services? + h3 Yes. We work with reputable technical recruitment firms and can help you find a good job. + h2 Is this really free? Do you claim part of my first year's salary like some bootcamps do? + h3 Our name is Free Code Camp. We are a free code camp. If you had to pay us (or sign over future earnings), we'd have to change our name. And we are not going to do that. + h2 Does Free Code Camp have an application process? + h3 Unlike most bootcamps, anyone can study at Free Code Camp. We're not going to tell you that you can't become a software engineer. We believe the only person who should be able to tell you that is you. If you perservere, and keep working through our challenges and non-profits' projects, you will become an employable software engineer. + br + .text-center + a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free) \ No newline at end of file