Skip to content

Commit 977e27a

Browse files
ShMcKShMcK
committed
update landing page
1 parent 7f4630e commit 977e27a

File tree

6 files changed

+41
-14
lines changed

6 files changed

+41
-14
lines changed

‎README.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
11
# CodeRoad
22

3-
[CodeRoad](http://coderoad.github.io) is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share and edit their own lessons. All free.
3+
[CodeRoad](https://coderoad.github.io) is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share, edit, and publish their own lessons and run them in the Atom Editor. All free, and using tools developers are already familiar with.
4+
5+
Learn [How CodeRoad works](https://coderoad.github.io/build).
6+
7+
Read the [CodeRoad Developer Docs](https://coderoad.github.io/docs).

‎_includes/about.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
<!-- About Section -->
21
<section id="about" class="about container content-section text-center">
32

43
<div class="row content-section-a">
5-
<div class="col-lg-8 col-lg-offset-2">
6-
<br/>
4+
<div class="col-lg-10 col-lg-offset-1">
75
<br/>
86
<h3>About CodeRoad</h3>
9-
<iframe width="100%" height="360" src="https://www.youtube.com/embed/{{ site.video }}" frameborder="0" allowfullscreen></iframe>
7+
<div class="lead">CodeRoad is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share, edit, and publish their own video-game like lessons that run in the Atom Editor. All free, using familiar developer tools like Markdown & unit tests.</div>
108
</div>
11-
</section>
9+
</section>

‎_includes/example.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!-- About Section -->
2+
<section id="about" class="about container content-section text-center">
3+
4+
<div class="row content-section-a">
5+
<div class="col-lg-10 col-lg-offset-1">
6+
<br/>
7+
<h3>See CodeRoad in Action</h3>
8+
<iframe width="100%" height="360" src="https://www.youtube.com/embed/{{ site.video }}" frameborder="0" allowfullscreen></iframe>
9+
10+
</div>
11+
</section>

‎_includes/learn.html‎

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,34 @@
1010
<div class="col-lg-4 col-sm-4">
1111
<!-- <hr class="section-heading-spacer"> -->
1212
<div class="clearfix"></div>
13-
<h2 class="section-heading"><i class="fa fa-forward"></i> Learn Faster <i class="fa fa-forward"> </i></h2>
14-
<div class="lead">The science is in: people learn best by doing, with quick feedback in a real world environment.</div>
13+
<h2 class="section-heading">
14+
<i class="fa fa-forward"></i>
15+
Learn Faster
16+
<i class="fa fa-forward"></i>
17+
</h2>
18+
<div class="lead">The science is in: people learn best by doing, with quick and helpful feedback or hints in a real working environment.<br><br>If you like CodeCademy, we hope you'll love CodeRoad</div>
1519
</div>
1620

1721
<div class="col-lg-4 col-sm-4">
1822
<!-- <hr class="section-heading-spacer"> -->
1923
<div class="clearfix"></div>
20-
<h2 class="section-heading">Free & Open <i class="fa fa-folder-open-o"></i></h2>
21-
<div class="lead">Build, collaborate and deploy version controlled courses using Git & NPM.
22-
</div>
24+
<h2 class="section-heading">Free & Open
25+
<i class="fa fa-folder-open-o"></i>
26+
</h2>
27+
<div class="lead">Use Git to build & collaborate on courses.<br><br>
28+
Version control & share your tutorials over NPM</div>
2329
</div>
2430

2531
<div class="col-lg-4 col-sm-4">
2632
<!-- <hr class="section-heading-spacer"> -->
2733
<div class="clearfix"></div>
28-
<h2 class="section-heading">Inside of <a href="https://atom.io" target="_blank"><img src="img/atom-editor.png" height="34px" width="34px" /></a></h2>
29-
<div class="lead">Atom-CodeRoad is a plugin for the free <a href="https://atom.io" target="_blank">Atom Editor</a>. Code with your favorite packages.
34+
<h2 class="section-heading">Inside of
35+
<a href="https://atom.io" target="_blank"><img src="img/atom-editor.png" height="34px" width="34px"/></a>
36+
</h2>
37+
<div class="lead">Atom-CodeRoad is a free plugin for the
38+
<a href="https://atom.io" target="_blank">Atom Editor</a>.
39+
<br><br>
40+
Code in a real environment alongside your favorite plugins.
3041
</div>
3142
</div>
3243

‎_includes/tutorials.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<div class="row">
44
<div class="col-lg-6">
55
<h2>Try a Tutorial</h2>
6+
<br>
67
<ul class="list-inline intro-social-buttons">
78
{% for tutorial in site.tutorials %}
89
<li>
@@ -21,6 +22,7 @@ <h2>Try a Tutorial</h2>
2122

2223
<div class="col-lg-6">
2324
<h2>Make Your Own</h2>
25+
<br>
2426
<ul class="list-inline intro-social-buttons">
2527

2628
<li>

‎_layouts/default.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
<body>
66
{% include nav.html %}
77
{% include header.html %}
8-
{% include learn.html %}
98
{% include about.html %}
9+
{% include learn.html %}
10+
{% include example.html %}
1011
{% include tutorials.html %}
1112
{% include contact.html %}
1213
{% include footer.html %}

0 commit comments

Comments
 (0)