diff --git a/.babelrc b/.babelrc new file mode 100755 index 0000000000..3cdb872137 --- /dev/null +++ b/.babelrc @@ -0,0 +1,4 @@ +{ + "presets": ["stage-2", "babel-preset-react", "babel-preset-es2015"], + "plugins": ["transform-class-properties"] +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000000..2e17f18ab8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +_site +.sass-cache +.jekyll-metadata +node_modules +*.log +coverage/ +yarn.lock +.DS_Store +Gemfile.lock +.ruby-version diff --git a/Gemfile.lock b/Gemfile.lock deleted file mode 100644 index 5f44553e14..0000000000 --- a/Gemfile.lock +++ /dev/null @@ -1,240 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - activesupport (4.2.9) - i18n (~> 0.7) - minitest (~> 5.1) - thread_safe (~> 0.3, >= 0.3.4) - tzinfo (~> 1.1) - addressable (2.5.2) - public_suffix (>= 2.0.2, < 4.0) - coffee-script (2.4.1) - coffee-script-source - execjs - coffee-script-source (1.11.1) - colorator (1.1.0) - commonmarker (0.17.6) - ruby-enum (~> 0.5) - concurrent-ruby (1.0.5) - ethon (0.11.0) - ffi (>= 1.3.0) - execjs (2.7.0) - faraday (0.13.1) - multipart-post (>= 1.2, < 3) - ffi (1.9.18) - forwardable-extended (2.6.0) - gemoji (3.0.0) - github-pages (172) - activesupport (= 4.2.9) - github-pages-health-check (= 1.3.5) - jekyll (= 3.6.2) - jekyll-avatar (= 0.5.0) - jekyll-coffeescript (= 1.0.2) - jekyll-commonmark-ghpages (= 0.1.3) - jekyll-default-layout (= 0.1.4) - jekyll-feed (= 0.9.2) - jekyll-gist (= 1.4.1) - jekyll-github-metadata (= 2.9.3) - jekyll-mentions (= 1.2.0) - jekyll-optional-front-matter (= 0.3.0) - jekyll-paginate (= 1.1.0) - jekyll-readme-index (= 0.2.0) - jekyll-redirect-from (= 0.12.1) - jekyll-relative-links (= 0.5.2) - jekyll-remote-theme (= 0.2.3) - jekyll-sass-converter (= 1.5.0) - jekyll-seo-tag (= 2.3.0) - jekyll-sitemap (= 1.1.1) - jekyll-swiss (= 0.4.0) - jekyll-theme-architect (= 0.1.0) - jekyll-theme-cayman (= 0.1.0) - jekyll-theme-dinky (= 0.1.0) - jekyll-theme-hacker (= 0.1.0) - jekyll-theme-leap-day (= 0.1.0) - jekyll-theme-merlot (= 0.1.0) - jekyll-theme-midnight (= 0.1.0) - jekyll-theme-minimal (= 0.1.0) - jekyll-theme-modernist (= 0.1.0) - jekyll-theme-primer (= 0.5.2) - jekyll-theme-slate (= 0.1.0) - jekyll-theme-tactile (= 0.1.0) - jekyll-theme-time-machine (= 0.1.0) - jekyll-titles-from-headings (= 0.5.0) - jemoji (= 0.8.1) - kramdown (= 1.14.0) - liquid (= 4.0.0) - listen (= 3.0.6) - mercenary (~> 0.3) - minima (= 2.1.1) - rouge (= 2.2.1) - terminal-table (~> 1.4) - github-pages-health-check (1.3.5) - addressable (~> 2.3) - net-dns (~> 0.8) - octokit (~> 4.0) - public_suffix (~> 2.0) - typhoeus (~> 0.7) - html-pipeline (2.7.1) - activesupport (>= 2) - nokogiri (>= 1.4) - i18n (0.9.1) - concurrent-ruby (~> 1.0) - jekyll (3.6.2) - addressable (~> 2.4) - colorator (~> 1.0) - jekyll-sass-converter (~> 1.0) - jekyll-watch (~> 1.1) - kramdown (~> 1.14) - liquid (~> 4.0) - mercenary (~> 0.3.3) - pathutil (~> 0.9) - rouge (>= 1.7, < 3) - safe_yaml (~> 1.0) - jekyll-avatar (0.5.0) - jekyll (~> 3.0) - jekyll-coffeescript (1.0.2) - coffee-script (~> 2.2) - coffee-script-source (~> 1.11.1) - jekyll-commonmark (1.1.0) - commonmarker (~> 0.14) - jekyll (>= 3.0, < 4.0) - jekyll-commonmark-ghpages (0.1.3) - commonmarker (~> 0.17.6) - jekyll-commonmark (~> 1) - rouge (~> 2) - jekyll-default-layout (0.1.4) - jekyll (~> 3.0) - jekyll-feed (0.9.2) - jekyll (~> 3.3) - jekyll-gist (1.4.1) - octokit (~> 4.2) - jekyll-github-metadata (2.9.3) - jekyll (~> 3.1) - octokit (~> 4.0, != 4.4.0) - jekyll-mentions (1.2.0) - activesupport (~> 4.0) - html-pipeline (~> 2.3) - jekyll (~> 3.0) - jekyll-optional-front-matter (0.3.0) - jekyll (~> 3.0) - jekyll-paginate (1.1.0) - jekyll-readme-index (0.2.0) - jekyll (~> 3.0) - jekyll-redirect-from (0.12.1) - jekyll (~> 3.3) - jekyll-relative-links (0.5.2) - jekyll (~> 3.3) - jekyll-remote-theme (0.2.3) - jekyll (~> 3.5) - rubyzip (>= 1.2.1, < 3.0) - typhoeus (>= 0.7, < 2.0) - jekyll-sass-converter (1.5.0) - sass (~> 3.4) - jekyll-seo-tag (2.3.0) - jekyll (~> 3.3) - jekyll-sitemap (1.1.1) - jekyll (~> 3.3) - jekyll-swiss (0.4.0) - jekyll-theme-architect (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-cayman (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-dinky (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-hacker (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-leap-day (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-merlot (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-midnight (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-minimal (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-modernist (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-primer (0.5.2) - jekyll (~> 3.5) - jekyll-github-metadata (~> 2.9) - jekyll-seo-tag (~> 2.2) - jekyll-theme-slate (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-tactile (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-theme-time-machine (0.1.0) - jekyll (~> 3.5) - jekyll-seo-tag (~> 2.0) - jekyll-titles-from-headings (0.5.0) - jekyll (~> 3.3) - jekyll-watch (1.5.1) - listen (~> 3.0) - jemoji (0.8.1) - activesupport (~> 4.0, >= 4.2.9) - gemoji (~> 3.0) - html-pipeline (~> 2.2) - jekyll (>= 3.0) - kramdown (1.14.0) - liquid (4.0.0) - liquid-inheritance (0.1.1) - listen (3.0.6) - rb-fsevent (>= 0.9.3) - rb-inotify (>= 0.9.7) - mercenary (0.3.6) - mini_portile2 (2.3.0) - minima (2.1.1) - jekyll (~> 3.3) - minitest (5.10.3) - multipart-post (2.0.0) - net-dns (0.8.0) - nokogiri (1.8.1) - mini_portile2 (~> 2.3.0) - octokit (4.7.0) - sawyer (~> 0.8.0, >= 0.5.3) - pathutil (0.16.0) - forwardable-extended (~> 2.6) - public_suffix (2.0.5) - rb-fsevent (0.10.2) - rb-inotify (0.9.10) - ffi (>= 0.5.0, < 2) - rouge (2.2.1) - ruby-enum (0.7.1) - i18n - rubyzip (1.2.1) - safe_yaml (1.0.4) - sass (3.5.3) - sass-listen (~> 4.0.0) - sass-listen (4.0.0) - rb-fsevent (~> 0.9, >= 0.9.4) - rb-inotify (~> 0.9, >= 0.9.7) - sawyer (0.8.1) - addressable (>= 2.3.5, < 2.6) - faraday (~> 0.8, < 1.0) - terminal-table (1.8.0) - unicode-display_width (~> 1.1, >= 1.1.1) - thread_safe (0.3.6) - typhoeus (0.8.0) - ethon (>= 0.8.0) - tzinfo (1.2.4) - thread_safe (~> 0.1) - unicode-display_width (1.3.0) - -PLATFORMS - ruby - -DEPENDENCIES - github-pages - liquid-inheritance - -BUNDLED WITH - 1.16.0 diff --git a/Labour-Market/activelylooking3/index.html b/Labour-Market/activelylooking3/index.html deleted file mode 100644 index e1e15d071c..0000000000 --- a/Labour-Market/activelylooking3/index.html +++ /dev/null @@ -1,179 +0,0 @@ - - - - - - - LM actively looking 3 - - - - - - - - - - - - - - - -
-
- - - - - -
-
-
-
Help and support –
- -
-
-
- - -
-
- - - - -
-
-

For:

-
-
- -
- -
- Previous -
-
- -
-
-
- - - - -
-
-
-
-
-
-
- - - -
-

- Was actively looking for any kind of paid work during the last four weeks? -

- -
- -
- -
-
-
- - - -
- -
- - - -
- - -
- - -
- - - - -
-
-
-
-
- -
- -
-
- Previous -
-
-
-
- - - - - - -
- - -
- - - diff --git a/Labour-Market/employed-selfemployed1/index.html b/Labour-Market/employed-selfemployed1/index.html deleted file mode 100644 index 45288876e6..0000000000 --- a/Labour-Market/employed-selfemployed1/index.html +++ /dev/null @@ -1,20566 +0,0 @@ - - - - - - - employed or self employed - - - - - - - - - - - - - - - -
-
- - - - - - - - - - -
-
- Previous -
-
- -
-
-
- - - - -
-
-
-
-
-
-
- - -
-

- -

- -
-
- -

For example, primary school teacher, car mechanic, district nurse, structural engineer -
-
- Do not state your pay grade or pay band

-
-
- - -
-
-
-
-
- -
- -
-
-
-
-
- - - -
- - -
-
-
-
-
- -
- -
-
- Previous -
-
-
-
-
- - -
- - - diff --git a/Labour-Market/end19/index.html b/Labour-Market/end19/index.html deleted file mode 100644 index 27af389020..0000000000 --- a/Labour-Market/end19/index.html +++ /dev/null @@ -1,122 +0,0 @@ - - - - - - - LM END 19 - - - - - - - - - - - - - - - -
-
- - - - - -
-
-
-
Help and support –
- -
-
-
- - -
-
- - - - -
-
-

For:

-
-
- -
- -
- Previous -
-
- -
-
-
- - - - -
-
-
-
-
-
-
- - - -
-

- - No more questions. Thank you for participating. - -

- - - -
- - -
- - - diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000000..f4087ca8f8 --- /dev/null +++ b/_config.yml @@ -0,0 +1,28 @@ +# Site settings +title: eQ Prototypes +email: hello@hamishtaplin.com +description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. +baseurl: "/eq-prototypes" # the subpath of your site, e.g. /blog +url: "http://onsdigital.github.io" # the base hostname & protocol for your site +# Build settings +collections: + prototypes: + output: true + permalink: /:path/ + +defaults: + - scope: + path: "" + type: prototypes + values: + layout: prototype + globalcss: true + +markdown: kramdown +sass: + sass_dir: _sass + +exclude: + - package.json + - node_modules + - gulpfile.js diff --git a/_config_dev.yml b/_config_dev.yml new file mode 100644 index 0000000000..f412c0c18e --- /dev/null +++ b/_config_dev.yml @@ -0,0 +1,3 @@ +# Site settings +baseurl: "/eq-prototypes" # the subpath of your site, e.g. /blog +url: "http://localhost:4000/" diff --git a/_css/base/_forms.scss b/_css/base/_forms.scss new file mode 100644 index 0000000000..4f79ca7911 --- /dev/null +++ b/_css/base/_forms.scss @@ -0,0 +1,42 @@ +input { + &::placeholder { + color: $color-placeholder; + font-weight: 400; + } + &:focus { + &::placeholder { + color: darken($color-placeholder, 20%); + } + } +} + +fieldset, +legend { + padding: 0; + margin: 0; + border: none; +} + +fieldset { + width: 100%; +} + +legend { + @include lt-ie8 { + float: left; + clear: both; + margin-left: -7px; + } +} + +input { + box-sizing: border-box; +} + +::-webkit-inner-spin-button { + display: none; +} + +input[type=number] { + -moz-appearance: textfield; +} diff --git a/_css/base/_global.scss b/_css/base/_global.scss new file mode 100644 index 0000000000..65afc45bb4 --- /dev/null +++ b/_css/base/_global.scss @@ -0,0 +1,53 @@ +*, +*::before, +*::after { + box-sizing: inherit; +} + +html { + width: 100%; + height: 100%; + box-sizing: border-box; +} + +body { + height: 100%; + margin: 0; + position: relative; +} + +img { + vertical-align: middle; + max-width: 100%; + height: auto; +} + +abbr[title] { + border: none; +} + +a { + color: $color-links; + &:hover { + text-decoration: underline; + color: $color-links-hover; + } + &:focus { + color: white; + background-color: $color-focus; + outline: 3px solid $color-focus; + } +} + +main, +[role="main"] { + &:focus { + outline: none; + } +} + +legend { + // http://www.456bereastreet.com/archive/201210/how_to_line_wrap_text_in_legend_elements_even_in_ie/ + white-space: normal; + display: table; +} diff --git a/_css/base/_sprite.scss b/_css/base/_sprite.scss new file mode 100644 index 0000000000..0c0942e10e --- /dev/null +++ b/_css/base/_sprite.scss @@ -0,0 +1,314 @@ +%svg-common { + background: url("img/sprite.svg") no-repeat; +} + +.svg-crest-logo { + @extend %svg-common; + background-position: 19.05223880597015% 0; +} + +.svg-crest-logo-dims { + width: 52px; + height: 46.52px; +} + +.svg-icons--caret-bottom { + @extend %svg-common; + background-position: 51.1865671641791% 48.07380073800738%; +} + +.svg-icons--caret-bottom-dims { + width: 52px; + height: 36px; +} + +.svg-icons--caret-left { + @extend %svg-common; + background-position: 36.2887323943662% 0; +} + +.svg-icons--caret-left-dims { + width: 36px; + height: 52px; +} + +.svg-icons--caret-right { + @extend %svg-common; + background-position: 0 20.392156862745097%; +} + +.svg-icons--caret-right-dims { + width: 36px; + height: 52px; +} + +.svg-icons--caret-top { + @extend %svg-common; + background-position: 13.432835820895523% 19.222238651486027%; +} + +.svg-icons--caret-top-dims { + width: 52px; + height: 36.48px; +} + +.svg-icons--check { + @extend %svg-common; + background-position: 51.88805970149254% 0; +} + +.svg-icons--check-dims { + width: 52px; + height: 45.41px; +} + +.svg-icons--chevron-bottom { + @extend %svg-common; + background-position: 51.88805970149254% 17.17408570023827%; +} + +.svg-icons--chevron-bottom-dims { + width: 52px; + height: 42.59px; +} + +.svg-icons--chevron-down { + @extend %svg-common; + background-position: 38.37638376383764% 77.9888888888889%; +} + +.svg-icons--chevron-down-dims { + width: 49px; + height: 37px; +} + +.svg-icons--chevron-left { + @extend %svg-common; + background-position: 0 51.090196078431376%; +} + +.svg-icons--chevron-left-dims { + width: 42.59px; + height: 52px; +} + +.svg-icons--chevron-right { + @extend %svg-common; + background-position: 15.352727010561987% 51.090196078431376%; +} + +.svg-icons--chevron-right-dims { + width: 42.59px; + height: 52px; +} + +.svg-icons--chevron-top { + @extend %svg-common; + background-position: 31.78358208955224% 49.27196399531032%; +} + +.svg-icons--chevron-top-dims { + width: 52px; + height: 42.59px; +} + +.svg-icons--circle-check { + @extend %svg-common; + background-position: 71.2910447761194% 0; +} + +.svg-icons--circle-check-dims { + width: 52px; + height: 52px; +} + +.svg-icons--circle-x { + @extend %svg-common; + background-position: 71.2910447761194% 20.392156862745097%; +} + +.svg-icons--circle-x-dims { + width: 52px; + height: 52px; +} + +.svg-icons--download { + @extend %svg-common; + background-position: 14.69927536231884% 99.83650190114068%; +} + +.svg-icons--download-dims { + width: 44px; + height: 44px; +} + +.svg-icons--download-white { + @extend %svg-common; + background-position: 30.530685920577618% 98.71052631578948%; +} + +.svg-icons--download-white-dims { + width: 43px; + height: 41px; +} + +.svg-icons--external-link { + @extend %svg-common; + background-position: 0 0; +} + +.svg-icons--external-link-dims { + width: 51.06px; + height: 52px; +} + +.svg-icons--guidance { + @extend %svg-common; + background-position: 96.55172413793103% 32.96296296296296%; +} + +.svg-icons--guidance-dims { + width: 30px; + height: 37px; +} + +.svg-icons--guidance-white { + @extend %svg-common; + background-position: 96.55172413793103% 19.25925925925926%; +} + +.svg-icons--guidance-white-dims { + width: 30px; + height: 37px; +} + +.svg-icons--info { + @extend %svg-common; + background-position: 85.86872041263337% 0; +} + +.svg-icons--info-dims { + width: 36.94px; + height: 52px; +} + +.svg-icons--info-circle { + @extend %svg-common; + background-position: 0 82.5764705882353%; +} + +.svg-icons--info-circle-dims { + width: 52px; + height: 52px; +} + +.svg-icons--lock { + @extend %svg-common; + background-position: 0 99.83650190114068%; +} + +.svg-icons--lock-dims { + width: 40.57px; + height: 44px; +} + +.svg-icons--phone { + @extend %svg-common; + background-position: 98.59154929577464% 46.494464944649444%; +} + +.svg-icons--phone-dims { + width: 36px; + height: 36px; +} + +.svg-icons--right-arrow { + @extend %svg-common; + background-position: 99.78261644274971% 0; +} + +.svg-icons--right-arrow-dims { + width: 39.39px; + height: 52px; +} + +.svg-logo { + @extend %svg-common; + background-position: 19.402985074626866% 64.94922501336184%; +} + +.svg-logo-dims { + width: 52px; + height: 26.35px; +} + +.svg-logo-crest { + @extend %svg-common; + background-position: 19.402985074626866% 80.96666282154804%; +} + +.svg-logo-crest-dims { + width: 52px; + height: 46.93px; +} + +.svg-logo-cy { + @extend %svg-common; + background-position: 19.402985074626866% 37.044952625204814%; +} + +.svg-logo-cy-dims { + width: 52px; + height: 26.26px; +} + +.svg-logo-en { + @extend %svg-common; + background-position: 0 65.40131319292455%; +} + +.svg-logo-en-dims { + width: 52px; + height: 28.29px; +} + +.svg-logo-english-reversed { + @extend %svg-common; + background-position: 71.2910447761194% 46.48451469851941%; +} + +.svg-logo-english-reversed-dims { + width: 52px; + height: 27.38px; +} + +.svg-logo-welsh-reversed { + @extend %svg-common; + background-position: 71.2910447761194% 37.00804213223258%; +} + +.svg-logo-welsh-reversed-dims { + width: 52px; + height: 25.98px; +} + +.svg-ons-logo-black { + @extend %svg-common; + background-position: 0 37.04759190652607%; +} + +.svg-ons-logo-black-dims { + width: 52px; + height: 26.28px; +} + +.svg-ons-logo-colour { + @extend %svg-common; + background-position: 38.80597014925373% 37.043633125556546%; +} + +.svg-ons-logo-colour-dims { + width: 52px; + height: 26.25px; +} + diff --git a/_css/base/_tables.scss b/_css/base/_tables.scss new file mode 100644 index 0000000000..4997f3dab2 --- /dev/null +++ b/_css/base/_tables.scss @@ -0,0 +1,21 @@ +table { + width: 100%; + margin-bottom: 20px; +} + +table th { + text-align: left; +} + +table > thead { + border-bottom: 2px solid $color-light-grey; +} + +th, +td { + padding: 15px 0; + word-wrap: normal; + line-height: 1; + vertical-align: top; + border-bottom: thin solid $color-light-grey; +} diff --git a/_css/base/_typography.scss b/_css/base/_typography.scss new file mode 100644 index 0000000000..2b990f0292 --- /dev/null +++ b/_css/base/_typography.scss @@ -0,0 +1,48 @@ +@include font-face(Lato, "/s/fonts/lato/latolatin-regular-webfont", $weight: 400, $style: null, $exts: eot woff2 woff ttf svg); +@include font-face(Lato, "/s/fonts/lato/latolatin-bold-webfont", $weight: 600, $style: null, $exts: eot woff2 woff ttf svg); + +html { + font-size: 18px; + line-height: 1.6; + -webkit-font-smoothing: antialiased; + @include mq(xs, s) { + font-size: 16px; + } +} + +body { + font-family: $font-sans; + color: $color-text; +} + +p { + margin: 0 0 1rem; +} + +h1, +h2, +h3, +h4, +h5 { + font-size: 1rem; + margin: 0 0 1rem; + line-height: 1.2; +} + +code { + font-size: 0.8rem; +} + +ul { + margin: 0 0 1rem; + padding-left: 1.5rem; +} + +li { + margin-bottom: 0.3rem; +} + +em { + font-style: normal; + font-weight: $font-weight-bold; +} diff --git a/_css/components/_accordion.scss b/_css/components/_accordion.scss new file mode 100644 index 0000000000..2100059204 --- /dev/null +++ b/_css/components/_accordion.scss @@ -0,0 +1,82 @@ +.accordion { + display: block; + border: 1px solid $color-borders; + border-radius: 3px; + overflow: hidden; +} + +.accordion__item { + overflow: hidden; + border-bottom: 1px solid $color-borders; + &:last-of-type { + margin-bottom: -1px; + } + &.is-closed { + border: none; + } +} + +.accordion__head { + background: $color-lighter-grey; + padding: 0.5rem; + cursor: pointer; + border: none; + border-bottom: 1px solid $color-borders; + display: block; + appearance: none; + width: 100%; + text-align: left; + line-height: 1; + @include mq(s) { + padding: 1rem; + } +} + +.has-js { + .accordion__head { + &:focus { + transition: background 100ms ease-out; + background: $color-light-grey; + outline: none; + } + } + .is-closed { + .accordion__title { + &::before { + content: "+"; + } + } + } +} + +.accordion__title { + margin: 0; + display: inline-block; + vertical-align: middle; + display: flex; + align-items: center; + flex-direction: row; + &::before { + font-family: monospace; + content: "-"; + font-weight: bold; + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + font-size: 0.9rem; + } +} + +.accordion__body { + overflow: hidden; + .is-closed & { + display: none; + } +} + +.accordion__content { + padding: 0.75rem; + @include mq(s) { + padding: 1rem; + } +} diff --git a/_css/components/_address.scss b/_css/components/_address.scss new file mode 100644 index 0000000000..2f143771ad --- /dev/null +++ b/_css/components/_address.scss @@ -0,0 +1,5 @@ +.address { + font-size: 0.8rem; + line-height: 1.5; + text-transform: uppercase; +} diff --git a/_css/components/_answer.scss b/_css/components/_answer.scss new file mode 100644 index 0000000000..6355447def --- /dev/null +++ b/_css/components/_answer.scss @@ -0,0 +1,19 @@ +.answer { + padding: 0; + margin-bottom: 1rem; + @include mq(m) { + margin-bottom: 2rem; + } + &:last-of-type { + margin-bottom: 0; + } +} + +.answer__guidance { + display: block; +} + +.answer--calculated { + padding-top: 1rem; + border-top: 3px solid $color-borders; +} diff --git a/_css/components/_badge.scss b/_css/components/_badge.scss new file mode 100644 index 0000000000..e4625161d4 --- /dev/null +++ b/_css/components/_badge.scss @@ -0,0 +1,19 @@ +.badge { + display: inline-block; + vertical-align: middle; + padding: 0 0.8rem; + font-size: 0.85rem; + font-weight: 600; + line-height: 1.8; + border-radius: 2px; + text-transform: uppercase; +} + +.badge--amber { + background-color: $color-amber; +} + +.badge--blue { + color: white; + background-color: rgb(12, 96, 162); +} diff --git a/_css/components/_bar.scss b/_css/components/_bar.scss new file mode 100644 index 0000000000..168eabcdc4 --- /dev/null +++ b/_css/components/_bar.scss @@ -0,0 +1,31 @@ +.bar { + background: $color-secondary; + color: $color-white; + padding: 0.5rem 0; + + @include mq(m) { + padding: 0.5rem 0; + } +} + +.bar__inner { + display: flex; + align-items: center; + line-height: 1.2; +} + +.bar__title { + display: inline-block; + vertical-align: middle; + margin: 0; +} + +.bar--hero { + .bar__title { + display: block; + margin: 1rem 0; + } + .bar__inner { + display: block; + } +} diff --git a/_css/components/_box.scss b/_css/components/_box.scss new file mode 100644 index 0000000000..1e2351f421 --- /dev/null +++ b/_css/components/_box.scss @@ -0,0 +1,11 @@ +.box { + padding: 1rem; + border: 1px solid $color-borders; + border-radius: 3px; + position: relative; + display: inline-block; + max-width: 40rem; + @include mq(m) { + padding: 2rem; + } +} diff --git a/_css/components/_buttons.scss b/_css/components/_buttons.scss new file mode 100644 index 0000000000..9ee2e819f9 --- /dev/null +++ b/_css/components/_buttons.scss @@ -0,0 +1,181 @@ +@mixin btn($bg, $color, $color-hover: $color) { + background-color: $bg; + color: $color; + border: none; + padding: 0.75rem 2.5rem; + margin: 0 0 1rem; + font-size: 1rem; + border-radius: 3px; + display: inline-block; + text-rendering: optimizeLegibility; + text-decoration: none; + width: 100%; + transition: background-color 200ms ease-in, color 200ms ease-in; + &:hover { + text-decoration: none; + color: $color-hover; + background-color: darken($bg, 10%); + } + &:focus { + background-color: $color-focus; + outline: none; + } + + &.btn--border { + font-weight: $font-weight-bold; + background: $color; + border: 1px solid $bg; + color: $bg; + padding: 0.5rem 2rem; + &:hover, + &:focus { + background: $bg; + color: $color-hover; + } + + @include mq(s) { + border-width: 2px; + } + } + + @include mq(s) { + width: auto; + } +} + +.btn { + @include btn($color-primary, $color-white); +} + +.btn--secondary { + @include btn($color-secondary, $color-white); +} + +.btn--neutral { + @include btn($color-dark-grey, $color-white); +} + +.btn--light { + @include btn($color-white, transparent, $color-secondary); +} + +.btn--lg { + font-weight: $font-weight-bold; + padding: 0.9rem 1rem; + @include mq(s) { + padding: 0.9rem 5rem; + } +} + +.btn--loader { + transition: color 300ms ease-out; + position: relative; + &::after { + display: block; + content: ""; + width: 2rem; + height: 2rem; + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + background-image: url('../s/img/loader.svg'); + background-repeat: no-repeat; + background-position: center center; + background-size: 1.5rem; + transition: opacity 300ms ease-out 200ms; + pointer-events: none; + } + &.is-loading { + color: transparent; + &::after { + opacity: 1; + } + } +} + +.btn--link { + padding: 0.1rem; + margin: 0; + display: inline-block; + color: $color-links; + background: transparent; + cursor: pointer; + text-decoration: underline; + width: auto; + &:hover { + text-decoration: underline; + color: $color-links-hover; + background: transparent; + } + &:focus { + color: white; + background: $color-links; + } +} + +.btn-group { + font-size: 0; + .btn { + display: inline-block; + margin-right: 18px; + &:last-of-type { + margin-right: 0; + } + } +} + +.btn-group__btn { + display: inline-block; +} + +.btn--menu { + padding-right: 1.5em; + @include mq(m) { + display: none; + } + &::before, + &::after { + transition: all 100ms ease-out; + content: ""; + position: absolute; + right: 0; + background-size: auto; + background-position: center; + background-repeat: no-repeat; + width: 1.1em; + height: 1.1em; + } + + &::before { + opacity: 1; + bottom: 3px; + right: 2px; + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIyOTAgNTEgMTYgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGcgaWQ9Ikdyb3VwLTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4wMDAwMDAsIDUxLjAwMDAwMCkiPg0KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM0QTRBNEEiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyLjA5NTIzODEiPjwvcmVjdD4NCiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjNEE0QTRBIiB4PSIwIiB5PSI1LjIzODA5NTI0IiB3aWR0aD0iMTYiIGhlaWdodD0iMi4wOTUyMzgxIj48L3JlY3Q+DQogICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzRBNEE0QSIgeD0iMCIgeT0iMTAuNDc2MTkwNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIuMDk1MjM4MSI+PC9yZWN0Pg0KICAgIDwvZz4NCjwvc3ZnPg'); + background-size: auto; + } + + &::after { + opacity: 0; + transform: scaleY(0); + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIyOTAgNDUgMjQgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGcgaWQ9Ikdyb3VwLTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4wMDAwMDAsIDQ1LjAwMDAwMCkiPg0KICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMi41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMi4wMDAwMDAsIC0xMi41MDAwMDApIHRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBmaWxsPSIjNEE0QTRBIj4NCiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMCIgeT0iNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIuMDk1MjM4MSI+PC9yZWN0Pg0KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgOC4wNDc2MTkpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTguMDAwMDAwLCAtOC4wNDc2MTkpICIgeD0iMCIgeT0iNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIuMDk1MjM4MSI+PC9yZWN0Pg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+'); + background-size: auto; + right: 2px; + bottom: 2px; + } + + .has-nav-open & { + &::before { + transform: scaleY(0); + opacity: 0; + } + + &::after { + transform: scaleY(1); + opacity: 1; + } + } +} diff --git a/_css/components/_dialog.scss b/_css/components/_dialog.scss new file mode 100644 index 0000000000..80eacde532 --- /dev/null +++ b/_css/components/_dialog.scss @@ -0,0 +1,45 @@ +.dialog[aria-hidden="true"] { + display: none; +} + +.dialog__title { + padding: 0.5rem 1rem; + &:focus { + outline: none; + } +} + +.dialog__overlay { + z-index: 2; + background-color: rgba(0, 0, 0, 0.66); + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + transition: background-color 300ms ease-out 100ms; + + .dialog.is-hidden & { + background-color: rgba(0, 0, 0, 0); + } +} + +.dialog__body { + text-align: center; + padding: 3rem 4rem 4rem; + background-color: $color-white; + max-width: 90%; + width: 32rem; + border-radius: 3px; + z-index: 3; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + transition: all 300ms ease-out 100ms; + opacity: 1; + .dialog.is-hidden & { + opacity: 0; + transform: translate(-50%, -40%); + } +} diff --git a/_css/components/_dl.scss b/_css/components/_dl.scss new file mode 100644 index 0000000000..d01c7d1abc --- /dev/null +++ b/_css/components/_dl.scss @@ -0,0 +1,19 @@ +.dl { + margin: 0 0 1rem; + @include mq(s) { + margin-bottom: 0; + } +} + +.dl__title { + text-transform: uppercase; + letter-spacing: 0.1em; + color: $color-very-dark-grey; +} + +.dl__data { + margin: 0 0 1rem; + &:last-child { + margin-bottom: 0; + } +} diff --git a/_css/components/_download.scss b/_css/components/_download.scss new file mode 100644 index 0000000000..8959a275df --- /dev/null +++ b/_css/components/_download.scss @@ -0,0 +1,51 @@ +.download { + display: block; + display: flex; + align-items: center; + font-weight: 700; + &::before, + &.after::after { + $size: 2rem; + content: " "; + display: inline-block; + vertical-align: middle; + background: transparent url("../s/img/icons/icons--download.svg") no-repeat center center; + background-size: 2.2rem; + min-width: $size; + height: $size; + margin-right: 0.5em; + } + &.after::before { + display: none; + } + &:hover::after { + background: transparent url("../s/img/icons/icons--download-white.svg") no-repeat center center; + } +} + +.download__text { + display: block; + vertical-align: middle; + font-size: 1rem; + line-height: 1.2; + + padding-right: 1rem; + &.pluto { + font-size: 0.77778rem; + } +} +.panel--warn { + margin-bottom: 1rem; +} + +.btn.download { + text-align: left; + display: block; + position: relative; + padding-left: 1rem; + &.after::after { + position: absolute; + top: 0.5rem; + right: 0; + } +} diff --git a/_css/components/_external.scss b/_css/components/_external.scss new file mode 100644 index 0000000000..235eceb91b --- /dev/null +++ b/_css/components/_external.scss @@ -0,0 +1,19 @@ +.external { + // vertical-align: middle; + padding-right: 1.2em; + position: relative; + &::after { + position: absolute; + top: 0; + bottom: 0; + right: 0; + margin: auto; + content: " "; + background: url("../s/img/icons/icons--external-link.svg") no-repeat center center; + background-size: 1.9em; + background-color: transparent !important; + width: 1em; + height: 1em; + display: inline-block; + } +} diff --git a/_css/components/_feedback.scss b/_css/components/_feedback.scss new file mode 100644 index 0000000000..31c80d2fa7 --- /dev/null +++ b/_css/components/_feedback.scss @@ -0,0 +1,12 @@ +.feedback__message { + margin: 3rem 0; +} + +.feedback__field { + padding: 0; + margin-bottom: 1rem; + + &:last-of-type { + margin-bottom: 0; + } +} diff --git a/_css/components/_field.scss b/_css/components/_field.scss new file mode 100644 index 0000000000..806c6c5174 --- /dev/null +++ b/_css/components/_field.scss @@ -0,0 +1,235 @@ +.field { + background: none; +} + +.field__legend { + font-size: 1rem; + font-weight: $font-weight-bold; + margin-bottom: 0.5rem; +} + +.field__description { + line-height: 1.3; + display: block; +} + +.field__item { + margin: 0 0.5rem 0.5rem 0; + position: relative; + width: 100%; + display: inline-block; + @include mq(m) { + width: auto; + min-width: 20rem; + } +} + +.field:not(.field--cols) { + .field__item:last-of-type { + margin-bottom: 0; + } +} + +.field__other { + display: none; + clear: both; + background-color: $color-lighter-grey; + padding: 0 0.5rem 0.5rem; + .has-focus & { + background-color: transparent; + } + @include fixed { + display: block; + background-color: white; + } +} + +input:checked ~ .field__other { + display: block; +} + +.field--multiplechoice { + font-size: 0; + .field__item { + font-size: 1rem; + background: white; + border: 1px solid #999; + border-radius: 0.2rem; + cursor: pointer; + overflow: hidden; + position: relative; + transition: background-color 200ms ease-in, color 200ms ease-in, box-shadow 200ms ease-in, border-color 200ms ease-in; + &:hover { + border-color: $color-links-hover; + box-shadow: none; + } + &.is-checked { + color: $color-text; + border-color: $color-links-hover; + box-shadow: 0 0 0 1px $color-links-hover; + &:hover { + border-color: $color-text; + background-color: #eee; + box-shadow: 0 0 0 1px $color-text; + } + } + &.has-focus { + color: $color-text; + border-color: $color-focus; + background-color: #f5f6ff; + box-shadow: 0 0 0 1px $color-focus; + &:hover { + border-color: $color-focus; + box-shadow: 0 0 0 1px $color-focus; + } + } + } + + &.field--cols { + @include mq(s) { + display: flex; + flex-wrap: wrap; + .field__item { + width: calc(50% - 1rem); + min-width: 0; + } + .label { + width: 100%; + } + &:last-of-type { + margin-bottom: 0; + } + } + } +} + +.fieldgroup--date { + .fieldgroup__title { + font-weight: 700; + display: inline-block; + width: 100%; + margin: 0 0 0.5rem; + } + + .fieldgroup__fields { + display: flex; + width: 100%; + flex-direction: row; + } + + .field { + margin: 0 0.5rem 0 0; + flex: 1 1 0; + clear: right; + + @include mq(s) { + margin-right: 1rem; + } + + @include fixed { + display: block; + float: left; + width: 100%; + margin-right: 1rem; + } + + @include ie7() { + input { + width: 80%; + } + } + } + + .field--day { + max-width: 6rem; + @include fixed { + width: 6rem; + } + } + + .field--month { + flex: 2; + max-width: 15rem; + @include fixed { + width: 15rem; + } + } + + .field--year { + margin-right: 0; + max-width: 6rem; + @include fixed { + width: 6rem; + } + } + + .input { + width: 100%; + } +} + +.field--selectionbtn { + .has-js & { + .input { + width: 0; + height: 0; + opacity: 0; + } + + .label { + padding-left: 1rem; + font-size: 1rem; + height: 100%; + @include mq(xs, s) { + font-size: 0.8rem; + padding: 0.35rem; + padding-left: 0.5rem; + } + } + } + + .field__item { + font-size: 1rem; + width: calc(50% - 0.15rem); + min-width: 0; + margin: 0 0.3rem 0.3rem 0; + vertical-align: top; + transition: opacity 100ms ease-out; + color: $color-links; + + &:nth-child(2n) { + margin-right: 0; + } + + &:hover { + border-color: $color-links-hover; + color: $color-links-hover; + label { + background: transparent !important; + } + } + + @for $i from 20 through 1 { + &:nth-of-type(#{$i}) { + transition-delay: $i * 25ms; + } + } + + .is-closed & { + opacity: 0; + @for $i from 1 through 20 { + &:nth-of-type(#{$i}) { + transition-delay: $i * 25ms; + } + } + } + .is-open & { + opacity: 1; + @for $i from 1 through 20 { + &:nth-of-type(#{$i}) { + transition-delay: $i * 25ms; + } + } + } + } +} diff --git a/_css/components/_form.scss b/_css/components/_form.scss new file mode 100644 index 0000000000..0644bde27f --- /dev/null +++ b/_css/components/_form.scss @@ -0,0 +1,3 @@ +.form { + margin-bottom: 1rem; +} diff --git a/_css/components/_guidance.scss b/_css/components/_guidance.scss new file mode 100644 index 0000000000..e1f1575cfd --- /dev/null +++ b/_css/components/_guidance.scss @@ -0,0 +1,98 @@ +.guidance { + margin: 0.7rem 0 0 -0.1rem; +} + +.guidance__link { + display: inline-block; + vertical-align: middle; + line-height: 1; + text-decoration: underline; + padding: 0.2rem 0.5rem 0.2rem 0.2rem; + span { + display: inline-block; + vertical-align: middle; + } + &::before { + $size: 1rem; + + transition: transform 300ms ease-in-out; + margin-right: 0.3rem; + speak: none; + content: ""; + background: url("../s/img/icons/icons--guidance.svg") no-repeat center center; + background-size: auto; + text-align: center; + width: $size; + height: $size; + position: relative; + left: -0.1rem; + vertical-align: middle; + display: inline-block; + } + + &:focus { + outline: none; + &::before { + background: url("../s/img/icons/icons--guidance-white.svg") no-repeat center center; + } + } + + .is-expanded & { + &::before { + transform: rotate(90deg); + } + } + + .no-js & { + display: none; + } +} + +.guidance__main { + overflow: hidden; + width: 100%; + border-radius: 3px; + opacity: 0; + transition: all 0; + max-height: 0; + margin-left: 0.5rem; + .no-js &, + .is-expanded & { + max-height: 10000em; + height: auto; + opacity: 1; + transition: opacity 300ms ease-out, max-height 300ms ease-out; + } +} + +.guidance__content { + padding: 0; + width: 100%; + display: table; + table-layout: fixed; + margin-top: 1rem; + border-left: 2px solid $color-borders; + padding-left: 1rem; + margin-left: 1px; + div { + @include mq(s) { + display: table-cell; + &:first-of-type { + padding-left: 0.25rem; + padding-right: 0.5rem; + } + &:last-of-type { + padding-left: 1rem; + } + } + ul { + padding-left: 1rem; + @include mq(s) { + margin-bottom: 0; + } + @include lt-ie8 { + margin-bottom: 1rem; + } + } + } +} diff --git a/_css/components/_header.scss b/_css/components/_header.scss new file mode 100644 index 0000000000..1133e0de49 --- /dev/null +++ b/_css/components/_header.scss @@ -0,0 +1,64 @@ +$header-bp: 36em; + +.header { + display: block; + overflow: hidden; + padding: 1.284rem 0; + @include mq(m) { + padding: 1.284rem 0; + } + + &::before { + content: ""; + display: block; + width: 100%; + height: 8px; + background-color: $color-secondary; + position: absolute; + top: 0; + left: 0; + } + @include mq($header-bp) { + display: flex; + align-items: center; + } +} + +.header__logo { + margin-bottom: 1rem; + @include mq($header-bp) { + margin-bottom: 0; + flex: 1 1 50%; + } +} + +.header__info { + @include mq($from: xs, $to: m) { + max-width: 100%; + } + + @include mq($header-bp) { + float: right; + flex: 1 1 10rem; + margin-left: 2rem; + position: relative; + text-align: right; + + &::before { + content: ""; + display: block; + width: 100%; + height: 8px; + background-color: #a8bd3a; + position: absolute; + top: -1.3rem; + right: 0; + } + } + + @include fixed { + width: 20em; + float: right; + position: relative; + } +} diff --git a/_css/components/_highlight.scss b/_css/components/_highlight.scss new file mode 100644 index 0000000000..1f38b209fa --- /dev/null +++ b/_css/components/_highlight.scss @@ -0,0 +1,5 @@ +.highlight { + background-color: $color-emphasis; + padding: 0 2px; + font-style: normal; +} diff --git a/_css/components/_info.scss b/_css/components/_info.scss new file mode 100644 index 0000000000..2fa5aa101f --- /dev/null +++ b/_css/components/_info.scss @@ -0,0 +1,77 @@ +.info { + display: block; + font-size: 0.9rem; + @include mq(m) { + font-size: 1rem; + } +} + +.info__title { + display: inline-block; + margin: 0; + font-size: 1em; +} + +.info__tel { + display: inline-block; + font-size: 1em; + line-height: 1; + margin-left: 1em; + &::before { + content: ""; + display: inline-block; + vertical-align: middle; + @include icon('phone'); + + width: 1.5em; + height: 1.5em; + background-size: 2.5em; + } +} + +.info__link { + text-decoration: none; + color: $color-text; + &:focus { + color: white; + } +} + +.info__list { + display: flex; + border-top: 1px solid $color-borders; + padding-top: 0.5em; + margin: 0.1em 0 0; + @include mq(m) { + display: inline-flex; + } +} + +.info__dt, +.info__dd { + display: inline-block; + font-size: 0.7em; + margin: 0; + line-height: 1.2; + white-space: nowrap; + &.first { + padding-left: 0; + margin-left: 0; + } + &.last { + padding-right: 0; + margin-right: 0; + border-right: none; + } +} + +.info__dt { + font-weight: 600; + margin-right: 0.2rem; +} + +.info__dd { + border-right: 1px solid $color-borders; + padding-right: 1em; + margin-right: 1em; +} diff --git a/_css/components/_input-type.scss b/_css/components/_input-type.scss new file mode 100644 index 0000000000..0a13a180e0 --- /dev/null +++ b/_css/components/_input-type.scss @@ -0,0 +1,75 @@ +.input-type { + display: flex; + position: relative; + align-items: center; + + .input-type__input { + $width: calc(#{$input-width} - #{$input-type-width}); + + border-radius: $input-radius; + line-height: normal; + position: relative; + z-index: 3; + width: 100%; + padding-left: $input-type-width + 0.5rem; + @include mq(s) { + width: $width; + } + @include fixed { + margin-left: 2.5rem; + border-left: 0; + } + } + + .input-type__type { + display: inline-block; + background-color: $color-lighter-grey; + border-right: 1px solid $color-borders; + border-radius: $input-radius 0 0 $input-radius; + padding: $input-padding 0; + width: $input-type-width; + font-weight: 600; + font-size: 1rem; + text-align: center; + line-height: normal; + position: absolute; + left: 1px; + top: 1px; + z-index: 4; + @include fixed { + left: 0; + width: 2.5rem; + height: 100%; + border: 1px solid $color-borders; + } + @include ie7 { + width: 1.15rem; + height: 1.15rem; + } + } +} + +.input-type--percentage { + .input-type__input { + padding-left: 0.5rem; + @include fixed { + margin-left: 0; + } + } + .input-type__type { + left: auto; + right: 1px; + border-right: none; + border-left: 1px solid $color-borders; + border-radius: 0 $input-radius $input-radius 0; + @include mq(s) { + right: auto; + left: calc(#{$input-width - ($input-type-width) * 2} - 1px); + } + @include fixed { + left: $input-width - ($input-type-width); + top: 0; + border-right: 1px solid $color-borders; + } + } +} diff --git a/_css/components/_input.scss b/_css/components/_input.scss new file mode 100644 index 0000000000..a459d0dede --- /dev/null +++ b/_css/components/_input.scss @@ -0,0 +1,125 @@ +.input { + position: relative; + z-index: 3; + padding: $input-padding; + display: block; + color: inherit; + font-size: 1rem; + border: 1px solid $color-borders; + border-radius: $input-radius; + width: 100%; + transition: border-color 200ms ease-in; + @include mq(s) { + width: $input-width; + } + &:hover { + border-color: $color-links-hover; + } + &:focus { + outline: none; + border-color: $color-focus; + box-shadow: 0 0 0 1px $color-focus; + @include fixed() { + outline: 2px solid $color-focus; + } + } +} + +.input__helper { + font-size: 0.8rem; + font-weight: 600; + margin-top: 0.2rem; +} + +.input--select { + appearance: none; + padding: $input-padding 2rem $input-padding 0.5rem; + background: $color-white url("../s/img/icons/icons--chevron-down.svg") no-repeat center right 6px; + background-size: 1.5rem; + line-height: 1.25rem; + &::-ms-expand { + display: none; + } + @include fixed() { + padding-right: 0.5rem; + } +} + +.input--textarea { + width: 100%; +} + +.input--radio, +.input--checkbox { + width: 20px; + height: 20px; + appearance: none; + border: 2px solid #9b9b9b; + padding: 0.5rem; + font-size: 1rem; + background: #eee; + box-shadow: inset 0 0 0 3px white; + cursor: pointer; + position: absolute; + top: 0.75rem; + left: 0.6rem; + transition: background-color 200ms ease-in, color 200ms ease-in; + &:checked { + border-color: $color-links-hover; + } + &:focus { + border-color: $color-focus; + outline: none; + } + @include mq(m) { + top: 0.85rem; + } + @include fixed() { + border: none; + background: none; + &:focus { + outline: 2px solid $color-focus; + } + } +} + +.input--radio { + border-radius: 100px; + box-shadow: inset 0 0 0 3px white; + &:checked { + background: $color-links-hover; + box-shadow: inset 0 0 0 3px white; + } + &:focus { + border-color: $color-focus; + box-shadow: inset 0 0 0 3px white; + outline: none; + &:checked { + border-color: $color-focus; + background-color: $color-focus; + } + } +} + +.input--checkbox { + background: url("../s/img/icons/icons--check.svg") no-repeat center center; + background-size: 0; + transition: background-size 50ms ease-out; + &:checked { + background-size: 20px; + box-shadow: none; + } + &:focus { + box-shadow: none; + } +} + +.input--block { + display: block; + width: 100%; +} + +.input--has-error { + background-color: $color-light-red; + transition: background-color 1s ease-in-out; +} diff --git a/_css/components/_label.scss b/_css/components/_label.scss new file mode 100644 index 0000000000..42c7dd85c5 --- /dev/null +++ b/_css/components/_label.scss @@ -0,0 +1,40 @@ +.label { + display: block; + margin-bottom: 0.4rem; + font-weight: 600; + color: inherit; +} + +input:checked ~ .label { + background: $color-lighter-grey; + .has-focus & { + background-color: transparent; + } +} + +.label__description { + line-height: 1.4; + display: inline-block; +} + +.label--inline { + font-weight: 400; + padding: 0.7rem 1rem 0.7rem 2.5rem; + display: block; + margin: 0; + cursor: pointer; + @include fixed() { + width: 25rem; + } +} + +.label { + .field--textarea & { + font-weight: 400; + margin-bottom: 2rem; + } +} + +.label--small { + font-size: 0.8rem; +} diff --git a/_css/components/_lock.scss b/_css/components/_lock.scss new file mode 100644 index 0000000000..f2dd49cc1a --- /dev/null +++ b/_css/components/_lock.scss @@ -0,0 +1,24 @@ +.lock { + display: block; + display: flex; + align-items: center; + font-weight: 700; + &::before { + $size: 2rem; + content: " "; + display: inline-block; + vertical-align: middle; + background: $color-white url("../s/img/icons/icons--lock.svg") no-repeat center center; + background-size: 2.2rem; + min-width: $size; + height: $size; + margin-right: 0.5em; + } +} + +.lock__text { + display: inline-block; + vertical-align: middle; + font-size: 1rem; + line-height: 1.2; +} diff --git a/_css/components/_logo.scss b/_css/components/_logo.scss new file mode 100644 index 0000000000..f63bd6a000 --- /dev/null +++ b/_css/components/_logo.scss @@ -0,0 +1,19 @@ +.logo { + display: inline-block; + + @include lt-ie9() { + float: left; + display: block; + width: 220px; + height: 44px; + background: url("../s/img/logo.png") no-repeat 0 0; + img { + display: none; + } + } +} + +.logo__img { + width: 220px; + height: auto; +} diff --git a/_css/components/_nav.scss b/_css/components/_nav.scss new file mode 100644 index 0000000000..c2c41c8218 --- /dev/null +++ b/_css/components/_nav.scss @@ -0,0 +1,117 @@ +.nav { + display: block; + padding: 0; +} + +.nav--vertical { + border-left: 1px solid $color-borders; + padding: 0.5rem 0 0.5rem 2rem; + margin: 0; + .nav__title { + margin-bottom: 0.5rem; + } + .nav__list { + list-style: none; + margin: 0; + padding: 0; + } + .nav__item { + margin: 0; + padding: 0.5rem 1rem 0.5rem 2rem; + position: relative; + margin-left: -2.5rem; + border-left: 0.5rem solid transparent; + } + .nav__link { + @include mq(m) { + font-size: 1rem; + } + } + .nav__item--completed { + &::before { + z-index: 2; + content: ""; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAABGdBTUEAALGPC/xhBQAAAjtJREFUSA29l0FLW0EQx2f2NWDSQ196sFBELKFfwVMPNcmLFZV68eRFPBd6K4IexKT0IHjpqdDi0aMg5iCKUvDkqdBDQYiKIIJY0oO1wZhMd0L3+V6yz+TlrZ1DNjOzM/9f9u1uEoD/aH3Lk/EgORGUMB1/VHDeXf4u7z9ZyvXqeqMuaDqWLGTf1Ov0sdEX8UdMWJmLuc0zr869g9iL2RlC+gwEHi08eCB60j/nN04VjCepQuZGe9GZJqAvANS6BRBKIobp8uz2CSu2TjDEcScEaxCk6Jq+2h9eDbB7LyBtIVhZGgEMQLVaXKAFYfzRdArBIFL8EgWOlOe394yCdAvBUBa/NNvTT+MJa7B/rSf7/KyyUzpuzuv8KBDcr2WPMMTV+Z+i3O2jUKtt2O+Hh3TC3lhUCO7lezQuBNFLJYSAV2BZY7/mNndVzDuagOB+7oroIHiCXJkE1G+Kj/NOjn2vmYLgng2QIAglSgTxGtB6spAbVzGTENwTiQiTeWdLfvKMEgkcEaqAYgrr8DDwxmwq9h7RppTPFYhIKGgFEGu+jM4hiAHRqmkIlmoc38rO0fdE5llJfi+9ljF33+hY/uV9m1w3r9OVULXuPRISRtVrx7AQ3MQFYccETDcQLSBRYbqF0IJ0CxMFIhAkLExUiDtBOoUxAdEWxAdDOCF9qXtrpiC4o+/U3Er43/Fpig+lTuQ9zPdMA8YkBKt1BMITK7uH3xLp1Ln8eTdqGoL7hzY777yV/1NehC5sU/AXb484yamkz/AAAAAASUVORK5CYII=') no-repeat center; + background-size: 1rem; + position: absolute; + left: 0.5rem; + width: 1.2em; + height: 1.2em; + bottom: 0; + top: 0; + margin: auto; + @include ie8() { + display: none; + } + } + @include lt-ie9() { + background: url('../s/img/check-green.png') no-repeat 0.5rem center; + background-size: 17px 13px; + } + } + .nav__item--current { + background-color: $colour-nav-highlight; + border-left: 0.5rem $color-secondary solid; + &.nav__item--completed { + &::before { + left: 0.5rem; + } + } + } +} + +.nav--horizontal { + font-size: 0; + margin: 0; + .nav__item { + font-size: 1rem; + display: inline-block; + margin: 0 0 0 0.5rem; + padding: 0 0.5rem 0 0; + position: relative; + text-align: center; + &:not(:last-child)::after { + content: ""; + position: absolute; + height: 1em; + width: 1px; + background-color: $color-borders; + right: -1px; + bottom: 0; + top: 0; + margin: auto; + } + &:first-child { + margin-left: 0; + padding-left: 0; + } + &:last-child { + margin-right: 0; + padding-right: 0; + border: none; + } + @include fixed() { + border-right: 1px solid $color-borders; + } + } + .nav__link { + display: inline-block; + text-decoration: none; + margin: 0; + text-align: center; + } +} + +.nav--dark { + .nav__link { + color: $color-text; + text-decoration: underline; + &:hover { + color: $color-links; + text-decoration: underline; + } + &:focus { + color: white; + } + } +} diff --git a/_css/components/_notice.scss b/_css/components/_notice.scss new file mode 100644 index 0000000000..dac8e1e3dc --- /dev/null +++ b/_css/components/_notice.scss @@ -0,0 +1,25 @@ +.notice { + display: block; + display: flex; + align-items: center; + font-weight: 700; + &::before { + $size: 2rem; + + content: " "; + display: inline-block; + vertical-align: middle; + background: $color-white url("../s/img/icons/icons--info-circle.svg") no-repeat center center; + background-size: 3rem; + min-width: $size; + height: $size; + margin-right: 0.5em; + } +} + +.notice__text { + display: inline-block; + vertical-align: middle; + font-size: 1rem; + line-height: 1.2; +} diff --git a/_css/components/_panel.scss b/_css/components/_panel.scss new file mode 100644 index 0000000000..fa88efecd0 --- /dev/null +++ b/_css/components/_panel.scss @@ -0,0 +1,66 @@ +@mixin panel_type($name, $color, $color-bg) { + .panel--#{$name} { + background: $color-bg; + .panel__header { + background: $color; + } + } + .panel--simple { + &.panel--#{$name} { + border-color: $color; + } + } +} + +.panel { + border-radius: 0; + a { + color: $color-secondary; + &:focus { + color: white; + } + } +} + +.panel__header { + color: $color-white; + margin: 0; + padding: 0.75rem 1rem; + border-radius: 0; +} + +.panel__title { + margin: 0; +} + +.panel__body { + padding: 1rem; +} + +@include panel_type(error, $color-red, $color-light-red); +@include panel_type(warn, $color-amber, $color-light-amber); +@include panel_type(success, $color-primary, $color-light-green); +@include panel_type(info, $color-secondary, $color-light-blue); + +.panel--simple { + border: none; + border-left: 8px solid transparent; + margin-left: -8px; + color: $color-black; + padding: 1rem; + .panel__header { + background: none; + padding: 0 0 1rem; + } + .panel__body { + background: none; + padding: 0; + } +} + +.panel--spacious { + padding: 1rem; + @include mq(m) { + padding: 2rem; + } +} diff --git a/_css/components/_question.scss b/_css/components/_question.scss new file mode 100644 index 0000000000..e3b149b831 --- /dev/null +++ b/_css/components/_question.scss @@ -0,0 +1,105 @@ +.question { + margin-bottom: 1rem; + &:last-of-type { + margin-bottom: 0; + } + @include mq(m) { + margin-bottom: 2rem; + } +} + +.question__error { + background: $color-red; + color: white; + font-size: 0.9rem; + padding: 0.5rem 1rem; +} + +.question__legend { + margin-bottom: 1rem; + float: none; +} + +.question__title { + position: relative; + clear: both; + // NOTE: do not enable display block as it breaks any instance + // where this appears inside a `legend` + // display: block; + color: inherit; + margin-bottom: 1rem; + em { + background-color: $color-emphasis; + } +} + +.question__number { + @include mq(xl) { + position: absolute; + text-align: right; + left: -100px; + width: 100px; + padding-right: 0.8rem; + } +} + +.question__subtitle { + margin-top: 0.5rem; + clear: both; + display: block; + color: #888; + font-weight: 700; + font-size: 1rem; +} + +.question__description { + margin-bottom: 1rem; + clear: both; +} + +.question__guidance { + margin-bottom: 2rem; + clear: both; +} + +.question__actions { + margin-top: 1rem; + @include mq(s) { + margin-top: 2rem; + } +} + +.question__answers { + clear: both; +} + +.question__answer { + margin: 0 0 1rem; + transition: opacity 300ms ease-in-out; + opacity: 1; + &.is-hidden { + opacity: 0; + } + &.is-removed { + transition-duration: 500ms; + opacity: 0.5; + } + &:last-of-type { + margin-bottom: 0; + } +} + +.question--repeatinganswer { + .question__answer { + margin-bottom: 2rem; + } + .question__guidance--bottom { + margin: -1rem 0 0; + } + .answer { + margin-bottom: 1.5rem; + &:last-of-type { + margin-bottom: 0; + } + } +} diff --git a/_css/components/_relationship.scss b/_css/components/_relationship.scss new file mode 100644 index 0000000000..b34d07ba89 --- /dev/null +++ b/_css/components/_relationship.scss @@ -0,0 +1,57 @@ +.relationship { + display: block; +} + +.relationship__title { + width: 100%; // IE10 fix + padding-right: 2rem; + line-height: 1.2; +} + +.relationship__item { + border-top: 1px solid $color-light-grey; + padding: 1rem 0; + margin: 0; + position: relative; + &:last-of-type { + border-bottom: 1px solid $color-light-grey; + } +} + +.relationship__edit { + position: absolute; + right: 0; + top: 1.1rem; + display: inline-block; + line-height: 1; +} + +.relationship__body { + font-size: 0; + clear: both; + margin: 0; + padding: 0 1px 1px; + overflow: hidden; + transition: max-height 300ms ease-out 50ms; + .is-closed & { + max-height: 0; + pointer-events: none; + } + .is-open & { + max-height: 100rem; + height: auto; + opacity: 1; + pointer-events: auto; + transition: max-height 300ms ease-out 50ms; + } +} + +.relationship__fields { + margin-top: 1rem; + display: flex; + flex-wrap: wrap; +} + +.relationship__field { + display: block; +} diff --git a/_css/components/_skip.scss b/_css/components/_skip.scss new file mode 100644 index 0000000000..acc8287e00 --- /dev/null +++ b/_css/components/_skip.scss @@ -0,0 +1,27 @@ +.skip { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 999999; +} + +.skip__link { + display: block; + height: 1px; + width: 100%; + overflow: hidden; + position: absolute; + top: -30px; + transition: top 100ms; + color: $color-white; + background: $color-secondary; + font-weight: 600; + font-size: 1.1rem; + &:focus { + padding: 1rem; + max-height: 20em; + height: auto; + top: 0; + } +} diff --git a/_css/components/_summary.scss b/_css/components/_summary.scss new file mode 100644 index 0000000000..90de603245 --- /dev/null +++ b/_css/components/_summary.scss @@ -0,0 +1,121 @@ +.summary { + display: block; +} + +.summary__title { + font-size: 1.2rem; + margin-bottom: 1rem; + font-weight: $font-weight-bold; +} + +.summary__block { + margin: 0; + padding: 0; +} + +.summary__items { + font-size: 0.9rem; + text-align: left; + border: 1px solid $color-borders; + border-bottom: none; + margin: 0 0 1rem; + border-radius: 3px; + + @include fixed { + font-size: 0; + } + @include mq(s) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + } +} + +.summary__question, +.summary__answer { + margin: 0; + width: 100%; + border: none; + text-align: left; + border-bottom: 1px solid $color-borders; + @include mq(s) { + font-size: 1rem; + } + @include fixed { + display: inline-block; + vertical-align: middle; + font-size: initial; + } + @include lt-ie8 { + min-height: 3rem; + } +} + +.summary__question { + width: 100%; + border-bottom: 1px solid $color-borders; + background-color: $color-lighter-grey; + display: flex; + padding: 0.6rem 0.5rem; + line-height: 1.3; + // fixes IE10 wrapping problem + div { + width: 100%; + margin: 0; + } +} + +.summary__question--sub { + background-color: transparent; +} + +.summary__answer { + display: flex; + position: relative; + flex-direction: row; + justify-content: space-between; + overflow: hidden; + width: 100%; +} + +.summary__answer-text, +.summary__edit { + padding: 0.6rem 0.5rem; +} + +.summary__answer-text { + align-items: center; + flex: 1 1 auto; + word-break: break-all; + font-weight: $font-weight-bold; + p:last-of-type { + margin-bottom: 0; + } +} + +.summary__edit { + padding: 0 1rem; + font-size: 0.9rem; + border-left: 1px solid $color-borders; + text-align: center; + display: flex; + // flex-basis: fit-content; + // flex-shrink: 0; + @include mq(s) { + padding: 0 2rem; + } + @include fixed { + position: absolute; + right: 0; + top: 0; + bottom: 0; + } +} + +.summary__edit-link { + display: block; + line-height: 1rem; + padding: 0 0.5rem; + align-self: center; +} diff --git a/_css/components/_time.scss b/_css/components/_time.scss new file mode 100644 index 0000000000..6899050695 --- /dev/null +++ b/_css/components/_time.scss @@ -0,0 +1,35 @@ +.time { + position: relative; +} + +.time__visual { + position: relative; + overflow: visible !important; + margin: 2rem auto; + display: block; +} + +.time__circle { + opacity: 1; + transition: stroke-dasharray 1s linear, stroke 1s ease-in; + stroke: $color-blue; + .is-warning & { + stroke: $color-red; + } +} + +.time__text { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + height: 1rem; + line-height: 1; + text-align: center; + transition: color 1s ease-in; + .is-warning & { + color: $color-red; + } +} diff --git a/_css/fixed.scss b/_css/fixed.scss new file mode 100644 index 0000000000..aad7a120d3 --- /dev/null +++ b/_css/fixed.scss @@ -0,0 +1,14 @@ +$responsive: false; + +@import "helpers/**/*.scss"; +@import "vars/*.scss"; + +$grid-max-width: 800px; + +@import "vars/*.scss"; +@import "vendor/normalize.scss"; +@import "base/**/*.scss"; +@import "objects/**/*.scss"; +@import "components/**/*.scss"; +@import "utilities/**/*.scss"; +@import "hacks/**/*.scss"; diff --git a/_css/hacks/_hacks.scss b/_css/hacks/_hacks.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/_css/helpers/_functions.scss b/_css/helpers/_functions.scss new file mode 100644 index 0000000000..5c9e730fa8 --- /dev/null +++ b/_css/helpers/_functions.scss @@ -0,0 +1,26 @@ +@function ems($pxval, $base: $base-font-size) { + @return em($pxval, $base); +} + +@function rems($size, $base) { + $remSize: $size / $base; + @return #{$remSize}rem; +} + +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +@function tint($color, $percentage) { + @return mix(white, $color, $percentage); +} + +@function shade($color, $percentage) { + @return mix(black, $color, $percentage); +} + +@function map-set($map, $key, $value) { + $new: ($key: $value); + + @return map-merge($map, $new); +} diff --git a/_css/helpers/_mixins.scss b/_css/helpers/_mixins.scss new file mode 100644 index 0000000000..be1ee9b733 --- /dev/null +++ b/_css/helpers/_mixins.scss @@ -0,0 +1,107 @@ +@mixin rem($property, $values...) { + $max: length($values); + $pxValues: ""; + $remValues: ""; + + @for $i from 1 through $max { + $value: strip-unit(nth($values, $i)); + $pxValues: #{$pxValues + $value * 16}px; + + @if $i < $max { + $pxValues: #{$pxValues + " "}; + } + } + + @for $i from 1 through $max { + $value: strip-unit(nth($values, $i)); + $remValues: #{$remValues + $value}rem; + + @if $i < $max { + $remValues: #{$remValues + " "}; + } + } + #{$property}: $pxValues; + #{$property}: $remValues; +} + +@mixin font-size($sizeValue: 1.6) { + @include rem(font-size, $sizeValue); +} + +@mixin inline-block-hack { + @if ($responsive == false) { + *display: inline; + zoom: 1; + } +} +// ============================================================================= +// String Replace +// ============================================================================= +@function str-replace($string, $search, $replace: "") { + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; +} +// ============================================================================= +// Font Face +// ============================================================================= +@mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff2 woff ttf svg) { + $src: null; + $extmods: (eot: "?", svg: "#" + str-replace($name, " ", "_")); + $formats: (otf: "opentype", ttf: "truetype"); + + @each $ext in $exts { + $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext); + $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext); + $src: append($src, url("#{$path}.#{$extmod}") format(quote($format)), comma); + } + + @font-face { + font-family: quote($name); + font-style: $style; + font-weight: $weight; + src: $src; + } +} + +@mixin clearfix() { + // no-op +} + +@mixin lt-ie10() { + .lt-ie10 & { + @content; + } +} + +@mixin lt-ie9() { + .lt-ie9 & { + @content; + } +} + +@mixin lt-ie8() { + .lt-ie8 & { + @content; + } +} + +@mixin lt-ie7() { + .lt-ie7 & { + @content; + } +} + +@mixin fixed() { + @if ($responsive == false) { + @content; + } +} + +@mixin icon($name) { + background: url("../s/img/icons/icons--#{$name}.svg") no-repeat center; +} diff --git a/_css/helpers/_mq.scss b/_css/helpers/_mq.scss new file mode 100644 index 0000000000..91b454679c --- /dev/null +++ b/_css/helpers/_mq.scss @@ -0,0 +1,88 @@ +@mixin mq($from: none, $to: none) { + @if $from != none and type-of($from) == "string" { + $from: get-bp-width($from); + } + + @if $to != none and type-of($to) == "string" { + $to: get-bp-width($to); + } + + @if $responsive { + @if $from == none { + @media only screen and (max-width: $to) { + @content; + } + } + @else if $to == none { + @media only screen and (min-width: $from) { + @content; + } + } + @else { + @media only screen and (min-width: $from) and (max-width: $to) { + @content; + } + } + } + @else { + @if (strip-unit($from) <= strip-unit($grid-bp-fixed)) { + @content; + } + } +} + +@mixin fixed-width() { + @if not $responsive { + @content; + } +} + +@mixin ie8 { + @if not $responsive { + .lt-ie9 & { + @content; + } + } +} + +@mixin ie7 { + @if not $responsive { + .lt-ie8 & { + @content; + } + } +} + +@function get-bp-width($name, $breakpoints: $grid-bp) { + @if map-has-key($breakpoints, $name) { + @return map-get($breakpoints, $name); + } + @else { + @warn "Breakpoint #{$name} wasn't found in $breakpoints."; + } +} + +/// @param {Number} $number - Number to remove unit from +/// @return {Number} - Unitless number +@function strip-unit($number) { + @if type-of($number) == 'number' and not unitless($number) { + @return $number / ($number * 0 + 1); + } + @return $number; +} + +@mixin bp-suffix($class, $original: true, $breakpoints: $grid-bp) { + @if $original { + .#{$class} { + @content; + } + } + + @each $breakpoint, $size in $breakpoints { + @include mq($breakpoint) { + .#{$class}\@#{$breakpoint} { + @content; + } + } + } +} diff --git a/_css/main.scss b/_css/main.scss new file mode 100644 index 0000000000..745b3847ba --- /dev/null +++ b/_css/main.scss @@ -0,0 +1,80 @@ +html.prototypes-home { + font-size: 18px; + body { + background: white; + } + + h1 { + font-size: 1.2rem; + } +} + +.site-header { + background: #222; + color: white; + padding: 0.3rem 0; + margin-bottom: 3rem; + a { + color: white; + text-decoration: none; + font-size: 0.8rem; + text-transform: uppercase; + letter-spacing: 0.2rem; + } +} + +.prototype-list { + ul { + margin: 0; + padding: 0; + list-style: none; + } + + li { + padding: 1rem 0; + border-bottom: 1px solid #efefef; + } + + a { + text-decoration: none; + } +} + +.hidden-nav-btn { + position: fixed; + bottom: 0; + left: 0; + width: 25px; + height: 25px; + background: rgba(0,0,0,0); + cursor: pointer; + &:hover { + background: rgba(0,0,0, 0.2); + } +} + +.hidden-nav { + $width: 20rem; + position: fixed; + padding: 1rem; + top: 0; + right: 0; + width: $width; + height: 100%; + background: rgba(#222, 0.9); + color: white; + z-index: 10; + transform: translateX($width); + transition: all 100ms ease-out; + overflow: scroll; + &.is-open { + transform: translateX(0); + } + a { + color: white; + } + li { + padding: 0.5rem 0; + border-bottom: 1px solid rgba(#efefef, 0.1); + } +} diff --git a/_css/objects/_container.scss b/_css/objects/_container.scss new file mode 100644 index 0000000000..820f35dea5 --- /dev/null +++ b/_css/objects/_container.scss @@ -0,0 +1,25 @@ +.container { + max-width: $grid-max-width; + margin: 0 auto; + padding: 0 $grid-gutters; + box-sizing: border-box; + @if not $responsive { + width: $grid-max-width; + } + @else { + width: 100%; + } + @include mq(s) { + padding: 0 $grid-gutters; + } +} + +.grid--align-bottom { + .grid__col { + vertical-align: bottom; + } +} + +.grid__col { + font-size: 1rem; +} diff --git a/_css/objects/_footer.scss b/_css/objects/_footer.scss new file mode 100644 index 0000000000..13df721a31 --- /dev/null +++ b/_css/objects/_footer.scss @@ -0,0 +1,13 @@ +.footer { + padding: 2rem 0; + margin-top: 2rem; + background-color: $color-light-grey; + color: $color-very-dark-grey; +} + +.footer__link { + color: $color-very-dark-grey; + &:focus { + color: white; + } +} diff --git a/_css/objects/_grid.scss b/_css/objects/_grid.scss new file mode 100644 index 0000000000..c32bb631e2 --- /dev/null +++ b/_css/objects/_grid.scss @@ -0,0 +1,189 @@ +.grid { + box-sizing: border-box; + @if $grid-use-letter-spacing-hack { + letter-spacing: -0.32em; + } + @else { + font-size: 0; + } + + margin-left: -$grid-gutters; +} + +.grid--float { + letter-spacing: 0; +} + +.grid--center { + text-align: center; + .grid__col { + text-align: left; + } +} + +.grid--center-all { + text-align: center; +} + +.grid--reverse { + direction: rtl; + .grid__col { + direction: ltr; + } +} + +.grid--spaced { + .grid__col { + margin-bottom: $grid-gutters; + } + &.grid--tight { + .grid__col { + margin-bottom: $grid-gutters/2; + } + } +} + +.grid--align-mid { + .grid__col { + vertical-align: middle; + } +} + +.grid--stagger-align { + .grid__col:nth-of-type(1n) { + text-align: right; + } + .grid__col:nth-of-type(2n) { + text-align: left; + } +} + +.grid--tight { + margin-left: -$grid-gutters/2; + .grid__col { + padding-left: $grid-gutters/2; + } +} + +.grid--gutterless { + margin-left: 0; + .grid__col { + padding-left: 0; + } +} + +.grid--pixelgutter { + margin-left: 1px; + .grid__col { + padding-left: 1px; + margin-bottom: 1px; + } +} + +.grid--flex { + flex-wrap: wrap; + flex-flow: row wrap; + display: flex; + .grid__col { + display: flex; + } + &.grid--center { + justify-content: center; + } +} + +@include bp-suffix(grid--bordered, false) { + margin-left: 0; + .grid__col { + padding-top: 1rem; + padding-bottom: 1rem; + border-top: 1px solid $color-borders; + border-bottom: 1px solid $color-borders; + flex: 1 1 auto; + &:first-of-type { + border-right: 1px solid $color-borders; + padding-left: 0; + } + } +} + +.grid__col { + display: inline-block; + width: 100%; + vertical-align: top; + box-sizing: border-box; + background-clip: content-box; + @if $grid-use-letter-spacing-hack { + letter-spacing: normal; + word-spacing: normal; + } + @else { + font-size: $base-font-size; + } + + padding-left: $grid-gutters; + .grid--float & { + float: left; + display: block; + } +} + +@for $column from 1 through $grid-cols { + $width: percentage($column / $grid-cols); + + @include bp-suffix("col-#{$column}", false) { + width: $width; + width: calc(100% / #{$grid-cols / $column}); + .grid--flex & { + flex: 0 0 $width; + max-width: $width; + } + } + + @include bp-suffix("push-#{$column}", false) { + position: relative; + left: $width; + } + + @include bp-suffix("pull-#{$column}", false) { + position: relative; + left: 0 - $width; + } +} + +@include bp-suffix("nopull-", false) { + left: 0; +} + +@include bp-suffix("nopush-", false) { + left: 0; +} + +#bp-helper { + font-family: 'Consolas', 'Lucida Grande', sans-serif; + font-size: 0.8rem; + position: fixed; + bottom: 0; + right: 0; + display: block; + z-index: 999999; + width: auto; + padding: 1px 10px; + background: white; + opacity: 0.8; + text-align: center; + + &::before { + display: inline-block; + color: $color-text; + } + + @each $breakpoint, $size in $grid-bp { + @include mq($breakpoint) { + $width: get-bp-width($breakpoint); + &::before { + content: "#{$breakpoint} ≥ #{$width}"; + } + } + } +} diff --git a/_css/objects/_group.scss b/_css/objects/_group.scss new file mode 100644 index 0000000000..8efc3493d7 --- /dev/null +++ b/_css/objects/_group.scss @@ -0,0 +1,3 @@ +.group { + margin-bottom: 2rem; +} diff --git a/_css/objects/_list.scss b/_css/objects/_list.scss new file mode 100644 index 0000000000..48105e080b --- /dev/null +++ b/_css/objects/_list.scss @@ -0,0 +1,46 @@ +.list { + margin: 0; + padding: 0; +} + +.list__item { + &:last-child { + margin: 0; + } +} + +.list--bare { + list-style: none; +} + +.list--bullets { + margin-left: 1rem; +} + +.list--boxes { + font-family: monaco, Consolas, "Lucida Console", monospace; + list-style-type: none; + padding: 0; + margin: 1rem auto; + .list__item { + border: 1px solid #ccc; + display: inline-block; + padding: 0.4rem; + text-align: center; + margin: 0.2rem; + background: rgba(255, 255, 255, 0.5); + &:first-child { + margin-left: 0; + } + @include mq(m) { + padding: 0.5rem 1rem; + margin: 0 0.5rem; + } + } +} + +.list--errors { + .list__item { + color: $color-red; + } +} diff --git a/_css/objects/_page.scss b/_css/objects/_page.scss new file mode 100644 index 0000000000..5c90d76859 --- /dev/null +++ b/_css/objects/_page.scss @@ -0,0 +1,118 @@ +$nav-width: 14rem; + +.page { + display: flex; + min-height: 100%; + flex-direction: column; + width: 100%; + overflow-x: hidden; +} + +.page__header { + margin-bottom: 0; + &:empty { + display: none; + } +} + +.page__subheader { + padding: 0.5rem 0 1rem; + overflow: hidden; + min-height: 2.6rem; + &:empty { + height: 1rem; + } +} + +.page__subheader .container > * { + margin-bottom: 1rem; + + &:last-child { + margin-bottom: 0; + } +} + +.page__previous { + float: left; + .has-nav-open & { + display: none; + } +} + +.page__previous--bottom { + float: none; +} + +.page__content { + flex: 1 0 auto; + // NOTE: padding-bottom: 1px fixes safari scroll issue + // Issue number #862 + padding-bottom: 1px; + position: relative; + overflow-x: hidden; +} + +.page__menubtn { + display: none; + float: right; +} + +.no-js { + .page__nav { + margin-bottom: 2rem; + } +} + +.has-js { + .page__nav { + margin: 0 0 1rem; + position: absolute; + right: 0-($nav-width + 1rem); + width: $nav-width; + display: none; + top: 0; + @include mq(m) { + display: block; + right: 0; + position: relative; + width: auto; + } + } + + .page__menubtn { + vertical-align: middle; + display: inline-block; + position: relative; + line-height: 1; + } + + .page__container { + transition: transform 200ms ease-out; + } + + .page__main { + transform: translateX(0); + transition: opacity 100ms ease-out; + } + + .has-nav-open { + .page__container { + transform: translateX(0-($nav-width + 1rem)); + } + .page__main { + opacity: 0.2; + pointer-events: none; + } + .page__nav { + display: block; + } + } +} + +.page__prefooter { + clear: both; +} + +.page__footer { + clear: both; +} diff --git a/_css/objects/_section.scss b/_css/objects/_section.scss new file mode 100644 index 0000000000..e21d3ad44e --- /dev/null +++ b/_css/objects/_section.scss @@ -0,0 +1,114 @@ +$section-number-size-s: 2rem; +$section-number-size-m: 2.7rem; + +.section { + padding: 1rem 0; + border-bottom: 1px solid $color-light-grey; + &:last-of-type { + border: none; + padding-bottom: 0; + } + @include mq(s) { + padding: 2rem 0; + } + + &:first-of-type { + padding-top: 0; + margin-top: 0; + } +} + +.section__title { + display: flex; + align-items: flex-start; + @include mq(m) { + align-items: center; + } +} + +.section__number { + display: inline-flex; + align-items: center; + justify-content: center; + color: $color-white; + position: relative; + text-align: center; + min-width: $section-number-size-s; + height: $section-number-size-s; + top: 0; + left: 0; + vertical-align: top; + box-sizing: content-box; + margin-right: 12px; + z-index: 1; + @include mq(m) { + display: flex; + top: 2px; + min-width: $section-number-size-m; + height: $section-number-size-m; + margin-right: 14px; + } + @include mq(xl) { + position: absolute; + top: -2px; + left: -62px; + } + @include lt-ie10() { + color: $color-text; + display: inline-block; + min-width: auto; + height: auto; + top: 0; + position: relative; + font-size: 1.55556rem; + } + &::before { + content: ""; + background-color: $color-section-number; + border-radius: 100%; + min-width: $section-number-size-s; + height: $section-number-size-s; + position: absolute; + display: block; + z-index: -1; + top: 0; + left: 0; + @include mq(m) { + min-width: $section-number-size-m; + height: $section-number-size-m; + } + @include lt-ie10() { + background-color: transparent; + display: none; + } + } +} + +.section__description { + @include mq(s) { + padding: 0; + } + div { + @include mq(s) { + display: table-cell; + width: 50%; + padding-bottom: 1rem; + &:first-of-type { + padding-left: 0.25rem; + padding-right: 0.5rem; + } + &:last-of-type { + padding-left: 1rem; + } + } + ul { + padding-left: 1rem; + @include mq(s) { + margin-bottom: 0; + } + @include lt-ie8 { + margin-bottom: 1rem; + } + } + } +} diff --git a/_css/objects/_type-scale.scss b/_css/objects/_type-scale.scss new file mode 100644 index 0000000000..cfd1d468c2 --- /dev/null +++ b/_css/objects/_type-scale.scss @@ -0,0 +1,58 @@ +$base: 16px; +$base-lg: 18px; + +$type_matrix: ( + jupiter: ( + small: 28px, + large: 36px, + weight: $font-weight-bold, + line-height: 1.4, + ), + saturn: ( + small: 22px, + large: 28px, + weight: $font-weight-bold, + line-height: 1.4, + ), + neptune: ( + small: 18px, + large: 22px, + weight: $font-weight-bold, + line-height: 1.4, + ), + venus: ( + small: 16px, + large: 18px, + weight: $font-weight-bold, + line-height: 1.4, + ), + mars: ( + small: $base, + large: $base-lg, + weight: $font-weight-regular, + line-height: 1.4, + ), + mercury: ( + small: 14px, + large: 14px, + weight: $font-weight-bold, + line-height: 1.4, + ), + pluto: ( + small: 14px, + large: 14px, + weight: $font-weight-regular, + line-height: 1.4, + ) +); + +@each $name, $props in $type_matrix { + .#{$name} { + font-size: rems(map-get($props, small), $base); + font-weight: map-get($props, weight); + line-height: map-get($props, line-height); + @include mq(m) { + font-size: rems(map-get($props, large), $base-lg); + } + } +} diff --git a/_css/responsive.scss b/_css/responsive.scss new file mode 100644 index 0000000000..ee6238bf3a --- /dev/null +++ b/_css/responsive.scss @@ -0,0 +1,17 @@ +$responsive: true; + +@import "helpers/**/*.scss"; +@import "vars/*.scss"; +@import "vendor/normalize.scss"; +@import "base/**/*.scss"; +@import "objects/**/*.scss"; +@import "components/**/*.scss"; +@import "utilities/**/*.scss"; +@import "hacks/**/*.scss"; + +// eQ tweaks +.question__total { + border-top: 3px solid #ccc; + padding-top: 1rem; + margin-top: 1.5rem; +} diff --git a/_css/utilities/_colors.scss b/_css/utilities/_colors.scss new file mode 100644 index 0000000000..c7a8cbf5c9 --- /dev/null +++ b/_css/utilities/_colors.scss @@ -0,0 +1,17 @@ +@each $label, $color in (blue: $color-secondary, green: $color-primary) { + .u-#{$label} { + color: $color; + } + .u-bg-#{$label} { + background-color: $color; + } + + @for $tint from 1 through 10 { + .u-#{$label}-#{$tint*10} { + color: tint($color, $tint*10); + } + .u-bg-#{$label}-#{$tint*10} { + background-color: tint($color, $tint*10); + } + } +} diff --git a/_css/utilities/_display.scss b/_css/utilities/_display.scss new file mode 100644 index 0000000000..1f0fdbd58f --- /dev/null +++ b/_css/utilities/_display.scss @@ -0,0 +1,3 @@ +.u-d-no { + display: none; +} diff --git a/_css/utilities/_float.scss b/_css/utilities/_float.scss new file mode 100644 index 0000000000..8f58f403d0 --- /dev/null +++ b/_css/utilities/_float.scss @@ -0,0 +1,38 @@ +/** + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * contenteditable attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that are clearfixed. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ +.u-cf::before, +.u-cf::after { + content: " "; /* 1 */ + display: table; /* 2 */ +} + +.u-cf::after { + clear: both; +} + +/** + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ +.u-cf { + *zoom: 1; +} + +.u-fr { + float: right; +} + +.u-f-no { + float: none; +} + +@include bp-suffix(u-fr) { + float: right; +} diff --git a/_css/utilities/_margin.scss b/_css/utilities/_margin.scss new file mode 100644 index 0000000000..6085f8fa11 --- /dev/null +++ b/_css/utilities/_margin.scss @@ -0,0 +1,24 @@ +$sizes: ( + no: 0 !important, + xs: 0.5rem, + s: 1rem, + m: 1.5rem, + l: 2rem, + xl: 3rem +); + +$margins: ( + mt: margin-top, + mr: margin-right, + mb: margin-bottom, + ml: margin-left, + m: margin +); + +@each $key, $value in $sizes { + @each $abbr, $dec in $margins { + @include bp-suffix(u-#{$abbr}-#{$key}) { + #{$dec}: #{$value}; + } + } +} diff --git a/_css/utilities/_pad.scss b/_css/utilities/_pad.scss new file mode 100644 index 0000000000..17d52de798 --- /dev/null +++ b/_css/utilities/_pad.scss @@ -0,0 +1,21 @@ +$sizes: ( + s: 1rem, + m: 2rem, + l: 3rem +); + +$padding: ( + pt: padding-top, + pr: padding-right, + pb: padding-bottom, + pl: padding-left, + p: padding +); + +@each $key, $value in $sizes { + @each $abbr, $dec in $padding { + @include bp-suffix(u-#{$abbr}-#{$key}) { + #{$dec}: #{$value}; + } + } +} diff --git a/_css/utilities/_typography.scss b/_css/utilities/_typography.scss new file mode 100644 index 0000000000..c9dd99d517 --- /dev/null +++ b/_css/utilities/_typography.scss @@ -0,0 +1,33 @@ +$sizes: ( + xxs: 0.7rem, + xs: 0.8rem, + s: 0.9rem, + m: 1rem, + l: 1.5rem +); + +@each $key, $value in $sizes { + @include bp-suffix(u-fs-#{$key}) { + font-size: #{$value}; + } +} + +.u-fw-b { + font-weight: 700; +} + +.u-fw-n { + font-weight: normal; +} + +.u-fs-i { + font-style: italic; +} + +.u-tt-u { + text-transform: uppercase; +} + +.u-lighter { + color: $color-text-light; +} diff --git a/_css/utilities/_utilities.scss b/_css/utilities/_utilities.scss new file mode 100644 index 0000000000..a0d224fed8 --- /dev/null +++ b/_css/utilities/_utilities.scss @@ -0,0 +1,13 @@ +.u-dib { + display: inline-block; +} + +.u-db { + display: block; +} + +.u-no-js-hide { + .no-js & { + display: none; + } +} diff --git a/_css/utilities/_visibility.scss b/_css/utilities/_visibility.scss new file mode 100644 index 0000000000..66c21c0edf --- /dev/null +++ b/_css/utilities/_visibility.scss @@ -0,0 +1,46 @@ +.u-hidden { + display: none !important; + visibility: hidden; +} + +.u-visuallyhidden, +.u-vh { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.u-visuallyhidden.u-focusable:active, +.u-vh.u-focusable:active, +.u-visuallyhidden.u-focusable:focus, +.u-vh.u-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.u-invisible { + visibility: hidden; +} + +.u-ir { + background-color: transparent; + border: 0; + overflow: hidden; + *text-indent: -9999px; +} + +.u-ir::before { + content: ""; + display: block; + width: 0; + height: 150%; +} diff --git a/_css/vars/_colors.scss b/_css/vars/_colors.scss new file mode 100644 index 0000000000..867647663a --- /dev/null +++ b/_css/vars/_colors.scss @@ -0,0 +1,36 @@ +$color-white: #fff; +$color-black: #222; +$color-grey: #ccc; +$color-dark-grey: #999; +$color-very-dark-grey: #595959; +$color-light-grey: #e4e8eb; +$color-lighter-grey: #f5f5f5; + +// brand + +$color-primary: #0f8243; +$color-primary-dark: #677424; +$color-secondary: #033e58; + +$color-red: #d0021b; +$color-light-red: #fbecec; +$color-yellow: yellow; +$color-amber: #fe781f; +$color-light-amber: #fdf6ec; +$color-blue: #4263c2; +$color-light-blue: #eff0f9; +$color-light-green: #edf4f0; + +// assignment + +$color-text: $color-black; +$color-text-light: $color-very-dark-grey; +$color-links: $color-blue; +$color-links-hover: $color-secondary; +$color-focus: $color-blue; +$color-borders: $color-dark-grey; +$color-placeholder: lighten($color-text-light, 40%); +$color-emphasis: #dce5b0; +$colour-nav-highlight: $color-light-blue; +$color-errors: $color-red; +$color-section-number: $color-secondary; diff --git a/_css/vars/_forms.scss b/_css/vars/_forms.scss new file mode 100644 index 0000000000..7a6e439d09 --- /dev/null +++ b/_css/vars/_forms.scss @@ -0,0 +1,4 @@ +$input-radius: 3px; +$input-padding: 0.6rem; +$input-type-width: 2.4rem; +$input-width: 20rem; diff --git a/_css/vars/_grid.scss b/_css/vars/_grid.scss new file mode 100644 index 0000000000..b97a415d2d --- /dev/null +++ b/_css/vars/_grid.scss @@ -0,0 +1,30 @@ +// set to false for fixed-grid +$responsive: true !default; + +$grid-bp: ( + xs: 300px, + s: 500px, + m: 740px, + l: 980px, + xl: 1300px, + xxl: 1600px +) !default; + +$grid-max-width: 57.445rem !default; +$grid-cols: 12 !default; +$grid-cols-mobile: 4 !default; +$grid-gutters: 1rem !default; +$grid-bp-fixed: map-get($grid-bp, m) !default; +$grid-use-letter-spacing-hack: false; +$grid-baseline: 16px; + +:root { + --grid-cols: $grid-cols-mobile; + --grid-gutters: $grid-gutters; + --grid-max-width: $grid-max-width; + --grid-baseline: $grid-baseline; + + @include mq(m) { + --grid-cols: $grid-cols; + } +} diff --git a/_css/vars/_typography.scss b/_css/vars/_typography.scss new file mode 100644 index 0000000000..410f46037a --- /dev/null +++ b/_css/vars/_typography.scss @@ -0,0 +1,8 @@ +$font-sans: "Lato", "Helvetica Neue", Arial, sans-serif; +$font-serif: Georgia, serif; + +$base-font-size: 1rem; +$base-line-height: 1.5; + +$font-weight-regular: 400; +$font-weight-bold: 600; diff --git a/_css/vars/_vars.scss b/_css/vars/_vars.scss new file mode 100644 index 0000000000..86c89c2728 --- /dev/null +++ b/_css/vars/_vars.scss @@ -0,0 +1 @@ +$s: "/s"; diff --git a/_css/vendor/_normalize.scss b/_css/vendor/_normalize.scss new file mode 100644 index 0000000000..e23ca55862 --- /dev/null +++ b/_css/vendor/_normalize.scss @@ -0,0 +1,554 @@ +/* ========================================================================== + Normalize.scss settings + ========================================================================== */ +/** + * Includes legacy browser support IE6/7 + * + * Set to false if you want to drop support for IE6 and IE7 + */ + +$legacy_browser_support: true; + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects `block` display not defined in IE 8/9. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + @if $legacy_browser_support { + *display: inline; + *zoom: 1; + } +} + +/** + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + */ + +html { + @if $legacy_browser_support { + font-size: 100%; /* 3 */ + } + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + +/** + * Improves readability when focused and also mouse hovered in all browsers. + */ + +a { + &:focus { + outline: thin dotted; + } + &:active, &:hover { + outline: 0; + }; +} + + +/* ========================================================================== + Typography + ========================================================================== */ + +/** + * Addresses font sizes and margins set differently in IE 6/7. + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; + @if $legacy_browser_support { + margin: 0.67em 0; + } +} + +@if $legacy_browser_support { + h2 { + font-size: 1.5em; + margin: 0.83em 0; + } + + h3 { + font-size: 1.17em; + margin: 1em 0; + } + + h4 { + font-size: 1em; + margin: 1.33em 0; + } + + h5 { + font-size: 0.83em; + margin: 1.67em 0; + } + + h6 { + font-size: 0.75em; + margin: 2.33em 0; + } +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +@if $legacy_browser_support { + blockquote { + margin: 1em 40px; + } +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Addresses styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Addresses margins set differently in IE 6/7. + */ + +@if $legacy_browser_support { + p, + pre { + margin: 1em 0; + } +} + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + @if $legacy_browser_support { + _font-family: 'courier new', monospace; + } + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +@if $legacy_browser_support { + /* + * Addresses CSS quotes not supported in IE 6/7. + */ + + q { + quotes: none; + } + + /* + * Addresses `quotes` property not supported in Safari 4. + */ + + q:before, + q:after { + content: ''; + content: none; + } +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +@if $legacy_browser_support { + + /* ========================================================================== + Lists + ========================================================================== */ + + /* + * Addresses margins set differently in IE 6/7. + */ + + dl, + menu, + ol, + ul { + margin: 1em 0; + } + + dd { + margin: 0 0 0 40px; + } + + /* + * Addresses paddings set differently in IE 6/7. + */ + + menu, + ol, + ul { + padding: 0 0 0 40px; + } + + /* + * Corrects list images handled incorrectly in IE 7. + */ + + nav ul, + nav ol { + list-style: none; + list-style-image: none; + } + +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/** + * 1. Remove border when inside `a` element in IE 8/9. + * 2. Improves image quality when scaled in IE 7. + */ + +img { + border: 0; + @if $legacy_browser_support { + -ms-interpolation-mode: bicubic; /* 2 */ + } +} + +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari 5. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 3. Corrects text not wrapping in Firefox 3. + * 4. Corrects alignment displayed oddly in IE 6/7. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ + @if $legacy_browser_support { + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ + } +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Improves appearance and consistency in all browsers. + */ + +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ + @if $legacy_browser_support { + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ + } +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + @if $legacy_browser_support { + *overflow: visible; /* 4 */ + } +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + * 3. Removes excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + @if $legacy_browser_support { + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ + } +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/_css/vendor/_prism.scss b/_css/vendor/_prism.scss new file mode 100644 index 0000000000..c0d0f7df4e --- /dev/null +++ b/_css/vendor/_prism.scss @@ -0,0 +1,125 @@ + +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + tab-size: 4; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, pre[class*="language-"] ::selection, +code[class*="language-"]::selection, code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #F4F4F4; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/_data/ukis.json b/_data/ukis.json new file mode 100644 index 0000000000..bb82fb20ca --- /dev/null +++ b/_data/ukis.json @@ -0,0 +1,3383 @@ +[ + { + "url": "index", + "next": "section-1", + "answerType": "text", + "textfield": [ + { + "type": "text", + "label": "Business name", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "text", + "label": "Business name", + "qId": "1" + } + ] + }, + { + "url": "section-1", + "next": "section-3", + "homepage": "true", + "html": "

Your response to this survey is of great value to government, whether or not you carry out innovation activities.

Business name
Your business
CHANGE IN DETAILS?
Call 0300 1234 931 or email surveys@ons.gov.uk if there have been any changes to your business name, address or structure
Complete survey by
18 April 2017
For the period
1 January 2014 to 31 December 2016

Basis for completion

  • Please complete this voluntary questionnaire for the business.
  • If this business is part of an enterprise group, please answer all questions for this business in the UK only.
  • Do not include results for subsidiaries or parent enterprises.

Definition of innovation

  • Innovation, for the purpose of this survey, is defined as new or significantly improved goods or services as well as processes used to produce or supply all goods or services that the business has introduced, regardless of their origin.
  • These innovations may be new to the business or new to the market.
  • Investments for future innovation and changes that the business has introduced at a strategic level (in organisation and practices) are also covered.

You will be asked to provide information for the business, including:

  • business strategy and practices
  • innovation investment
  • goods, services, and process innovation
  • factors deemed important when deciding to initiate or terminate innovation
  • public financial support for innovation
  • turnover and exports
  • skills and employment
If actual figures are not available, please provide informed estimates.
Start survey
We will treat your data securely and confidentially

Aim of this survey

The aim of the UK Innovation Survey (UKIS) is to collect data from businesses about various aspects of their innovation related activities to enable measurement of the extent, types and trends in innovation.

The UKIS data provides a major source of evidence to inform government policy for promoting innovation activities among businesses to boost economic growth. The data collected also serves as an important contributor to the Community Innovation Survey conducted across Europe, which is used for international benchmarking and comparison purposes. We are interested in responses from both businesses conducting innovation and businesses not currently engaged in innovation as this can help to inform our wider understanding of the constraining factors.

" + }, + { + "prev": "index", + "url": "section-2", + "next": "section-3", + "sectionTitle": "General Business Information", + "sectionDescription": "

This section covers general information relating to your business including geographic markets and significant changes in circumstance.

" + }, + { + "navigation": "true", + "prev": "section-1", + "url": "section-3", + "next": "section-4", + "sectionVersion": 1, + "sectionTitle": "General Business Information", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "1.1", + "questionTitle": "In which geographic markets did [BUSINESS NAME] sell goods and/or services?", + "questionDescription": "

Select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK regional within approximately 100 miles of this business" + }, + { + "type": "checkbox", + "label": "UK national" + }, + { + "type": "checkbox", + "label": "European countries" + }, + { + "type": "checkbox", + "label": "All other countries", + "other": "Please specify other" + } + ] + }, + { + "navigation": "true", + "prev": "section-3", + "url": "section-4", + "next": "section-5", + "sectionVersion": 1, + "sectionTitle": "General Business Information", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "1.2", + "questionTitle": "Did any of the following significant changes occur to [BUSINESS NAME]?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1", + "groupName": "the business was established" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + }, + { + "type": "radio", + "label": "Yes", + "qId": "2", + "groupName": "Turnover increased by at least 10% due to merger with another business or part of it" + }, + { + "type": "radio", + "label": "No", + "qId": "2" + }, + { + "type": "radio", + "label": "Yes", + "qId": "3", + "groupName": "Turnover decreased by at least 10% due to merger with another business or part of it" + }, + { + "type": "radio", + "label": "No", + "qId": "3" + } + ] + }, + { + "navigation": "true", + "prev": "section-4", + "url": "section-5", + "next": "section-6", + "sectionVersion": 1, + "sectionTitle": "General Business Information", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers information relating to innovation activities undertaken by your business. You will be asked to supply information about your business’s strategy and practices, figures for investment in innovation for the calendar year 2016 and information regarding goods, services and process innovation.

" + + }, + { + "navigation": "true", + "prev": "section-5", + "url": "section-6", + "next": "section-7", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.1", + "questionTitle": "Did [BUSINESS NAME] make changes in the following areas?", + "questionDescription": "

Include:

  • all new and significantly improved forms of organisation, business structures or practices aimed at raising internal efficiency or the effectiveness of approaching markets and customers
  • changes that have been implemented during the 3 year period

Exclude:

  • ongoing changes
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1", + "groupName": "New business practices for organising proceduresFor example first use of supply chain management, business re-engineering, knowledge management, lean production or quality management" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + }, + { + "type": "radio", + "label": "Yes", + "qId": "2", + "groupName": "New methods of organising work responsibilities and decision making For example first use of a new system of employee responsibilities, team work, decentralisation, integration or de-integration of departments or education / training systems" + }, + { + "type": "radio", + "label": "No", + "qId": "2" + }, + { + "type": "radio", + "label": "Yes", + "qId": "3", + "groupName": "New methods of organising external relationships with other firms or public institutions
For example first use of alliances, partnerships, outsourcing or subcontracting" + }, + { + "type": "radio", + "label": "No", + "qId": "3" + }, + { + "type": "radio", + "label": "Yes", + "qId": "4", + "groupName": "Implementation of significant changes to marketing concepts or strategies. For example a marketing concept or strategy that differs significantly from your enterprise’s existing marketing methods and which has not been used before)" + }, + { + "type": "radio", + "label": "No", + "qId": "4" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-6a", + "qId": "1" + }, + { + "type": "radio", + "label": "section-6b", + "qId": "2" + }, + { + "type": "radio", + "label": "section-6c", + "qId": "3" + }, + { + "type": "radio", + "label": "section-6d", + "qId": "4" + } + ] + }, + { + "navigation": "true", + "prev": "section-6", + "url": "section-7", + "next": "section-8", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "questionDescription": "

The next set of questions covers investments in innovation. You will be asked to provide figures for expenditure on innovation activities in the calendar year 2016.

" + }, + { + "navigation": "true", + "prev": "section-7", + "url": "section-8", + "next": "section-9", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.2", + "questionTitle": "Did [BUSINESS NAME] invest in internal Research and Development for the purposes of current or future innovation?", + "questionDescription": "

Definition of ‘internal Research and Development’:

  • creative work undertaken within your business that increases knowledge for developing new and improved goods or services and processes
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-11", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-8", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-8", + "url": "section-9", + "next": "section-11", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.3", + "questionTitle": "In which of the following years did [BUSINESS NAME] invest in internal Research & Development?", + "questionDescription": "

Select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "2014", + "qId": "1" + }, + { + "type": "checkbox", + "label": "2015", + "qId": "1" + }, + { + "type": "checkbox", + "label": "2016", + "qId": "1" + } + ], + "route": [ + { + "label": "2016", + "link": "section-10", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-9", + "url": "section-10", + "next": "section-11", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.4", + "questionTitle": "Please estimate the amount of expenditure on internal Research & Development the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchase from outside
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total internal Research and Development", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-10", + "url": "section-11", + "next": "section-12", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.5", + "questionTitle": "Did [BUSINESS NAME] invest in the acquisition of Research and Development for the purposes of current or future innovation?", + "questionDescription": "

Include:

  • creative work undertaken by companies, including other businesses within your group, or by public or private research organisations and purchased by your business
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-13", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-11", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-11", + "url": "section-12", + "next": "section-13", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.6", + "questionTitle": "Please estimate the amount of expenditure on the acquisition of Research & Development for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchases from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total acquisition of Research and Development", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-12", + "url": "section-13", + "next": "section-14", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.7", + "questionTitle": "Did [BUSINESS NAME] invest in acquisition of advanced machinery, equipment or software for the purposes of current or future innovation?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-16", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-13", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-13", + "url": "section-14", + "next": "section-15", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.8", + "questionTitle": "Which of the following did [BUSINESS NAME] invest in for the purposes of current or future innovation?", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "Advanced machinery and equipment", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Computer hardware", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Computer software", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-14", + "url": "section-15", + "next": "section-16", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.9", + "questionTitle": "Please estimate the amount of expenditure for the total acquisition of advanced machinery, equipment and software for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchases from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total acquisition of advanced machinery, equipment and software", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-15", + "url": "section-16", + "next": "section-17", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.10", + "questionTitle": "Did [BUSINESS NAME] invest in the acquisition of existing knowledge for the purposes of current or future innovation?", + "questionDescription": "

Include:

  • purchase or licensing of patents and non-patented inventions, know-how and other types of knowledge from other businesses or organisations
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-18", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-16", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-16", + "url": "section-17", + "next": "section-18", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.11", + "questionTitle": "Please estimate the amount of expenditure for acquisition of existing knowledge for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchases from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total acquisition of existing knowledge", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-17", + "url": "section-18", + "next": "section-19", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.12", + "questionTitle": "Did [BUSINESS NAME] invest in training for innovative activities for the purposes of current or future innovation?", + "questionDescription": "

Include:

  • internal or external training for your personnel, specifically for the development or implementation of new or improved goods, services and processes
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-20", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-18", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-18", + "url": "section-19", + "next": "section-20", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.13", + "questionTitle": "Please estimate the amount of expenditure for training for innovative activities for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchases from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total training for innovative activities", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-19", + "url": "section-20", + "next": "section-21", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.14", + "questionTitle": "Did [BUSINESS NAME] invest in all forms of design for the purposes of current or future innovation?", + "questionDescription": "

Include:

  • engagement in all design activities, including strategic, for the development or implementation of new or improved goods, services and processes
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-22", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-20", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-20", + "url": "section-21", + "next": "section-22", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.15", + "questionTitle": "Please estimate the amount of expenditure for all forms of design for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchases from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total training for all forms of design", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-21", + "url": "section-22", + "next": "section-23", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.16", + "questionTitle": "Did [BUSINESS NAME] invest in market introduction of innovations for the purposes of current or future innovation?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-25", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-22", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-22", + "url": "section-23", + "next": "section-25", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.17", + "questionTitle": "Which of the following did [BUSINESS NAME] invest in for the purposes of current or future innovation?", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "Changes to product or service design", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Market research", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Changes to marketing methods", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Launch advertising", + "qId": "1" + } + ], + "route": [ + { + "label": "Changes to product or service design", + "link": "section-24", + "qId": "1" + }, + { + "label": "Market research", + "link": "section-24", + "qId": "1" + }, + { + "label": "Changes to marketing methods", + "link": "section-24", + "qId": "1" + }, + { + "label": "Launch advertising", + "link": "section-24", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-23", + "url": "section-24", + "next": "section-25", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "2.18", + "questionTitle": "Please estimate the amount of expenditure for market introduction of innovations for the calendar year 2016 only?", + "questionDescription": "

Include:

  • internal costs and purchase from outside the business
", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total market introduction of innovations", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-24", + "url": "section-25", + "next": "section-26", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "questionDescription": "

The next set of questions covers innovation relating to goods and services.

You will first be asked to provide information about any new or significantly improved goods introduced by your business; and second to provide information relating to any new or significantly improved services.

You will also be asked to provide estimates for turnover in the calendar year 2016 relating to new or improved goods or services introduced during the period 1 January 2014 to 31 December 2016.

" + }, + { + "navigation": "true", + "prev": "section-25", + "url": "section-26", + "next": "section-27", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.19", + "questionTitle": "Did [BUSINESS NAME] introduce new or significantly improved goods?", + "questionDescription": "

Include:

  • all new and significantly improved goods (for example, improvement in quality or distinct user benefits)
  • goods innovations that are new to the business, even if they are not new to the market
  • all product innovations, regardless of their origin

Exclude:

  • the simple resale of goods purchased from other businesses and changes of a solely aesthetic nature
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-28", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-26", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-26", + "url": "section-27", + "next": "section-28", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.20", + "questionTitle": "Which entity mainly developed these goods?", + "questionDescription": "Select all that apply", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "This business or enterprise group", + "qId": "1" + }, + { + "type": "checkbox", + "label": "This business with other businesses or organisations", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other businesses or organisations", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-27", + "url": "section-28", + "next": "section-29", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.21", + "questionTitle": "Did [BUSINESS NAME] introduce new or significantly improved services?", + "questionDescription": "

Include:

  • all new and significantly improved services (for example, improvement in quality or distinct user benefits)
  • services innovations that are new to the business, even if they are not new to the market
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-30", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-28", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-28", + "url": "section-29", + "next": "section-30", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.22", + "questionTitle": "Which entity mainly developed these services?", + "questionDescription": "Select all that apply", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "This business or enterprise group", + "qId": "1" + }, + { + "type": "checkbox", + "label": "This business with other businesses or organisations", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other businesses or organisations", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-29", + "url": "section-30", + "next": "section-31", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.23", + "questionTitle": "Were any of your goods and services innovations new to the market?", + "questionDescription": "

Include:

  • goods or services this business introduced to the market before competitors
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-30", + "url": "section-31", + "next": "section-32", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.24", + "questionTitle": "Were any of your goods and services innovations only new to [BUSINESS NAME]?", + "questionDescription": "

Include:

  • new goods or services that were essentially the same as a good or service already available from competitors
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-31", + "url": "section-32", + "next": "section-33", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "
  • The following question refers to turnover for the calendar year 1st January to 31st December 2016, based on goods or services introduced during the period 1st January 2014 to 31st December 2016.
  • If the business did not introduce any new or significantly improved goods or services, please enter 100% in the ‘Unchanged or only marginally modified’ answer field.
  • Please note that estimates are acceptable and percentages must total 100%.


", + "questionVersion": "2.25", + "questionTitle": "Please ESTIMATE the percentage of [BUSINESS NAME]’s total turnover in calendar year 2016 only from goods and services that were:", + "questionDescription": "

Definition of 'turnover':

  • the market sales of goods and services (including all taxes except VAT)
", + "answerType": "text", + "calculation": [ + { + "type": "text", + "label": "New to the market in 2014 - 2016" + }, + { + "type": "text", + "label": "Only new to this business in 2014 - 2016" + }, + { + "type": "text", + "label": "Significantly improved in 2014 - 2016" + }, + { + "type": "text", + "label": "Unchanged or only marginally modified", + "labelInfo": "Include the resale of goods and services purchased from other businesses" + } + ] + }, + { + "navigation": "true", + "prev": "section-32", + "url": "section-33", + "next": "section-34", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "questionDescription": "

The next set of questions covers innovation relating to processes for the production or supply of goods or services including all new or significantly improved methods of production.

You will be asked to provide general information about process innovation for your business.

" + }, + { + "navigation": "true", + "prev": "section-33", + "url": "section-34", + "next": "section-35", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.26", + "questionTitle": "Did [BUSINESS NAME] introduce any new or significantly improved processes for producing or supplying goods or services?", + "questionDescription": "

Include:

  • all new or significantly improved methods for the production or supply of goods or services
  • process innovations that are new to the business, even if they are not new to your industry
  • all process innovations, regardless of their origin
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ], + "route": [ + { + "label": "No", + "link": "section-38", + "qId": "1" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-34", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-34", + "url": "section-35", + "next": "section-36", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.27", + "questionTitle": "Which entity mainly developed these processes?", + "questionDescription": "

Select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "This business or enterprise group", + "qId": "1" + }, + { + "type": "checkbox", + "label": "This business with other businesses or organisations", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other businesses or organisations", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-35", + "url": "section-36", + "next": "section-38", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.28", + "questionTitle": "Did [BUSINESS NAME] introduce any new or significantly improved processes for producing or supplying goods or services which were new to your industry?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-36", + "url": "section-38", + "next": "section-40", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.29", + "questionTitle": "Did [BUSINESS NAME] have any innovation activities that were:", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1", + "groupName": "abandoned?" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + }, + { + "type": "radio", + "label": "Yes", + "qId": "2", + "groupName": "scaled back?" + }, + { + "type": "radio", + "label": "No", + "qId": "2" + }, + { + "type": "radio", + "label": "Yes", + "qId": "3", + "groupName": "still ongoing at the end of 2016?" + }, + { + "type": "radio", + "label": "No", + "qId": "3" + } + ], + "route": [ + { + "label": "Yes", + "link": "section-39", + "qId": "1" + }, + { + "label": "Yes", + "link": "section-39", + "qId": "2" + } + ], + "sessionStorage": [ + { + "type": "radio", + "label": "section-38a", + "qId": "1" + }, + { + "type": "radio", + "label": "section-38b", + "qId": "2" + }, + { + "type": "radio", + "label": "section-38c", + "qId": "3" + } + ] + }, + { + "navigation": "true", + "prev": "section-38", + "url": "section-39", + "next": "section-40", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "questionVersion": "2.30", + "questionTitle": "Were innovation activities abandoned and/or scaled back as a result of the outcome of the EU referendum?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-39", + "url": "section-40", + "next": "section-41", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

Please note: what constitutes an answer of 'high', 'medium', or 'low' is dependent on your own interpretation in relation to [BUSINESS NAME].

", + "questionVersion": "2.31", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Excessive perceived economic risks

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-40", + "url": "section-41", + "next": "section-42", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.32", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Direct innovation costs too high

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-41", + "url": "section-42", + "next": "section-43", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.33", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Cost of finance

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-42", + "url": "section-43", + "next": "section-44", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.34", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Availability of finance

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-43", + "url": "section-44", + "next": "section-45", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.35", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Lack of qualified personnel

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-44", + "url": "section-45", + "next": "section-46", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.36", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Lack of information on technology

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-45", + "url": "section-46", + "next": "section-47", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.37", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Lack of information on markets

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-46", + "url": "section-47", + "next": "section-48", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.38", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Market dominated by established businesses

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-47", + "url": "section-48", + "next": "section-49", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.39", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

Uncertain demand for innovative goods or services

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-48", + "url": "section-49", + "next": "section-50", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.40", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

UK government regulations

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-49", + "url": "section-50", + "next": "section-50b", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.41", + "questionTitle": "How important were the following factors in constraining innovation activities?", + "questionDescription": "

EU regulations (including standards)

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-50", + "url": "section-50a", + "next": "section-50c", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "2.42", + "questionTitle": "Please indicate why it has not been necessary or possible to innovate", + "questionDescription": "

Select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "No need due to previous innovations", + "qId": "1" + }, + { + "type": "checkbox", + "label": "No need due to market conditions", + "qId": "1" + }, + { + "type": "checkbox", + "label": "The UK does not have a business environment which encourages companies to innovate", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-50a", + "url": "section-50b", + "next": "section-51", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers the context for innovation activities at your business. You will be asked to provide information on: factors deemed important when deciding to initiate or terminate innovation; the importance of various information sources to your business’s innovation activities; co-operation on innovation activities with external bodies and protection of your innovations, for example, trademarks or patents.

" + }, + { + "navigation": "true", + "prev": "section-50a", + "url": "section-50c", + "next": "section-92", + "sectionVersion": 2, + "sectionTitle": "Innovation Activities", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers public financial support for innovation received from government. ou will be asked to provide information specifying the type, if any, of public financial support your business received and the source; for example, Research & Development tax credits received from UK central government.

" + }, + { + "navigation": "true", + "prev": "section-50b", + "url": "section-51", + "next": "section-52", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.1", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Increasing range of goods or services

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-51", + "url": "section-52", + "next": "section-53", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.2", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Entering new markets

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-52", + "url": "section-53", + "next": "section-54", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.3", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Increasing market share

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-53", + "url": "section-54", + "next": "section-55", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.4", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Improving quality of goods or services

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-54", + "url": "section-55", + "next": "section-56", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.5", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Improving flexibility for producing goods or services

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-55", + "url": "section-56", + "next": "section-57", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.6", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Improving capacity for producing goods or services

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-56", + "url": "section-57", + "next": "section-58", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.7", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Increasing value added

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-57", + "url": "section-58", + "next": "section-59", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.8", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Reducing costs per unit produced or provided

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-58", + "url": "section-59", + "next": "section-60", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.9", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Improving health and safety

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-59", + "url": "section-60", + "next": "section-61", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.10", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Reducing environmental impacts

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-60", + "url": "section-61", + "next": "section-62", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.11", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Replacing outdated products or processes

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-61", + "url": "section-62", + "next": "section-62a", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.12", + "questionTitle": "How important were the following factors in your decision to innovate in goods or services and/or processes?", + "questionDescription": "

Meeting regulatory requirements (including standards)

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-62", + "url": "section-62a", + "next": "section-63", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "questionDescription": "

The next set of questions covers information needed for innovation. You will be asked to provide information about the importance of various information sources to your business’s innovation activities

" + }, + { + "navigation": "true", + "prev": "section-62a", + "url": "section-63", + "next": "section-64", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.13", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

within your business or enterprise group?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-63", + "url": "section-64", + "next": "section-65", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.14", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

suppliers of equipment, materials, services or software?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-64", + "url": "section-65", + "next": "section-66", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.15", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

clients or customers from the private sector?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-65", + "url": "section-66", + "next": "section-67", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.16", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

clients or customers from the public sector?

Definition of ‘public sector’

The public sector includes government owned organisations such as local, regional and national administrations and agencies, schools, hospitals and government providers of services such as security, transport, housing and energy.

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-66", + "url": "section-67", + "next": "section-68", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.17", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

competitors or other businesses in your industry?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-67", + "url": "section-68", + "next": "section-69", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.18", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

consultants, commercial labs or private Research and Development institutes?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-68", + "url": "section-69", + "next": "section-70", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.19", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

universities or other higher education institutes?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-69", + "url": "section-70", + "next": "section-71", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.20", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

government or public research institutes?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-70", + "url": "section-71", + "next": "section-72", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.21", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

conferences, trade fairs or exhibitions?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-71", + "url": "section-72", + "next": "section-73", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.22", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

professional and industry associations?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-72", + "url": "section-73", + "next": "section-74", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.23", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

technical, industry or service standards?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-73", + "url": "section-74", + "next": "section-74a", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.24", + "questionTitle": "How important to [BUSINESS NAME]’s innovation activities was information from:", + "questionDescription": "

scientific journals and trade or technical publications?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "High", + "qId": "1" + }, + { + "type": "radio", + "label": "Medium", + "qId": "1" + }, + { + "type": "radio", + "label": "Low", + "qId": "1" + }, + { + "type": "radio", + "label": "Not Applicable", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-74", + "url": "section-74a", + "next": "section-75", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "questionDescription": "

The next set of questions covers co-operation on innovation activities. You will be asked to provide information about co-operation on innovation activities and protection of your innovations, for example, trademarks or patents.

" + }, + { + "navigation": "true", + "prev": "section-74a", + "url": "section-75", + "next": "section-76", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.25", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

other businesses within your enterprise group?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-75", + "url": "section-76", + "next": "section-77", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.26", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

suppliers of equipment, materials, services or software?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-76", + "url": "section-77", + "next": "section-78", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.27", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

clients or customers from the private sector?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-77", + "url": "section-78", + "next": "section-79", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.28", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

clients or customers from the public sector?

Definition of ‘public sector’

The public sector includes government owned organisations such as local, regional and national administrations and agencies, schools, hospitals and government providers of services such as security, transport, housing and energy.

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-78", + "url": "section-79", + "next": "section-80", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.29", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

competitors or other businesses in your industry?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-79", + "url": "section-80", + "next": "section-81", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.30", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

consultants, commercial labs or private Research and Development institutes?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-80", + "url": "section-81", + "next": "section-82", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.31", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

universities or other higher education institutions?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-81", + "url": "section-82", + "next": "section-84", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.32", + "questionTitle": "Did [BUSINESS NAME] co-operate on any innovation activities with:", + "questionDescription": "

government or public research institutes?

Please select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "UK Regional", + "qId": "1" + }, + { + "type": "checkbox", + "label": "UK National", + "qId": "1" + }, + { + "type": "checkbox", + "label": "European Countries", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Other Countries", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-82", + "url": "section-84", + "next": "section-85", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.33", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

patents?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-84", + "url": "section-85", + "next": "section-86", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.34", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

design registration?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-85", + "url": "section-86", + "next": "section-87", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.35", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

copyright?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-86", + "url": "section-87", + "next": "section-88", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.36", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

trademarks?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-87", + "url": "section-88", + "next": "section-89", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.37", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

lead time advantages?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-87", + "url": "section-89", + "next": "section-90", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.38", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

complexity of goods or services?

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-89", + "url": "section-90", + "next": "section-91", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "3.39", + "questionTitle": "What proportion of your innovations were protected by:", + "questionDescription": "

secrecy?

Include:

  • non-disclosure agreements
", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Not used", + "qId": "1" + }, + { + "type": "radio", + "label": "Less than 40%", + "qId": "1" + }, + { + "type": "radio", + "label": "40-90%", + "qId": "1" + }, + { + "type": "radio", + "label": "Over 90%", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-90", + "url": "section-91", + "next": "section-92", + "sectionVersion": 3, + "sectionTitle": "Context for Innovation", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers Public Financial Support for Innovation received from government. You will be asked to provide information specifying the type, if any, of public financial support your business received and the source; for example, Research & Development tax credits received from UK central government.

" + }, + { + "navigation": "true", + "prev": "section-91", + "url": "section-92", + "next": "section-94", + "sectionVersion": 4, + "sectionTitle": "Public Financial Support for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "4.1", + "questionTitle": "Did [BUSINESS NAME] receive public financial support for innovation activities from the following levels of government?", + "questionDescription": "

Include:

  • financial support via tax credits or deductions, grants, subsidised loans and loan guarantees

Exclude:

  • Research and Development and other innovations activities conducted entirely for the public sector¹ under contract

¹The public sector includes government owned organisations such as local, regional and national administrations and agencies, schools, hospitals and government providers of services such as security, transport, housing and energy

", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1", + "groupName": "UK local or regional authorities" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + }, + { + "type": "radio", + "label": "Yes", + "qId": "2", + "groupName": "UK central government

Include: UK government’s agencies or funding bodies; for example Innovate UK, formerly known as TSB

" + }, + { + "type": "radio", + "label": "No", + "qId": "2" + },{ + "type": "radio", + "label": "Yes", + "qId": "3", + "groupName": "European Union (EU) institutions or programmes" + }, + { + "type": "radio", + "label": "No", + "qId": "3" + } + ], + "route": [ + { + "label": "Yes", + "link": "section-93", + "qId": "2" + } + ] + }, + { + "navigation": "true", + "prev": "section-92", + "url": "section-93", + "next": "section-94", + "sectionVersion": 4, + "sectionTitle": "Public Financial Support for Innovation", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "4.2", + "questionTitle": "What kind of financial support was received by [BUSINESS NAME] from UK central government?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1", + "groupName": "Direct financial support

For example, Smart or Collaborative Research and Development grants, work with Catapult centres, Innovation vouchers

" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + }, + { + "type": "radio", + "label": "Don’t know", + "qId": "1" + }, + { + "type": "radio", + "label": "Yes", + "qId": "2", + "groupName": "Indirect financial support

For example Research and Development tax credits, Patent box

" + }, + { + "type": "radio", + "label": "No", + "qId": "2" + }, + { + "type": "radio", + "label": "Don’t know", + "qId": "2" + } + ] + }, + { + "navigation": "true", + "prev": "section-93", + "url": "section-94", + "next": "section-95", + "sectionVersion": 4, + "sectionTitle": "Public Financial Support for Innovation", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section section covers Turnover and Exports for your business. You will be asked to provide total turnover excluding VAT for calendar years 2014 and 2016 as well as an estimate of your business’s total value of exports for the calendar year 2016.

" + }, + { + "navigation": "true", + "prev": "section-94", + "url": "section-95", + "next": "section-96", + "sectionVersion": 5, + "sectionTitle": "Turnover and Exports", + "sectionDescription": "

1 year period 1 January 2014 to 31 December 2014.

", + "questionVersion": "5.1", + "questionTitle": "Please estimate [BUSINESS NAME]’s total turnover for the calendar year 2014 only, excluding VAT", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total turnover for 2014, excluding VAT", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-95", + "url": "section-96", + "next": "section-98", + "sectionVersion": 5, + "sectionTitle": "Turnover and Exports", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "5.2", + "questionTitle": "Please estimate [BUSINESS NAME]’s total turnover for the calendar year 2016 only, excluding VAT", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total turnover for 2016, excluding VAT", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-96", + "url": "section-98", + "next": "section-99", + "sectionVersion": 5, + "sectionTitle": "Turnover and Exports", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "5.3", + "questionTitle": "Please estimate [BUSINESS NAME]’s total value of exports for the calendar year 2016 only, excluding VAT", + "answerType": "currency", + "currency": [ + { + "type": "text", + "label": "Total value of exports for 2016", + "validation": "Round to the nearest £ thousand, for example 100,000" + } + ] + }, + { + "navigation": "true", + "prev": "section-98", + "url": "section-99", + "next": "section-100", + "sectionVersion": 5, + "sectionTitle": "Turnover and Exports", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers information relating to persons employed by your business. You will be asked to provide estimates for the total number of employees for the calendar years 2014 and 2016, an estimate of the proportion of your workforce who hold a degree or higher qualification and information regarding the skills possessed by employees, for example, mathematics or statistics.

" + }, + { + "navigation": "true", + "prev": "section-99", + "url": "section-100", + "next": "section-101", + "sectionVersion": 6, + "sectionTitle": "Employees and Skills", + "sectionDescription": "

1 year period 1 January 2014 to 31 December 2014.

", + "questionVersion": "6.1", + "questionTitle": "Please estimate [BUSINESS NAME]’s average number of employees for the calendar year 2014 only", + "answerType": "text", + "textfield": [ + { + "type": "text", + "label": "Total number of employees for 2014" + } + ] + }, + { + "navigation": "true", + "prev": "section-100", + "url": "section-101", + "next": "section-103", + "sectionVersion": 6, + "sectionTitle": "Employees and Skills", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "6.2", + "questionTitle": "Please estimate [BUSINESS NAME]’s average number of employees for the calendar year 2016 only", + "answerType": "currency", + "textfield": [ + { + "type": "text", + "label": "Total number of employees for 2016" + } + ] + }, + { + "navigation": "true", + "prev": "section-101", + "url": "section-103", + "next": "section-104", + "sectionVersion": 6, + "sectionTitle": "Employees and Skills", + "sectionDescription": "

1 year period 1 January 2016 to 31 December 2016.

", + "questionVersion": "6.3", + "questionTitle": "Please estimate the proportion of employees that hold a degree or higher qualification in the following areas for the calendar year 2016 only:", + "questionDescription": "

For example:

  • BA, BSc, MA, PhD, PGCE
", + "answerType": "percentage", + "percentage": [ + { + "type": "percentage", + "label": "Science or engineering subjects", + "validation": "100% max value" + }, + { + "type": "percentage", + "label": "Other subjects", + "validation": "100% max value" + } + ] + }, + { + "navigation": "true", + "prev": "section-103", + "url": "section-104", + "next": "section-104b", + "sectionVersion": 6, + "sectionTitle": "Employees and Skills", + "sectionDescription": "

3 year period 1 January 2014 to 31 December 2016.

", + "questionVersion": "6.4", + "questionTitle": "Did [BUSINESS NAME] employ individuals in-house with the following skills at any level, or obtain these skills from external sources?", + "questionDescription": "

Select all that apply

", + "answerType": "checkbox", + "checkboxs": [ + { + "type": "checkbox", + "label": "Graphic arts / layout / advertising", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Design of objects or services", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Multimedia / web design (for example, audio, graphics, text, still pictures, animation, video)", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Software development / database management", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Engineering / applied sciences", + "qId": "1" + }, + { + "type": "checkbox", + "label": "Mathematics / statistics", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-104", + "url": "section-104b", + "next": "section-105", + "sectionVersion": 6, + "sectionTitle": "Employees and Skills", + "sectionDescription": "

You have successfully completed this section

", + "questionDescription": "

The next section covers General Information about this survey.

" + }, + { + "navigation": "true", + "prev": "section-104b", + "url": "section-105", + "next": "section-107", + "sectionVersion": 7, + "sectionTitle": "General Information", + "questionVersion": "7.1", + "questionTitle": "Please write any additional comments you would like to make on the information you have provided.", + "answerType": "textarea", + "comments": [ + { + "type": "textarea", + "label": "Comments", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-105", + "url": "section-106", + "next": "section-107", + "sectionVersion": 7, + "sectionTitle": "General Information", + "questionVersion": "7.2", + "questionTitle": "How long has it taken you to complete this questionnaire?", + "questionDescription": "

Include:

  • any time spent extracting information from your accounting systems and collating data over and above normal accounting operations
", + "answerType": "text", + "time": [ + { + "type": "text", + "label": "Hours", + "qId": "1", + "icon": "hrs" + }, + { + "type": "text", + "label": "Minutes", + "qId": "1", + "icon": "mins" + } + ] + }, + { + "navigation": "true", + "prev": "section-105", + "url": "section-107", + "next": "section-108", + "sectionVersion": 7, + "sectionTitle": "General Information", + "questionVersion": "7.2", + "questionTitle": "Would [BUSINESS NAME] be willing to be approached by telephone by the Department for Business, Energy & Industrial Strategy or its appointed agents, to ask some questions about their most valuable innovation and the impact of the EU referendum?", + "answerType": "radio", + "radios": [ + { + "type": "radio", + "label": "Yes", + "qId": "1" + }, + { + "type": "radio", + "label": "No", + "qId": "1" + } + ] + }, + { + "navigation": "true", + "prev": "section-107", + "url": "section-108", + "next": "section-109", + "sectionTitle": "You are now ready to submit this survey", + "sectionDescription": "

Submission

  • You will not be able to access or change your answers on submitting the questionnaire
  • If you wish to review your answers please select the relevant Completed sections
  • If you do not submit your questionnaire, your responses will be collected when the online questionnaire closes
", + "submitButton": "Submit survey" + }, + { + "url": "section-109", + "html": "

Submission Successful

Thank you for submitting the UK innovation survey, your responses have been successfully received.

Transaction ID (Please quote this reference for any support queries)

  • D1C5
  • B0AE
  • 9A04
  • 4E94

You may wish to save or print this page for your records.

For more information on how we use this data.

https://www.ons.gov.uk/surveys

It is now to safe to close this window.

" + } +] diff --git a/_fonts/.DS_Store b/_fonts/.DS_Store new file mode 100644 index 0000000000..1002665fb0 Binary files /dev/null and b/_fonts/.DS_Store differ diff --git a/Labour-Market/address/fonts/lato/latolatin-black-webfont.ttf b/_fonts/lato/latolatin-black-webfont.ttf old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-black-webfont.ttf rename to _fonts/lato/latolatin-black-webfont.ttf diff --git a/Labour-Market/address/fonts/lato/latolatin-black-webfont.woff b/_fonts/lato/latolatin-black-webfont.woff old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-black-webfont.woff rename to _fonts/lato/latolatin-black-webfont.woff diff --git a/Labour-Market/address/fonts/lato/latolatin-black-webfont.woff2 b/_fonts/lato/latolatin-black-webfont.woff2 old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-black-webfont.woff2 rename to _fonts/lato/latolatin-black-webfont.woff2 diff --git a/Labour-Market/address/fonts/lato/latolatin-bold-webfont.ttf b/_fonts/lato/latolatin-bold-webfont.ttf old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-bold-webfont.ttf rename to _fonts/lato/latolatin-bold-webfont.ttf diff --git a/Labour-Market/address/fonts/lato/latolatin-bold-webfont.woff b/_fonts/lato/latolatin-bold-webfont.woff old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-bold-webfont.woff rename to _fonts/lato/latolatin-bold-webfont.woff diff --git a/Labour-Market/address/fonts/lato/latolatin-bold-webfont.woff2 b/_fonts/lato/latolatin-bold-webfont.woff2 old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-bold-webfont.woff2 rename to _fonts/lato/latolatin-bold-webfont.woff2 diff --git a/Labour-Market/address/fonts/lato/latolatin-regular-webfont.ttf b/_fonts/lato/latolatin-regular-webfont.ttf old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-regular-webfont.ttf rename to _fonts/lato/latolatin-regular-webfont.ttf diff --git a/Labour-Market/address/fonts/lato/latolatin-regular-webfont.woff b/_fonts/lato/latolatin-regular-webfont.woff old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-regular-webfont.woff rename to _fonts/lato/latolatin-regular-webfont.woff diff --git a/Labour-Market/address/fonts/lato/latolatin-regular-webfont.woff2 b/_fonts/lato/latolatin-regular-webfont.woff2 old mode 100644 new mode 100755 similarity index 100% rename from Labour-Market/address/fonts/lato/latolatin-regular-webfont.woff2 rename to _fonts/lato/latolatin-regular-webfont.woff2 diff --git a/Labour-Market/address/img/census-logo.svg b/_img/census-logo.svg similarity index 100% rename from Labour-Market/address/img/census-logo.svg rename to _img/census-logo.svg diff --git a/_img/crest-logo.svg b/_img/crest-logo.svg new file mode 100644 index 0000000000..8344e19769 --- /dev/null +++ b/_img/crest-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Labour-Market/address/img/eq.png b/_img/eq.png similarity index 100% rename from Labour-Market/address/img/eq.png rename to _img/eq.png diff --git a/_img/favicon.ico b/_img/favicon.ico new file mode 100644 index 0000000000..ed5c83ff68 Binary files /dev/null and b/_img/favicon.ico differ diff --git a/_img/icons/caret-bottom.svg b/_img/icons/caret-bottom.svg new file mode 100644 index 0000000000..d83b715221 --- /dev/null +++ b/_img/icons/caret-bottom.svg @@ -0,0 +1 @@ +caret-bottomCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/caret-left.svg b/_img/icons/caret-left.svg new file mode 100644 index 0000000000..d126f37a4c --- /dev/null +++ b/_img/icons/caret-left.svg @@ -0,0 +1 @@ +caret-leftCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/caret-right.svg b/_img/icons/caret-right.svg new file mode 100644 index 0000000000..65cb545302 --- /dev/null +++ b/_img/icons/caret-right.svg @@ -0,0 +1 @@ +caret-rightCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/caret-top.svg b/_img/icons/caret-top.svg new file mode 100644 index 0000000000..b56407446c --- /dev/null +++ b/_img/icons/caret-top.svg @@ -0,0 +1 @@ +caret-topCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/check.svg b/_img/icons/check.svg new file mode 100644 index 0000000000..7493832ca9 --- /dev/null +++ b/_img/icons/check.svg @@ -0,0 +1 @@ +checkCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/chevron-bottom.svg b/_img/icons/chevron-bottom.svg new file mode 100644 index 0000000000..32e0843419 --- /dev/null +++ b/_img/icons/chevron-bottom.svg @@ -0,0 +1,12 @@ + + + + chevron-bottom + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/_img/icons/chevron-down.svg b/_img/icons/chevron-down.svg new file mode 100644 index 0000000000..33c5e3c14d --- /dev/null +++ b/_img/icons/chevron-down.svg @@ -0,0 +1,10 @@ + + + + Rectangle 1 + Created with Sketch. + + + + + \ No newline at end of file diff --git a/_img/icons/chevron-left.svg b/_img/icons/chevron-left.svg new file mode 100644 index 0000000000..9dd511b180 --- /dev/null +++ b/_img/icons/chevron-left.svg @@ -0,0 +1 @@ +chevron-leftCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/chevron-right.svg b/_img/icons/chevron-right.svg new file mode 100644 index 0000000000..112ead89f4 --- /dev/null +++ b/_img/icons/chevron-right.svg @@ -0,0 +1 @@ +chevron-rightCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/chevron-top.svg b/_img/icons/chevron-top.svg new file mode 100644 index 0000000000..548bb5de62 --- /dev/null +++ b/_img/icons/chevron-top.svg @@ -0,0 +1 @@ +chevron-topCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/circle-check.svg b/_img/icons/circle-check.svg new file mode 100644 index 0000000000..406dd67a7f --- /dev/null +++ b/_img/icons/circle-check.svg @@ -0,0 +1 @@ +circle-checkCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/circle-x.svg b/_img/icons/circle-x.svg new file mode 100644 index 0000000000..1da53c3d91 --- /dev/null +++ b/_img/icons/circle-x.svg @@ -0,0 +1 @@ +circle-xCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/download-white.svg b/_img/icons/download-white.svg new file mode 100644 index 0000000000..54ee35ee67 --- /dev/null +++ b/_img/icons/download-white.svg @@ -0,0 +1,12 @@ + + + + Untitled 3 + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/_img/icons/download.svg b/_img/icons/download.svg new file mode 100644 index 0000000000..0f66392a7e --- /dev/null +++ b/_img/icons/download.svg @@ -0,0 +1,12 @@ + + + + download + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/_img/icons/external-link.svg b/_img/icons/external-link.svg new file mode 100644 index 0000000000..85d15fcae2 --- /dev/null +++ b/_img/icons/external-link.svg @@ -0,0 +1 @@ +external-linkCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/guidance-white.svg b/_img/icons/guidance-white.svg new file mode 100644 index 0000000000..fde72779b8 --- /dev/null +++ b/_img/icons/guidance-white.svg @@ -0,0 +1,14 @@ + + + + Group + Created with Sketch. + + + + + + + + + diff --git a/_img/icons/guidance.svg b/_img/icons/guidance.svg new file mode 100644 index 0000000000..e6b9635f5d --- /dev/null +++ b/_img/icons/guidance.svg @@ -0,0 +1,14 @@ + + + + Group + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/_img/icons/info-circle.svg b/_img/icons/info-circle.svg new file mode 100644 index 0000000000..91d126bc40 --- /dev/null +++ b/_img/icons/info-circle.svg @@ -0,0 +1 @@ +info copyCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/info.svg b/_img/icons/info.svg new file mode 100644 index 0000000000..b465e4e800 --- /dev/null +++ b/_img/icons/info.svg @@ -0,0 +1 @@ +infoCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/lock.svg b/_img/icons/lock.svg new file mode 100644 index 0000000000..19b7bc8ebd --- /dev/null +++ b/_img/icons/lock.svg @@ -0,0 +1 @@ +lock \ No newline at end of file diff --git a/_img/icons/phone.svg b/_img/icons/phone.svg new file mode 100644 index 0000000000..deeb64b9d3 --- /dev/null +++ b/_img/icons/phone.svg @@ -0,0 +1,12 @@ + + + + phone + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/_img/icons/right-arrow.svg b/_img/icons/right-arrow.svg new file mode 100644 index 0000000000..22f3d4baff --- /dev/null +++ b/_img/icons/right-arrow.svg @@ -0,0 +1 @@ +right-arrowCreated with Sketch. \ No newline at end of file diff --git a/_img/icons/tmpl.html b/_img/icons/tmpl.html new file mode 100644 index 0000000000..92ddaf33a1 --- /dev/null +++ b/_img/icons/tmpl.html @@ -0,0 +1,22 @@ + +{{#shapes}} {{{svg}}} +{{/shapes}} + + +
+ +{{#shapes}} + +
+
+ + + + + + +
+ +
+{{/shapes}} +
diff --git a/_img/logo-crest.svg b/_img/logo-crest.svg new file mode 100644 index 0000000000..ad23e31aeb --- /dev/null +++ b/_img/logo-crest.svg @@ -0,0 +1,10 @@ + + + + Shape + Created with Sketch. + + + + + \ No newline at end of file diff --git a/_img/logo-cy.svg b/_img/logo-cy.svg new file mode 100644 index 0000000000..62569beadc --- /dev/null +++ b/_img/logo-cy.svg @@ -0,0 +1 @@ +Slice 1 \ No newline at end of file diff --git a/_img/logo-en.svg b/_img/logo-en.svg new file mode 100644 index 0000000000..e19d830e8f --- /dev/null +++ b/_img/logo-en.svg @@ -0,0 +1 @@ +Slice 1 \ No newline at end of file diff --git a/_img/logo-english-reversed.svg b/_img/logo-english-reversed.svg new file mode 100644 index 0000000000..9d663c51b9 --- /dev/null +++ b/_img/logo-english-reversed.svg @@ -0,0 +1 @@ +logo-englishCreated with Sketch. \ No newline at end of file diff --git a/_img/logo-welsh-reversed.svg b/_img/logo-welsh-reversed.svg new file mode 100644 index 0000000000..6dad98b259 --- /dev/null +++ b/_img/logo-welsh-reversed.svg @@ -0,0 +1 @@ +logo-welshCreated with Sketch. \ No newline at end of file diff --git a/Labour-Market/address/img/logo.png b/_img/logo.png similarity index 100% rename from Labour-Market/address/img/logo.png rename to _img/logo.png diff --git a/_img/logo.svg b/_img/logo.svg new file mode 100644 index 0000000000..adbe38afb7 --- /dev/null +++ b/_img/logo.svg @@ -0,0 +1,69 @@ + + + + + logo + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/_img/ons-logo-black.svg b/_img/ons-logo-black.svg new file mode 100644 index 0000000000..7e81200006 --- /dev/null +++ b/_img/ons-logo-black.svg @@ -0,0 +1 @@ +ons-logo \ No newline at end of file diff --git a/_img/ons-logo-colour.svg b/_img/ons-logo-colour.svg new file mode 100644 index 0000000000..d620cf380d --- /dev/null +++ b/_img/ons-logo-colour.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_includes/bar-2.html b/_includes/bar-2.html new file mode 100644 index 0000000000..963d1a0d02 --- /dev/null +++ b/_includes/bar-2.html @@ -0,0 +1,5 @@ + diff --git a/_includes/bar-hero.html b/_includes/bar-hero.html new file mode 100644 index 0000000000..4bd7252023 --- /dev/null +++ b/_includes/bar-hero.html @@ -0,0 +1,9 @@ + diff --git a/_includes/bar-preview.html b/_includes/bar-preview.html new file mode 100644 index 0000000000..01c1d5ff68 --- /dev/null +++ b/_includes/bar-preview.html @@ -0,0 +1,6 @@ + diff --git a/_includes/bar.html b/_includes/bar.html new file mode 100644 index 0000000000..fc3e72cff9 --- /dev/null +++ b/_includes/bar.html @@ -0,0 +1,6 @@ + diff --git a/_includes/beta-feedback.html b/_includes/beta-feedback.html new file mode 100644 index 0000000000..7f8c3c4909 --- /dev/null +++ b/_includes/beta-feedback.html @@ -0,0 +1,3 @@ + diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000000..f801319fb4 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,7 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000000..90c90c508f --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,22 @@ + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + {% if page.globalcss == true %} + + {% endif %} + + + + + + + + + + diff --git a/_includes/header-census.html b/_includes/header-census.html new file mode 100644 index 0000000000..1b903f18c8 --- /dev/null +++ b/_includes/header-census.html @@ -0,0 +1,23 @@ +
+
+
+
Help and support –
+ +
+
+
+ + +
+
diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000000..dcf786aad3 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,9 @@ + diff --git a/_includes/nav.html b/_includes/nav.html new file mode 100644 index 0000000000..4703a6e332 --- /dev/null +++ b/_includes/nav.html @@ -0,0 +1,9 @@ + diff --git a/_includes/prototype_nav.html b/_includes/prototype_nav.html new file mode 100644 index 0000000000..4d7f660bf5 --- /dev/null +++ b/_includes/prototype_nav.html @@ -0,0 +1,24 @@ +{% assign all_categories = site.prototypes | map: "project" | uniq %} + + diff --git a/_includes/survey-header-2.html b/_includes/survey-header-2.html new file mode 100644 index 0000000000..98953574fc --- /dev/null +++ b/_includes/survey-header-2.html @@ -0,0 +1,106 @@ +
+ + + +
+ + +
+
diff --git a/_includes/survey-header-3.html b/_includes/survey-header-3.html new file mode 100644 index 0000000000..3e768ace74 --- /dev/null +++ b/_includes/survey-header-3.html @@ -0,0 +1,86 @@ +
+ + + +
+ + +
+
diff --git a/_includes/survey-header-no-info-panel.html b/_includes/survey-header-no-info-panel.html new file mode 100644 index 0000000000..3dd5f79e44 --- /dev/null +++ b/_includes/survey-header-no-info-panel.html @@ -0,0 +1,7 @@ +
+
+ +
+
diff --git a/_includes/survey-header.html b/_includes/survey-header.html new file mode 100644 index 0000000000..1012bf84a1 --- /dev/null +++ b/_includes/survey-header.html @@ -0,0 +1,21 @@ +
+
+ + +
+
diff --git a/_includes/survey_runner/survey_header.html b/_includes/survey_runner/survey_header.html new file mode 100644 index 0000000000..c7fac9b442 --- /dev/null +++ b/_includes/survey_runner/survey_header.html @@ -0,0 +1,21 @@ +
+ + +
diff --git a/_includes/survey_runner/top_bar.html b/_includes/survey_runner/top_bar.html new file mode 100644 index 0000000000..d3bfe2552d --- /dev/null +++ b/_includes/survey_runner/top_bar.html @@ -0,0 +1,9 @@ + diff --git a/_js/jquery.min.js b/_js/jquery.min.js new file mode 100644 index 0000000000..3b7a7f238b --- /dev/null +++ b/_js/jquery.min.js @@ -0,0 +1,4 @@ +/*! jQuery v2.2.2 | (c) jQuery Foundation | jquery.org/license */ +!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.2",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c; +}catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length",""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,la=/\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("