Skip to content

Commit 99cea90

Browse files
ShMcKShMcK
committed
refactor landing page content into markdown
1 parent 453bac2 commit 99cea90

File tree

5 files changed

+65
-42
lines changed

5 files changed

+65
-42
lines changed

‎_posts/contributors/2016-01-01-shawn.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
---
2-
layout: contributor
32
name: Shawn McKay
43
social:
54
twitter: https://twitter.com/Sh_McK
@@ -10,4 +9,4 @@ categories:
109
- contributors
1110
---
1211

13-
Former English teacher, now self-taught coder, living in beautiful Vancouver, Canada.
12+
Former English teacher, now self-taught coder, living in beautiful Vancouver, Canada.

‎_posts/landing/2016-01-01-atom-coderoad.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
title: Tutorials In Your Code Editor
3+
actions:
4+
- atom-coderoad:
5+
title: Atom-CodeRoad
6+
href: /atom-coderoad.html
7+
image:
8+
id: atom-coderoad
9+
href: atom-coderoad-demo
10+
alt: Atom-CodeRoad Demo
11+
src: images/demos/atom-coderoad.jpg
12+
categories:
13+
- features
14+
---
15+
16+
CodeRoad is a free plugin for the popular [Atom Editor]("https://atom.io").
17+
With the "atom-coderoad" plugin, code in a real editor environment alongside your other favorite plugins.

‎_posts/landing/2016-01-02-builder-coderoad.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Create your Own Tutorials
3+
actions:
4+
- builder-coderoad:
5+
title: Builder-CodeRoad
6+
href: /builder-coderoad.html
7+
image:
8+
id: builder-coderoad
9+
href: builder-coderoad-demo
10+
alt: Builder-CodeRoad Demo
11+
src: images/demos/builder-demo.jpg
12+
categories:
13+
- features
14+
---
15+
16+
Build tutorials using simple and familiar tools: [Markdown](//www.markdowntutorial.com/) & unit tests. Making tutorials is easy with the new "builder-coderoad" plugin.

‎_posts/landing/2016-01-03-publish.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
title: Publish Free & Open
3+
image:
4+
id: publish-tutorial
5+
alt: Publish Tutorial
6+
src: images/demos/publish.png
7+
categories:
8+
- features
9+
---
10+
11+
Version control & share your tutorials over [NPM](//npmjs.com). Iterate and publish updates. Use Git to build & collaborate on courses.

‎index.html

Lines changed: 20 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -32,56 +32,36 @@ <h2>About CodeRoad</h2>
3232
<!-- Two -->
3333
<section id="two" class="wrapper alt style2">
3434

35-
<!-- Atom CodeRoad -->
35+
<!-- Features -->
36+
{% for feature in site.categories.features reversed %}
3637
<section class="spotlight wide">
3738
<div class="image" >
38-
<a id="atom-coderoad" href="#atom-coderoad-demo" class="modal-link">
39-
<img alt="Atom-CodeRoad Demo"
40-
src="images/demos/atom-coderoad.jpg"/>
39+
{% if feature.image.href %}
40+
<a id="{{feature.image.id}}" href="#{{feature.image.href}}" class="modal-link">
41+
<img alt="{{feature.image.alt}}"
42+
src="{{feature.image.src}}"
43+
height="328px" width="574px"/>
4144
</a>
45+
{% else %}
46+
<img alt="{{feature.image.alt}}"
47+
src="{{feature.image.src}}"
48+
height="328px" width="574px" />
49+
{% endif %}
4250
</div>
4351

4452
<div class="content">
45-
<h2>Inside Your Code Editor</h2>
46-
47-
<p>CodeRoad is a free plugin for the popular
48-
<a href="https://atom.io">Atom Editor</a>.
49-
<br /> With the "atom-coderoad" plugin, code in a real editor environment alongside your other favorite plugins.</p>
53+
<h2>{{feature.title}}</h2>
54+
{{feature.content}}
55+
{% if feature.actions %}
5056
<ul class="actions">
51-
<li><a href="/atom-coderoad.html" class="button special">Atom-CodeRoad</a></li>
57+
{% for action in feature.actions %}
58+
<li><a href="{{action.href}}" class="button special">{{action.title}}</a></li>
59+
{% endfor %}
5260
</ul>
61+
{% endif %}
5362
</div>
5463
</section>
55-
56-
<!-- Builder-CodeRoad -->
57-
<section class="spotlight wide">
58-
<div class="image">
59-
<a id="builder-coderoad" href="#builder-coderoad-demo" class="modal-link">
60-
<img alt="Builder CodeRoad Demo"
61-
src="images/demos/builder-demo.jpg" />
62-
</a>
63-
</div>
64-
<div class="content">
65-
<h2>Create your Own Tutorials</h2>
66-
<p>Build tutorials using simple and familiar tools: <a href="//www.markdowntutorial.com/">Markdown</a> & unit tests. Making tutorials is easy with the new "builder-coderoad" plugin.</p>
67-
<ul class="actions">
68-
<li><a href="/builder-coderoad.html" class="button special">Builder-CodeRoad</a></li>
69-
</ul>
70-
</div>
71-
</section>
72-
73-
<!-- Publish -->
74-
<section class="spotlight wide">
75-
<div class="image">
76-
<img alt="Publish Tutorial"
77-
src="images/demos/publish.png" />
78-
</div>
79-
<div class="content">
80-
<h2>Publish Free & Open</h2>
81-
<p>Version control & share your tutorials over <a href="//npmjs.com">NPM</a>. Iterate and publish updates. Use Git to build & collaborate on courses.</p>
82-
</div>
83-
</section>
84-
</section>
64+
{% endfor %}
8565

8666
<!-- Three -->
8767
<section id="three" class="wrapper style3 special">

0 commit comments

Comments
 (0)