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

basic styling

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-09-26 17:07:58 +02:00
parent 200a8ae2f1
commit c650dd3f1c
23 changed files with 1380 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
views/about.pug
View File

@@ -1,5 +1,6 @@
extends layout
block content
h1= title
p Welcome to #{title}
.wrapper
h1= title
p Welcome to #{title}

5
views/categories.pug
View File

@@ -1,5 +1,6 @@
extends layout
block content
h1= title
p Welcome to #{title}
.wrapper
h1= title
p Welcome to #{title}

27
views/course.pug
View File

@@ -1,12 +1,21 @@
extends layout
block content
h1= course.fields.title
if lesson
p= lesson.fields.description
else
p= course.fields.description
ul
each lesson in course.fields.lessons
li
a(href=`/courses/${course.fields.slug}/lessons/${lesson.fields.slug}`) #{lesson.fields.title}
.wrapper.wrapper-with-sidebar
section.wrapper__sidebar
h2 Table of contents
.table-of-contents
ul
li
a.active(href=`/courses/${course.fields.slug}`) Course overview
each lesson in course.fields.lessons
li
a(href=`/courses/${course.fields.slug}/lessons/${lesson.fields.slug}`) #{lesson.fields.title}
section.wrapper__content
h1= course.fields.title
if lesson
h2= lesson.fields.title
p= lesson.fields.description
else
p= course.fields.description

21
views/courses.pug
View File

@@ -3,9 +3,18 @@ extends layout
include mixins/_courseCard
block content
ul
each category in categories
li
a(href=`/courses/categories/${category.sys.id}`) #{category.fields.title}
each course in courses
+courseCard(course)
.wrapper.wrapper-with-sidebar
section.wrapper__sidebar
h2 Categories
.sidebar-menu
ul
li
a.active(href=`/courses`) All courses
each category in categories
li
a(href=`/courses/categories/${category.sys.id}`) #{category.fields.title}
section.wrapper__content
h1= title
.courses.grid-list-small
each course in courses
+courseCard(course)

7
views/error.pug
View File

@@ -1,6 +1,7 @@
extends layout
block content
h1= message
h2= error.status
pre #{error.stack}
.wrapper
h1= message
h2= error.status
pre #{error.stack}

50
views/layout.pug
View File

@@ -4,22 +4,36 @@ html
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body
header
.header__navbar--logo
a.logo--link(href='#') Contentful University
.header__navbar--navigation
nav
ul
li
a.button--navigation(href='/') Home
li
a.button--navigation(href='/courses') Courses
li
a.button--navigation(href='/categories') Categories
li
a.button--navigation(href='/about') About
li
a.button--navigation(href='/settings') Settings
li
a.button--navigation(href='/sitemap') Sitemap
header.header.wrapper
section.header__logo
a.logo--link(href='#')
img(src='/images/logo.png' alt='Contentful University')
section.header__navarea
section.controls
form(action="." method="get")
fieldset
label(for='api') API type:
select(name='api' onChange='this.form.submit()')
option(value='CDA') Delivery API
option(value='CPA') Preview API
fieldset
label(for='locale') Language:
select(name='locale' onChange='this.form.submit()')
option(value='en-US') English
option(value='de-DE') German
section.navigation
nav
ul
li
a.active(href='/') Home
li
a(href='/courses') Courses
li
a(href='/categories') Categories
li
a(href='/about') About
li
a(href='/settings') Settings
li
a(href='/sitemap') Sitemap
block content

17
views/mixins/_courseCard.pug
View File

@@ -1,10 +1,13 @@
mixin courseCard(course = {fields: {title: '', description: '', categories: [], slug: ''}})
.course
.course__categories
if course.fields.categories
.course-card
.course-card__categories
if(course.fields.categories)
each category in course.fields.categories
a.course__categories--category(href=`categories/${category.fields.slug}`) #{category.title}
h1.course__title #{course.fields.title}
.course__description #{course.fields.shortDescription}
a.course__link(href=`/courses/${course.fields.slug}`) view more
a(href=`categories/${category.fields.slug}`) #{category.title}
.course-card__title
h2= course.fields.title
.course-card__description
p= course.fields.shortDescription
.course-card__link
a(href=`/courses/${course.fields.slug}`) view course

2
views/mixins/_highlightedCourse.pug
View File

@@ -4,4 +4,4 @@ mixin highlightedCourseModule(module)
.module
.module__higlightedCourse
h1.module__higlightedCourse__title #{module.fields.title}
+courseCard(module.course)
+courseCard(module.fields.course)

19
views/settings.pug
View File

@@ -1,12 +1,13 @@
extends layout
block content
h1= title
form(action=`/settings` method="POST" class="form")
label(for="space") Space
input(type="text" name="space" value=settings.space)
label(for="cda") Delivery API Key
input(type="text" name="cda" value=settings.cda)
label(for="cpa") Preview API Key
input(type="text" name="cpa" value=settings.cpa)
input(type="submit" value="Save →" class="button")
.wrapper
h1= title
form(action=`/settings` method="POST" class="form")
label(for="space") Space
input(type="text" name="space" value=settings.space)
label(for="cda") Delivery API Key
input(type="text" name="cda" value=settings.cda)
label(for="cpa") Preview API Key
input(type="text" name="cpa" value=settings.cpa)
input(type="submit" value="Save →" class="button")

5
views/sitemap.pug
View File

@@ -1,5 +1,6 @@
extends layout
block content
h1= title
p Welcome to #{title}
.wrapper
h1= title
p Welcome to #{title}