Skip to content

Commit 1d2f238

Browse files
ShMcKShMcK
committed
general updates
1 parent 3268a47 commit 1d2f238

File tree

10 files changed

+169
-100
lines changed

10 files changed

+169
-100
lines changed

‎_includes/build/build.html‎

Lines changed: 126 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,64 @@
11
<section id="build">
22

3-
<section id="commands">
4-
<div class="container content-section">
5-
6-
<div class="row">
7-
<div class="col-lg-12">
8-
<!-- <hr class="section-heading-spacer"> -->
9-
<div class="clearfix"></div>
10-
<div class="lead">
11-
<div class="row">
12-
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
13-
<code>> coderoad create</code>
14-
<br>
15-
<br>
16-
</div>
17-
<div class="col-xs-6">Quickly setup a base project</div>
3+
<div class="content-section-a">
4+
<br><br>
5+
<div class="row">
6+
<div class="col-lg-12">
7+
<div class="clearfix"></div>
8+
<div class="lead">
9+
<div class="row">
10+
<div class="col-xs-12">
11+
<ul class="intro-social-buttons coderoad-cli">
12+
<li>
13+
<a href="https://github.com/coderoad/coderoad-cli" target="_blank" class="btn btn-default btn-lg">
14+
<i class="fa fa-github fa-fw"></i>
15+
<span class="network-name">CodeRoad-CLI
16+
<span class="version">v{{ site.cliVersion }}</span>
17+
</span>
18+
</a>
19+
<br><br>
20+
<code class="social-instructions">> npm i -g coderoad-cli</code>
21+
<br><br>
22+
<a class="version" href="/docs/#install">Install Guide</a>
23+
</li>
24+
</ul>
1825
</div>
19-
<div class="row">
20-
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
21-
<code>> coderoad build</code>
22-
<br>
23-
<br>
24-
</div>
25-
<div class="col-xs-6">Parse markdown tutorial into <i>coderoad.json</i></div>
26+
</div>
27+
<br>
28+
<div class="row">
29+
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
30+
<code>> coderoad create</code>
31+
<br>
32+
<br>
33+
</div>
34+
<div class="col-xs-6">Quickly setup a base project</div>
35+
</div>
36+
<div class="row">
37+
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
38+
<code>> coderoad build</code>
39+
<br>
40+
<br>
2641
</div>
27-
<div class="row">
28-
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
29-
<code>> coderoad publish</code>
30-
<br>
31-
<br>
32-
</div>
33-
<div class="col-xs-6">Publish tutorial version on <a href="https://npmjs.org" target="_blank">NPM</a> with <i>coderoad-</i> prefix</div>
42+
<div class="col-xs-6">Parse markdown tutorial into
43+
<i>coderoad.json</i>
3444
</div>
3545
</div>
36-
<div style="text-align:center">
37-
<a href="/docs/#install" class="btn btn-default btn-lg"><span class="network-name">Learn More</span></a>
38-
<br><br>
46+
<div class="row">
47+
<div class="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2">
48+
<code>> coderoad publish</code>
49+
<br>
50+
<br>
51+
</div>
52+
<div class="col-xs-6">Publish tutorial version on
53+
<a href="https://npmjs.org" target="_blank">NPM</a>
54+
with
55+
<i>coderoad-</i>
56+
prefix</div>
3957
</div>
4058
</div>
41-
4259
</div>
4360
</div>
44-
</section>
61+
</div>
4562

4663
<!-- /.container -->
4764

