From 95c3bad65fb93e5de5d36889e186b55e3f7c6446 Mon Sep 17 00:00:00 2001 From: Your Name Date: Sat, 23 Dec 2017 20:10:15 +0100 Subject: Add assets (they are mounted at each site as /assets/ --- assets/css/mobile.css | 133 +++++++ assets/css/mobile.css.map | 7 + assets/css/reset.css | 429 +++++++++++++++++++++ assets/css/rideau.css | 274 +++++++++++++ assets/css/screen.css | 403 +++++++++++++++++++ assets/css/variables.css | 5 + assets/css/variables.css.map | 7 + assets/fonts/cormorant-garamond.woff2 | Bin 0 -> 30184 bytes .../0884343e12b2a188f866cb80295de01ccafcf972.png | Bin 0 -> 7837 bytes assets/img/logo-ps.svg | 40 ++ assets/img/w1.svg | 217 +++++++++++ assets/img/w2.svg | 217 +++++++++++ assets/img/w3.svg | 217 +++++++++++ assets/img/w4.svg | 217 +++++++++++ assets/js/config.js | 39 ++ assets/js/vue.min.js | 6 + assets/scss/mobile.scss | 199 ++++++++++ assets/scss/variables.scss | 24 ++ 18 files changed, 2434 insertions(+) create mode 100644 assets/css/mobile.css create mode 100644 assets/css/mobile.css.map create mode 100644 assets/css/reset.css create mode 100644 assets/css/rideau.css create mode 100644 assets/css/screen.css create mode 100644 assets/css/variables.css create mode 100644 assets/css/variables.css.map create mode 100644 assets/fonts/cormorant-garamond.woff2 create mode 100644 assets/img/0884343e12b2a188f866cb80295de01ccafcf972.png create mode 100644 assets/img/logo-ps.svg create mode 100644 assets/img/w1.svg create mode 100644 assets/img/w2.svg create mode 100644 assets/img/w3.svg create mode 100644 assets/img/w4.svg create mode 100644 assets/js/config.js create mode 100644 assets/js/vue.min.js create mode 100644 assets/scss/mobile.scss create mode 100644 assets/scss/variables.scss diff --git a/assets/css/mobile.css b/assets/css/mobile.css new file mode 100644 index 0000000..bdb2046 --- /dev/null +++ b/assets/css/mobile.css @@ -0,0 +1,133 @@ +@charset "UTF-8"; +/** + * SCSS Variables + **/ +html { + margin: 0; + padding: 0; + box-sizing: border-box; } + html[lang='en'] :lang(fr), html[lang='fr'] :lang(en) { + display: none; } + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; } + +:lang(fr) { + quotes: '« ' ' »'; } + +h1, h2, h3, h4, h5, h6 { + font-family: "Cormorant Garamond", serif; } + +body { + background: url(../img/logo-ps.svg) center 10vh/60vh no-repeat fixed, rgba(173, 151, 56, 0.68); + color: #f3f0e4; + font-family: Abel, "Open Sans", sans-serif; + font-size: 1.6rem; + min-height: 1000px; + margin: 0; + padding: 0; } + body > header { + background-color: #6d4e80; + position: absolute; + top: 50vh; + height: 50vh; + width: 100%; } + body > header > h1 { + margin-top: calc(25vh -1vh); + text-align: center; + width: 100%; } + body > header > h1.fixed { + background-color: #6d4e80; + position: fixed; + z-index: 999; + margin-top: 0; + top: 0; + padding: 0.5vh 1vw; + text-align: left; + font-size: 3.5vh; + line-height: 5vh; } + body > header > h1.fixed img { + display: inline-block; } + body > header > h1 a { + display: inline-block; + text-decoration: none; + color: #dcc985; } + body > header > h1 img { + display: none; } + body > header section, body > header footer { + display: none; } + body > main { + position: relative; + top: 100vh; + margin: 0 auto; + max-width: 42vh; } + +#gfx, #gfx h3 { + background-color: rgba(191, 138, 112, 0.7); } + +#txt, #txt h3 { + background-color: rgba(166, 191, 112, 0.7); } + +#vdo, #vdo h3 { + background-color: rgba(112, 166, 191, 0.5); } + +.fixed.libre > h2 { + left: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.9); + color: rgba(255, 255, 255, 0.95); + position: fixed; + z-index: 999; + margin-top: 0; + top: 12vh; + padding: 0.5vh 1vw; + text-align: left; + line-height: 5vh; } +.fixed.libre > section.fixed#cooperation h3 { + background-color: red; + clip: rect(0, 0, 100vw, 100vh); } +.fixed.libre > section.fixed > h3 { + background-color: rgba(0, 0, 0, 0.9); + color: black; + position: fixed; + z-index: 999; + margin-top: 0; + top: 12vh; + left: 50vw; + right: 0; + padding: 0.5vh; + text-align: center; + line-height: 5vh; } + .fixed.libre > section.fixed > h3 a { + color: rgba(255, 255, 255, 0.95); + text-decoration: none; } + +.fixed.media > h2 { + left: 0; + right: 0; + background-color: rgba(173, 151, 56, 0.68); + position: fixed; + z-index: 999; + margin-top: 0; + top: 6vh; + padding: 0.5vh 1vw; + text-align: left; + line-height: 5vh; } +.fixed.media > section.fixed#gfx h3 { + right: 34vw; } +.fixed.media > section.fixed#txt h3 { + right: 18vw; } +.fixed.media > section.fixed#vdo h3 { + right: 2vw; } +.fixed.media > section.fixed > h3 { + background-color: rgba(173, 151, 56, 0.68); + position: fixed; + z-index: 999; + margin-top: 0; + top: 6vh; + padding: 0.5vh 1vw; + text-align: center; + line-height: 5vh; + width: 14vw; } + +/*# sourceMappingURL=mobile.css.map */ diff --git a/assets/css/mobile.css.map b/assets/css/mobile.css.map new file mode 100644 index 0000000..b406e9f --- /dev/null +++ b/assets/css/mobile.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../scss/variables.scss","../scss/mobile.scss"], +"names": [], +"file": "mobile.css" +} \ No newline at end of file diff --git a/assets/css/reset.css b/assets/css/reset.css new file mode 100644 index 0000000..54c5d62 --- /dev/null +++ b/assets/css/reset.css @@ -0,0 +1,429 @@ +@charset "utf-8"; + +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * 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; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * 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 Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +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. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 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/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/assets/css/rideau.css b/assets/css/rideau.css new file mode 100644 index 0000000..8522229 --- /dev/null +++ b/assets/css/rideau.css @@ -0,0 +1,274 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +@font-face { + font-family: 'Cormorant Garamond'; + src: local('Cormorant Garamond Regular'), + local('CormorantGarmaond-Regular'), + local('Cormorant Garamond'), + url('../fonts/cormorant-garamond.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; +} + +html, body { overflow: hidden; height: 100%; } + +body { + position: absolute; + top: 0; + left: 0; + width: 100%; + background: url(../img/logo-ps.svg) center center / contain no-repeat fixed, rgba(173, 151, 56, 0.68); + color: rgba(250,250,250,1); + transform: translateZ(0px); +} + + +h1, h2, h3, h4, h5, h6 { + font-family: 'Cormorant Garamond'; +} +h1 { + font-size: 2rem; +} + +:link, +:visited { + color: rgba(255,255,255,.8); + text-decoration: none; + font-family: 'Cormorant Garamond'; + font-weight: 600; + text-transform: capitalize; +} + +article { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3rem; + height: auto; + vertical-align: middle; + color: rgba(0,0,0,.98); +} + + +iframe { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + max-height: 100%; + margin: 0; + padding: 0; + border: none; +} +.fold:hover iframe { + overflow-x: hidden; +} + +.folds { + position: absolute; + width: 100%; + height: 100%; + overflow: hidden; + bottom: 0; +} + +.fold { + display: inline-block; + flex-flow: row wrap; + background: rgba(0,100,200,.31); + color: rgba(45, 0, 93, 0.7); + width: 15%; + height: 100%; + max-height: 100%; + margin-left: -5%; + border: 2px solid; + overflow: hidden; + transform-style: preserve-3d; + transform: translateZ(0); + position: relative; + bottom: 0; + transition: 250ms ease-in all; + z-index: 2; +} + +.fold.right { + float: right; + margin-left: -5%; +} + +.fold:hover { + position: relative; + width: 50%; + margin-left: -10%; + transform: rotateZ(0deg); + z-index: 7; + opacity: 1; + background-opacity: 1; + background: rgba(0,100,200,.81); + height: 100%; + bottom: 1.5rem; + top: 0; +} +.fold article { + display: none; + position: absolute; +} +.fold:hover article { + display: block; + bottom: 2rem; +} + +/* DPDG */ +.fold:nth-child(1) { + transform: rotateZ(-3deg); + z-index: 4; +} +.fold:nth-child(1):hover { + margin-left: 0; + transform: rotateZ(0deg) translateX(5%) scale(1); + z-index: 7; +} +.fold:nth-child(1):hover > article { + display: block; + top: 50%; + width: 80%; + margin: 2rem auto; + padding: 2rem; +} + +/* VDO */ +.fold:nth-child(2) { + transform: rotateZ(2deg); + z-index: 5; +} +.fold:nth-child(2):hover { + margin-left: 0; + transform: rotateZ(0deg) translateX(5%) scale(1); + z-index: 7; +} +/* QW */ +.fold:nth-child(3) { + transform: rotateZ(-1deg); + z-index: 6; +} +.fold:nth-child(3):hover { + margin-left: 0; + transform: rotateZ(0deg) translateX(5%) scale(1); + z-index: 7; +} +/* .fold.right */ +/* KRTO */ +.fold:nth-child(4) { + transform: rotateZ(2deg); + z-index: 6; +} +.fold:nth-child(4):hover { + margin-right: 0; + transform: rotateZ(0deg) translateX(-5%) scale(1); + z-index: 7; +} +/* β×λ */ +.fold:nth-child(5) { + transform: rotateZ(1deg); + z-index: 5; +} +.fold:nth-child(5):hover { + margin-right: 0; + transform: rotateZ(0deg) translateX(-5%) scale(1); + z-index: 7; +} +/* SFYW */ +.fold:nth-child(6) { + transform: rotateZ(-1deg); + z-index: 4; +} +.fold:nth-child(6):hover { + margin-right: 0; + transform: rotateZ(0deg) translateX(-5%) scale(1); + z-index: 7; +} + +.fold:nth-child(odd) .bg { + transform-origin: 0 0; + background: url(../img/w1.svg) top left repeat-y, + url(../img/w2.svg) top left repeat-y, + url(../img/w3.svg) top left / 10% repeat-y, + url(../img/w4.svg) top left / 10% repeat-y, + rgba(0,0,0,1); + background-attachment: fixed; + background-size: contain; + animation: flow-y 40s infinite ease-in-out; +} + +.fold:nth-child(odd) .bg::before { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: -1; + opacity: 0.8; + transform-origin: 0 0; + background: url(../img/w1.svg) center center repeat-y, + url(../img/w2.svg) left center repeat-y, + url(../img/w3.svg) left center repeat-y, + url(../img/w4.svg) center center repeat-y, + rgba(0,255,0,.7); + background-attachment: fixed; + background-size: contain; + animation: flow-r 40s infinite ease-in-out; +} + +@keyframes flow-y { + 50% { background-position: 0 11rem , 0 -22rem, 0 55rem, 0 -110rem, 0 30rem; } +} +@keyframes flow-r { + 50% { background-position: 0 -1rem , 0 2rem, 0 -5rem, 0 10rem, 0 -30rem; } +} + +nav { + position: fixed; + z-index: 50; + bottom: 0; + width: 100%; + background: rgba(90,60,20,.9); + display: flex; + flex-flow: row wrap; + justify-content: flex-end; +} + +@media screen and (max-width: 1024px) { + nav { + justify-content: space-around; + } +} +@media screen and (max-width: 640px) { + nav { + flex-flow: column wrap; + width: 0%; + } + nav li { + display: block; + } +} + +nav > ul { + display: block; + list-type: none; + padding: 0.5rem; + background: rgba(200,120,40,.4); +} +nav li { + margin: 0; + display: inline-block; + padding: 0; + +} diff --git a/assets/css/screen.css b/assets/css/screen.css new file mode 100644 index 0000000..d17af98 --- /dev/null +++ b/assets/css/screen.css @@ -0,0 +1,403 @@ +html[lang='en'] :lang(fr) { + display: none; +} +html[lang='fr'] :lang(en) { + display: none; +} + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; +} +:lang(fr) { + quotes: '« ' ' »'; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Cormorant Garamond', serif; +} + +body { + background: rgba(173, 151, 56, 0.68); + color: #f3f0e4; + font-family: Abel, 'Open Sans', sans-serif; +} + +body > header { + background-color: rgba(109, 78, 128, 1); + position: fixed; + right: 5vw; + bottom: -2vh; + left: 5vw; + z-index: 999; + font-size: 1.2rem; + color: rgba(255, 255, 255, 0.85); +} + +body > header :link, +body > header :visited, +header > footer :link, +header > footer :visited { +/* color: #DCCD85; */ + color: rgba(220, 201, 133, 1); + text-decoration: none; +} + +body :visited { + text-decoration: underline; +} + +body > header h1 { + text-align: center; + margin: 0; + font-family: 'Cormorant Garamond', serif; +/* font-size: 2.8rem; */ + font-size: 7vh; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); +} + +body > header h1 img { + display: none; + vertical-align: -1.6rem; +} + +body > header section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; +} + +body > header footer { + background-color: rgba(109, 78, 128, 1); + display: none; + font-size: 1rem; +} +body > header footer > p { + text-align: center; + margin: 4rem auto 2rem auto; +} +body > header footer > nav { + max-width: 42rem; + margin: 0 auto -3.5rem auto; + padding: 0; +} +footer > nav ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; +} +footer > nav li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; +} +footer > nav li a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; +} +footer > nav li:hover { + border-color: rgba(220, 201, 133, 1); +} +footer > nav li:hover a { + font-weight: bold; + background: rgba(0,0,0,0.5); +} + +body > header:hover { + top: 5vh; +} +body > header:hover h1 { + font-size: 2.6rem; +/* transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); */ + transform: rotate(2.7deg) translate(0, 0) skewX(0); +} + +body > header:hover img { + display: inline-block; +} +body > header:hover section, +body > header:hover footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; +} + +body > main { + background: url(../img/logo-ps.svg) 40% calc(50% - 5vh) / 50vw no-repeat fixed; + position: fixed; + top: 0; + right: 0; + bottom: 50%; + left: 0; + padding: 1rem; + min-height: 80vh; +} + +header > footer { + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; +} + +header > footer > nav { + display:none; +} + +header > footer h4 { + display: inline-block; +} + +header > footer:hover nav { + display: block; +} +/** + * Copyleft magic + **/ +header > footer:hover > p > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; +} +header > footer:hover > p > span:first-child:before { + content: 'Copyleft'; + display: block; + color: #f3f0e4; + padding-right: 0.4rem; +} +header > footer:hover > p > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.05rem; +} + +@media screen and (min-device-width: 1024px) { + +/** + * Scrollbar + * + * ::-webkit-scrollbar the background of the bar itself. + * ::-webkit-scrollbar-button the directional buttons on the scrollbar. + * ::-webkit-scrollbar-track the empty space “below” the progress bar. + * ::-webkit-scrollbar-track-piece the top-most layer of the the progress bar not covered by the thumb. + * ::-webkit-scrollbar-thumb the draggable scrolling element resizes depending on the size of the scrollable element. + * ::-webkit-scrollbar-corner the bottom corner of the scrollable element, where two scrollbar meet. + * ::-webkit-resizer the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements. + **/ + + body > header::-webkit-scrollbar { + background-color: rgba(109, 78, 128, 1); + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4) inset; + } + body > header::-webkit-scrollbar-button { + background-color: black; + } + body > header::-webkit-scrollbar-track { + background-color: rgba(0, 0, 0, 0.5); + } + body > header::-webkit-scrollbar-track-piece { + background-color: rgba(255, 255, 255, 0.5); + } + body > header::-webkit-scrollbar-thumb { + background-color: rgba(220, 201, 133, 1); + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + } + body > header::-webkit-scrollbar-corner { + background-color: red; + } + body > header { + padding: 1rem; + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); + } + body > header:hover { + min-height: 1000px; + overflow-y: scroll; + } + + + + body > header:hover ~ footer { + position: fixed; + bottom: 0; + display: block; + } + + body > header:hover ~ footer > nav { + display: block; + } + + .media, .libre { + display: block; + position: absolute; + top: 0; + bottom: 5rem; + height: 100vh; +/* overflow: hidden; */ + } + + .media:hover { + width: 70vw; + z-index: 500; + } + .media h2, .libre h2 { + display: none; + } + + .media { + left: 0; + } + + .media section { + float: left; + position: relative; +/* border: 1px solid black; */ + height: 100%; + width: 15vw; + top: -5vh; + left: 0; + padding-top: 5vh; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + } + .media section h3 { + font-size: 5rem; + color: rgba(0,0,0,0.2); + } + .media section:hover { + box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, 0.68) inset; + transform: rotate(0deg); + width: 40vw; +/* max-width: 42rem; */ + z-index: 500; + } + .media section:hover h3 { + color: rgba(0, 0, 0, 1); + } + + .media #gfx { + background: rgba(191, 138, 112,0.7); + transform: rotate(-4deg); + margin: 0 -5vw 0 -2vw; + left: 0; + } + .media #gfx h3 { + transform: rotate(4deg) translateX(1vw); + font-size: 5rem; + } + .media #gfx:hover { + background: rgba(191, 138, 112, 0.9); + transform: rotate(0); + margin: 0; + } + .media #gfx:hover h3 { + transform: rotate(0) translateX(0) translateY(-4rem); + } + .media #gfx:hover + #txt { + margin-left: -3vw; + } + + .media #txt { + background: rgba(166, 191, 112, 0.7); + transform: rotate(6deg); + margin: 0 -3vw 0 0; + } + .media #txt h3 { + transform: rotate(-6deg) translateX(-3vw) translateY(-0.1rem); + } + .media #txt:hover { + background: rgba(166, 191, 112, 0.9); + transform: rotate(0); + margin: 0; + } + .media #txt:hover h3 { + transform: rotate(0) translateX(0) translateY(-4.1rem); + } + + .media #vdo { + left: 0; + background: rgba(112, 166, 191, 0.5); + transform: rotate(-5deg); + margin: 0 0 0 -2vw; + width: 10vw; + } + .media #vdo:hover { + background: rgba(112, 166, 191, 0.9); + margin: 0; + transform: rotate(0); + width: 40vw; + } + .media #vdo h3 { + transform: rotate(5deg) translateX(-2vw); + } + .media #vdo:hover h3 { + transform: rotate(0) translateX(0) translateY(-4rem); + } + + .libre { + right: 0; + width: 32vw; + } + .libre > section h3 { + color: rgba(109, 78, 128, 1); + font-size: 7vh; + margin: 0; + padding: 0; + } + .libre > section p { + color: rgba(0, 0, 0, 0.7); + font-size: 4.9vh; + margin: 0; + } + .libre > section h3 a { + color: rgba(109, 78, 128, 1); + text-decoration: none; + } + + .libre #participation { +/* transform: rotate(-4deg) translateY(4.5rem); */ + transform: rotate(-4deg) translateY(6vh); + } + .libre #engagement { +/* transform: translate(0.5rem, 7rem); */ + transform: translate(0.5vw, 14vh); + } + .libre #cooperation { +/* transform: rotate(2deg) translate(0rem, 9.8rem); */ + transform: rotate(2deg) translate(0rem, 19.5vh); + } + +} + +@media screen and (max-device-width: 1023px) { + + body > header h1 { + font-size: 10rem; + margin: 5rem auto; + width: 80% + } + + body > main { + background: url(../img/logo-ps.svg) center calc(92% - 50vh) / contain no-repeat fixed; + } + +} diff --git a/assets/css/variables.css b/assets/css/variables.css new file mode 100644 index 0000000..a0608f8 --- /dev/null +++ b/assets/css/variables.css @@ -0,0 +1,5 @@ +/** + * SCSS Variables + **/ + +/*# sourceMappingURL=variables.css.map */ diff --git a/assets/css/variables.css.map b/assets/css/variables.css.map new file mode 100644 index 0000000..b3d0bc0 --- /dev/null +++ b/assets/css/variables.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA;;IAEI", +"sources": ["../scss/variables.scss"], +"names": [], +"file": "variables.css" +} \ No newline at end of file diff --git a/assets/fonts/cormorant-garamond.woff2 b/assets/fonts/cormorant-garamond.woff2 new file mode 100644 index 0000000..58eff5e Binary files /dev/null and b/assets/fonts/cormorant-garamond.woff2 differ diff --git a/assets/img/0884343e12b2a188f866cb80295de01ccafcf972.png b/assets/img/0884343e12b2a188f866cb80295de01ccafcf972.png new file mode 100644 index 0000000..deb6908 Binary files /dev/null and b/assets/img/0884343e12b2a188f866cb80295de01ccafcf972.png differ diff --git a/assets/img/logo-ps.svg b/assets/img/logo-ps.svg new file mode 100644 index 0000000..d452ae8 --- /dev/null +++ b/assets/img/logo-ps.svg @@ -0,0 +1,40 @@ + + + + + diff --git a/assets/img/w1.svg b/assets/img/w1.svg new file mode 100644 index 0000000..c7debe9 --- /dev/null +++ b/assets/img/w1.svg @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/assets/img/w2.svg b/assets/img/w2.svg new file mode 100644 index 0000000..f6c3ef5 --- /dev/null +++ b/assets/img/w2.svg @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/assets/img/w3.svg b/assets/img/w3.svg new file mode 100644 index 0000000..d25038f --- /dev/null +++ b/assets/img/w3.svg @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/assets/img/w4.svg b/assets/img/w4.svg new file mode 100644 index 0000000..cc30542 --- /dev/null +++ b/assets/img/w4.svg @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/assets/js/config.js b/assets/js/config.js new file mode 100644 index 0000000..28b84f5 --- /dev/null +++ b/assets/js/config.js @@ -0,0 +1,39 @@ +console.log('loading script...') + +var lang = window.navigator.language.split('-')[0] + +var adjustLang = function(lang) { + console.log(navigator.languages) + if (lang == 'fr') { + console.log('Ici on parle le français') + } else { + // Fallback to English + console.log('Let us do English.') + } +} + +document.ready = function() { + console.log('I am already running on document.ready') +} + +document.ready = function() { + + // Ensure that we keep existing 'ready' function if any + var ready_run = null + console.log(typeof document.ready) + if (typeof document.ready !== 'undefined') { + ready_run = document.ready + } + // and run it before appending our stuff + if (typeof ready_run === 'function') { + console.log('running pre-existing ready()') + ready_run() + unset(ready_run) + } + + console.log('document.ready'); + adjustLang(lang) + +} + +console.log('script loaded.') diff --git a/assets/js/vue.min.js b/assets/js/vue.min.js new file mode 100644 index 0000000..836793b --- /dev/null +++ b/assets/js/vue.min.js @@ -0,0 +1,6 @@ +/*! + * Vue.js v2.5.13 + * (c) 2014-2017 Evan You + * Released under the MIT License. + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Vue=e()}(this,function(){"use strict";function t(t){return void 0===t||null===t}function e(t){return void 0!==t&&null!==t}function n(t){return!0===t}function r(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function i(t){return null!==t&&"object"==typeof t}function o(t){return"[object Object]"===Nn.call(t)}function a(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function s(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function c(t){var e=parseFloat(t);return isNaN(e)?t:e}function u(t,e){for(var n=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(n,1)}}function f(t,e){return Mn.call(t,e)}function p(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function d(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function v(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function h(t,e){for(var n in e)t[n]=e[n];return t}function m(t){for(var e={},n=0;n0&&(tt((s=et(s,(o||"")+"_"+a))[0])&&tt(u)&&(l[c]=x(u.text+s[0].text),s.shift()),l.push.apply(l,s)):r(s)?tt(u)?l[c]=x(u.text+s):""!==s&&l.push(x(s)):tt(s)&&tt(u)?l[c]=x(u.text+s.text):(n(i._isVList)&&e(s.tag)&&t(s.key)&&e(o)&&(s.key="__vlist"+o+"_"+a+"__"),l.push(s)));return l}function nt(t,e){return(t.__esModule||fr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),i(t)?e.extend(t):t}function rt(t){return t.isComment&&t.asyncFactory}function it(t){if(Array.isArray(t))for(var n=0;n=0||n.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}}(n[o],r[o],i[o]));return e}(t);r&&h(t.extendOptions,r),(e=t.options=F(n,t.extendOptions)).name&&(e.components[e.name]=t)}}return e}function Rt(t){this._init(t)}function Ht(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||n.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=F(n.options,t),a.super=n,a.options.props&&function(t){var e=t.options.props;for(var n in e)mt(t.prototype,"_props",n)}(a),a.options.computed&&function(t){var e=t.options.computed;for(var n in e)gt(t.prototype,n,e[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,zn.forEach(function(t){a[t]=n[t]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=h({},a.options),i[r]=a,a}}function Bt(t){return t&&(t.Ctor.options.name||t.tag)}function Ut(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!function(t){return"[object RegExp]"===Nn.call(t)}(t)&&t.test(e)}function Vt(t,e){var n=t.cache,r=t.keys,i=t._vnode;for(var o in n){var a=n[o];if(a){var s=Bt(a.componentOptions);s&&!e(s)&&zt(n,o,r,i)}}}function zt(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,l(n,e)}function Kt(t){for(var n=t.data,r=t,i=t;e(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(n=Jt(i.data,n));for(;e(r=r.parent);)r&&r.data&&(n=Jt(n,r.data));return function(t,n){if(e(t)||e(n))return qt(t,Wt(n));return""}(n.staticClass,n.class)}function Jt(t,n){return{staticClass:qt(t.staticClass,n.staticClass),class:e(t.class)?[t.class,n.class]:n.class}}function qt(t,e){return t?e?t+" "+e:t:e||""}function Wt(t){return Array.isArray(t)?function(t){for(var n,r="",i=0,o=t.length;i=0&&" "===(m=t.charAt(h));h--);m&&Ii.test(m)||(l=!0)}}else void 0===o?(v=i+1,o=t.slice(0,i).trim()):e();if(void 0===o?o=t.slice(0,i).trim():0!==v&&e(),a)for(i=0;i-1?{exp:t.slice(0,ii),key:'"'+t.slice(ii+1)+'"'}:{exp:t,key:null};ni=t,ii=oi=ai=0;for(;!_e();)be(ri=ge())?$e(ri):91===ri&&function(t){var e=1;oi=ii;for(;!_e();)if(t=ge(),be(t))$e(t);else if(91===t&&e++,93===t&&e--,0===e){ai=ii;break}}(ri);return{exp:t.slice(0,oi),key:t.slice(oi+1,ai)}}(t);return null===n.key?t+"="+e:"$set("+n.exp+", "+n.key+", "+e+")"}function ge(){return ni.charCodeAt(++ii)}function _e(){return ii>=ei}function be(t){return 34===t||39===t}function $e(t){for(var e=t;!_e()&&(t=ge())!==e;);}function Ce(t,e,n,r,i){e=function(t){return t._withTask||(t._withTask=function(){Er=!0;var e=t.apply(null,arguments);return Er=!1,e})}(e),n&&(e=function(t,e,n){var r=si;return function i(){null!==t.apply(null,arguments)&&we(e,i,n,r)}}(e,t,r)),si.addEventListener(t,e,or?{capture:r,passive:i}:r)}function we(t,e,n,r){(r||si).removeEventListener(t,e._withTask||e,n)}function xe(n,r){if(!t(n.data.on)||!t(r.data.on)){var i=r.data.on||{},o=n.data.on||{};si=r.elm,function(t){if(e(t[Li])){var n=Qn?"change":"input";t[n]=[].concat(t[Li],t[n]||[]),delete t[Li]}e(t[Mi])&&(t.change=[].concat(t[Mi],t.change||[]),delete t[Mi])}(i),X(i,o,Ce,we,r.context),si=void 0}}function ke(n,r){if(!t(n.data.domProps)||!t(r.data.domProps)){var i,o,a=r.elm,s=n.data.domProps||{},u=r.data.domProps||{};e(u.__ob__)&&(u=r.data.domProps=h({},u));for(i in s)t(u[i])&&(a[i]="");for(i in u){if(o=u[i],"textContent"===i||"innerHTML"===i){if(r.children&&(r.children.length=0),o===s[i])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===i){a._value=o;var l=t(o)?"":String(o);(function(t,n){return!t.composing&&("OPTION"===t.tagName||function(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,n)||function(t,n){var r=t.value,i=t._vModifiers;if(e(i)){if(i.lazy)return!1;if(i.number)return c(r)!==c(n);if(i.trim)return r.trim()!==n.trim()}return r!==n}(t,n))})(a,l)&&(a.value=l)}else a[i]=o}}}function Ae(t){var e=Oe(t.style);return t.staticStyle?h(t.staticStyle,e):e}function Oe(t){return Array.isArray(t)?m(t):"string"==typeof t?Fi(t):t}function Se(n,r){var i=r.data,o=n.data;if(!(t(i.staticStyle)&&t(i.style)&&t(o.staticStyle)&&t(o.style))){var a,s,c=r.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},f=u||l,p=Oe(r.data.style)||{};r.data.normalizedStyle=e(p.__ob__)?h({},p):p;var d=function(t,e){var n,r={};if(e)for(var i=t;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=Ae(i.data))&&h(r,n);(n=Ae(t.data))&&h(r,n);for(var o=t;o=o.parent;)o.data&&(n=Ae(o.data))&&h(r,n);return r}(r,!0);for(s in f)t(d[s])&&Bi(c,s,"");for(s in d)(a=d[s])!==f[s]&&Bi(c,s,null==a?"":a)}}function Te(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Ee(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?t.setAttribute("class",n):t.removeAttribute("class")}}function je(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&h(e,Ki(t.name||"v")),h(e,t),e}return"string"==typeof t?Ki(t):void 0}}function Ne(t){Qi(function(){Qi(t)})}function Ie(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),Te(t,e))}function Le(t,e){t._transitionClasses&&l(t._transitionClasses,e),Ee(t,e)}function Me(t,e,n){var r=De(t,e),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===qi?Zi:Yi,c=0,u=function(){t.removeEventListener(s,l),n()},l=function(e){e.target===t&&++c>=a&&u()};setTimeout(function(){c0&&(n=qi,l=a,f=o.length):e===Wi?u>0&&(n=Wi,l=u,f=c.length):f=(n=(l=Math.max(a,u))>0?a>u?qi:Wi:null)?n===qi?o.length:c.length:0;return{type:n,timeout:l,propCount:f,hasTransform:n===qi&&to.test(r[Gi+"Property"])}}function Pe(t,e){for(;t.length1}function Ve(t,e){!0!==e.data.show&&Re(e)}function ze(t,e,n){Ke(t,e,n),(Qn||er)&&setTimeout(function(){Ke(t,e,n)},0)}function Ke(t,e,n){var r=e.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=t.options.length;s-1,a.selected!==o&&(a.selected=o);else if(g(qe(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));i||(t.selectedIndex=-1)}}function Je(t,e){return e.every(function(e){return!g(e,t)})}function qe(t){return"_value"in t?t._value:t.value}function We(t){t.target.composing=!0}function Ge(t){t.target.composing&&(t.target.composing=!1,Ze(t.target,"input"))}function Ze(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function Xe(t){return!t.componentInstance||t.data&&t.data.transition?t:Xe(t.componentInstance._vnode)}function Ye(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Ye(it(e.children)):t}function Qe(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var i=n._parentListeners;for(var o in i)e[Pn(o)]=i[o];return e}function tn(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function en(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function nn(t){t.data.newPos=t.elm.getBoundingClientRect()}function rn(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,i=e.top-n.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}function on(t,e){var n=e?zo:Vo;return t.replace(n,function(t){return Uo[t]})}function an(t,e,n){return{type:1,tag:t,attrsList:e,attrsMap:function(t){for(var e={},n=0,r=t.length;n=0&&a[i].lowerCasedTag!==s;i--);else i=0;if(i>=0){for(var c=a.length-1;c>=i;c--)e.end&&e.end(a[c].tag,n,r);a.length=i,o=i&&a[i-1].tag}else"br"===s?e.start&&e.start(t,[],!0,n,r):"p"===s&&(e.start&&e.start(t,[],!1,n,r),e.end&&e.end(t,n,r))}for(var i,o,a=[],s=e.expectHTML,c=e.isUnaryTag||Bn,u=e.canBeLeftOpenTag||Bn,l=0;t;){if(i=t,o&&Ho(o)){var f=0,p=o.toLowerCase(),d=Bo[p]||(Bo[p]=new RegExp("([\\s\\S]*?)(]*>)","i")),v=t.replace(d,function(t,n,r){return f=r.length,Ho(p)||"noscript"===p||(n=n.replace(//g,"$1").replace(//g,"$1")),Jo(p,n)&&(n=n.slice(1)),e.chars&&e.chars(n),""});l+=t.length-v.length,t=v,r(p,l-f,l)}else{var h=t.indexOf("<");if(0===h){if(Ao.test(t)){var m=t.indexOf("--\x3e");if(m>=0){e.shouldKeepComment&&e.comment(t.substring(4,m)),n(m+3);continue}}if(Oo.test(t)){var y=t.indexOf("]>");if(y>=0){n(y+2);continue}}var g=t.match(ko);if(g){n(g[0].length);continue}var _=t.match(xo);if(_){var b=l;n(_[0].length),r(_[1],b,l);continue}var $=function(){var e=t.match(Co);if(e){var r={tagName:e[1],attrs:[],start:l};n(e[0].length);for(var i,o;!(i=t.match(wo))&&(o=t.match(_o));)n(o[0].length),r.attrs.push(o);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=l,r}}();if($){!function(t){var n=t.tagName,i=t.unarySlash;s&&("p"===o&&go(n)&&r(o),u(n)&&o===n&&r(n));for(var l=c(n)||!!i,f=t.attrs.length,p=new Array(f),d=0;d=0){for(w=t.slice(h);!(xo.test(w)||Co.test(w)||Ao.test(w)||Oo.test(w)||(x=w.indexOf("<",1))<0);)h+=x,w=t.slice(h);C=t.substring(0,h),n(h)}h<0&&(C=t,t=""),e.chars&&C&&e.chars(C)}if(t===i){e.chars&&e.chars(t);break}}r()}(t,{warn:To,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldDecodeNewlinesForHref:e.shouldDecodeNewlinesForHref,shouldKeepComment:e.comments,start:function(t,a,u){var l=i&&i.ns||Do(t);Qn&&"svg"===l&&(a=function(t){for(var e=[],n=0;nc&&(s.push(o=t.slice(c,i)),a.push(JSON.stringify(o)));var u=ae(r[1].trim());a.push("_s("+u+")"),s.push({"@binding":u}),c=i+r[0].length}return c':'
',Ro.innerHTML.indexOf(" ")>0}var jn=Object.freeze({}),Nn=Object.prototype.toString,In=u("slot,component",!0),Ln=u("key,ref,slot,slot-scope,is"),Mn=Object.prototype.hasOwnProperty,Dn=/-(\w)/g,Pn=p(function(t){return t.replace(Dn,function(t,e){return e?e.toUpperCase():""})}),Fn=p(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Rn=/\B([A-Z])/g,Hn=p(function(t){return t.replace(Rn,"-$1").toLowerCase()}),Bn=function(t,e,n){return!1},Un=function(t){return t},Vn="data-server-rendered",zn=["component","directive","filter"],Kn=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Jn={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Bn,isReservedAttr:Bn,isUnknownElement:Bn,getTagNamespace:y,parsePlatformTagName:Un,mustUseProp:Bn,_lifecycleHooks:Kn},qn=/[^\w.$]/,Wn="__proto__"in{},Gn="undefined"!=typeof window,Zn="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Xn=Zn&&WXEnvironment.platform.toLowerCase(),Yn=Gn&&window.navigator.userAgent.toLowerCase(),Qn=Yn&&/msie|trident/.test(Yn),tr=Yn&&Yn.indexOf("msie 9.0")>0,er=Yn&&Yn.indexOf("edge/")>0,nr=Yn&&Yn.indexOf("android")>0||"android"===Xn,rr=Yn&&/iphone|ipad|ipod|ios/.test(Yn)||"ios"===Xn,ir=(Yn&&/chrome\/\d+/.test(Yn),{}.watch),or=!1;if(Gn)try{var ar={};Object.defineProperty(ar,"passive",{get:function(){or=!0}}),window.addEventListener("test-passive",null,ar)}catch(t){}var sr,cr,ur=function(){return void 0===sr&&(sr=!Gn&&"undefined"!=typeof global&&"server"===global.process.env.VUE_ENV),sr},lr=Gn&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,fr="undefined"!=typeof Symbol&&w(Symbol)&&"undefined"!=typeof Reflect&&w(Reflect.ownKeys);cr="undefined"!=typeof Set&&w(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var pr=y,dr=0,vr=function(){this.id=dr++,this.subs=[]};vr.prototype.addSub=function(t){this.subs.push(t)},vr.prototype.removeSub=function(t){l(this.subs,t)},vr.prototype.depend=function(){vr.target&&vr.target.addDep(this)},vr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;eVr&&Fr[n].id>t.id;)n--;Fr.splice(n+1,0,t)}else Fr.push(t);Br||(Br=!0,q(ht))}}(this)},Kr.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||i(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){V(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},Kr.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Kr.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},Kr.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||l(this.vm._watchers,this);for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1}};var Jr={enumerable:!0,configurable:!0,get:y,set:y},qr={lazy:!0};Nt(It.prototype);var Wr={init:function(t,n,r,i){if(!t.componentInstance||t.componentInstance._isDestroyed){(t.componentInstance=function(t,n,r,i){var o={_isComponent:!0,parent:n,_parentVnode:t,_parentElm:r||null,_refElm:i||null},a=t.data.inlineTemplate;return e(a)&&(o.render=a.render,o.staticRenderFns=a.staticRenderFns),new t.componentOptions.Ctor(o)}(t,Pr,r,i)).$mount(n?t.elm:void 0,n)}else if(t.data.keepAlive){var o=t;Wr.prepatch(o,o)}},prepatch:function(t,e){var n=e.componentOptions;!function(t,e,n,r,i){var o=!!(i||t.$options._renderChildren||r.data.scopedSlots||t.$scopedSlots!==jn);if(t.$options._parentVnode=r,t.$vnode=r,t._vnode&&(t._vnode.parent=r),t.$options._renderChildren=i,t.$attrs=r.data&&r.data.attrs||jn,t.$listeners=n||jn,e&&t.$options.props){Cr.shouldConvert=!1;for(var a=t._props,s=t.$options._propKeys||[],c=0;c1?v(n):n;for(var r=v(arguments,1),i=0,o=n.length;iparseInt(this.max)&&zt(a,s[0],s,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={};e.get=function(){return Jn},Object.defineProperty(t,"config",e),t.util={warn:pr,extend:h,mergeOptions:F,defineReactive:E},t.set=j,t.delete=N,t.nextTick=q,t.options=Object.create(null),zn.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,h(t.options.components,ti),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=v(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):"function"==typeof t&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=F(this.options,t),this}}(t),Ht(t),function(t){zn.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&o(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}(t)}(Rt),Object.defineProperty(Rt.prototype,"$isServer",{get:ur}),Object.defineProperty(Rt.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Rt.version="2.5.13";var ei,ni,ri,ii,oi,ai,si,ci,ui=u("style,class"),li=u("input,textarea,option,select,progress"),fi=function(t,e,n){return"value"===n&&li(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},pi=u("contenteditable,draggable,spellcheck"),di=u("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),vi="http://www.w3.org/1999/xlink",hi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},mi=function(t){return hi(t)?t.slice(6,t.length):""},yi=function(t){return null==t||!1===t},gi={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},_i=u("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),bi=u("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),$i=function(t){return _i(t)||bi(t)},Ci=Object.create(null),wi=u("text,number,password,search,email,tel,url"),xi=Object.freeze({createElement:function(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)},createElementNS:function(t,e){return document.createElementNS(gi[t],e)},createTextNode:function(t){return document.createTextNode(t)},createComment:function(t){return document.createComment(t)},insertBefore:function(t,e,n){t.insertBefore(e,n)},removeChild:function(t,e){t.removeChild(e)},appendChild:function(t,e){t.appendChild(e)},parentNode:function(t){return t.parentNode},nextSibling:function(t){return t.nextSibling},tagName:function(t){return t.tagName},setTextContent:function(t,e){t.textContent=e},setAttribute:function(t,e,n){t.setAttribute(e,n)}}),ki={create:function(t,e){Xt(e)},update:function(t,e){t.data.ref!==e.data.ref&&(Xt(t,!0),Xt(e))},destroy:function(t){Xt(t,!0)}},Ai=new mr("",{},[]),Oi=["create","activate","update","remove","destroy"],Si={create:te,update:te,destroy:function(t){te(t,Ai)}},Ti=Object.create(null),Ei=[ki,Si],ji={create:re,update:re},Ni={create:oe,update:oe},Ii=/[\w).+\-_$\]]/,Li="__r",Mi="__c",Di={create:xe,update:xe},Pi={create:ke,update:ke},Fi=p(function(t){var e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach(function(t){if(t){var r=t.split(n);r.length>1&&(e[r[0].trim()]=r[1].trim())}}),e}),Ri=/^--/,Hi=/\s*!important$/,Bi=function(t,e,n){if(Ri.test(e))t.style.setProperty(e,n);else if(Hi.test(n))t.style.setProperty(e,n.replace(Hi,""),"important");else{var r=Vi(e);if(Array.isArray(n))for(var i=0,o=n.length;id?v(n,t(i[g+1])?null:i[g+1].elm,i,p,g,o):p>g&&m(0,r,f,d)}function _(r,i,o,a){if(r!==i){var s=i.elm=r.elm;if(n(r.isAsyncPlaceholder))e(i.asyncFactory.resolved)?$(r.elm,i,o):i.isAsyncPlaceholder=!0;else if(n(i.isStatic)&&n(r.isStatic)&&i.key===r.key&&(n(i.isCloned)||n(i.isOnce)))i.componentInstance=r.componentInstance;else{var c,u=i.data;e(u)&&e(c=u.hook)&&e(c=c.prepatch)&&c(r,i);var l=r.children,p=i.children;if(e(u)&&f(i)){for(c=0;c-1?Ci[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Ci[t]=/HTMLUnknownElement/.test(e.toString())},h(Rt.options.directives,ro),h(Rt.options.components,so),Rt.prototype.__patch__=Gn?eo:y,Rt.prototype.$mount=function(t,e){return t=t&&Gn?Zt(t):void 0,function(t,e,n){t.$el=e,t.$options.render||(t.$options.render=gr),vt(t,"beforeMount");var r;return r=function(){t._update(t._render(),n)},new Kr(t,r,y,null,!0),n=!1,null==t.$vnode&&(t._isMounted=!0,vt(t,"mounted")),t}(this,t,e)},Rt.nextTick(function(){Jn.devtools&&lr&&lr.emit("init",Rt)},0);var co,uo=/\{\{((?:.|\n)+?)\}\}/g,lo=/[-.*+?^${}()|[\]\/\\]/g,fo=p(function(t){var e=t[0].replace(lo,"\\$&"),n=t[1].replace(lo,"\\$&");return new RegExp(e+"((?:.|\\n)+?)"+n,"g")}),po={staticKeys:["staticClass"],transformNode:function(t,e){e.warn;var n=he(t,"class");n&&(t.staticClass=JSON.stringify(n));var r=ve(t,"class",!1);r&&(t.classBinding=r)},genData:function(t){var e="";return t.staticClass&&(e+="staticClass:"+t.staticClass+","),t.classBinding&&(e+="class:"+t.classBinding+","),e}},vo={staticKeys:["staticStyle"],transformNode:function(t,e){e.warn;var n=he(t,"style");n&&(t.staticStyle=JSON.stringify(Fi(n)));var r=ve(t,"style",!1);r&&(t.styleBinding=r)},genData:function(t){var e="";return t.staticStyle&&(e+="staticStyle:"+t.staticStyle+","),t.styleBinding&&(e+="style:("+t.styleBinding+"),"),e}},ho=function(t){return co=co||document.createElement("div"),co.innerHTML=t,co.textContent},mo=u("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),yo=u("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),go=u("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),_o=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,bo="[a-zA-Z_][\\w\\-\\.]*",$o="((?:"+bo+"\\:)?"+bo+")",Co=new RegExp("^<"+$o),wo=/^\s*(\/?)>/,xo=new RegExp("^<\\/"+$o+"[^>]*>"),ko=/^]+>/i,Ao=/^