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

fix(style): simplify header and fix mobile design

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-11-08 15:47:20 +01:00
committed by Khaled Garbaya
parent 21b7a9dd1f
commit 173c44ba27
3 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
i18n/locales/de-DE.json
View File

@@ -5,7 +5,7 @@
"metaTwitterCard": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.", "metaTwitterCard": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.",
"metaImageAlt": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.", "metaImageAlt": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.",
"metaImageDescription": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.", "metaImageDescription": "Dies ist die Beispielanwendung, eine Anwendung die Ihnen hilft Ihre eigene Anwendung mit Contentful zu bauen.",
"viewOnGithub": "Auf GitHub ansehen", "viewOnGithub": "GitHub",
"apiSwitcherHelp": "Ansehen des veröffentlichten und unveröffentlichten Inhalts durch Wechsel von Delivery und Preview APIs.", "apiSwitcherHelp": "Ansehen des veröffentlichten und unveröffentlichten Inhalts durch Wechsel von Delivery und Preview APIs.",
"cdaApiLabel": "Content Delivery API", "cdaApiLabel": "Content Delivery API",
"cdaApiHelp": "Diese API zeigt veröffentlichte Inhalte", "cdaApiHelp": "Diese API zeigt veröffentlichte Inhalte",

2
i18n/locales/en-US.json
View File

@@ -5,7 +5,7 @@
"metaTwitterCard": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.", "metaTwitterCard": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.",
"metaImageAlt": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.", "metaImageAlt": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.",
"metaImageDescription": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.", "metaImageDescription": "This is The Example App, an application built to serve you as a reference while building your own applications using Contentful.",
"viewOnGithub": "View on Github", "viewOnGithub": "GitHub",
"apiSwitcherHelp": "View the published or draft content by simply switching between the Deliver and Preview APIs.", "apiSwitcherHelp": "View the published or draft content by simply switching between the Deliver and Preview APIs.",
"cdaApiLabel": "Content Delivery API", "cdaApiLabel": "Content Delivery API",
"cdaApiHelp": "This is just some dummy text for styling. Please change me @todo", "cdaApiHelp": "This is just some dummy text for styling. Please change me @todo",

66
views/layout.pug
View File

@@ -27,43 +27,41 @@ html
header.header header.header
.header__upper-wrapper .header__upper-wrapper
.header__upper.layout-centered .header__upper.layout-centered
.header__upper-first .header__upper-title
a#about-this-modal-trigger(href='#').header__title a.header__upper-link#about-this-modal-trigger(href='#')
svg.header__upper-icon svg.header__upper-icon
use(xlink:href='/icons/icons.svg#info') use(xlink:href='/icons/icons.svg#info')
span #{translate('whatIsThisApp', currentLocale.code)} span #{translate('whatIsThisApp', currentLocale.code)}
.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') svg.header__upper-icon
svg.header__upper-icon use(xlink:href='/icons/icons.svg#github')
use(xlink:href='/icons/icons.svg#github') | #{translate('viewOnGithub', currentLocale.code)}
| #{translate('viewOnGithub', currentLocale.code)} .header__controls
.header__controls_group
.header__controls form(action='' method='get')
.header__controls_group .header__controls_label API: #{currentApi.label}
form(action='' method='get') .header__controls_dropdown
.header__controls_label API: #{currentApi.label} .header__controls_help_text #{translate('apiSwitcherHelp', currentLocale.code)}
.header__controls_dropdown button.header__controls_button(
.header__controls_help_text #{translate('apiSwitcherHelp', currentLocale.code)} type='submit'
button.header__controls_button( name='api'
type='submit' value='cda'
name='api' class=`${currentApi.id === 'cda' ? 'header__controls_button--active' : ''}`
value='cda' )
class=`${currentApi.id === 'cda' ? 'header__controls_button--active' : ''}` | #{translate('cdaApiLabel', currentLocale.code)}:
) br
| #{translate('cdaApiLabel', currentLocale.code)}: span.header__controls_button_help= translate('cdaApiHelp', currentLocale.code)
br button.header__controls_button(
span.header__controls_button_help= translate('cdaApiHelp', currentLocale.code) type='submit'
button.header__controls_button( name='api'
type='submit' value='cpa'
name='api' class=`${currentApi.id === 'cpa' ? 'header__controls_button--active' : ''}`
value='cpa' )
class=`${currentApi.id === 'cpa' ? 'header__controls_button--active' : ''}` | #{translate('cpaApiLabel', currentLocale.code)}:
) br
| #{translate('cpaApiLabel', currentLocale.code)}: span.header__controls_button_help= translate('cpaApiHelp', currentLocale.code)
br input(type='hidden' name='locale' value=currentLocale.code)
span.header__controls_button_help= translate('cpaApiHelp', currentLocale.code)
input(type='hidden' name='locale' value=currentLocale.code)
.header__controls_group .header__controls_group
form(action='' method='get') form(action='' method='get')