style fixes

Author: ShMcK

README.txt

@@ -1,3 +1,5 @@
 # CodeRoad Site
 
 Landing page for CodeRoad: interactive coding tutorials in your editor.
+
+[Learn more](https://coderoad.github.io).

_config.yml

@@ -50,7 +50,13 @@ social:
   #forumbee:
   #tripadvisor:
   #amazon:
-
+languages:
+  - Javascript:
+    name: JS
+    icon: javascript-plain.svg
+  - Python:
+    name: Python
+    icon: python-original.svg
 
 # Build settings
 markdown: kramdown

_includes/language-icon.html

@@ -0,0 +1,7 @@
+<li>
+  <span class="icon">
+    <img alt="{{include.language}}"
+      src="images/devicons/{{include.icon}}"
+      height="75px" />
+  </span>
+</li>

_includes/modal.html

@@ -0,0 +1,10 @@
+<div id="{{include.id}}" class="modal">
+  <div id="btn-close-modal" class="close-{{include.id}}">
+    <img src="css/images/close.svg" alt="close" height="35px"/>
+  </div>
+  <div class="modal-content">
+		<h3>{{include.title}}</h3>
+    <img alt="{{include.title}}" height="450px"
+			src="images/{{include.image}}" />
+  </div>
+</div>

_includes/tutorial-list.html

@@ -0,0 +1,11 @@
+<!-- Tutorial List -->
+<ul class="features">
+    {% for tutorial in site.categories.tutorials reversed %}
+    <li>
+        <h3>
+        <span style="color: yellow">{{tutorial.language}}</span> {{tutorial.title}}
+      </h3>
+        <p>{{tutorial.content}}</p>
+    </li>
+    {% endfor %}
+</ul>