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

feat(globals): adjust header

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-17 17:29:21 +02:00
committed by Benedikt Rötsch
parent d7654bb9bf
commit 40f3d8e228
1 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
views/layout.pug
View File

@@ -18,12 +18,10 @@ html
.header__upper-wrapper .header__upper-wrapper
.header__upper.layout-centered .header__upper.layout-centered
.header__upper-first .header__upper-first
.header__title a(href=`/about${queryString}`).header__title
svg.course__overview-icon svg.course__overview-icon
use(xlink:href='/icons/icons.svg#info') use(xlink:href='/icons/icons.svg#info')
span Example Application span What is this example app?
.header__upper-copy
a(href=`/about${queryString}`) What is this?
.header__upper-second .header__upper-second
.header__upper-copy .header__upper-copy
a.header__upper-link(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener') a.header__upper-link(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener')
@@ -59,22 +57,19 @@ html
.header__controls_help_text Working with multiple languages? You can query the Content Delivery API for a specific locale. .header__controls_help_text Working with multiple languages? You can query the Content Delivery API for a specific locale.
each locale in locales each locale in locales
button.header__controls_button(type='submit' name='locale' value=locale.code class=`${locale.code === currentLocale.code ? 'header__controls_button--active' : ''}`)= `${locale.name} (${locale.code})` button.header__controls_button(type='submit' name='locale' value=locale.code class=`${locale.code === currentLocale.code ? 'header__controls_button--active' : ''}`)= `${locale.name} (${locale.code})`
.header__upper-menu
a(href=`/settings${queryString}` class=(currentPath.startsWith('/settings') ? 'active' : '')) Settings
.header__lower-wrapper .header__lower-wrapper
.header__lower.layout-centered .header__lower.layout-centered
.header__logo .header__logo
a.header__logo-link(href=`/${queryString}`) a.header__logo-link(href=`/${queryString}`)
img(src='/images/logo.svg' alt='Contentful Example App') img(src='/images/logo-node.svg' alt='Contentful Example App')
nav.header__navigation.main-navigation nav.header__navigation.main-navigation
ul ul
li li
a(href=`/${queryString}` class=(currentPath === '/'? 'active' : '')) Home a(href=`/${queryString}` class=(currentPath === '/'? 'active' : '')) Home
li li
a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) Courses a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) Courses
li
a(href=`/about${queryString}` class=(currentPath.startsWith('/about') ? 'active' : '')) About
li
a(href=`/settings${queryString}` class=(currentPath.startsWith('/settings') ? 'active' : '')) Settings
.main__content .main__content
block content block content
@@ -90,8 +85,6 @@ html
a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) Courses a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) Courses
li li
a(href=`/about${queryString}` class=(currentPath.startsWith('/about') ? 'active' : '')) About a(href=`/about${queryString}` class=(currentPath.startsWith('/about') ? 'active' : '')) About
li
a(href=`/settings${queryString}` class=(currentPath.startsWith('/settings') ? 'active' : '')) Settings
.footer__apps .footer__apps
//- a(href='#') //- a(href='#')
//- img(src='/images/badge-app-store.svg') //- img(src='/images/badge-app-store.svg')
@@ -101,7 +94,7 @@ html
.footer__disclaimer .footer__disclaimer
img.footer__disclaimer-logo(src='/images/contentful-logo.svg') img.footer__disclaimer-logo(src='/images/contentful-logo.svg')
p.footer__disclaimer-text p.footer__disclaimer-text
| This website and the materials found on it are for demo purposes using Contentful. You can use this to preview the content created on your Contentful account.  | Powered by Contentful. This website and the materials found on it are for demo purposes. You can use this to preview the content created on your Contentful account. 
a(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener') View on Github a(href='https://images.contentful.com/82t39nctsu20/1JOkYZnY8YG0w88ImweME2/c8aef71dfe1ea633e16e17d99379416c/Github-repo_2x__1_.png' target='_blank' rel='noopener') View on Github
| . | .
.footer__social .footer__social