5a20ed0dbc
* Production (#44) * test: Fix integration test * fix: Fix Editorial feature * chore(localization): move locales to i18n folder * feat(modules): add image caption and shadow * fix: clarify German translation🇩🇪 * chore(localization): fix typo (#47) * Split first paragraph into sections (#46) * feat(controls): add help text to API dropdown * fix(style): simplify header and fix mobile design * fix(style): simplify footer and fix mobile design * fix(style): update stylesheet and scripts file * test(e2e): adjust tests and make them fail on CI * language fixes * rename labels to use full api name * Refactor entry state toggle (#48) * chore(editorialFeatures): extract editorial features toggle * chore(refactor): rename function to make more contextual sense * Fix breadcrumb and add test for locales (#49) * test(unit): add test to check for locale consistency * fix(breadcrumb): translate lessons route * Change readme url to http from https (#52) * tests(e2e): expect only 2 courses * fix(cookies): fix variable naming and extend to two days maxAge * Change text on next lesson button (#54) * Retranslate advancedLabel * fix(translations): do not break on vim temp files. This is dedicated to JP * fix(analytics): use correct app-id * Add instructions to seed a space to readme (#61) * Change modal text; add link to model's repo to localization files (#57) * fix(links): link correct GH repository * fix(i18n): adjust view on github link label * fix(style): move GitHub link to the left * new screenshot
151 lines
8.2 KiB
Plaintext
151 lines
8.2 KiB
Plaintext
doctype html
|
|
html
|
|
head
|
|
title= helpers.formatMetaTitle(title, currentLocale.code)
|
|
link(rel='stylesheet', href='/stylesheets/style.css')
|
|
meta(name='viewport' content='width=device-width, initial-scale=1')
|
|
meta(name='description' content=translate('metaDescription', currentLocale.code))
|
|
meta(name='twitter:card' content=translate('metaTwitterCard', currentLocale.code))
|
|
meta(property='og:title' content=helpers.formatMetaTitle(title, currentLocale.code))
|
|
meta(property='og:type' content='article')
|
|
meta(property='og:url' content=`http://contentful-example-app.herokuapp.com${currentPath}`)
|
|
meta(property='og:image' content='http://contentful-example-app.herokuapp.com/og-image.jpg')
|
|
meta(property='og:image:type' content='image/jpeg')
|
|
meta(property='og:image:width' content='1200')
|
|
meta(property='og:image:height' content='1200')
|
|
meta(property='og:image:alt' content=translate('metaImageAlt', currentLocale.code))
|
|
meta(property='og:description' content=translate('metaImageDescription', currentLocale.code))
|
|
link(rel='apple-touch-icon' sizes='120x120' href='/apple-touch-icon.png')
|
|
link(rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png')
|
|
link(rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png')
|
|
link(rel='manifest' href='/manifest.json')
|
|
link(rel='mask-icon' href='/safari-pinned-tab.svg' color='#4a90e2')
|
|
meta(name='theme-color' content='#ffffff')
|
|
body
|
|
main.main
|
|
.main__header
|
|
header.header
|
|
.header__upper-wrapper
|
|
.header__upper.layout-centered
|
|
.header__upper-title
|
|
a.header__upper-link#about-this-modal-trigger(href='#')
|
|
svg.header__upper-icon
|
|
use(xlink:href='/icons/icons.svg#info')
|
|
span #{translate('whatIsThisApp', currentLocale.code)}
|
|
.header__upper-copy
|
|
a.header__upper-link(href='https://github.com/contentful/the-example-app.nodejs' target='_blank' rel='noopener')
|
|
svg.header__upper-icon
|
|
use(xlink:href='/icons/icons.svg#github')
|
|
| #{translate('viewOnGithub', currentLocale.code)}
|
|
.header__controls
|
|
.header__controls_group
|
|
form(action='' method='get')
|
|
.header__controls_label API: #{currentApi.label}
|
|
.header__controls_dropdown
|
|
.header__controls_help_text #{translate('apiSwitcherHelp', currentLocale.code)}
|
|
button.header__controls_button(
|
|
type='submit'
|
|
name='api'
|
|
value='cda'
|
|
class=`${currentApi.id === 'cda' ? 'header__controls_button--active' : ''}`
|
|
)
|
|
| #{translate('contentDeliveryApiLabel', currentLocale.code)}:
|
|
br
|
|
span.header__controls_button_help= translate('contentDeliveryApiHelp', currentLocale.code)
|
|
button.header__controls_button(
|
|
type='submit'
|
|
name='api'
|
|
value='cpa'
|
|
class=`${currentApi.id === 'cpa' ? 'header__controls_button--active' : ''}`
|
|
)
|
|
| #{translate('contentPreviewApiLabel', currentLocale.code)}:
|
|
br
|
|
span.header__controls_button_help= translate('contentPreviewApiHelp', currentLocale.code)
|
|
input(type='hidden' name='locale' value=currentLocale.code)
|
|
|
|
.header__controls_group
|
|
form(action='' method='get')
|
|
input(type='hidden' name='api' value=currentApi.id)
|
|
.header__controls_label #{translate('locale', currentLocale.code)}: #{currentLocale.name}
|
|
.header__controls_dropdown
|
|
.header__controls_help_text #{translate('localeQuestion', currentLocale.code)}
|
|
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})`
|
|
.header__upper-menu
|
|
a(href=`/settings${queryString}` class=(currentPath.startsWith('/settings') ? 'active' : '')) #{translate('settingsLabel', currentLocale.code)}
|
|
.header__lower-wrapper
|
|
.header__lower.layout-centered
|
|
.header__logo
|
|
a.header__logo-link(href=`/${queryString}`)
|
|
img(src='/images/logo-node.svg' alt=translate('logoAlt', currentLocale.code))
|
|
nav.header__navigation.main-navigation
|
|
ul
|
|
li
|
|
a(href=`/${queryString}` class=(currentPath === '/'? 'active' : '')) #{translate('homeLabel', currentLocale.code)}
|
|
li
|
|
a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) #{translate('coursesLabel', currentLocale.code)}
|
|
.main__content
|
|
block content
|
|
|
|
.main__footer
|
|
.layout-centered
|
|
footer.footer
|
|
.footer__upper
|
|
nav.footer__navigation.main-navigation
|
|
ul
|
|
li
|
|
a(href=`/${queryString}` class=(currentPath === '/'? 'active' : '')) #{translate('homeLabel', currentLocale.code)}
|
|
li
|
|
a(href=`/courses${queryString}` class=(currentPath.startsWith('/courses') ? 'active' : '') ) #{translate('coursesLabel', currentLocale.code)}
|
|
.footer__apps
|
|
//- a(href='#')
|
|
//- img(src='/images/badge-app-store.svg')
|
|
//- a(href='#')
|
|
//- img(src='/images/badge-google-play.svg')
|
|
.footer__lower
|
|
.footer__logo
|
|
a(href='https://www.contentful.com/' target='_blank' rel='noopener')
|
|
img.footer__disclaimer-logo(src='/images/contentful-logo.svg')
|
|
.footer__disclaimer
|
|
p.footer__disclaimer-text
|
|
| #{translate('footerDisclaimer', currentLocale.code)}
|
|
a(href='https://github.com/contentful/the-example-app.nodejs' target='_blank' rel='noopener') #{translate('viewOnGithub', currentLocale.code)}
|
|
| .
|
|
a(href=`/imprint${queryString}` ) #{translate('imprintLabel', currentLocale.code)}
|
|
| .
|
|
a(href=`https://www.contentful.com/contact/` target='_blank') #{translate('contactUsLabel', currentLocale.code)}
|
|
| .
|
|
.footer__social
|
|
p
|
|
a(href='https://www.facebook.com/contentful/' target='_blank' rel='noopener')
|
|
svg
|
|
use(xlink:href='/icons/icons.svg#facebook')
|
|
a(href='https://twitter.com/contentful' target='_blank' rel='noopener')
|
|
svg
|
|
use(xlink:href='/icons/icons.svg#twitter')
|
|
a(href='https://github.com/contentful' target='_blank' rel='noopener')
|
|
svg
|
|
use(xlink:href='/icons/icons.svg#github')
|
|
section.modal#about-this-modal
|
|
.modal__overlay.close
|
|
.modal__wrapper
|
|
h1.modal__title #{translate('modalTitle', currentLocale.code)}
|
|
.modal__content
|
|
p #{translate('modalIntro', currentLocale.code)}
|
|
a(href='https://github.com/contentful/the-example-app.nodejs' target='_blank' rel='noopener') GitHub
|
|
| .
|
|
p
|
|
| #{translate('modalSpaceIntro', currentLocale.code)}
|
|
a(href='https://github.com/contentful/content-models/tree/master/the-example-app' target='_blank' rel='noopener')=translate('modalSpaceLinkLabel', currentLocale.code)
|
|
| .
|
|
.modal__cta-wrapper
|
|
a(href='#').modal__cta.close #{translate('modalCTALabel', currentLocale.code)}
|
|
.modal__close-wrapper
|
|
a(href='#').modal__close-button.close
|
|
svg
|
|
use(xlink:href='/icons/icons.svg#cross')
|
|
|
|
script(src='/scripts/index.js')
|
|
|
|
<!--ANALYTICS-->
|