Skip to content

Commit 3f1dd55

Browse files
ShMcKShMcK
committed
update landing
1 parent abfc5c3 commit 3f1dd55

File tree

6 files changed

+27
-18
lines changed

6 files changed

+27
-18
lines changed

‎_includes/about.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<div class="col-lg-8 col-lg-offset-2">
66
<br/>
77
<br/>
8+
<h3>CodeRoad Demo in Atom</h3>
89
<iframe width="100%" height="360" src="https://www.youtube.com/embed/3who2Vwu_Z8" frameborder="0" allowfullscreen></iframe>
910
</div>
1011
</section>

‎_includes/learn.html

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,32 @@
11
<section id="learn">
22
<!-- Page Content -->
33

4-
<div class="content-section-a">
4+
<div class="content-section-b">
55

66
<div class="container">
7+
<!-- <h2 style="text-align:center">Why Study with CodeRoad</h2> -->
78

8-
<div class="row">
9-
<div class="col-lg-4 col-sm-6">
9+
<div class="row learn">
10+
<div class="col-lg-4 col-sm-4">
1011
<!-- <hr class="section-heading-spacer"> -->
1112
<div class="clearfix"></div>
12-
<h2 class="section-heading">Learn Faster</h2>
13+
<h2 class="section-heading"><i class="fa fa-forward"></i> Learn Faster <i class="fa fa-forward"> </i></h2>
1314
<div class="lead">The science is in: people learn best by doing, with quick feedback in a real world environment.</div>
1415
</div>
1516

16-
<div class="col-lg-4 col-sm-6">
17+
<div class="col-lg-4 col-sm-4">
1718
<!-- <hr class="section-heading-spacer"> -->
1819
<div class="clearfix"></div>
19-
<h2 class="section-heading">Free & Open-Sourced</h2>
20-
<div class="lead">Build, collaborate and contribute to courses or curriculum online. Incrementally make version controlled tutorials better with updates and pull requests.
20+
<h2 class="section-heading">Free & Open <i class="fa fa-folder-open-o"></i></h2>
21+
<div class="lead">Build, collaborate and contribute to version controlled courses over Github.
2122
</div>
2223
</div>
2324

24-
<div class="col-lg-4 col-sm-6">
25+
<div class="col-lg-4 col-sm-4">
2526
<!-- <hr class="section-heading-spacer"> -->
2627
<div class="clearfix"></div>
27-
<h2 class="section-heading">Inside of the Editor</h2>
28-
<div class="lead">Atom-CodeRoad is built inside the free <a href="https://atom.io" target="_blank">Atom Editor</a>. Code with your favorite packages.
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.
2930
</div>
3031
</div>
3132

@@ -41,7 +42,3 @@ <h2 class="section-heading">Inside of the Editor</h2>
4142
</div>
4243
<!-- /.content-section-a -->
4344
</section>
44-
45-
<section id="build">
46-
47-
</section>

‎_includes/tutorials.html

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,11 @@ <h2>Try a Tutorial</h2>
99
<!-- <h3>{{ social.purpose }}</h3> -->
1010
<a href="{{ tutorial.url }}" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-{{ tutorial.icon }} fa-fw"></i> <span class="network-name">{{ tutorial.title }}</span></a>
1111
<br>
12-
<h5>{{tutorial.description}}</h5>
1312
<br>
13+
<div class="lead">{{tutorial.description}}
14+
<br><br>
1415
<code class="social-instructions">> {{tutorial.instructions}}</code>
16+
</div>
1517
</li>
1618
{% endfor %}
1719
</ul>
@@ -25,8 +27,9 @@ <h2>Make Your Own</h2>
2527
<!-- <h3>{{ social.purpose }}</h3> -->
2628
<a href="/build" class="btn btn-default btn-lg"><i class="fa fa-road fa-fw"></i> <span class="network-name">Create a Tutorial</span></a>
2729
<br>
28-
<h5>Learn how to build your own interactive tutorials for CodeRoad</h5>
29-
<h5>using Markdown & Unit Tests</h5>
30+
<br>
31+
<div class="lead">Learn how to build your own interactive tutorials for CodeRoad
32+
using Markdown & Unit Tests</div>
3033
</li>
3134
</ul>
3235
</div>

‎_layouts/default.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<body>
66
{% include nav.html %}
77
{% include header.html %}
8-
{% include about.html %}
98
{% include learn.html %}
9+
{% include about.html %}
1010
{% include tutorials.html %}
1111
{% include contact.html %}
1212
{% include footer.html %}

‎css/landing-page.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -203,3 +203,11 @@ code {
203203
#commands {
204204
margin-top: 40px;
205205
}
206+
207+
.learn .section-heading{
208+
text-align: center;
209+
}
210+
.learn div {
211+
padding: 20px;
212+
text-align: left;
213+
}

‎img/atom-editor.png

15.8 KB
Loading

0 commit comments

Comments
 (0)