basic styling for lesson modules + code highlighting

views/layout.pug

@@ -64,3 +64,5 @@ html
                 p
                   a(href='#') FB
                   a(href='#') TW
+  script(src='/scripts/highlight.pack.js')
+  script hljs.initHighlightingOnLoad();

views/mixins/_lesson.pug

@@ -4,14 +4,14 @@ include _lessonModuleImage
 
 mixin lesson(lesson)
   .lesson
-    h1.lesson__tilte #{lesson.fields.title}
+    h2.lesson__tilte #{lesson.fields.title}
     div.lesson__shortDescription !{helpers.markdown(lesson.fields.description)}
     img.lesson__image(src=`${lesson.fields.image.fields.file.url}` alt=`${lesson.fields.image.fields.title}`)
     each module in lesson.fields.modules
-     case module.sys.contentType.sys.id 
+     case module.sys.contentType.sys.id
       when 'lessonModuleCodeSnippets'
         +lessonModuleCodeSnippet(module)
       when 'lessonModuleCopy'
         +lessonModuleCopy(module)
       when 'lessonModuleImage'
-        +lessonModuleImage(module)
+        +lessonModuleImage(module)

views/mixins/_lessonModuleCodeSnippet.pug

@@ -1,15 +1,21 @@
 mixin lessonModuleCodeSnippet(module)
-   .lessonModule
-     .lessonModule__code
-        h1.lessonModule__title #{module.fields.title}
-        pre.lessonModule__code__curl !{helpers.markdown(module.fields.curl)}
-        pre.lessonModule__code__dotnet !{helpers.markdown(module.fields.dotNet)}
-        pre.lessonModule__code__javascript !{helpers.markdown(module.fields.javascript)}
-        pre.lessonModule__code__java !{helpers.markdown(module.fields.java)}
-        pre.lessonModule__code__javaAndroid !{helpers.markdown(module.fields.javaAndroid)}
-        pre.lessonModule__code__php !{helpers.markdown(module.fields.php)}
-        pre.lessonModule__code__python !{helpers.markdown(module.fields.python)}
-        pre.lessonModule__code__ruby !{helpers.markdown(module.fields.ruby)}
-        pre.lessonModule__code__swift !{helpers.markdown(module.fields.swift)}
-
-        
+  .lesson-module.lesson-module__code
+    h1.lesson-module__title #{module.fields.title}
+    pre.lesson-module__code__curl
+      code.shell= module.fields.curl
+    pre.lesson-module__code__dotnet
+      code.csharp= module.fields.dotNet
+    pre.lesson-module__code__javascript
+      code.javascript= module.fields.javascript
+    pre.lesson-module__code__java
+      code.java= module.fields.java
+    pre.lesson-module__code__javaAndroid
+      code.java= module.fields.javaAndroid
+    pre.lesson-module__code__php
+      code.php= module.fields.php
+    pre.lesson-module__code__python
+      code.python= module.fields.python
+    pre.lesson-module__code__ruby
+      code.ruby= module.fields.ruby
+    pre.lesson-module__code__swift
+      code.swift= module.fields.swift

views/mixins/_lessonModuleCopy.pug

@@ -1,5 +1,4 @@
 mixin lessonModuleCopy(module)
-   .lessonModule
-     .lessonModule__copy
-        h1.lessonModule__copy__title #{module.fields.title}
-        .lessonModule__copy__copy !{helpers.markdown(module.fields.copy)}
+  .lesson-module.lesson-module__copy
+    h3.lesson-module__copy__title #{module.fields.title}
+    .lesson-module__copy__copy !{helpers.markdown(module.fields.copy)}

views/mixins/_lessonModuleImage.pug

@@ -1,5 +1,4 @@
 mixin lessonModuleImage(module)
-   .lessonModule
-     .lessonModule__image
-        h1.lessonModule__image__title #{module.fields.title}
-        img.lessonModule__image__image(src=module.fields.file.url alt=module.fields.title)
+  .lesson-module.lesson-module__image
+    img.lesson-module__image__image(src=module.fields.file.url alt=module.fields.title)
+    div.lesson-module__image__title #{module.fields.title}