Skip to content

Commit d8ccec5

Browse files
ShMcKShMcK
committed
add publish image, links
1 parent 6c57eb0 commit d8ccec5

File tree

7 files changed

+89
-93
lines changed

7 files changed

+89
-93
lines changed

‎_sass/_animate-css.scss‎

Lines changed: 68 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -6,93 +6,79 @@
66
"helpers/base";
77

88
// ATTENTION
9-
@import "animations/attention-seekers/bounce",
10-
"animations/attention-seekers/flash",
11-
"animations/attention-seekers/pulse",
12-
"animations/attention-seekers/shake",
13-
"animations/attention-seekers/swing",
14-
"animations/attention-seekers/wiggle",
15-
"animations/attention-seekers/wobble",
16-
"animations/attention-seekers/tada";
9+
@import "animations/attention-seekers/bounce";
1710

1811
// BOUNCE
1912
@import "animations/bounce-enter/bounceIn",
20-
"animations/bounce-enter/bounceInDown",
21-
"animations/bounce-enter/bounceInLeft",
22-
"animations/bounce-enter/bounceInRight",
23-
"animations/bounce-enter/bounceInUp",
2413
"animations/bounce-exit/bounceOut",
25-
"animations/bounce-exit/bounceOutDown",
26-
"animations/bounce-exit/bounceOutLeft",
27-
"animations/bounce-exit/bounceOutRight",
28-
"animations/bounce-exit/bounceOutUp";
14+
"animations/bounce-exit/bounceOutDown";
2915

