Skip to content

Commit 2547d75

Browse files
ShMcKShMcK
committed
requirements as a table
1 parent e3dd6b0 commit 2547d75

File tree

3 files changed

+63
-19
lines changed

3 files changed

+63
-19
lines changed

‎_posts/atom-coderoad/2016-01-02-installation.md

Lines changed: 32 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,36 @@ To play a **tutorial**, you'll only need **Atom-CodeRoad**.
1212

1313
Atom CodeRoad has several key dependencies before starting:
1414

15-
* **NodeJS** > 0.10.x. Check your version with `> node -v`.
16-
- download a newer version [here](https://nodejs.org).
17-
* **NPM** 3.x+. Check your version with `> npm -v`.
18-
- NPM comes installed with NodeJS
19-
- update with `> npm install -g npm`
20-
* **Atom Editor**
21-
- A popular code editor available at [Atom.io](https://atom.io/)
15+
<div class="table-wrapper">
16+
<table>
17+
<thead>
18+
<tr>
19+
<th>Name</th>
20+
<th>Min Version</th>
21+
<th>Description</th>
22+
</tr>
23+
</thead>
24+
<tbody>
25+
<tr>
26+
<td>NodeJS</td>
27+
<td>>0.10.x</td>
28+
<td>Check your version with `> node -v`.<br />
29+
Download the latest from <a href="//nodejs.org">nodejs.org</a>.</td>
30+
</tr>
31+
<tr>
32+
<td>NPM</td>
33+
<td>>3.x.x</td>
34+
<td>Check your version with `> npm -v`.<br />NPM comes installed with NodeJS, and can be updated with `> npm install -g npm`.</td>
35+
</tr>
36+
<tr>
37+
<td>Atom Editor</td>
38+
<td>>1.6.0+</td>
39+
<td>A popular code editor available at <a href="//atom.io">Atom.io</a></td>
40+
</tr>
41+
</tbody>
42+
</table>
43+
</div>
44+
2245

2346
### Install
2447

@@ -37,9 +60,9 @@ To install a tutorial, setup a *package.json* file and save the tutorial as a de
3760

3861
![Install a Tutorial](/images/docs/install-tutorial.png){: .gif}
3962

40-
You can setup a project quickly by typing `npm init --y` into the command line in your project's folder. This agrees to all of the defaults for your newly created *package.json* file.
63+
You can setup a project quickly by typing `> npm init --y` into the command line in your project's folder. This agrees to all of the defaults for your newly created *package.json* file.
4164

42-
Now you can install a tutorial. Run `npm install --save-dev $THE-PACKAGE-NAME$` to save the tutorial as a package development dependency. If you run *Atom-CodeRoad* you should see the tutorial appear on the tutorial list screen.
65+
Now you can install a tutorial. Run `> npm install --save-dev $THE-PACKAGE-NAME$` to save the tutorial as a package development dependency. If you run *Atom-CodeRoad* you should see the tutorial appear on the tutorial list screen.
4366

4467
> If you are stuck at a screen that says 'install a tutorial', try updating your version of NPM to 3.x+.
4568

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

Lines changed: 29 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,35 @@ To create a **tutorial**, you'll need **Builder-CodeRoad**.
1212

1313
Builder CodeRoad has several key dependencies before starting:
1414

15-
* *NodeJS* > 0.10.x. Check your version with `> node -v`.
16-
- download a newer version [here](https://nodejs.org).
17-
* *NPM* 3.x+. Check your version with `> npm -v`.
18-
- update with `> npm install -g npm`
19-
* *Atom Editor*
20-
- available at [Atom.io](https://atom.io/)
15+
<div class="table-wrapper">
16+
<table>
17+
<thead>
18+
<tr>
19+
<th>Name</th>
20+
<th>Min Version</th>
21+
<th>Description</th>
22+
</tr>
23+
</thead>
24+
<tbody>
25+
<tr>
26+
<td>NodeJS</td>
27+
<td>>0.10.x</td>
28+
<td>Check your version with `> node -v`.<br />
29+
Download the latest from <a href="//nodejs.org">nodejs.org</a>.</td>
30+
</tr>
31+
<tr>
32+
<td>NPM</td>
33+
<td>>3.x.x</td>
34+
<td>Check your version with `> npm -v`.<br />NPM comes installed with NodeJS, and can be updated with `> npm install -g npm`.</td>
35+
</tr>
36+
<tr>
37+
<td>Atom Editor</td>
38+
<td>>1.6.0+</td>
39+
<td>A popular code editor available at <a href="//atom.io">Atom.io</a></td>
40+
</tr>
41+
</tbody>
42+
</table>
43+
</div>
2144

2245
### Install
2346

‎index.html

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,14 +45,12 @@ <h2>{{summary.title}}</h2>
4545
<div class="image">
4646
{% if feature.image.href %}
4747
<a id="{{feature.image.id}}" href="#{{feature.image.href}}" class="modal-link">
48+
{% endif %}
4849
<img alt="{{feature.image.alt}}" class="lazy"
4950
src="{{feature.image.src}}"
5051
height="328px" width="574px"/>
52+
{% if feature.image.href %}
5153
</a>
52-
{% else %}
53-
<img alt="{{feature.image.alt}}" class="lazy"
54-
src="{{feature.image.src}}"
55-
height="328px" width="574px" />
5654
{% endif %}
5755
</div>
5856

0 commit comments

Comments
 (0)