@@ -55,25 +72,40 @@
5572
<div class="clearfix"></div>
5673
<h2 class="section-heading">Build in Markdown</h2>
5774
<div class="lead">Tutorials are compiled from markdown.
58-
59-
<br><br>
60-
<a href="https://github.com/coderoad/coderoad-functional-school/blob/master/tutorial/1/01/filter.md" target="_blank" class="btn btn-default btn-sm"><span class="network-name">A Tutorial Example</span></a>
61-
<br>
62-
<br>Control the editor with a <a href="/docs/#coderoad-API">simple API</a>:
6375
<br>
76+
<br>Control the editor with a simple API:
6477
<br>
6578
<br>
6679
<ul>
67-
<li><code>@import</code> load another markdown file</li>
80+
<li>
81+
<code>@import</code>
82+
load another markdown file</li>
6883
<br>
69-
<li><code>@test</code> load unit tests</li>
84+
<li>
85+
<code>@test</code>
86+
load unit tests</li>
7087
<br>
71-
<li><code>@action</code> open a file, set/insert text</li>
88+
<li>
89+
<code>@action</code>
90+
open a file, set/insert text</li>
7291
<br>
73-
<li><code>@hint</code> add helpful clues</li>
92+
<li>
93+
<code>@hint</code>
94+
add helpful clues</li>
7495
</ul>
7596
<br>
76-
<a href="/docs/#tutorial" class="btn btn-default btn-lg"><span class="network-name">Learn More</span></a>
97+
<ul class="banner-social-buttons">
98+
<li>
99+
<a href="/docs/#tutorial" class="btn btn-default btn-sm">
100+
<span class="network-name">Tutorial Docs</span>
101+
</a>
102+
</li>
103+
<li>
104+
<a href="https://github.com/coderoad/coderoad-functional-school/blob/master/tutorial/1/01/filter.md" target="_blank" class="btn btn-default btn-sm">
105+
<span class="network-name">Example</span>
106+
</a>
107+
</li>
108+
</ul>
77109
</div>
78110
</div>
79111
<div class="col-lg-6 col-sm-pull-6 col-sm-6">
@@ -100,46 +132,64 @@ <h2 class="section-heading">Build in Markdown</h2>
100132
}
101133
```
102134
))
103-
</pre></code>
104-
</div>
135+
</pre>
136+
</code>
105137
</div>
106-
107138
</div>
108-
<!-- /.container -->
109139

110140
</div>
111-
<!-- /.content-section-b -->
141+
<!-- /.container -->
112142

113-
<div class="content-section-a">
143+
</div>
144+
<!-- /.content-section-b -->
114145

115-
<div class="container">
146+
<div class="content-section-a">
147+
148+
<div class="container">
149+
150+
<div class="row">
151+
<div class="col-lg-4 col-sm-6">
152+
<!-- <hr class="section-heading-spacer"> -->
153+
<div class="clearfix"></div>
154+
<h2 class="section-heading">Unit Test Feedback</h2>
155+
<div class="lead">
156+
Write task feedback using unit tests.
157+
<br><br>
158+
<a href="/docs/#test-snippets">Snippets</a>
159+
&
160+
<a href="/docs/#test-examples">examples</a>
161+
make test writing easy.
162+
<br><br>
163+
Currently supported:
164+
<br>
165+
<ul>
166+
<li>Javascript:
167+
<a href="https://github.com/coderoad/mocha-coderoad" target="_blank">Mocha</a>
168+
</li>
169+
</ul>
170+
<br>
171+
<i>CodeRoad will eventually support more test frameworks and programming languages through easy to setup
172+
<a href="/docs/#test-runners">test runners</a>
173+
</i>
174+
<br>
175+
<br>
176+
<ul class="banner-social-buttons">
177+
<li>
178+
<a href="/docs/#tests" class="btn btn-default btn-lg">
179+
<span class="network-name">Test Docs</span>
180+
</a>
181+
</li>
182+
<li>
183+
<a href="https://github.com/coderoad/coderoad-functional-school/blob/master/tutorial/1/01/01-filter.spec.js" target="_blank" class="btn btn-default btn-lg">
184+
<span class="network-name">Example</span>
185+
</a>
186+
</li>
187+
</ul>
116188

117-
<div class="row">
118-
<div class="col-lg-4 col-sm-6">
119-
<!-- <hr class="section-heading-spacer"> -->
120-
<div class="clearfix"></div>
121-
<h2 class="section-heading">Unit Test Feedback</h2>
122-
<div class="lead"> Write task feedback using unit tests.
123-
<br><br>
124-
<a href="/docs/#test-snippets">Snippets</a> & <a href="/docs/#test-examples">examples</a> make test writing easy.
125-
<br><br>
126-
<a href="https://github.com/coderoad/coderoad-functional-school/blob/master/tutorial/1/01/01-filter.spec.js" target="_blank" class="btn btn-default btn-sm"><span class="network-name">A Unit Test Example</span></a>
127-
<br>
128-
<br>
129-
<br> Currently supported:
130-
<br>
131-
<ul>
132-
<li>Javascript: <a href="https://github.com/coderoad/mocha-coderoad" target="_blank">Mocha</a></li>
133-
</ul>
134-
<br>
135-
<i>CodeRoad will eventually support more test frameworks and programming languages through easy to setup <a href="/docs/#test-runners">test runners</a></i>
136-
<br>
137-
<br>
138-
<a href="/docs/#tests" class="btn btn-default btn-lg"><span class="network-name">Learn More</span></a>
139-
</div>
140189
</div>
141-
<div class="col-lg-6 col-lg-offset-2 col-sm-6">
142-
<pre><code class="language-js">
190+
</div>
191+
<div class="col-lg-6 col-lg-offset-2 col-sm-6">
192+
<pre><code class="language-js">
143193
describe('01 function isAda', function () {
144194

145195
it('doesn\'t exist', function () {

‎_includes/build/header.html‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,14 @@
11
<section id="build-home">
22
<!-- Header -->
3-
<div class="intro-header-build">
3+
<div class="short-intro-header">
44

55
<div class="container">
66

77
<div class="row">
88
<div class="col-lg-12">
9-
<div class="intro-message">
9+
<div class="short-intro-message">
1010
<h1>CodeRoad</h1>
1111
<h3>Build Interactive Tutorials</h3>
12-
<h3>With the Command Line Interface</h3>
13-
<hr class="intro-divider">
14-
<ul class="list-inline intro-social-buttons">
15-
<li>
16-
<a href="https://github.com/coderoad/coderoad-cli" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">CodeRoad-CLI
17-
<span class="version">v{{ site.cliVersion }}</span></span></a>
18-
<br><br>
19-
<code class="social-instructions">> npm i -g coderoad-cli</code>
20-
</li>
21-
</ul>
2212
</div>
2313

2414
</div>

‎_includes/docs/docs.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
<link rel="stylesheet" type="text/css" href="/css/docs.min.css" />
2-
<link rel="stylesheet" type="text/css" href="/css/dark-syntax.css" />
3-
41
<section id="docs">
52
<div class="container bs-docs-container">
63
<div class="row">

‎_includes/docs/header.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
1+
<link rel="stylesheet" type="text/css" href="/css/docs.min.css" />
2+
<link rel="stylesheet" type="text/css" href="/css/dark-syntax.css" />
3+
14
<section id="build-home">
25
<!-- Header -->
3-
<div class="intro-header-docs">
6+
<div class="short-intro-header">
47

58
<div class="container">
69

710
<div class="row">
811
<div class="col-lg-12">
9-
<div class="intro-message">
12+
<div class="short-intro-message">
1013
<h1>CodeRoad</h1>
1114
<h3>Tutorial Development Docs</h3>
1215
</div>
13-
1416
</div>
1517
</div>
16-
1718
</div>
1819
<!-- /.container -->
1920

‎_layouts/start.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
{% include head.html %}
4+
5+
<body>
6+
{% include nav.html %}
7+
{% include docs/header.html %}
8+
{% include docs/docs.html %}
9+
{% include docs/footer.html %}
10+
{% include js.html %}
11+
{% include docs/js.html %}
12+
</body>
13+
</html>

‎_posts/2016-01-05-tests.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ loadJS('user-file.js');
3939
// adds file contents here
4040
```
4141