30-
// FADE
31-
@import "animations/fade-enter/fadeIn",
32-
"animations/fade-enter/fadeInDown",
33-
"animations/fade-enter/fadeInDownBig",
34-
"animations/fade-enter/fadeInLeft",
35-
"animations/fade-enter/fadeInLeftBig",
36-
"animations/fade-enter/fadeInRight",
37-
"animations/fade-enter/fadeInRightBig",
38-
"animations/fade-enter/fadeInUp",
39-
"animations/fade-enter/fadeInUpBig",
40-
"animations/fade-exit/fadeOut",
41-
"animations/fade-exit/fadeOutDown",
42-
"animations/fade-exit/fadeOutDownBig",
43-
"animations/fade-exit/fadeOutLeft",
44-
"animations/fade-exit/fadeOutLeftBig",
45-
"animations/fade-exit/fadeOutRight",
46-
"animations/fade-exit/fadeOutRightBig",
47-
"animations/fade-exit/fadeOutUp",
48-
"animations/fade-exit/fadeOutUpBig";
49-
50-
// FLIP
51-
@import "animations/flippers/flip",
52-
"animations/flippers/flipInX",
53-
"animations/flippers/flipInY",
54-
"animations/flippers/flipOutX",
55-
"animations/flippers/flipOutY";
56-
57-
// LIGHTSPEED
58-
@import "animations/lightspeed/lightSpeedIn",
59-
"animations/lightspeed/lightSpeedOut";
60-
61-
// ROTATE
62-
@import "animations/rotate-enter/rotateIn",
63-
"animations/rotate-enter/rotateInDownLeft",
64-
"animations/rotate-enter/rotateInDownRight",
65-
"animations/rotate-enter/rotateInUpLeft",
66-
"animations/rotate-enter/rotateInUpRight",
67-
"animations/rotate-exit/rotateOut",
68-
"animations/rotate-exit/rotateOutDownLeft",
69-
"animations/rotate-exit/rotateOutDownRight",
70-
"animations/rotate-exit/rotateOutUpLeft",
71-
"animations/rotate-exit/rotateOutUpRight";
72-
73-
// SLIDE
74-
@import "animations/slide-enter/slideInDown",
75-
"animations/slide-enter/slideInLeft",
76-
"animations/slide-enter/slideInRight",
77-
"animations/slide-enter/slideInUp",
78-
"animations/slide-exit/slideOutDown",
79-
"animations/slide-exit/slideOutLeft",
80-
"animations/slide-exit/slideOutRight",
81-
"animations/slide-exit/slideOutUp";
82-
83-
// SPECIAL
84-
@import "animations/special/hinge",
85-
"animations/special/rollIn",
86-
"animations/special/rollOut";
16+
// // FADE
17+
// @import "animations/fade-enter/fadeIn",
18+
// "animations/fade-enter/fadeInDown",
19+
// "animations/fade-enter/fadeInDownBig",
20+
// "animations/fade-enter/fadeInLeft",
21+
// "animations/fade-enter/fadeInLeftBig",
22+
// "animations/fade-enter/fadeInRight",
23+
// "animations/fade-enter/fadeInRightBig",
24+
// "animations/fade-enter/fadeInUp",
25+
// "animations/fade-enter/fadeInUpBig",
26+
// "animations/fade-exit/fadeOut",
27+
// "animations/fade-exit/fadeOutDown",
28+
// "animations/fade-exit/fadeOutDownBig",
29+
// "animations/fade-exit/fadeOutLeft",
30+
// "animations/fade-exit/fadeOutLeftBig",
31+
// "animations/fade-exit/fadeOutRight",
32+
// "animations/fade-exit/fadeOutRightBig",
33+
// "animations/fade-exit/fadeOutUp",
34+
// "animations/fade-exit/fadeOutUpBig";
35+
//
36+
// // FLIP
37+
// @import "animations/flippers/flip",
38+
// "animations/flippers/flipInX",
39+
// "animations/flippers/flipInY",
40+
// "animations/flippers/flipOutX",
41+
// "animations/flippers/flipOutY";
42+
//
43+
// // LIGHTSPEED
44+
// @import "animations/lightspeed/lightSpeedIn",
45+
// "animations/lightspeed/lightSpeedOut";
46+
//
47+
// // ROTATE
48+
// @import "animations/rotate-enter/rotateIn",
49+
// "animations/rotate-enter/rotateInDownLeft",
50+
// "animations/rotate-enter/rotateInDownRight",
51+
// "animations/rotate-enter/rotateInUpLeft",
52+
// "animations/rotate-enter/rotateInUpRight",
53+
// "animations/rotate-exit/rotateOut",
54+
// "animations/rotate-exit/rotateOutDownLeft",
55+
// "animations/rotate-exit/rotateOutDownRight",
56+
// "animations/rotate-exit/rotateOutUpLeft",
57+
// "animations/rotate-exit/rotateOutUpRight";
58+
//
59+
// // SLIDE
60+
// @import "animations/slide-enter/slideInDown",
61+
// "animations/slide-enter/slideInLeft",
62+
// "animations/slide-enter/slideInRight",
63+
// "animations/slide-enter/slideInUp",
64+
// "animations/slide-exit/slideOutDown",
65+
// "animations/slide-exit/slideOutLeft",
66+
// "animations/slide-exit/slideOutRight",
67+
// "animations/slide-exit/slideOutUp";
68+
//
69+
// // SPECIAL
70+
// @import "animations/special/hinge",
71+
// "animations/special/rollIn",
72+
// "animations/special/rollOut";
8773

8874
// ZOOM
8975
@import "animations/zoom-enter/zoomIn",
90-
"animations/zoom-enter/zoomInDown",
91-
"animations/zoom-enter/zoomInLeft",
92-
"animations/zoom-enter/zoomInRight",
93-
"animations/zoom-enter/zoomInUp",
94-
"animations/zoom-exit/zoomOut",
95-
"animations/zoom-exit/zoomOutDown",
96-
"animations/zoom-exit/zoomOutLeft",
97-
"animations/zoom-exit/zoomOutRight",
98-
"animations/zoom-exit/zoomOutUp";
76+
// "animations/zoom-enter/zoomInDown",
77+
// "animations/zoom-enter/zoomInLeft",
78+
// "animations/zoom-enter/zoomInRight",
79+
// "animations/zoom-enter/zoomInUp",
80+
"animations/zoom-exit/zoomOut";
81+
// "animations/zoom-exit/zoomOutDown",
82+
// "animations/zoom-exit/zoomOutLeft",
83+
// "animations/zoom-exit/zoomOutRight",
84+
// "animations/zoom-exit/zoomOutUp";

