gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

minor ux improvement to onboarding

Browse Source
This commit is contained in:
Quincy Larson
2015-08-12 18:25:43 -07:00
parent e36dd9970a
commit 8cdc545f71
1 changed files with 11 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
server/views/resources/get-started.jade
View File

@ -35,36 +35,31 @@ block content
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/sign-up-for-github.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
a(href='https://github.com/join' target='_blank') Create an account with GitHub
| . Be sure to use your real email address - GitHub will keep this private.
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/github-profile.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Click the pixel art in the upper right hand corner of GitHub, then choose settings. Upload a picture of yourself. A picture of your face works best. This is how people will see you in our chat rooms, so put your best foot forward. You can add your city and your name if you want.
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/star-repository.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
a(href='//github.com/freecodecamp/freecodecamp' target='_blank') Go to Free Code Camp's open-source repository
|  and "star" it. "Starring" is the GitHub equivalent of "liking" something.
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/join-gitter.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Now that you have a GitHub account, you can 
a(href='https://gitter.im/FreeCodeCamp/FreeCodeCamp' target='_blank') join our main chat room by logging in with GitHub
| . Introduce yourself by saying "Hello world!". Tell your fellow campers how you found Free Code Camp. Also tell us why you want to learn to code.
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/gitter-notifications.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Our chat rooms are extremely active. You should change your settings so you're only notified if someone mentions you.
.big-spacer
@ -77,15 +72,13 @@ block content
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/download-gitter-app.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
a(href='https://gitter.im/apps' target='_blank') You can also download the chat room app to your computer or phone
| .
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/challenge-map.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Click the "Map" button in your upper right hand corner. Our map shows all our coding challenges. We recommend that you complete these from top to bottom, at a sustainable pace.
.big-spacer
@ -94,14 +87,12 @@ block content
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/wiki.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Click the "Wiki" button in your upper right hand corner. Our community has contributed lots of useful information to this searchable wiki.
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/add-github-to-profile.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Check out your portfolio page. Click your picture your upper right hand corner. Before you can see your portfolio page, you'll need to link your GitHub account with Free Code Camp.
.big-spacer
@ -110,8 +101,7 @@ block content
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/camper-news.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
| Click the "News" button in your upper right hand corner. You can browse links on Camper News and upvote ones that you enjoy.
.big-spacer
@ -120,8 +110,7 @@ block content
.big-spacer
img.gif-block.img-center.img-responsive.thumbnail(src='https://s3.amazonaws.com/freecodecamp/join-facebook-group.gif' alt='a gif showing how to install this')
p.large-p.gif-caption
span.text-info Try this: 
p.large-p.gif-caption Try this: 
a(href='https://github.com/FreeCodeCamp/freecodecamp/wiki/List-of-Free-Code-Camp-city-based-Campsites' target='_blank') Find your city on this list
| . Click the "Join group" button to join your city's Facebook group. If your city isn't on this list, 
a(href='https://github.com/FreeCodeCamp/freecodecamp/wiki/How-to-create-a-Campsite-for-your-city' target='_blank') follow these directions to create a Facebook group for your city