42-
You'll have to roll your own loader to fit your project, but there are example [loaders](#loaders) included later in the docs.
42+
You'll have to roll your own loader to fit your project, but there are example [loaders](#test-loaders) included later in the docs.
4343

4444
*Note: When using spies, stubs or mocks, initiate them above your loader call.*
4545

‎_posts/2016-01-06-loaders.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: docs
33
title: Loaders
4-
id: loaders-snippets
4+
id: test-loaders
55
file: 2016-01-06-loaders.md
66
---
77

‎css/docs.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/landing-page.css‎

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,9 @@ body, h1, h2, h3, h4, h5, h6 {
1313
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
1414
font-weight: 700;
1515
}
16+
a:hover {
17+
text-decoration: none;
18+
}
1619
.lead {
1720
font-size: 18px;
1821
font-weight: 400;
@@ -38,7 +41,7 @@ body, h1, h2, h3, h4, h5, h6 {
3841
), url(../img/coderoad-header.jpg) no-repeat center center;
3942
background-size: cover;
4043
}
41-
.intro-header-docs {
44+
.short-intro-header {
4245
padding-top: 20px;
4346
/* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
4447
padding-bottom: 0px;
@@ -49,7 +52,9 @@ body, h1, h2, h3, h4, h5, h6 {
4952
rgba(178, 214, 222, 0.2)
5053
), url(../img/coderoad-header.jpg) no-repeat center center;
5154
background-size: cover;
55+
height: 300px;
5256
}
57+
5358
.intro-message {
5459
position: relative;
5560
padding-top: 20%;
@@ -60,6 +65,16 @@ body, h1, h2, h3, h4, h5, h6 {
6065
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
6166
font-size: 5em;
6267
}
68+
.short-intro-message {
69+
position: relative;
70+
padding-top: 8%;
71+
padding-bottom: 2%;
72+
}
73+
.short-intro-message > h1 {
74+
margin: 0;
75+
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
76+
font-size: 5em;
77+
}
6378
.intro-divider {
6479
width: 400px;
6580
border-top: 1px solid #f8f8f8;
@@ -250,3 +265,6 @@ code {
250265
.requirements a:link {
251266
color: white;
252267
}
268+
.coderoad-cli {
269+
text-align: center;
270+
}

0 commit comments

Comments
 (0)