‎_sass/_modal.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,7 @@ a.modal-link:before {
2626
a.modal-link:hover:before {
2727
opacity: .65;
2828
}
29+
30+
.spotlight > .code-block {
31+
padding: 10px;
32+
}

‎docs.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,22 +15,22 @@ <h2>Overview</h2>
1515
<p>We hope to create fun and maintainable code tutorials that actually improve with time. We hope to see programming students become teachers, teachers become empowered, and coders become better, faster. But first, let's get some interactive coding tutorials
1616
built. That's where you come in.</p>
1717
<a class="button special"
18-
href="/explanation">How It Works</a>
18+
href="/overview">How It Works</a>
1919
</section>
2020

2121
<!-- Articles -->
2222
{% for post in site.categories.docs reversed %}
2323
<br />
2424
<br />
2525
<section id="{{ post.id }}">
26-
<h2 class="section-heading">{{ post.title }}</h2>
27-
<div class="lead">{{ post.content }}</div>
26+
<h2>{{ post.title }}</h2>
27+
<div>{{ post.content }}</div>
2828
<br>
2929
<a class="button" href="https://github.com/coderoad/coderoad.github.io/edit/master/_posts/docs/{{post.file}}">
3030
<i class="fa fa-pencil fa-fw"></i>
3131
<span class="network-name">
32-
Edit {{post.title}} Docs
33-
</span>
32+
Edit {{post.title}} Docs
33+
</span>
3434
</a>
3535
</section>
3636
{% endfor %}

‎elements.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: Elements
44
---
@@ -306,4 +306,4 @@ <h5>Fit</h5>
306306
<h5>Left &amp; Right</h5>
307307
<p><span class="image left"><img src="images/pic04.jpg" alt="" /></span>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p>
308308
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.</p>
309-
</section>
309+
</section> -->

‎images/publish.png‎

288 KB
Loading

‎index.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -84,10 +84,13 @@ <h2>Create your Own Tutorials</h2>
8484

8585
<!-- Publish -->
8686
<section class="spotlight">
87-
<div class="image"><img src="images/pic03.jpg" alt="" /></div>
87+
<div class="image">
88+
<img alt="Publish Tutorial"
89+
src="images/publish.png" />
90+
</div>
8891
<div class="content">
8992
<h2>Publish Free & Open</h2>
90-
<p>Version control & share your tutorials over NPM. Iterate and publish updates. Use Git to build & collaborate on courses.</p>
93+
<p>Version control & share your tutorials over <a href="https://npmjs.com">NPM</a>. Iterate and publish updates. Use Git to build & collaborate on courses.</p>
9194
</div>
9295
</section>
9396
</section>
@@ -103,7 +106,9 @@ <h2>Tutorials</h2>
103106
<ul class="features">
104107
{% for tutorial in site.tutorials %}
105108
<li>
106-
<h3><span style="color: yellow">{{tutorial.language}}</span> {{tutorial.title}}</h3>
109+
<h3>
110+
<span style="color: yellow">{{tutorial.language}}</span> {{tutorial.title}}
111+
</h3>
107112
<p>{{tutorial.description}}</p>
108113
</li>
109114
{% endfor %}
@@ -119,7 +124,7 @@ <h2>Become a Contributer</h2>
119124
<p>Looking to adapt your favorite coding language for CodeRoad? Interested in adding new features? Find out more.</p>
120125
</header>
121126
<ul class="actions vertical">
122-
<li><a href="/explanation.html" class="button fit special">How it Works</a></li>
127+
<li><a href="/overview.html" class="button fit special">How it Works</a></li>
123128
<li><a href="/docs.html" class="button fit">Docs</a></li>
124129
</ul>
125130
</div>

‎overview.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
layout: page
33
title: Overview
4+
tagline: How CodeRoad Works
45
---
56

67
<h3>A Overview of CodeRoad</h3>

0 commit comments

Comments
 (0)