Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style landing page modules and start reorganising css

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-02 13:34:34 +02:00
committed by Benedikt Rötsch
parent 3459c4c32c
commit e955555f1a
13 changed files with 334 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
views/mixins/_moduleHighlightedCourse.pug
View File

@@ -1,6 +1,19 @@
include ./_courseCard
mixin moduleHighlightedCourse(module)
mixin moduleHighlightedCourse(module, course)
.module.module-higlighted-course
h2.module-higlighted-course__title #{module.fields.title}
+courseCard(module.fields.course)
.module-higlighted-course__wrapper
.module-higlighted-course__image-wrapper
if course.fields.image
img.module-hero-image__image(src=`${course.fields.image.fields.file.url}` alt=`${course.fields.image.fields.title}`)
.module-higlighted-course__overlay
.module-higlighted-course__content
if(course.fields.categories)
.module-higlighted-course__categories
each category in course.fields.categories
a.module-higlighted-course__category(href=`/courses/categories/${category.sys.id}${queryString}`) #{category.fields.title}
h2.module-higlighted-course__title= course.fields.title
.module-higlighted-course__description-wrapper
p !{helpers.markdown(course.fields.shortDescription)}
.module-higlighted-course__link-wrapper
a.module-higlighted-course__link(href=`/courses/${course.fields.slug}${queryString}`) view course