course detail styling and basic lesson module styling

This commit is contained in:
Benedikt Rötsch
2017-10-02 17:33:40 +02:00
committed by Benedikt Rötsch
parent 478633c398
commit 71c0c0e95a
13 changed files with 335 additions and 92 deletions

View File

@@ -2,23 +2,27 @@ include _lessonModuleCodeSnippet
include _lessonModuleCopy
include _lessonModuleImage
mixin lesson(lesson)
mixin lesson(lesson, course, nextLesson)
.lesson
h2.lesson__tilte #{lesson.fields.title}
div.lesson__short-description !{helpers.markdown(lesson.fields.description)}
if lesson.fields.image
img.lesson__image(src=`${lesson.fields.image.fields.file.url}` alt=`${lesson.fields.image.fields.title}`)
each module in lesson.fields.modules
if module.sys.contentType
case module.sys.contentType.sys.id
when 'lessonModuleCodeSnippets'
+lessonModuleCodeSnippet(module)
when 'lessonModuleCopy'
+lessonModuleCopy(module)
when 'lessonModuleImage'
+lessonModuleImage(module)
else
h2 ️️⚠️ Invalid lesson module
p
span Could not determine type of
strong #{module.sys.id}
.lesson_content
h1.lesson__title #{lesson.fields.title}
div.lesson__short-description !{helpers.markdown(lesson.fields.description)}
if lesson.fields.image
img.lesson__image(src=`${lesson.fields.image.fields.file.url}` alt=`${lesson.fields.image.fields.title}`)
each module in lesson.fields.modules
if module.sys.contentType
case module.sys.contentType.sys.id
when 'lessonModuleCodeSnippets'
+lessonModuleCodeSnippet(module)
when 'lessonModuleCopy'
+lessonModuleCopy(module)
when 'lessonModuleImage'
+lessonModuleImage(module)
else
h2 ️️⚠️ Invalid lesson module
p
span Could not determine type of
strong #{module.sys.id}
.lesson_footer
if nextLesson
a.lesson__cta.cta(href=`/courses/${course.fields.slug}/lessons/${nextLesson.fields.slug}${queryString}`) View next lesson

View File

@@ -1,6 +1,5 @@
mixin lessonModuleCodeSnippet(module)
.lesson-module.lesson-module-code
h1.lesson-module__title #{module.fields.title}
if module.fields.curl
pre.lesson-module-code__curl
code.shell= module.fields.curl

View File

@@ -1,4 +1,3 @@
mixin lessonModuleCopy(module)
.lesson-module.lesson-module-copy
h3.lesson-module-copy__title #{module.fields.title}
.lesson-module-copy__copy !{helpers.markdown(module.fields.copy)}

View File

@@ -1,6 +1,5 @@
mixin lessonModuleImage(module)
.lesson-module.lesson-module-image
h2.lesson-module-image__title #{module.fields.title}
if module.fields.file && module.fields.file.url
img.lesson-module-image__image(src=module.fields.file.url alt=module.fields.title)
else