splitted up stylesheet and added lots of scaffolding to it. Style needs working.
authordanix <danix@danix.xyz>
Sat, 11 Feb 2023 19:12:27 +0000 (20:12 +0100)
committerdanix <danix@danix.xyz>
Sat, 11 Feb 2023 19:12:27 +0000 (20:12 +0100)
55 files changed:
assets/sass/base/_page.scss [new file with mode: 0644]
assets/sass/base/_reset.scss [new file with mode: 0644]
assets/sass/base/_typography.scss [new file with mode: 0644]
assets/sass/components/_actions.scss [new file with mode: 0644]
assets/sass/components/_box.scss [new file with mode: 0644]
assets/sass/components/_button.scss [new file with mode: 0644]
assets/sass/components/_contact-method.scss [new file with mode: 0644]
assets/sass/components/_form.scss [new file with mode: 0644]
assets/sass/components/_icon.scss [new file with mode: 0644]
assets/sass/components/_icons.scss [new file with mode: 0644]
assets/sass/components/_image.scss [new file with mode: 0644]
assets/sass/components/_list.scss [new file with mode: 0644]
assets/sass/components/_pagination.scss [new file with mode: 0644]
assets/sass/components/_row.scss [new file with mode: 0644]
assets/sass/components/_section.scss [new file with mode: 0644]
assets/sass/components/_spotlights.scss [new file with mode: 0644]
assets/sass/components/_table.scss [new file with mode: 0644]
assets/sass/components/_tiles.scss [new file with mode: 0644]
assets/sass/layout/_banner.scss [new file with mode: 0644]
assets/sass/layout/_contact.scss [new file with mode: 0644]
assets/sass/layout/_footer.scss [new file with mode: 0644]
assets/sass/layout/_header.scss [new file with mode: 0644]
assets/sass/layout/_main.scss [new file with mode: 0644]
assets/sass/layout/_menu.scss [new file with mode: 0644]
assets/sass/layout/_wrapper.scss [new file with mode: 0644]
assets/sass/libs/_breakpoints.scss [new file with mode: 0644]
assets/sass/libs/_functions.scss [new file with mode: 0644]
assets/sass/libs/_html-grid.scss [new file with mode: 0644]
assets/sass/libs/_mixins.scss [new file with mode: 0644]
assets/sass/libs/_my-mixins.scss [new file with mode: 0644]
assets/sass/libs/_vars.scss [new file with mode: 0644]
assets/sass/libs/_vendor.scss [new file with mode: 0644]
assets/sass/main.scss
assets/sass/main.scss.old [new file with mode: 0644]
assets/sass/noscript.scss [new file with mode: 0644]
layouts/home-baseof.html
layouts/home.html
layouts/page/list-baseof.html
layouts/page/list.html
layouts/page/single-baseof.html
layouts/page/single.html
layouts/partials/footer-addition.html
layouts/partials/footer.html
layouts/partials/funcs/social-menu.html
layouts/partials/header.html
layouts/partials/home-social-links.html
layouts/partials/main-menu.html
static/bg/rose2.jpg [new file with mode: 0644]
static/js/breakpoints.min.js [new file with mode: 0644]
static/js/browser.min.js [new file with mode: 0644]
static/js/jquery.min.js [new file with mode: 0644]
static/js/jquery.scrollex.min.js [new file with mode: 0644]
static/js/jquery.scrolly.min.js [new file with mode: 0644]
static/js/main.js [new file with mode: 0644]
static/js/util.js [new file with mode: 0644]

diff --git a/assets/sass/base/_page.scss b/assets/sass/base/_page.scss
new file mode 100644 (file)
index 0000000..bb2827a
--- /dev/null
@@ -0,0 +1,47 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Basic */\r
+\r
+       // MSIE: Required for IEMobile.\r
+               @-ms-viewport {\r
+                       width: device-width;\r
+               }\r
+\r
+       // MSIE: Prevents scrollbar from overlapping content.\r
+               body {\r
+                       -ms-overflow-style: scrollbar;\r
+               }\r
+\r
+       // Ensures page width is always >=320px.\r
+               @include breakpoint('<=xsmall') {\r
+                       html, body {\r
+                               min-width: 320px;\r
+                       }\r
+               }\r
+\r
+       // Set box model to border-box.\r
+       // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice\r
+               html {\r
+                       box-sizing: border-box;\r
+               }\r
+\r
+               *, *:before, *:after {\r
+                       box-sizing: inherit;\r
+               }\r
+\r
+       body {\r
+               background: _palette(bg);\r
+\r
+               // Stops initial animations until page loads.\r
+                       &.is-preload {\r
+                               *, *:before, *:after {\r
+                                       @include vendor('animation', 'none !important');\r
+                                       @include vendor('transition', 'none !important');\r
+                               }\r
+                       }\r
+\r
+       }
\ No newline at end of file
diff --git a/assets/sass/base/_reset.scss b/assets/sass/base/_reset.scss
new file mode 100644 (file)
index 0000000..6b1a382
--- /dev/null
@@ -0,0 +1,76 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+// Reset.\r
+// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)\r
+\r
+       html, body, div, span, applet, object,\r
+       iframe, h1, h2, h3, h4, h5, h6, p, blockquote,\r
+       pre, a, abbr, acronym, address, big, cite,\r
+       code, del, dfn, em, img, ins, kbd, q, s, samp,\r
+       small, strike, strong, sub, sup, tt, var, b,\r
+       u, i, center, dl, dt, dd, ol, ul, li, fieldset,\r
+       form, label, legend, table, caption, tbody,\r
+       tfoot, thead, tr, th, td, article, aside,\r
+       canvas, details, embed, figure, figcaption,\r
+       footer, header, hgroup, menu, nav, output, ruby,\r
+       section, summary, time, mark, audio, video {\r
+               margin: 0;\r
+               padding: 0;\r
+               border: 0;\r
+               font-size: 100%;\r
+               font: inherit;\r
+               vertical-align: baseline;\r
+       }\r
+\r
+       article, aside, details, figcaption, figure,\r
+       footer, header, hgroup, menu, nav, section {\r
+               display: block;\r
+       }\r
+\r
+       body {\r
+               line-height: 1;\r
+       }\r
+\r
+       ol, ul {\r
+               list-style:none;\r
+       }\r
+\r
+       blockquote,     q {\r
+               quotes: none;\r
+\r
+               &:before,\r
+               &:after {\r
+                       content: '';\r
+                       content: none;\r
+               }\r
+       }\r
+\r
+       table {\r
+               border-collapse: collapse;\r
+               border-spacing: 0;\r
+       }\r
+\r
+       body {\r
+               -webkit-text-size-adjust: none;\r
+       }\r
+\r
+       mark {\r
+               background-color: transparent;\r
+               color: inherit;\r
+       }\r
+\r
+       input::-moz-focus-inner {\r
+               border: 0;\r
+               padding: 0;\r
+       }\r
+\r
+       input, select, textarea {\r
+               -moz-appearance: none;\r
+               -webkit-appearance: none;\r
+               -ms-appearance: none;\r
+               appearance: none;\r
+       }
\ No newline at end of file
diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss
new file mode 100644 (file)
index 0000000..b615f44
--- /dev/null
@@ -0,0 +1,178 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Type */\r
+\r
+       body, input, select, textarea {\r
+               color: _palette(fg);\r
+               font-family: _font(family);\r
+               font-size: 17pt;\r
+               font-weight: _font(weight);\r
+               letter-spacing: _font(letter-spacing);\r
+               line-height: 1.65;\r
+\r
+               @include breakpoint('<=xlarge') {\r
+                       font-size: 14pt;\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       font-size: 12pt;\r
+               }\r
+\r
+               @include breakpoint('<=xxsmall') {\r
+                       font-size: 11pt;\r
+               }\r
+       }\r
+\r
+       a {\r
+               @include vendor('transition', (\r
+                       'color #{_duration(transition)} ease-in-out',\r
+                       'border-bottom-color #{_duration(transition)} ease-in-out'\r
+               ));\r
+               border-bottom: dotted 1px;\r
+               color: inherit;\r
+               text-decoration: none;\r
+\r
+               &:hover {\r
+                       border-bottom-color: transparent;\r
+                       color: _palette(highlight) !important;\r
+               }\r
+\r
+               &:active {\r
+                       color: desaturate(darken(_palette(highlight), 15), 5) !important;\r
+               }\r
+       }\r
+\r
+       strong, b {\r
+               color: _palette(fg-bold);\r
+               font-weight: _font(weight-bold);\r
+       }\r
+\r
+       em, i {\r
+               font-style: italic;\r
+       }\r
+\r
+       p {\r
+               margin: 0 0 _size(element-margin) 0;\r
+       }\r
+\r
+       h1, h2, h3, h4, h5, h6 {\r
+               color: _palette(fg-bold);\r
+               font-weight: _font(weight-bold);\r
+               line-height: 1.65;\r
+               margin: 0 0 (_size(element-margin) * 0.5) 0;\r
+\r
+               a {\r
+                       color: inherit;\r
+                       border-bottom: 0;\r
+               }\r
+       }\r
+\r
+       h1 {\r
+               font-size: 2.5em;\r
+       }\r
+\r
+       h2 {\r
+               font-size: 1.75em;\r
+       }\r
+\r
+       h3 {\r
+               font-size: 1.35em;\r
+       }\r
+\r
+       h4 {\r
+               font-size: 1.1em;\r
+       }\r
+\r
+       h5 {\r
+               font-size: 0.9em;\r
+       }\r
+\r
+       h6 {\r
+               font-size: 0.7em;\r
+       }\r
+\r
+       @include breakpoint('<=small') {\r
+               h1 {\r
+                       font-size: 2em;\r
+               }\r
+\r
+               h2 {\r
+                       font-size: 1.5em;\r
+               }\r
+\r
+               h3 {\r
+                       font-size: 1.25em;\r
+               }\r
+       }\r
+\r
+       sub {\r
+               font-size: 0.8em;\r
+               position: relative;\r
+               top: 0.5em;\r
+       }\r
+\r
+       sup {\r
+               font-size: 0.8em;\r
+               position: relative;\r
+               top: -0.5em;\r
+       }\r
+\r
+       blockquote {\r
+               border-left: solid 4px _palette(border);\r
+               font-style: italic;\r
+               margin: 0 0 _size(element-margin) 0;\r
+               padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);\r
+       }\r
+\r
+       code {\r
+               background: _palette(border-bg);\r
+               font-family: _font(family-fixed);\r
+               font-size: 0.9em;\r
+               margin: 0 0.25em;\r
+               padding: 0.25em 0.65em;\r
+       }\r
+\r
+       pre {\r
+               -webkit-overflow-scrolling: touch;\r
+               font-family: _font(family-fixed);\r
+               font-size: 0.9em;\r
+               margin: 0 0 _size(element-margin) 0;\r
+\r
+               code {\r
+                       display: block;\r
+                       line-height: 1.75;\r
+                       padding: 1em 1.5em;\r
+                       overflow-x: auto;\r
+               }\r
+       }\r
+\r
+       hr {\r
+               border: 0;\r
+               border-bottom: solid 1px _palette(border);\r
+               margin: _size(element-margin) 0;\r
+\r
+               &.major {\r
+                       margin: (_size(element-margin) * 1.5) 0;\r
+               }\r
+       }\r
+\r
+       .align-left {\r
+               text-align: left;\r
+       }\r
+\r
+       .align-center {\r
+               text-align: center;\r
+       }\r
+\r
+       .align-right {\r
+               text-align: right;\r
+       }\r
+\r
+       .screen-reader-text,\r
+       .hidden {\r
+               @include hide-visually;\r
+       }\r
diff --git a/assets/sass/components/_actions.scss b/assets/sass/components/_actions.scss
new file mode 100644 (file)
index 0000000..891fb6d
--- /dev/null
@@ -0,0 +1,63 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Actions */\r
+\r
+       ul.actions {\r
+               @include vendor('display', 'flex');\r
+               cursor: default;\r
+               list-style: none;\r
+               margin-left: (_size(element-margin) * -0.5);\r
+               padding-left: 0;\r
+\r
+               li {\r
+                       padding: 0 0 0 (_size(element-margin) * 0.5);\r
+                       vertical-align: middle;\r
+               }\r
+\r
+               &.special {\r
+                       @include vendor('justify-content', 'center');\r
+                       width: 100%;\r
+                       margin-left: 0;\r
+\r
+                       li {\r
+                               &:first-child {\r
+                                       padding-left: 0;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               &.stacked {\r
+                       @include vendor('flex-direction', 'column');\r
+                       margin-left: 0;\r
+\r
+                       li {\r
+                               padding: (_size(element-margin) * 0.65) 0 0 0;\r
+\r
+                               &:first-child {\r
+                                       padding-top: 0;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               &.fit {\r
+                       width: calc(100% + #{_size(element-margin) * 0.5});\r
+\r
+                       li {\r
+                               @include vendor('flex-grow', '1');\r
+                               @include vendor('flex-shrink', '1');\r
+                               width: 100%;\r
+\r
+                               > * {\r
+                                       width: 100%;\r
+                               }\r
+                       }\r
+\r
+                       &.stacked {\r
+                               width: 100%;\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_box.scss b/assets/sass/components/_box.scss
new file mode 100644 (file)
index 0000000..45a37a0
--- /dev/null
@@ -0,0 +1,25 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Box */\r
+\r
+       .box {\r
+               border: solid 1px _palette(border);\r
+               margin-bottom: _size(element-margin);\r
+               padding: 1.5em;\r
+\r
+               > :last-child,\r
+               > :last-child > :last-child,\r
+               > :last-child > :last-child > :last-child {\r
+                       margin-bottom: 0;\r
+               }\r
+\r
+               &.alt {\r
+                       border: 0;\r
+                       border-radius: 0;\r
+                       padding: 0;\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss
new file mode 100644 (file)
index 0000000..fc903c1
--- /dev/null
@@ -0,0 +1,130 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Button */\r
+\r
+       input[type="submit"],\r
+       input[type="reset"],\r
+       input[type="button"],\r
+       button,\r
+       .button {\r
+               @include vendor('appearance', 'none');\r
+               @include vendor('transition', (\r
+                       'background-color #{_duration(transition)} ease-in-out',\r
+                       'box-shadow #{_duration(transition)} ease-in-out',\r
+                       'color #{_duration(transition)} ease-in-out'\r
+               ));\r
+               background-color: transparent;\r
+               border: 0;\r
+               border-radius: 0;\r
+               box-shadow: inset 0 0 0 2px _palette(fg-bold);\r
+               color: _palette(fg-bold);\r
+               cursor: pointer;\r
+               display: inline-block;\r
+               font-size: 0.8em;\r
+               font-weight: _font(weight-bold);\r
+               height: 3.5em;\r
+               letter-spacing: _font(letter-spacing-alt);\r
+               line-height: 3.5em;\r
+               padding: 0 1.75em;\r
+               text-align: center;\r
+               text-decoration: none;\r
+               text-transform: uppercase;\r
+               white-space: nowrap;\r
+\r
+               &:hover, &:active {\r
+                       box-shadow: inset 0 0 0 2px _palette(highlight);\r
+                       color: _palette(highlight);\r
+               }\r
+\r
+               &:active {\r
+                       background-color: transparentize(_palette(highlight), 0.9);\r
+                       box-shadow: inset 0 0 0 2px desaturate(darken(_palette(highlight), 15), 5);\r
+                       color: desaturate(darken(_palette(highlight), 15), 5);\r
+               }\r
+\r
+               &.icon {\r
+                       &:before {\r
+                               margin-right: 0.5em;\r
+                       }\r
+               }\r
+\r
+               &.fit {\r
+                       width: 100%;\r
+               }\r
+\r
+               &.small {\r
+                       font-size: 0.6em;\r
+               }\r
+\r
+               &.large {\r
+                       font-size: 1.25em;\r
+                       height: 3em;\r
+                       line-height: 3em;\r
+               }\r
+\r
+               &.next {\r
+                       padding-right: 4.5em;\r
+                       position: relative;\r
+\r
+                       &:before, &:after {\r
+                               @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');\r
+                               background-position: center right;\r
+                               background-repeat: no-repeat;\r
+                               background-size: 36px 24px;\r
+                               content: '';\r
+                               display: block;\r
+                               height: 100%;\r
+                               position: absolute;\r
+                               right: 1.5em;\r
+                               top: 0;\r
+                               vertical-align: middle;\r
+                               width: 36px;\r
+                       }\r
+\r
+                       &:before {\r
+                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');\r
+                       }\r
+\r
+                       &:after {\r
+                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');\r
+                               opacity: 0;\r
+                               z-index: 1;\r
+                       }\r
+\r
+                       &:hover, &:active {\r
+                               &:after {\r
+                                       opacity: 1;\r
+                               }\r
+                       }\r
+\r
+                       @include breakpoint('<=large') {\r
+                               padding-right: 5em;\r
+                       }\r
+               }\r
+\r
+               &.primary {\r
+                       background-color: _palette(fg-bold);\r
+                       box-shadow: none;\r
+                       color: _palette(bg);\r
+\r
+                       &:hover, &:active {\r
+                               background-color: _palette(highlight);\r
+                               color: _palette(bg) !important;\r
+                       }\r
+\r
+                       &:active {\r
+                               background-color: desaturate(darken(_palette(highlight), 15), 5);\r
+                       }\r
+               }\r
+\r
+               &.disabled,\r
+               &:disabled {\r
+                       @include vendor('pointer-events', 'none');\r
+                       cursor: default;\r
+                       opacity: 0.25;\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_contact-method.scss b/assets/sass/components/_contact-method.scss
new file mode 100644 (file)
index 0000000..910d817
--- /dev/null
@@ -0,0 +1,23 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Contact Method */\r
+\r
+       .contact-method {\r
+               margin: 0 0 _size(element-margin) 0;\r
+               padding-left: 3.25em;\r
+               position: relative;\r
+\r
+               .icon {\r
+                       left: 0;\r
+                       position: absolute;\r
+                       top: 0;\r
+               }\r
+\r
+               h3 {\r
+                       margin: 0 0 (_size(element-margin) * 0.25) 0;\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss
new file mode 100644 (file)
index 0000000..fed297d
--- /dev/null
@@ -0,0 +1,234 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Form */\r
+\r
+       form {\r
+               margin: 0 0 _size(element-margin) 0;\r
+\r
+               > :last-child {\r
+                       margin-bottom: 0;\r
+               }\r
+\r
+               > .fields  {\r
+                       $gutter: (_size(element-margin) * 0.75);\r
+\r
+                       @include vendor('display', 'flex');\r
+                       @include vendor('flex-wrap', 'wrap');\r
+                       width: calc(100% + #{$gutter * 2});\r
+                       margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);\r
+\r
+                       > .field {\r
+                               @include vendor('flex-grow', '0');\r
+                               @include vendor('flex-shrink', '0');\r
+                               padding: $gutter 0 0 $gutter;\r
+                               width: calc(100% - #{$gutter * 1});\r
+\r
+                               &.half {\r
+                                       width: calc(50% - #{$gutter * 0.5});\r
+                               }\r
+\r
+                               &.third {\r
+                                       width: calc(#{100% / 3} - #{$gutter * (1 / 3)});\r
+                               }\r
+\r
+                               &.quarter {\r
+                                       width: calc(25% - #{$gutter * 0.25});\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       > .fields {\r
+                               $gutter: (_size(element-margin) * 0.75);\r
+\r
+                               width: calc(100% + #{$gutter * 2});\r
+                               margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);\r
+\r
+                               > .field {\r
+                                       padding: $gutter 0 0 $gutter;\r
+                                       width: calc(100% - #{$gutter * 1});\r
+\r
+                                       &.half {\r
+                                               width: calc(100% - #{$gutter * 1});\r
+                                       }\r
+\r
+                                       &.third {\r
+                                               width: calc(100% - #{$gutter * 1});\r
+                                       }\r
+\r
+                                       &.quarter {\r
+                                               width: calc(100% - #{$gutter * 1});\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+       }\r
+\r
+       label {\r
+               color: _palette(fg-bold);\r
+               display: block;\r
+               font-size: 0.8em;\r
+               font-weight: _font(weight-bold);\r
+               letter-spacing: _font(letter-spacing-alt);\r
+               margin: 0 0 (_size(element-margin) * 0.5) 0;\r
+               text-transform: uppercase;\r
+       }\r
+\r
+       input[type="text"],\r
+       input[type="password"],\r
+       input[type="email"],\r
+       input[type="tel"],\r
+       input[type="search"],\r
+       input[type="url"],\r
+       select,\r
+       textarea {\r
+               @include vendor('appearance', 'none');\r
+               background: _palette(border-bg);\r
+               border: none;\r
+               border-radius: 0;\r
+               color: inherit;\r
+               display: block;\r
+               outline: 0;\r
+               padding: 0 1em;\r
+               text-decoration: none;\r
+               width: 100%;\r
+\r
+               &:invalid {\r
+                       box-shadow: none;\r
+               }\r
+\r
+               &:focus {\r
+                       border-color: _palette(highlight);\r
+                       box-shadow: 0 0 0 2px _palette(highlight);\r
+               }\r
+       }\r
+\r
+       select {\r
+               background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");\r
+               background-size: 1.25rem;\r
+               background-repeat: no-repeat;\r
+               background-position: calc(100% - 1rem) center;\r
+               height: _size(element-height);\r
+               padding-right: _size(element-height);\r
+               text-overflow: ellipsis;\r
+\r
+               option {\r
+                       color: _palette(fg-bold);\r
+                       background: _palette(bg);\r
+               }\r
+\r
+               &:focus {\r
+                       &::-ms-value {\r
+                               background-color: transparent;\r
+                       }\r
+               }\r
+\r
+               &::-ms-expand {\r
+                       display: none;\r
+               }\r
+       }\r
+\r
+       input[type="text"],\r
+       input[type="password"],\r
+       input[type="email"],\r
+       input[type="tel"],\r
+       input[type="search"],\r
+       input[type="url"],\r
+       select {\r
+               height: _size(element-height);\r
+       }\r
+\r
+       textarea {\r
+               padding: 0.75em 1em;\r
+       }\r
+\r
+       input[type="checkbox"],\r
+       input[type="radio"], {\r
+               @include vendor('appearance', 'none');\r
+               display: block;\r
+               float: left;\r
+               margin-right: -2em;\r
+               opacity: 0;\r
+               width: 1em;\r
+               z-index: -1;\r
+\r
+               & + label {\r
+                       @include icon(false, solid);\r
+                       color: _palette(fg);\r
+                       cursor: pointer;\r
+                       display: inline-block;\r
+                       font-weight: _font(weight);\r
+                       padding-left: (_size(element-height) * 0.6) + 1em;\r
+                       padding-right: 0.75em;\r
+                       position: relative;\r
+\r
+                       &:before {\r
+                               background: _palette(border-bg);\r
+                               content: '';\r
+                               display: inline-block;\r
+                               font-size: 0.8em;\r
+                               height: (_size(element-height) * 0.75);\r
+                               left: 0;\r
+                               letter-spacing: 0;\r
+                               line-height: (_size(element-height) * 0.75);\r
+                               position: absolute;\r
+                               text-align: center;\r
+                               top: 0;\r
+                               width: (_size(element-height) * 0.75);\r
+                       }\r
+               }\r
+\r
+               &:checked + label {\r
+                       &:before {\r
+                               background: _palette(fg-bold);\r
+                               border-color: _palette(highlight);\r
+                               content: '\f00c';\r
+                               color: _palette(bg);\r
+                       }\r
+               }\r
+\r
+               &:focus + label {\r
+                       &:before {\r
+                               box-shadow: 0 0 0 2px _palette(highlight);\r
+                       }\r
+               }\r
+       }\r
+\r
+       input[type="checkbox"] {\r
+               & + label {\r
+                       &:before {\r
+                       }\r
+               }\r
+       }\r
+\r
+       input[type="radio"] {\r
+               & + label {\r
+                       &:before {\r
+                               border-radius: 100%;\r
+                       }\r
+               }\r
+       }\r
+\r
+       ::-webkit-input-placeholder {\r
+               color: _palette(fg-light) !important;\r
+               opacity: 1.0;\r
+       }\r
+\r
+       :-moz-placeholder {\r
+               color: _palette(fg-light) !important;\r
+               opacity: 1.0;\r
+       }\r
+\r
+       ::-moz-placeholder {\r
+               color: _palette(fg-light) !important;\r
+               opacity: 1.0;\r
+       }\r
+\r
+       :-ms-input-placeholder {\r
+               color: _palette(fg-light) !important;\r
+               opacity: 1.0;\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss
new file mode 100644 (file)
index 0000000..212f337
--- /dev/null
@@ -0,0 +1,66 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Icon */\r
+\r
+       .icon {\r
+               @include icon;\r
+               border-bottom: none;\r
+               position: relative;\r
+\r
+               > .label {\r
+                       display: none;\r
+               }\r
+\r
+               &:before {\r
+                       line-height: inherit;\r
+               }\r
+\r
+               &.solid {\r
+                       &:before {\r
+                               font-weight: 900;\r
+                       }\r
+               }\r
+\r
+               &.brands {\r
+                       &:before {\r
+                               font-family: 'Font Awesome 5 Brands';\r
+                       }\r
+               }\r
+\r
+               &.alt {\r
+                       &:before {\r
+                               background-color: _palette(fg-bold);\r
+                               border-radius: 100%;\r
+                               color: _palette(bg);\r
+                               display: inline-block;\r
+                               height: 2em;\r
+                               line-height: 2em;\r
+                               text-align: center;\r
+                               width: 2em;\r
+                       }\r
+               }\r
+       }\r
+\r
+       a.icon {\r
+               &.alt {\r
+                       &:before {\r
+                               @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out');\r
+                       }\r
+\r
+                       &:hover {\r
+                               &:before {\r
+                                       background-color: _palette(accent1);\r
+                               }\r
+                       }\r
+\r
+                       &:active {\r
+                               &:before {\r
+                                       background-color: desaturate(darken(_palette(accent1), 15), 5);\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss
new file mode 100644 (file)
index 0000000..32e99f9
--- /dev/null
@@ -0,0 +1,58 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icons */
+
+       ul.icons {
+               cursor: default;
+               list-style: none;
+               padding-left: 0;
+
+               li {
+                       display: inline-block;
+                       padding: 0 1em 0 0;
+
+                       &:last-child {
+                               padding-right: 0;
+                       }
+               }
+
+               @include breakpoint('<=small') {
+                       li {
+                               padding: 0 0.75em 0 0;
+                       }
+               }
+       }
+
+       ul.social-sites {
+               cursor: default;
+               list-style: none;
+               padding-left: 0;
+
+               li {
+                       display: inline-block;
+                       padding: 0 1em 0 0;
+
+                       &:last-child {
+                               padding-right: 0;
+                       }
+                       a {
+                               text-decoration: none;
+                               span.inline-svg {
+                                       svg {
+                                               width: 4rem;
+                                               height: 4rem;
+                                       }
+                               }
+                       }
+               }
+
+               @include breakpoint('<=small') {
+                       li {
+                               padding: 0 0.75em 0 0;
+                       }
+               }
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
new file mode 100644 (file)
index 0000000..1cefb63
--- /dev/null
@@ -0,0 +1,62 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Image */\r
+\r
+       .image {\r
+               border: 0;\r
+               display: inline-block;\r
+               position: relative;\r
+\r
+               img {\r
+                       display: block;\r
+               }\r
+\r
+               &.left,\r
+               &.right {\r
+                       max-width: 30%;\r
+\r
+                       img {\r
+                               width: 100%;\r
+                       }\r
+               }\r
+\r
+               &.left {\r
+                       float: left;\r
+                       margin: 0 1.5em 1.25em 0;\r
+                       top: 0.25em;\r
+               }\r
+\r
+               &.right {\r
+                       float: right;\r
+                       margin: 0 0 1.25em 1.5em;\r
+                       top: 0.25em;\r
+               }\r
+\r
+               &.fit {\r
+                       display: block;\r
+                       margin: 0 0 _size(element-margin) 0;\r
+                       width: 100%;\r
+\r
+                       img {\r
+                               width: 100%;\r
+                       }\r
+               }\r
+\r
+               &.main {\r
+                       display: block;\r
+                       margin: (_size(element-margin) * 1.25) 0;\r
+                       width: 100%;\r
+\r
+                       img {\r
+                               width: 100%;\r
+                       }\r
+\r
+                       @include breakpoint('<=small') {\r
+                               margin: (_size(element-margin) * 0.75) 0;\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_list.scss b/assets/sass/components/_list.scss
new file mode 100644 (file)
index 0000000..56989df
--- /dev/null
@@ -0,0 +1,56 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* List */\r
+\r
+       ol {\r
+               list-style: decimal;\r
+               margin: 0 0 _size(element-margin) 0;\r
+               padding-left: 1.25em;\r
+\r
+               li {\r
+                       padding-left: 0.25em;\r
+               }\r
+       }\r
+\r
+       ul {\r
+               list-style: disc;\r
+               margin: 0 0 _size(element-margin) 0;\r
+               padding-left: 1em;\r
+\r
+               li {\r
+                       padding-left: 0.5em;\r
+               }\r
+\r
+               &.alt {\r
+                       list-style: none;\r
+                       padding-left: 0;\r
+\r
+                       li {\r
+                               border-top: solid 1px _palette(border);\r
+                               padding: 0.5em 0;\r
+\r
+                               &:first-child {\r
+                                       border-top: 0;\r
+                                       padding-top: 0;\r
+                               }\r
+                       }\r
+               }\r
+       }\r
+\r
+       dl {\r
+               margin: 0 0 _size(element-margin) 0;\r
+\r
+               dt {\r
+                       display: block;\r
+                       font-weight: _font(weight-bold);\r
+                       margin: 0 0 (_size(element-margin) * 0.5) 0;\r
+               }\r
+\r
+               dd {\r
+                       margin-left: _size(element-margin);\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_pagination.scss b/assets/sass/components/_pagination.scss
new file mode 100644 (file)
index 0000000..0059795
--- /dev/null
@@ -0,0 +1,70 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Pagination */
+
+       ul.pagination {
+               cursor: default;
+               list-style: none;
+               padding-left: 0;
+
+               li {
+                       display: inline-block;
+                       padding-left: 0;
+                       vertical-align: middle;
+
+                       > .page {
+                               @include vendor('transition', (
+                                       'background-color #{_duration(transition)} ease-in-out',
+                                       'color #{_duration(transition)} ease-in-out'
+                               ));
+                               border-bottom: 0;
+                               display: inline-block;
+                               font-size: 0.8em;
+                               font-weight: _font(weight-bold);
+                               height: 1.5em;
+                               line-height: 1.5em;
+                               margin: 0 0.125em;
+                               min-width: 1.5em;
+                               padding: 0 0.5em;
+                               text-align: center;
+
+                               &.active {
+                                       background-color: _palette(fg-bold);
+                                       color: _palette(bg);
+
+                                       &:hover {
+                                               background-color: _palette(highlight);
+                                               color: _palette(bg) !important;
+                                       }
+
+                                       &:active {
+                                               background-color: desaturate(darken(_palette(highlight), 15), 5);
+                                       }
+                               }
+                       }
+
+                       &:first-child {
+                               padding-right: 0.75em;
+                       }
+
+                       &:last-child {
+                               padding-left: 0.75em;
+                       }
+               }
+
+               @include breakpoint('<=xsmall') {
+                       li {
+                               &:nth-child(n+2):nth-last-child(n+2) {
+                                       display: none;
+                               }
+
+                               &:first-child {
+                                       padding-right: 0;
+                               }
+                       }
+               }
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_row.scss b/assets/sass/components/_row.scss
new file mode 100644 (file)
index 0000000..2a28835
--- /dev/null
@@ -0,0 +1,31 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Row */\r
+\r
+       .row {\r
+               @include html-grid(2em);\r
+\r
+               @include breakpoint('<=xlarge') {\r
+                       @include html-grid(2em, 'xlarge');\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       @include html-grid(1.5em, 'large');\r
+               }\r
+\r
+               @include breakpoint('<=medium') {\r
+                       @include html-grid(1.5em, 'medium');\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       @include html-grid(1.25em, 'small');\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       @include html-grid(1.25em, 'xsmall');\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_section.scss b/assets/sass/components/_section.scss
new file mode 100644 (file)
index 0000000..2bdad69
--- /dev/null
@@ -0,0 +1,69 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Section/Article */\r
+\r
+       section, article {\r
+               &.special {\r
+                       text-align: center;\r
+               }\r
+       }\r
+\r
+       header {\r
+               &.major {\r
+                       width: -moz-max-content;\r
+                       width: -webkit-max-content;\r
+                       width: -ms-max-content;\r
+                       width: max-content;\r
+                       margin-bottom: _size(element-margin);\r
+\r
+                       > :first-child {\r
+                               margin-bottom: 0;\r
+                               width: calc(100% + 0.5em);\r
+\r
+                               &:after {\r
+                                       content: '';\r
+                                       background-color: _palette(fg-bold);\r
+                                       display: block;\r
+                                       height: 2px;\r
+                                       margin: 0.325em 0 0.5em 0;\r
+                                       width: 100%;\r
+                               }\r
+                       }\r
+\r
+                       > p {\r
+                               font-size: 0.7em;\r
+                               font-weight: _font(weight-bold);\r
+                               letter-spacing: _font(letter-spacing-alt);\r
+                               margin-bottom: 0;\r
+                               text-transform: uppercase;\r
+                       }\r
+\r
+                       body.is-ie & {\r
+                               > :first-child {\r
+                                       &:after {\r
+                                               max-width: 9em;\r
+                                       }\r
+                               }\r
+\r
+                               > h1 {\r
+                                       &:after {\r
+                                               max-width: 100% !important;\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       &.major {\r
+                               > p {\r
+                                       br {\r
+                                               display: none;\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_spotlights.scss b/assets/sass/components/_spotlights.scss
new file mode 100644 (file)
index 0000000..337bc1a
--- /dev/null
@@ -0,0 +1,119 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Spotlights */\r
+\r
+       .spotlights {\r
+               border-top: 0 !important;\r
+\r
+               & + * {\r
+                       border-top: 0 !important;\r
+               }\r
+\r
+               > section {\r
+                       @include vendor('display', 'flex');\r
+                       @include vendor('flex-direction', 'row');\r
+                       background-color: desaturate(lighten(_palette(bg-alt), 2), 1);\r
+\r
+                       > .image {\r
+                               background-position: center center;\r
+                               background-size: cover;\r
+                               border-radius: 0;\r
+                               display: block;\r
+                               position: relative;\r
+                               width: 30%;\r
+\r
+                               img {\r
+                                       border-radius: 0;\r
+                                       display: block;\r
+                                       width: 100%;\r
+                               }\r
+\r
+                               &:before {\r
+                                       background: transparentize(_palette(bg), 0.1);\r
+                                       content: '';\r
+                                       display: block;\r
+                                       height: 100%;\r
+                                       left: 0;\r
+                                       opacity: 0;\r
+                                       position: absolute;\r
+                                       top: 0;\r
+                                       width: 100%;\r
+                               }\r
+                       }\r
+\r
+                       > .content {\r
+                               @include vendor('display', 'flex');\r
+                               @include vendor('flex-direction', 'column');\r
+                               @include vendor('justify-content', 'center');\r
+                               @include vendor('align-items', 'center');\r
+                               @include padding(2em, 3em);\r
+                               width: 70%;\r
+\r
+                               > .inner {\r
+                                       margin: 0 auto;\r
+                                       max-width: 100%;\r
+                                       width: _size(inner);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(2n) {\r
+                               @include vendor('flex-direction', 'row-reverse');\r
+                               background-color: desaturate(lighten(_palette(bg-alt), 4), 2);\r
+\r
+                               > .content {\r
+                                       @include vendor('align-items', 'flex-end');\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xlarge') {\r
+                       > section {\r
+                               > .image {\r
+                                       width: 40%;\r
+                               }\r
+\r
+                               > .content {\r
+                                       width: 60%;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       > section {\r
+                               > .image {\r
+                                       width: 45%;\r
+                               }\r
+\r
+                               > .content {\r
+                                       width: 55%;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=medium') {\r
+                       > section {\r
+                               display: block;\r
+\r
+                               > .image {\r
+                                       width: 100%;\r
+                               }\r
+\r
+                               > .content {\r
+                                       @include padding(4em, 3em);\r
+                                       width: 100%;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       > section {\r
+                               > .content {\r
+                                       @include padding(3em, 1.5em);\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss
new file mode 100644 (file)
index 0000000..e020928
--- /dev/null
@@ -0,0 +1,81 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Table */\r
+\r
+       .table-wrapper {\r
+               -webkit-overflow-scrolling: touch;\r
+               overflow-x: auto;\r
+       }\r
+\r
+       table {\r
+               margin: 0 0 _size(element-margin) 0;\r
+               width: 100%;\r
+\r
+               tbody {\r
+                       tr {\r
+                               border: solid 1px _palette(border);\r
+                               border-left: 0;\r
+                               border-right: 0;\r
+\r
+                               &:nth-child(2n + 1) {\r
+                                       background-color: _palette(border-bg);\r
+                               }\r
+                       }\r
+               }\r
+\r
+               td {\r
+                       padding: 0.75em 0.75em;\r
+               }\r
+\r
+               th {\r
+                       color: _palette(fg-bold);\r
+                       font-size: 0.9em;\r
+                       font-weight: _font(weight-bold);\r
+                       padding: 0 0.75em 0.75em 0.75em;\r
+                       text-align: left;\r
+               }\r
+\r
+               thead {\r
+                       border-bottom: solid 2px _palette(border);\r
+               }\r
+\r
+               tfoot {\r
+                       border-top: solid 2px _palette(border);\r
+               }\r
+\r
+               &.alt {\r
+                       border-collapse: separate;\r
+\r
+                       tbody {\r
+                               tr {\r
+                                       td {\r
+                                               border: solid 1px _palette(border);\r
+                                               border-left-width: 0;\r
+                                               border-top-width: 0;\r
+\r
+                                               &:first-child {\r
+                                                       border-left-width: 1px;\r
+                                               }\r
+                                       }\r
+\r
+                                       &:first-child {\r
+                                               td {\r
+                                                       border-top-width: 1px;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+\r
+                       thead {\r
+                               border-bottom: 0;\r
+                       }\r
+\r
+                       tfoot {\r
+                               border-top: 0;\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/components/_tiles.scss b/assets/sass/components/_tiles.scss
new file mode 100644 (file)
index 0000000..71745cf
--- /dev/null
@@ -0,0 +1,183 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Tiles */\r
+\r
+       .tiles {\r
+               @include vendor('display', 'flex');\r
+               @include vendor('flex-wrap', 'wrap');\r
+               border-top: 0 !important;\r
+\r
+               & + * {\r
+                       border-top: 0 !important;\r
+               }\r
+\r
+               article {\r
+                       @include vendor('align-items', 'center');\r
+                       @include vendor('display', 'flex');\r
+                       @include vendor('transition', (\r
+                               'transform 0.25s ease',\r
+                               'opacity 0.25s ease',\r
+                               'filter 1s ease',\r
+                               '-webkit-filter 1s ease'\r
+                       ));\r
+                       @include padding(4em, 4em);\r
+                       background-position: center;\r
+                       background-repeat: no-repeat;\r
+                       background-size: cover;\r
+                       cursor: default;\r
+                       height: 40vh;\r
+                       max-height: 40em;\r
+                       min-height: 23em;\r
+                       overflow: hidden;\r
+                       position: relative;\r
+                       width: 40%;\r
+\r
+                       .image {\r
+                               display: none;\r
+                       }\r
+\r
+                       header {\r
+                               position: relative;\r
+                               z-index: 3;\r
+                       }\r
+\r
+                       h3 {\r
+                               font-size: 1.75em;\r
+\r
+                               a {\r
+                                       &:hover {\r
+                                               color: inherit !important;\r
+                                       }\r
+                               }\r
+                       }\r
+\r
+                       .link.primary {\r
+                               border: 0;\r
+                               height: 100%;\r
+                               left: 0;\r
+                               position: absolute;\r
+                               top: 0;\r
+                               width: 100%;\r
+                               z-index: 4;\r
+                       }\r
+\r
+                       &:before {\r
+                               @include vendor('transition', 'opacity 0.5s ease');\r
+                               bottom: 0;\r
+                               content: '';\r
+                               display: block;\r
+                               height: 100%;\r
+                               left: 0;\r
+                               opacity: 0.85;\r
+                               position: absolute;\r
+                               width: 100%;\r
+                               z-index: 2;\r
+                       }\r
+\r
+                       &:after {\r
+                               background-color: transparentize(_palette(bg), 0.75);\r
+                               content: '';\r
+                               display: block;\r
+                               height: 100%;\r
+                               left: 0;\r
+                               position: absolute;\r
+                               top: 0;\r
+                               width: 100%;\r
+                               z-index: 1;\r
+                       }\r
+\r
+                       &:hover {\r
+                               &:before {\r
+                                       opacity: 0;\r
+                               }\r
+                       }\r
+\r
+                       &.is-transitioning {\r
+                               @include vendor('transform', 'scale(0.95)');\r
+                               @include vendor('filter', 'blur(0.5em)');\r
+                               opacity: 0;\r
+                       }\r
+\r
+                       &:nth-child(4n - 1),\r
+                       &:nth-child(4n - 2) {\r
+                               width: 60%;\r
+                       }\r
+\r
+                       &:nth-child(6n - 5) {\r
+                               &:before {\r
+                                       background-color: _palette(accent1);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(6n - 4) {\r
+                               &:before {\r
+                                       background-color: _palette(accent2);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(6n - 3) {\r
+                               &:before {\r
+                                       background-color: _palette(accent3);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(6n - 2) {\r
+                               &:before {\r
+                                       background-color: _palette(accent4);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(6n - 1) {\r
+                               &:before {\r
+                                       background-color: _palette(accent5);\r
+                               }\r
+                       }\r
+\r
+                       &:nth-child(6n) {\r
+                               &:before {\r
+                                       background-color: _palette(accent6);\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       article {\r
+                               @include padding(4em, 3em);\r
+                               height: 30vh;\r
+                               max-height: 30em;\r
+                               min-height: 20em;\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=medium') {\r
+                       article {\r
+                               width: 50% !important;\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       article {\r
+                               @include padding(3em, 1.5em);\r
+                               height: 16em;\r
+                               max-height: none;\r
+                               min-height: 0;\r
+\r
+                               h3 {\r
+                                       font-size: 1.5em;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       display: block;\r
+\r
+                       article {\r
+                               height: 20em;\r
+                               width: 100% !important;\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_banner.scss b/assets/sass/layout/_banner.scss
new file mode 100644 (file)
index 0000000..65e52d1
--- /dev/null
@@ -0,0 +1,177 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Banner */\r
+\r
+       #banner {\r
+               @include vendor('align-items', 'center');\r
+               @include vendor('background-image', 'url("../../images/banner.jpg")');\r
+               @include vendor('display', 'flex');\r
+               @include padding(4em, 0, (2em, 0, 0, 0));\r
+               background-attachment: fixed;\r
+               background-position: center;\r
+               background-repeat: no-repeat;\r
+               background-size: cover;\r
+               border-bottom: 0 !important;\r
+               cursor: default;\r
+               height: 60vh;\r
+               margin-bottom: -3.25em;\r
+               max-height: 32em;\r
+               min-height: 22em;\r
+               position: relative;\r
+               top: -3.25em;\r
+\r
+               &:after {\r
+                       @include vendor('transition', 'opacity #{_duration(banner)} ease');\r
+                       @include vendor('transition-delay', '0.75s');\r
+                       @include vendor('pointer-events', 'none');\r
+                       background-color: _palette(bg);\r
+                       content: '';\r
+                       display: block;\r
+                       height: 100%;\r
+                       left: 0;\r
+                       opacity: 0.85;\r
+                       position: absolute;\r
+                       top: 0;\r
+                       width: 100%;\r
+                       z-index: 1;\r
+               }\r
+\r
+               h1 {\r
+                       font-size: 3.25em;\r
+               }\r
+\r
+               > .inner {\r
+                       @include vendor('transition', (\r
+                               'opacity 1.5s ease',\r
+                               'transform 0.5s ease-out',\r
+                               'filter 0.5s ease',\r
+                               '-webkit-filter 0.5s ease'\r
+                       ));\r
+                       padding: 0 !important;\r
+                       position: relative;\r
+                       z-index: 2;\r
+\r
+                       .image {\r
+                               display: none;\r
+                       }\r
+\r
+                       header {\r
+                               width: auto;\r
+\r
+                               > :first-child {\r
+                                       width: auto;\r
+\r
+                                       &:after {\r
+                                               max-width: 100%;\r
+                                       }\r
+                               }\r
+                       }\r
+\r
+                       .content {\r
+                               @include vendor('display', 'flex');\r
+                               @include vendor('align-items', 'center');\r
+                               margin: 0 0 _size(element-margin) 0;\r
+\r
+                               > * {\r
+                                       margin-right: 1.5em;\r
+                                       margin-bottom: 0;\r
+                               }\r
+\r
+                               > :last-child {\r
+                                       margin-right: 0;\r
+                               }\r
+\r
+                               p {\r
+                                       font-size: 0.7em;\r
+                                       font-weight: _font(weight-bold);\r
+                                       letter-spacing: _font(letter-spacing-alt);\r
+                                       text-transform: uppercase;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               &.major {\r
+                       height: 75vh;\r
+                       min-height: 30em;\r
+                       max-height: 50em;\r
+\r
+                       &.alt {\r
+                               opacity: 0.75;\r
+                       }\r
+               }\r
+\r
+               &.style1 { &:after { background-color: _palette(accent1); } }\r
+               &.style2 { &:after { background-color: _palette(accent2); } }\r
+               &.style3 { &:after { background-color: _palette(accent3); } }\r
+               &.style4 { &:after { background-color: _palette(accent4); } }\r
+               &.style5 { &:after { background-color: _palette(accent5); } }\r
+               &.style6 { &:after { background-color: _palette(accent6); } }\r
+\r
+               body.is-preload & {\r
+                       &:after {\r
+                               opacity: 1.0;\r
+                       }\r
+\r
+                       > .inner {\r
+                               @include vendor('filter', 'blur(0.125em)');\r
+                               @include vendor('transform', 'translateX(-0.5em)');\r
+                               opacity: 0;\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       background-attachment: scroll;\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       @include padding(3em, 0, (2em, 0, 0, 0));\r
+                       height: auto;\r
+                       margin-bottom: -2.75em;\r
+                       max-height: none;\r
+                       min-height: 0;\r
+                       top: -2.75em;\r
+\r
+                       h1 {\r
+                               font-size: 2em;\r
+                       }\r
+\r
+                       > .inner {\r
+                               .content {\r
+                                       display: block;\r
+\r
+                                       > * {\r
+                                               margin-right: 0;\r
+                                               margin-bottom: _size(element-margin);\r
+                                       }\r
+                               }\r
+                       }\r
+\r
+                       &.major {\r
+                               height: auto;\r
+                               min-height: 0;\r
+                               max-height: none;\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       @include padding(4em, 0, (2em, 0, 0, 0));\r
+\r
+                       > .inner {\r
+                               .content {\r
+                                       p {\r
+                                               br {\r
+                                                       display: none;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+\r
+                       &.major {\r
+                               @include padding(6em, 0, (2em, 0, 0, 0));\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_contact.scss b/assets/sass/layout/_contact.scss
new file mode 100644 (file)
index 0000000..e9364bb
--- /dev/null
@@ -0,0 +1,93 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Contact */\r
+\r
+       #contact {\r
+               border-bottom: solid 1px _palette(border);\r
+               overflow-x: hidden;\r
+\r
+               > .inner {\r
+                       @include vendor('display', 'flex');\r
+                       padding: 0 !important;\r
+\r
+                       > :nth-child(2n - 1) {\r
+                               @include padding(4em, 0, (0, 3em, 0, 0));\r
+                               border-right: solid 1px _palette(border);\r
+                               width: 60%;\r
+                       }\r
+\r
+                       > :nth-child(2n) {\r
+                               padding-left: 3em;\r
+                               width: 40%;\r
+                       }\r
+\r
+                       > .split {\r
+                               padding: 0;\r
+\r
+                               > * {\r
+                                       @include padding(3em, 0, (0, 0, 0, 3em));\r
+                                       position: relative;\r
+\r
+                                       &:before {\r
+                                               border-top: solid 1px _palette(border);\r
+                                               content: '';\r
+                                               display: block;\r
+                                               margin-left: -3em;\r
+                                               position: absolute;\r
+                                               top: 0;\r
+                                               width: calc(100vw + 3em);\r
+                                       }\r
+                               }\r
+\r
+                               > :first-child {\r
+                                       &:before {\r
+                                               display: none;\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=medium') {\r
+                       > .inner {\r
+                               display: block;\r
+\r
+                               > :nth-child(2n - 1) {\r
+                                       @include padding(4em, 0, (0, 0, 0, 0));\r
+                                       border-right: 0;\r
+                                       width: 100%;\r
+                               }\r
+\r
+                               > :nth-child(2n) {\r
+                                       padding-left: 0;\r
+                                       width: 100%;\r
+                               }\r
+\r
+                               > .split {\r
+                                       > * {\r
+                                               @include padding(3em, 0, (0, 0, 0, 0));\r
+\r
+                                               &:before {\r
+                                               }\r
+                                       }\r
+\r
+                                       > :first-child {\r
+                                               &:before {\r
+                                                       display: block;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       > .inner {\r
+                               > :nth-child(2n - 1) {\r
+                                       @include padding(3em, 0, (0, 0, 0, 0));\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss
new file mode 100644 (file)
index 0000000..e5ace19
--- /dev/null
@@ -0,0 +1,42 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Footer */\r
+\r
+       #footer {\r
+               .copyright {\r
+                       font-size: 0.8em;\r
+                       list-style: none;\r
+                       padding-left: 0;\r
+\r
+                       li {\r
+                               border-left: solid 1px _palette(border);\r
+                               color: _palette(fg-light);\r
+                               display: inline-block;\r
+                               line-height: 1;\r
+                               margin-left: 1em;\r
+                               padding-left: 1em;\r
+\r
+                               &:first-child {\r
+                                       border-left: 0;\r
+                                       margin-left: 0;\r
+                                       padding-left: 0;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       .copyright {\r
+                               li {\r
+                                       display: block;\r
+                                       border-left: 0;\r
+                                       margin-left: 0;\r
+                                       padding-left: 0;\r
+                                       line-height: inherit;\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss
new file mode 100644 (file)
index 0000000..303bdb2
--- /dev/null
@@ -0,0 +1,249 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Header */\r
+\r
+       @include keyframes('reveal-header') {\r
+               0% { top: -4em; opacity: 0; }\r
+               100% { top: 0; opacity: 1; }\r
+       }\r
+\r
+       #header {\r
+               @include vendor('display', 'flex');\r
+               background: _palette(bg-alt) url("../bg/rose2.jpg") no-repeat fixed center center;\r
+               // background-color:;\r
+               box-shadow: 0 0 0.25em 0 rgba(0,0,0,0.15);\r
+               cursor: default;\r
+               font-weight: _font(weight-bold);\r
+               height: 3.25em;\r
+               left: 0;\r
+               letter-spacing: _font(letter-spacing-alt);\r
+               line-height: 3.25em;\r
+               margin: 0;\r
+               position: fixed;\r
+               text-transform: uppercase;\r
+               top: 0;\r
+               width: 100%;\r
+               z-index: _misc(z-index-base);\r
+\r
+               .logo {\r
+                       border: 0;\r
+                       display: inline-block;\r
+                       font-size: 0.8em;\r
+                       height: inherit;\r
+                       line-height: inherit;\r
+                       padding: 0 1.5em;\r
+\r
+                       strong {\r
+                               @include vendor('transition', (\r
+                                       'background-color #{_duration(transition)} ease-in-out',\r
+                                       'color #{_duration(transition)} ease-in-out'\r
+                               ));\r
+                               background-color: _palette(fg-bold);\r
+                               color: _palette(bg);\r
+                               display: inline-block;\r
+                               line-height: 1.65em;\r
+                               margin-right: 0.325em;\r
+                               padding: 0 0.125em 0 (_font(letter-spacing-alt) + 0.125em);\r
+                       }\r
+\r
+                       &:hover {\r
+                               strong {\r
+                                       background-color: _palette(highlight);\r
+                               }\r
+                       }\r
+\r
+                       &:active {\r
+                               strong {\r
+                                       background-color: desaturate(darken(_palette(highlight), 15), 5);\r
+                               }\r
+                       }\r
+               }\r
+\r
+               nav {\r
+                       @include vendor('display', 'flex');\r
+                       @include vendor('justify-content', 'flex-end');\r
+                       @include vendor('flex-grow', '1');\r
+                       height: inherit;\r
+                       line-height: inherit;\r
+\r
+                       a {\r
+                               border: 0;\r
+                               display: block;\r
+                               font-size: 0.8em;\r
+                               height: inherit;\r
+                               line-height: inherit;\r
+                               padding: 0 0.75em;\r
+                               position: relative;\r
+                               vertical-align: middle;\r
+\r
+                               &:last-child {\r
+                                       padding-right: 1.5em;\r
+                               }\r
+\r
+                               &[href="#menu"] {\r
+                                       padding-right: 3.325em !important;\r
+\r
+                                       &:before, &:after {\r
+                                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32" preserveAspectRatio="none"><style>line { stroke-width: 2px; stroke: #{_palette(fg-bold)}; }</style><line x1="0" y1="11" x2="24" y2="11" /><line x1="0" y1="21" x2="24" y2="21" /><line x1="0" y1="16" x2="24" y2="16" /></svg>');\r
+                                               background-position: center;\r
+                                               background-repeat: no-repeat;\r
+                                               background-size: 24px 32px;\r
+                                               content: '';\r
+                                               display: block;\r
+                                               height: 100%;\r
+                                               position: absolute;\r
+                                               right: 1.5em;\r
+                                               top: 0;\r
+                                               vertical-align: middle;\r
+                                               width: 24px;\r
+                                       }\r
+\r
+                                       &:after {\r
+                                               @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');\r
+                                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32" preserveAspectRatio="none"><style>line { stroke-width: 2px; stroke: #{_palette(highlight)}; }</style><line x1="0" y1="11" x2="24" y2="11" /><line x1="0" y1="21" x2="24" y2="21" /><line x1="0" y1="16" x2="24" y2="16" /></svg>');\r
+                                               opacity: 0;\r
+                                               z-index: 1;\r
+                                       }\r
+\r
+                                       &:hover, &:active {\r
+                                               &:after {\r
+                                                       opacity: 1;\r
+                                               }\r
+                                       }\r
+\r
+                                       &:last-child {\r
+                                               padding-right: 3.875em !important;\r
+\r
+                                               &:before, &:after {\r
+                                                       right: 2em;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               &.reveal {\r
+                       @include vendor('animation', 'reveal-header 0.35s ease');\r
+               }\r
+\r
+               &.alt {\r
+                       @include vendor('transition', 'opacity #{_duration(banner)} ease');\r
+                       @include vendor('transition-delay', '0.75s');\r
+                       @include vendor('animation', 'none');\r
+                       background-color: transparent;\r
+                       box-shadow: none;\r
+                       position: absolute;\r
+\r
+                       &.style1 { .logo { strong { color: _palette(accent1); } } }\r
+                       &.style2 { .logo { strong { color: _palette(accent2); } } }\r
+                       &.style3 { .logo { strong { color: _palette(accent3); } } }\r
+                       &.style4 { .logo { strong { color: _palette(accent4); } } }\r
+                       &.style5 { .logo { strong { color: _palette(accent5); } } }\r
+                       &.style6 { .logo { strong { color: _palette(accent6); } } }\r
+               }\r
+\r
+               body.is-preload & {\r
+                       &.alt {\r
+                               opacity: 0;\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xlarge') {\r
+                       nav {\r
+                               a {\r
+                                       &[href="#menu"] {\r
+                                               padding-right: 3.75em !important;\r
+\r
+                                               &:last-child {\r
+                                                       padding-right: 4.25em !important;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=large') {\r
+                       nav {\r
+                               a {\r
+                                       &[href="#menu"] {\r
+                                               padding-right: 4em !important;\r
+\r
+                                               &:last-child {\r
+                                                       padding-right: 4.5em !important;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       height: 2.75em;\r
+                       line-height: 2.75em;\r
+\r
+                       .logo {\r
+                               padding: 0 1em;\r
+                       }\r
+\r
+                       nav {\r
+                               a {\r
+                                       padding: 0 0.5em;\r
+\r
+                                       &:last-child {\r
+                                               padding-right: 1em;\r
+                                       }\r
+\r
+                                       &[href="#menu"] {\r
+                                               padding-right: 3.25em !important;\r
+\r
+                                               &:before, &:after {\r
+                                                       right: 0.75em;\r
+                                               }\r
+\r
+                                               &:last-child {\r
+                                                       padding-right: 4em !important;\r
+\r
+                                                       &:before, &:after {\r
+                                                               right: 1.5em;\r
+                                                       }\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               @include breakpoint('<=xsmall') {\r
+                       .logo {\r
+                               span {\r
+                                       display: none;\r
+                               }\r
+                       }\r
+\r
+                       nav {\r
+                               a {\r
+                                       &[href="#menu"] {\r
+                                               overflow: hidden;\r
+                                               padding-right: 0 !important;\r
+                                               text-indent: 5em;\r
+                                               white-space: nowrap;\r
+                                               width: 5em;\r
+\r
+                                               &:before, &:after {\r
+                                                       right: 0;\r
+                                                       width: inherit;\r
+                                               }\r
+\r
+                                               &:last-child {\r
+                                                       &:before, &:after {\r
+                                                               width: 4em;\r
+                                                               right: 0;\r
+                                                       }\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss
new file mode 100644 (file)
index 0000000..f1d7239
--- /dev/null
@@ -0,0 +1,26 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Main */\r
+\r
+       #main {\r
+               background-color: _palette(bg-alt);\r
+\r
+               > * {\r
+                       border-top: solid 1px _palette(border);\r
+\r
+                       &:first-child {\r
+                               border-top: 0;\r
+                       }\r
+\r
+                       @include inner;\r
+               }\r
+\r
+               &.alt {\r
+                       background-color: transparent;\r
+                       border-bottom: solid 1px _palette(border);\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_menu.scss b/assets/sass/layout/_menu.scss
new file mode 100644 (file)
index 0000000..e53f21f
--- /dev/null
@@ -0,0 +1,164 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Menu */\r
+\r
+       #menu {\r
+               @include vendor('transition', (\r
+                       'transform #{_duration(menu)} ease',\r
+                       'opacity #{_duration(menu)} ease',\r
+                       'visibility #{_duration(menu)}'\r
+               ));\r
+               @include vendor('align-items', 'center');\r
+               @include vendor('display', 'flex');\r
+               @include vendor('justify-content', 'center');\r
+               @include vendor('pointer-events', 'none');\r
+               background: transparentize(_palette(bg), 0.1);\r
+               box-shadow: none;\r
+               height: 100%;\r
+               left: 0;\r
+               opacity: 0;\r
+               overflow: hidden;\r
+               padding: 3em 2em;\r
+               position: fixed;\r
+               top: 0;\r
+               visibility: hidden;\r
+               width: 100%;\r
+               z-index: _misc(z-index-base) + 2;\r
+\r
+               .inner {\r
+                       @include vendor('transition', (\r
+                               'transform #{_duration(menu)} ease-out',\r
+                               'opacity #{_duration(menu)} ease',\r
+                               'visibility #{_duration(menu)}'\r
+                       ));\r
+                       @include vendor('transform', 'rotateX(20deg)');\r
+                       -webkit-overflow-scrolling: touch;\r
+                       max-width: 100%;\r
+                       max-height: 100vh;\r
+                       opacity: 0;\r
+                       overflow: auto;\r
+                       text-align: center;\r
+                       visibility: hidden;\r
+                       width: 18em;\r
+\r
+                       > :first-child {\r
+                               margin-top: _size(element-margin);\r
+                       }\r
+\r
+                       > :last-child {\r
+                               margin-bottom: (_size(element-margin) * 1.5);\r
+                       }\r
+               }\r
+\r
+               ul {\r
+                       margin: 0 0 (_size(element-margin) * 0.5) 0;\r
+\r
+                       &.links {\r
+                               list-style: none;\r
+                               padding: 0;\r
+\r
+                               > li {\r
+                                       padding: 0;\r
+\r
+                                       > a:not(.button) {\r
+                                               border: 0;\r
+                                               border-top: solid 1px _palette(border);\r
+                                               display: block;\r
+                                               font-size: 0.8em;\r
+                                               font-weight: _font(weight-bold);\r
+                                               letter-spacing: _font(letter-spacing-alt);\r
+                                               line-height: 4em;\r
+                                               text-decoration: none;\r
+                                               text-transform: uppercase;\r
+                                       }\r
+\r
+                                       > .button {\r
+                                               display: block;\r
+                                               margin: 0.5em 0 0 0;\r
+                                       }\r
+\r
+                                       &:first-child {\r
+                                               > a:not(.button) {\r
+                                                       border-top: 0 !important;\r
+                                               }\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+\r
+               .close {\r
+                       @include vendor('transition', 'color #{_duration(transition)} ease-in-out');\r
+                       -webkit-tap-highlight-color: rgba(0,0,0,0);\r
+                       border: 0;\r
+                       cursor: pointer;\r
+                       display: block;\r
+                       height: 4em;\r
+                       line-height: 4em;\r
+                       overflow: hidden;\r
+                       padding-right: 1.25em;\r
+                       position: absolute;\r
+                       right: 0;\r
+                       text-align: right;\r
+                       text-indent: 8em;\r
+                       top: 0;\r
+                       vertical-align: middle;\r
+                       white-space: nowrap;\r
+                       width: 8em;\r
+\r
+                       &:before, &:after {\r
+                               @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');\r
+                               background-position: center;\r
+                               background-repeat: no-repeat;\r
+                               content: '';\r
+                               display: block;\r
+                               height: 4em;\r
+                               position: absolute;\r
+                               right: 0;\r
+                               top: 0;\r
+                               width: 4em;\r
+                       }\r
+\r
+                       &:before {\r
+                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2; }</style><line x1="0" y1="0" x2="20" y2="20" /><line x1="20" y1="0" x2="0" y2="20" /></svg>');\r
+                       }\r
+\r
+                       &:after {\r
+                               background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2; }</style><line x1="0" y1="0" x2="20" y2="20" /><line x1="20" y1="0" x2="0" y2="20" /></svg>');\r
+                               opacity: 0;\r
+                       }\r
+\r
+                       &:hover, &:active {\r
+                               &:after {\r
+                                       opacity: 1;\r
+                               }\r
+                       }\r
+               }\r
+       }\r
+\r
+       body.is-ie {\r
+               #menu {\r
+                       background: transparentize(_palette(bg-alt), 0.025);\r
+               }\r
+       }\r
+\r
+       body.is-menu-visible {\r
+               #wrapper {\r
+                       @include vendor('filter', 'blur(0.5em)');\r
+               }\r
+\r
+               #menu {\r
+                       @include vendor('pointer-events', 'auto');\r
+                       opacity: 1;\r
+                       visibility: visible;\r
+\r
+                       .inner {\r
+                               @include vendor('transform', 'none');\r
+                               opacity: 1;\r
+                               visibility: visible;\r
+                       }\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss
new file mode 100644 (file)
index 0000000..93d774a
--- /dev/null
@@ -0,0 +1,28 @@
+///\r
+/// Forty by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Wrapper */\r
+\r
+       #wrapper {\r
+               @include vendor('transition', (\r
+                       'filter #{_duration(menu)} ease',\r
+                       '-webkit-filter #{_duration(menu)} ease',\r
+                       'opacity 0.375s ease-out'\r
+               ));\r
+               padding-top: 3.25em;\r
+\r
+               &.is-transitioning {\r
+                       opacity: 0;\r
+               }\r
+\r
+               > * {\r
+                       @include inner;\r
+               }\r
+\r
+               @include breakpoint('<=small') {\r
+                       padding-top: 2.75em;\r
+               }\r
+       }
\ No newline at end of file
diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss
new file mode 100644 (file)
index 0000000..c5301d8
--- /dev/null
@@ -0,0 +1,223 @@
+// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
+
+// Vars.
+
+       /// Breakpoints.
+       /// @var {list}
+       $breakpoints: () !global;
+
+// Mixins.
+
+       /// Sets breakpoints.
+       /// @param {map} $x Breakpoints.
+       @mixin breakpoints($x: ()) {
+               $breakpoints: $x !global;
+       }
+
+       /// Wraps @content in a @media block targeting a specific orientation.
+       /// @param {string} $orientation Orientation.
+       @mixin orientation($orientation) {
+               @media screen and (orientation: #{$orientation}) {
+                       @content;
+               }
+       }
+
+       /// Wraps @content in a @media block using a given query.
+       /// @param {string} $query Query.
+       @mixin breakpoint($query: null) {
+
+               $breakpoint: null;
+               $op: null;
+               $media: null;
+
+               // Determine operator, breakpoint.
+
+                       // Greater than or equal.
+                               @if (str-slice($query, 0, 2) == '>=') {
+
+                                       $op: 'gte';
+                                       $breakpoint: str-slice($query, 3);
+
+                               }
+
+                       // Less than or equal.
+                               @elseif (str-slice($query, 0, 2) == '<=') {
+
+                                       $op: 'lte';
+                                       $breakpoint: str-slice($query, 3);
+
+                               }
+
+                       // Greater than.
+                               @elseif (str-slice($query, 0, 1) == '>') {
+
+                                       $op: 'gt';
+                                       $breakpoint: str-slice($query, 2);
+
+                               }
+
+                       // Less than.
+                               @elseif (str-slice($query, 0, 1) == '<') {
+
+                                       $op: 'lt';
+                                       $breakpoint: str-slice($query, 2);
+
+                               }
+
+                       // Not.
+                               @elseif (str-slice($query, 0, 1) == '!') {
+
+                                       $op: 'not';
+                                       $breakpoint: str-slice($query, 2);
+
+                               }
+
+                       // Equal.
+                               @else {
+
+                                       $op: 'eq';
+                                       $breakpoint: $query;
+
+                               }
+
+               // Build media.
+                       @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
+
+                               $a: map-get($breakpoints, $breakpoint);
+
+                               // Range.
+                                       @if (type-of($a) == 'list') {
+
+                                               $x: nth($a, 1);
+                                               $y: nth($a, 2);
+
+                                               // Max only.
+                                                       @if ($x == null) {
+
+                                                               // Greater than or equal (>= 0 / anything)
+                                                                       @if ($op == 'gte') {
+                                                                               $media: 'screen';
+                                                                       }
+
+                                                               // Less than or equal (<= y)
+                                                                       @elseif ($op == 'lte') {
+                                                                               $media: 'screen and (max-width: ' + $y + ')';
+                                                                       }
+
+                                                               // Greater than (> y)
+                                                                       @elseif ($op == 'gt') {
+                                                                               $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                                                       }
+
+                                                               // Less than (< 0 / invalid)
+                                                                       @elseif ($op == 'lt') {
+                                                                               $media: 'screen and (max-width: -1px)';
+                                                                       }
+
+                                                               // Not (> y)
+                                                                       @elseif ($op == 'not') {
+                                                                               $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                                                       }
+
+                                                               // Equal (<= y)
+                                                                       @else {
+                                                                               $media: 'screen and (max-width: ' + $y + ')';
+                                                                       }
+
+                                                       }
+
+                                               // Min only.
+                                                       @else if ($y == null) {
+
+                                                               // Greater than or equal (>= x)
+                                                                       @if ($op == 'gte') {
+                                                                               $media: 'screen and (min-width: ' + $x + ')';
+                                                                       }
+
+                                                               // Less than or equal (<= inf / anything)
+                                                                       @elseif ($op == 'lte') {
+                                                                               $media: 'screen';
+                                                                       }
+
+                                                               // Greater than (> inf / invalid)
+                                                                       @elseif ($op == 'gt') {
+                                                                               $media: 'screen and (max-width: -1px)';
+                                                                       }
+
+                                                               // Less than (< x)
+                                                                       @elseif ($op == 'lt') {
+                                                                               $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                                                       }
+
+                                                               // Not (< x)
+                                                                       @elseif ($op == 'not') {
+                                                                               $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                                                       }
+
+                                                               // Equal (>= x)
+                                                                       @else {
+                                                                               $media: 'screen and (min-width: ' + $x + ')';
+                                                                       }
+
+                                                       }
+
+                                               // Min and max.
+                                                       @else {
+
+                                                               // Greater than or equal (>= x)
+                                                                       @if ($op == 'gte') {
+                                                                               $media: 'screen and (min-width: ' + $x + ')';
+                                                                       }
+
+                                                               // Less than or equal (<= y)
+                                                                       @elseif ($op == 'lte') {
+                                                                               $media: 'screen and (max-width: ' + $y + ')';
+                                                                       }
+
+                                                               // Greater than (> y)
+                                                                       @elseif ($op == 'gt') {
+                                                                               $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                                                       }
+
+                                                               // Less than (< x)
+                                                                       @elseif ($op == 'lt') {
+                                                                               $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                                                       }
+
+                                                               // Not (< x and > y)
+                                                                       @elseif ($op == 'not') {
+                                                                               $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
+                                                                       }
+
+                                                               // Equal (>= x and <= y)
+                                                                       @else {
+                                                                               $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
+                                                                       }
+
+                                                       }
+
+                                       }
+
+                               // String.
+                                       @else {
+
+                                               // Missing a media type? Prefix with "screen".
+                                                       @if (str-slice($a, 0, 1) == '(') {
+                                                               $media: 'screen and ' + $a;
+                                                       }
+
+                                               // Otherwise, use as-is.
+                                                       @else {
+                                                               $media: $a;
+                                                       }
+
+                                       }
+
+                       }
+
+               // Output.
+               @media #{$media} {
+                               @content;
+                       }
+
+       }
\ No newline at end of file
diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss
new file mode 100644 (file)
index 0000000..f563aab
--- /dev/null
@@ -0,0 +1,90 @@
+/// Removes a specific item from a list.\r
+/// @author Hugo Giraudel\r
+/// @param {list} $list List.\r
+/// @param {integer} $index Index.\r
+/// @return {list} Updated list.\r
+@function remove-nth($list, $index) {\r
+\r
+       $result: null;\r
+\r
+       @if type-of($index) != number {\r
+               @warn "$index: #{quote($index)} is not a number for `remove-nth`.";\r
+       }\r
+       @else if $index == 0 {\r
+               @warn "List index 0 must be a non-zero integer for `remove-nth`.";\r
+       }\r
+       @else if abs($index) > length($list) {\r
+               @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";\r
+       }\r
+       @else {\r
+\r
+               $result: ();\r
+               $index: if($index < 0, length($list) + $index + 1, $index);\r
+\r
+               @for $i from 1 through length($list) {\r
+\r
+                       @if $i != $index {\r
+                               $result: append($result, nth($list, $i));\r
+                       }\r
+\r
+               }\r
+\r
+       }\r
+\r
+       @return $result;\r
+\r
+}\r
+\r
+/// Gets a value from a map.\r
+/// @author Hugo Giraudel\r
+/// @param {map} $map Map.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function val($map, $keys...) {\r
+\r
+       @if nth($keys, 1) == null {\r
+               $keys: remove-nth($keys, 1);\r
+       }\r
+\r
+       @each $key in $keys {\r
+               $map: map-get($map, $key);\r
+       }\r
+\r
+       @return $map;\r
+\r
+}\r
+\r
+/// Gets a duration value.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function _duration($keys...) {\r
+       @return val($duration, $keys...);\r
+}\r
+\r
+/// Gets a font value.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function _font($keys...) {\r
+       @return val($font, $keys...);\r
+}\r
+\r
+/// Gets a misc value.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function _misc($keys...) {\r
+       @return val($misc, $keys...);\r
+}\r
+\r
+/// Gets a palette value.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function _palette($keys...) {\r
+       @return val($palette, $keys...);\r
+}\r
+\r
+/// Gets a size value.\r
+/// @param {string} $keys Key(s).\r
+/// @return {string} Value.\r
+@function _size($keys...) {\r
+       @return val($size, $keys...);\r
+}
\ No newline at end of file
diff --git a/assets/sass/libs/_html-grid.scss b/assets/sass/libs/_html-grid.scss
new file mode 100644 (file)
index 0000000..7438a8c
--- /dev/null
@@ -0,0 +1,149 @@
+// html-grid.scss v1.0 | @ajlkn | MIT licensed */\r
+\r
+// Mixins.\r
+\r
+       /// Initializes the current element as an HTML grid.\r
+       /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).\r
+       /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).\r
+       @mixin html-grid($gutters: 1.5em, $suffix: '') {\r
+\r
+               // Initialize.\r
+                       $cols: 12;\r
+                       $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;\r
+                       $unit: 100% / $cols;\r
+\r
+                       // Suffixes.\r
+                               $suffixes: null;\r
+\r
+                               @if (type-of($suffix) == 'list') {\r
+                                       $suffixes: $suffix;\r
+                               }\r
+                               @else {\r
+                                       $suffixes: ($suffix);\r
+                               }\r
+\r
+                       // Gutters.\r
+                               $guttersCols: null;\r
+                               $guttersRows: null;\r
+\r
+                               @if (type-of($gutters) == 'list') {\r
+\r
+                                       $guttersCols: nth($gutters, 1);\r
+                                       $guttersRows: nth($gutters, 2);\r
+\r
+                               }\r
+                               @else {\r
+\r
+                                       $guttersCols: $gutters;\r
+                                       $guttersRows: 0;\r
+\r
+                               }\r
+\r
+               // Row.\r
+                       display: flex;\r
+                       flex-wrap: wrap;\r
+                       box-sizing: border-box;\r
+                       align-items: stretch;\r
+\r
+                       // Columns.\r
+                               > * {\r
+                                       box-sizing: border-box;\r
+                               }\r
+\r
+                       // Gutters.\r
+                               &.gtr-uniform {\r
+                                       > * {\r
+                                               > :last-child {\r
+                                                       margin-bottom: 0;\r
+                                               }\r
+                                       }\r
+                               }\r
+\r
+                       // Alignment.\r
+                               &.aln-left {\r
+                                       justify-content: flex-start;\r
+                               }\r
+\r
+                               &.aln-center {\r
+                                       justify-content: center;\r
+                               }\r
+\r
+                               &.aln-right {\r
+                                       justify-content: flex-end;\r
+                               }\r
+\r
+                               &.aln-top {\r
+                                       align-items: flex-start;\r
+                               }\r
+\r
+                               &.aln-middle {\r
+                                       align-items: center;\r
+                               }\r
+\r
+                               &.aln-bottom {\r
+                                       align-items: flex-end;\r
+                               }\r
+\r
+               // Step through suffixes.\r
+                       @each $suffix in $suffixes {\r
+\r
+                               // Suffix.\r
+                                       @if ($suffix != '') {\r
+                                               $suffix: '-' + $suffix;\r
+                                       }\r
+                                       @else {\r
+                                               $suffix: '';\r
+                                       }\r
+\r
+                               // Row.\r
+\r
+                                       // Important.\r
+                                               > .imp#{$suffix} {\r
+                                                       order: -1;\r
+                                               }\r
+\r
+                                       // Columns, offsets.\r
+                                               @for $i from 1 through $cols {\r
+                                                       > .col-#{$i}#{$suffix} {\r
+                                                               width: $unit * $i;\r
+                                                       }\r
+\r
+                                                       > .off-#{$i}#{$suffix} {\r
+                                                               margin-left: $unit * $i;\r
+                                                       }\r
+                                               }\r
+\r
+                                       // Step through multipliers.\r
+                                               @each $multiplier in $multipliers {\r
+\r
+                                                       // Gutters.\r
+                                                               $class: null;\r
+\r
+                                                               @if ($multiplier != 1) {\r
+                                                                       $class: '.gtr-' + ($multiplier * 100);\r
+                                                               }\r
+\r
+                                                               &#{$class} {\r
+                                                                       margin-top: ($guttersRows * $multiplier * -1);\r
+                                                                       margin-left: ($guttersCols * $multiplier * -1);\r
+\r
+                                                                       > * {\r
+                                                                               padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);\r
+                                                                       }\r
+\r
+                                                                       // Uniform.\r
+                                                                               &.gtr-uniform {\r
+                                                                                       margin-top: $guttersCols * $multiplier * -1;\r
+\r
+                                                                                       > * {\r
+                                                                                               padding-top: $guttersCols * $multiplier;\r
+                                                                                       }\r
+                                                                               }\r
+\r
+                                                               }\r
+\r
+                                               }\r
+\r
+                       }\r
+\r
+       }
\ No newline at end of file
diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss
new file mode 100644 (file)
index 0000000..a331483
--- /dev/null
@@ -0,0 +1,78 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.\r
+/// @param {string} $content Optional content value to use.\r
+/// @param {string} $category Optional category to use.\r
+/// @param {string} $where Optional pseudoelement to target (before or after).\r
+@mixin icon($content: false, $category: regular, $where: before) {\r
+\r
+       text-decoration: none;\r
+\r
+       &:#{$where} {\r
+\r
+               @if $content {\r
+                       content: $content;\r
+               }\r
+\r
+               -moz-osx-font-smoothing: grayscale;\r
+               -webkit-font-smoothing: antialiased;\r
+               display: inline-block;\r
+               font-style: normal;\r
+               font-variant: normal;\r
+               text-rendering: auto;\r
+               line-height: 1;\r
+               text-transform: none !important;\r
+\r
+               @if ($category == brands) {\r
+                       font-family: 'Font Awesome 5 Brands';\r
+               }\r
+               @elseif ($category == solid) {\r
+                       font-family: 'Font Awesome 5 Free';\r
+                       font-weight: 900;\r
+               }\r
+               @else {\r
+                       font-family: 'Font Awesome 5 Free';\r
+                       font-weight: 400;\r
+               }\r
+\r
+       }\r
+\r
+}\r
+\r
+/// Applies padding to an element, taking the current element-margin value into account.\r
+/// @param {mixed} $tb Top/bottom padding.\r
+/// @param {mixed} $lr Left/right padding.\r
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)\r
+/// @param {bool} $important If true, adds !important.\r
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {\r
+\r
+       @if $important {\r
+               $important: '!important';\r
+       }\r
+\r
+       $x: 0.1em;\r
+\r
+       @if unit(_size(element-margin)) == 'rem' {\r
+               $x: 0.1rem;\r
+       }\r
+\r
+       padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};\r
+\r
+}\r
+\r
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).\r
+/// @param {string} $svg SVG data URL.\r
+/// @return {string} Encoded SVG data URL.\r
+@function svg-url($svg) {\r
+\r
+       $svg: str-replace($svg, '"', '\'');\r
+       $svg: str-replace($svg, '%', '%25');\r
+       $svg: str-replace($svg, '<', '%3C');\r
+       $svg: str-replace($svg, '>', '%3E');\r
+       $svg: str-replace($svg, '&', '%26');\r
+       $svg: str-replace($svg, '#', '%23');\r
+       $svg: str-replace($svg, '{', '%7B');\r
+       $svg: str-replace($svg, '}', '%7D');\r
+       $svg: str-replace($svg, ';', '%3B');\r
+\r
+       @return url("data:image/svg+xml;charset=utf8,#{$svg}");\r
+\r
+}
\ No newline at end of file
diff --git a/assets/sass/libs/_my-mixins.scss b/assets/sass/libs/_my-mixins.scss
new file mode 100644 (file)
index 0000000..5e078e4
--- /dev/null
@@ -0,0 +1,70 @@
+/// hide-visually mixin from Bourbon < https://bourbon.io >
+/// 
+/// Hides an element visually while still allowing the content to be accessible
+/// to assistive technology, e.g. screen readers. Passing `unhide` will reverse
+/// the affects of the hiding, which is handy for showing the element on focus,
+/// for example.
+///
+/// @link https://goo.gl/Vf1TGn
+///
+/// @argument {string} $toggle [hide]
+///   Accepts `hide` or `unhide`. `unhide` reverses the affects of `hide`.
+///
+/// @example scss
+///   .element {
+///     @include hide-visually;
+///
+///     &:active,
+///     &:focus {
+///       @include hide-visually("unhide");
+///     }
+///   }
+///
+///   // CSS Output
+///   .element {
+///     border: 0;
+///     clip: rect(1px, 1px, 1px, 1px);
+///     clip-path: inset(100%);
+///     height: 1px;
+///     overflow: hidden;
+///     padding: 0;
+///     position: absolute;
+///     width: 1px;
+///   }
+///
+///   .hide-visually:active,
+///   .hide-visually:focus {
+///     clip: auto;
+///     clip-path: none;
+///     height: auto;
+///     overflow: visible;
+///     position: static;
+///     width: auto;
+///   }
+///
+/// @since 5.0.0
+
+@mixin hide-visually($toggle: "hide") {
+  @if not index("hide" "unhide", $toggle) {
+    @error "`#{$toggle}` is not a valid value for the `$toggle` argument in " +
+      "the `hide-visually` mixin. Must be either `hide` or `unhide`.";
+  } @else if $toggle == "hide" {
+    border: 0;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(100%);
+    height: 1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  } @else if $toggle == "unhide" {
+    clip: auto;
+    clip-path: none;
+    height: auto;
+    overflow: visible;
+    position: static;
+    white-space: inherit;
+    width: auto;
+  }
+}
diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss
new file mode 100644 (file)
index 0000000..da67b83
--- /dev/null
@@ -0,0 +1,47 @@
+// Misc.\r
+       $misc: (\r
+               z-index-base:           10000\r
+       );\r
+\r
+// Duration.\r
+       $duration: (\r
+               menu:                           0.35s,\r
+               transition:                     0.2s,\r
+               banner:                         2.5s\r
+       );\r
+\r
+// Size.\r
+       $size: (\r
+               border-radius:          4px,\r
+               element-height:         2.75em,\r
+               element-margin:         2em,\r
+               inner:                          65em\r
+       );\r
+\r
+// Font.\r
+       $font: (\r
+               family:                         ('Montserrat', Helvetica, sans-serif),\r
+               family-fixed:           ('Red Hat Mono', monospace),\r
+               weight:                         300,\r
+               weight-bold:            600,\r
+               letter-spacing:         0.025em,\r
+               letter-spacing-alt:     0.25em\r
+       );\r
+\r
+// Palette.\r
+       $palette: ( \r
+               bg:                                     #D8D9CF,\r
+               bg-alt:                         #F0EEED,\r
+               fg:                                     #393E46,\r
+               fg-bold:                        #222831,\r
+               fg-light:                       rgba(216,217,207,0.2),\r
+               border:                         rgba(57,62,70,0.1),\r
+               border-bg:                      rgba(34,40,49,0.035),\r
+               highlight:                      #FD7014,\r
+               accent1:                        #FF8B13,\r
+               accent2:                        #CF4DCE,\r
+               accent3:                        #F273E6,\r
+               accent4:                        #e7b788,\r
+               accent5:                        #8ea9e8,\r
+               accent6:                        #609EA2\r
+       );
\ No newline at end of file
diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss
new file mode 100644 (file)
index 0000000..6599a3f
--- /dev/null
@@ -0,0 +1,376 @@
+// vendor.scss v1.0 | @ajlkn | MIT licensed */
+
+// Vars.
+
+       /// Vendor prefixes.
+       /// @var {list}
+       $vendor-prefixes: (
+               '-moz-',
+               '-webkit-',
+               '-ms-',
+               ''
+       );
+
+       /// Properties that should be vendorized.
+       /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
+       /// @var {list}
+       $vendor-properties: (
+
+               // Animation.
+                       'animation',
+                       'animation-delay',
+                       'animation-direction',
+                       'animation-duration',
+                       'animation-fill-mode',
+                       'animation-iteration-count',
+                       'animation-name',
+                       'animation-play-state',
+                       'animation-timing-function',
+
+               // Appearance.
+                       'appearance',
+
+               // Backdrop filter.
+                       'backdrop-filter',
+
+               // Background image options.
+                       'background-clip',
+                       'background-origin',
+                       'background-size',
+
+               // Box sizing.
+                       'box-sizing',
+
+               // Clip path.
+                       'clip-path',
+
+               // Filter effects.
+                       'filter',
+
+               // Flexbox.
+                       'align-content',
+                       'align-items',
+                       'align-self',
+                       'flex',
+                       'flex-basis',
+                       'flex-direction',
+                       'flex-flow',
+                       'flex-grow',
+                       'flex-shrink',
+                       'flex-wrap',
+                       'justify-content',
+                       'order',
+
+               // Font feature.
+                       'font-feature-settings',
+                       'font-language-override',
+                       'font-variant-ligatures',
+
+               // Font kerning.
+                       'font-kerning',
+
+               // Fragmented borders and backgrounds.
+                       'box-decoration-break',
+
+               // Grid layout.
+                       'grid-column',
+                       'grid-column-align',
+                       'grid-column-end',
+                       'grid-column-start',
+                       'grid-row',
+                       'grid-row-align',
+                       'grid-row-end',
+                       'grid-row-start',
+                       'grid-template-columns',
+                       'grid-template-rows',
+
+               // Hyphens.
+                       'hyphens',
+                       'word-break',
+
+               // Masks.
+                       'mask',
+                       'mask-border',
+                       'mask-border-outset',
+                       'mask-border-repeat',
+                       'mask-border-slice',
+                       'mask-border-source',
+                       'mask-border-width',
+                       'mask-clip',
+                       'mask-composite',
+                       'mask-image',
+                       'mask-origin',
+                       'mask-position',
+                       'mask-repeat',
+                       'mask-size',
+
+               // Multicolumn.
+                       'break-after',
+                       'break-before',
+                       'break-inside',
+                       'column-count',
+                       'column-fill',
+                       'column-gap',
+                       'column-rule',
+                       'column-rule-color',
+                       'column-rule-style',
+                       'column-rule-width',
+                       'column-span',
+                       'column-width',
+                       'columns',
+
+               // Object fit.
+                       'object-fit',
+                       'object-position',
+
+               // Regions.
+                       'flow-from',
+                       'flow-into',
+                       'region-fragment',
+
+               // Scroll snap points.
+                       'scroll-snap-coordinate',
+                       'scroll-snap-destination',
+                       'scroll-snap-points-x',
+                       'scroll-snap-points-y',
+                       'scroll-snap-type',
+
+               // Shapes.
+                       'shape-image-threshold',
+                       'shape-margin',
+                       'shape-outside',
+
+               // Tab size.
+                       'tab-size',
+
+               // Text align last.
+                       'text-align-last',
+
+               // Text decoration.
+                       'text-decoration-color',
+                       'text-decoration-line',
+                       'text-decoration-skip',
+                       'text-decoration-style',
+
+               // Text emphasis.
+                       'text-emphasis',
+                       'text-emphasis-color',
+                       'text-emphasis-position',
+                       'text-emphasis-style',
+
+               // Text size adjust.
+                       'text-size-adjust',
+
+               // Text spacing.
+                       'text-spacing',
+
+               // Transform.
+                       'transform',
+                       'transform-origin',
+
+               // Transform 3D.
+                       'backface-visibility',
+                       'perspective',
+                       'perspective-origin',
+                       'transform-style',
+
+               // Transition.
+                       'transition',
+                       'transition-delay',
+                       'transition-duration',
+                       'transition-property',
+                       'transition-timing-function',
+
+               // Unicode bidi.
+                       'unicode-bidi',
+
+               // User select.
+                       'user-select',
+
+               // Writing mode.
+                       'writing-mode',
+
+       );
+
+       /// Values that should be vendorized.
+       /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
+       /// @var {list}
+       $vendor-values: (
+
+               // Cross fade.
+                       'cross-fade',
+
+               // Element function.
+                       'element',
+
+               // Filter function.
+                       'filter',
+
+               // Flexbox.
+                       'flex',
+                       'inline-flex',
+
+               // Grab cursors.
+                       'grab',
+                       'grabbing',
+
+               // Gradients.
+                       'linear-gradient',
+                       'repeating-linear-gradient',
+                       'radial-gradient',
+                       'repeating-radial-gradient',
+
+               // Grid layout.
+                       'grid',
+                       'inline-grid',
+
+               // Image set.
+                       'image-set',
+
+               // Intrinsic width.
+                       'max-content',
+                       'min-content',
+                       'fit-content',
+                       'fill',
+                       'fill-available',
+                       'stretch',
+
+               // Sticky position.
+                       'sticky',
+
+               // Transform.
+                       'transform',
+
+               // Zoom cursors.
+                       'zoom-in',
+                       'zoom-out',
+
+       );
+
+// Functions.
+
+       /// Removes a specific item from a list.
+       /// @author Hugo Giraudel
+       /// @param {list} $list List.
+       /// @param {integer} $index Index.
+       /// @return {list} Updated list.
+       @function remove-nth($list, $index) {
+
+               $result: null;
+
+               @if type-of($index) != number {
+                       @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+               }
+               @else if $index == 0 {
+                       @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+               }
+               @else if abs($index) > length($list) {
+                       @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+               }
+               @else {
+
+                       $result: ();
+                       $index: if($index < 0, length($list) + $index + 1, $index);
+
+                       @for $i from 1 through length($list) {
+
+                               @if $i != $index {
+                                       $result: append($result, nth($list, $i));
+                               }
+
+                       }
+
+               }
+
+               @return $result;
+
+       }
+
+       /// Replaces a substring within another string.
+       /// @author Hugo Giraudel
+       /// @param {string} $string String.
+       /// @param {string} $search Substring.
+       /// @param {string} $replace Replacement.
+       /// @return {string} Updated string.
+       @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;
+
+       }
+
+       /// Replaces a substring within each string in a list.
+       /// @param {list} $strings List of strings.
+       /// @param {string} $search Substring.
+       /// @param {string} $replace Replacement.
+       /// @return {list} Updated list of strings.
+       @function str-replace-all($strings, $search, $replace: '') {
+
+               @each $string in $strings {
+                       $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+               }
+
+               @return $strings;
+
+       }
+
+// Mixins.
+
+       /// Wraps @content in vendorized keyframe blocks.
+       /// @param {string} $name Name.
+       @mixin keyframes($name) {
+
+               @-moz-keyframes #{$name} { @content; }
+               @-webkit-keyframes #{$name} { @content; }
+               @-ms-keyframes #{$name} { @content; }
+               @keyframes #{$name} { @content; }
+
+       }
+
+       /// Vendorizes a declaration's property and/or value(s).
+       /// @param {string} $property Property.
+       /// @param {mixed} $value String/list of value(s).
+       @mixin vendor($property, $value) {
+
+               // Determine if property should expand.
+                       $expandProperty: index($vendor-properties, $property);
+
+               // Determine if value should expand (and if so, add '-prefix-' placeholder).
+                       $expandValue: false;
+
+                       @each $x in $value {
+                               @each $y in $vendor-values {
+                                       @if $y == str-slice($x, 1, str-length($y)) {
+
+                                               $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+                                               $expandValue: true;
+
+                                       }
+                               }
+                       }
+
+               // Expand property?
+                       @if $expandProperty {
+                           @each $vendor in $vendor-prefixes {
+                               #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+                           }
+                       }
+
+               // Expand just the value?
+                       @elseif $expandValue {
+                           @each $vendor in $vendor-prefixes {
+                               #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+                           }
+                       }
+
+               // Neither? Treat them as a normal declaration.
+                       @else {
+                       #{$property}: #{$value};
+                       }
+
+       }
\ No newline at end of file
index 19cf9a2..7567f9a 100644 (file)
-// various imports for our styling
-
-// BOURBON 
-@import "bourbon/bourbon";
-
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/my-mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+@import 'libs/html-grid';
 // MY COLOR DEFINITIONS
 @import "colors";
-
 // GOOGLE FONTS
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
 
-html {
-       margin: 0;
-       padding: 0;
-       font-family: 'Montserrat', sans-serif;
-       color: $dark-grey;
-       a {
-               color: $dark-accent;
-               text-decoration: none;
-               &:visited {
-                       color: $light-accent;
-               }
-               &:hover {
-                       color: $dark-orange;
-               }
-       }
+// Breakpoints.
 
-       body {
-               background-color: $base-bg;
-               margin: 0;
-               padding: 0;
+       @include breakpoints((
+               xlarge:    (1281px,   1680px   ),
+               large:     (981px,    1280px   ),
+               medium:    (737px,    980px    ),
+               small:     (481px,    736px    ),
+               xsmall:    (361px,    480px    ),
+               xxsmall:   (null,     360px    )
+       ));
 
-               div#page {
-                       header#masthead,
-                       footer#colophon {
-                               color: $base-bg;
-                               background-color: $dark-grey;
-                               margin: 0;
-                               padding: 1em;
-                       }
-                       header#masthead {
-                               h1.site-title {
-                                       font-size: 5em;
-                                       font-weight: 200;
-                                       margin: 0;
-                                       padding: 0;
-                                       a {
-                                               color: $dark-orange;
-                                       }
-                               }
-                       }
-                       footer#colophon {
-                               div#social-menu {
-                                       ul.social-links {
-                                               margin: 0;
-                                               padding: 0;
-                                               li {
-                                                       display: inline-block;
-                                               }
-                                       }
-                               }
-                       }
-                       div#content {
-                               line-height: 1.5;
-                               font-weight: 400;
-                               padding: 1em 3em;
-                               div#secondary {
-                                       div#home-social-links {
-                                               ul.social-links-list {
-                                                       list-style: none;
-                                                       li {
-                                                               display: inline-block;
-                                                               float: none;
-                                                               text-align: center;
-                                                               a {
-                                                                       color: $dark-orange;
-                                                                       &:hover {
-                                                                               color: shade($dark-orange, 40%);
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                       }
-                               }
+
+// Mixins.
+
+       @mixin inner {
+               > .inner {
+                       @include padding(4em, 0);
+                       margin: 0 auto;
+                       max-width: _size(inner);
+                       width: calc(100% - 6em);
+
+                       @include breakpoint('<=small') {
+                               @include padding(3em, 0);
+                               width: calc(100% - 3em);
                        }
                }
        }
-}
-ul {
-       list-style: none;
-}
-.screen-reader-text,
-.hidden {
-       @include hide-visually;
-}
-pre {
-       margin: 1em;
-       padding: 0.7em;
-       max-width: 90vw;
-       background-color: $light-grey;
-       color: $light-orange;
-       font-size: 1.4em;
-       font-family: 'Red Hat Mono', monospace;
-}
-div#backtotop {
-       color: $light-orange !important;
-       & a {
-               position: fixed;
-               right: 2em;
-               bottom: 2em;
-               border-radius: 100%;
-               background-color: $dark-orange;
-               padding: 0.5rem;
-               border: none;
-               cursor: pointer;
-               display: block;
-               width: 3em;
-               height: 3em;
-               color: $dark-grey;
-       }
-}
-.inline-svg {
-       display: inline-block;
-       height: 3em;
-       width: 3em;
-       margin-right: 1em;
-       top: 0.15em;
-       position: relative;
-}
+
+// Base.
+
+       @import 'base/reset';
+       @import 'base/page';
+       @import 'base/typography';
+
+// Component.
+
+       @import 'components/row';
+       @import 'components/section';
+       @import 'components/form';
+       @import 'components/box';
+       @import 'components/icon';
+       @import 'components/image';
+       @import 'components/list';
+       @import 'components/actions';
+       @import 'components/icons';
+       @import 'components/pagination';
+       @import 'components/table';
+       @import 'components/button';
+       @import 'components/tiles';
+       @import 'components/contact-method';
+       @import 'components/spotlights';
+
+// Layout.
+
+       @import 'layout/header';
+       @import 'layout/banner';
+       @import 'layout/main';
+       @import 'layout/contact';
+       @import 'layout/footer';
+       @import 'layout/wrapper';
+       @import 'layout/menu';
diff --git a/assets/sass/main.scss.old b/assets/sass/main.scss.old
new file mode 100644 (file)
index 0000000..19cf9a2
--- /dev/null
@@ -0,0 +1,129 @@
+// various imports for our styling
+
+// BOURBON 
+@import "bourbon/bourbon";
+
+// MY COLOR DEFINITIONS
+@import "colors";
+
+// GOOGLE FONTS
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
+
+html {
+       margin: 0;
+       padding: 0;
+       font-family: 'Montserrat', sans-serif;
+       color: $dark-grey;
+       a {
+               color: $dark-accent;
+               text-decoration: none;
+               &:visited {
+                       color: $light-accent;
+               }
+               &:hover {
+                       color: $dark-orange;
+               }
+       }
+
+       body {
+               background-color: $base-bg;
+               margin: 0;
+               padding: 0;
+
+               div#page {
+                       header#masthead,
+                       footer#colophon {
+                               color: $base-bg;
+                               background-color: $dark-grey;
+                               margin: 0;
+                               padding: 1em;
+                       }
+                       header#masthead {
+                               h1.site-title {
+                                       font-size: 5em;
+                                       font-weight: 200;
+                                       margin: 0;
+                                       padding: 0;
+                                       a {
+                                               color: $dark-orange;
+                                       }
+                               }
+                       }
+                       footer#colophon {
+                               div#social-menu {
+                                       ul.social-links {
+                                               margin: 0;
+                                               padding: 0;
+                                               li {
+                                                       display: inline-block;
+                                               }
+                                       }
+                               }
+                       }
+                       div#content {
+                               line-height: 1.5;
+                               font-weight: 400;
+                               padding: 1em 3em;
+                               div#secondary {
+                                       div#home-social-links {
+                                               ul.social-links-list {
+                                                       list-style: none;
+                                                       li {
+                                                               display: inline-block;
+                                                               float: none;
+                                                               text-align: center;
+                                                               a {
+                                                                       color: $dark-orange;
+                                                                       &:hover {
+                                                                               color: shade($dark-orange, 40%);
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       }
+                               }
+                       }
+               }
+       }
+}
+ul {
+       list-style: none;
+}
+.screen-reader-text,
+.hidden {
+       @include hide-visually;
+}
+pre {
+       margin: 1em;
+       padding: 0.7em;
+       max-width: 90vw;
+       background-color: $light-grey;
+       color: $light-orange;
+       font-size: 1.4em;
+       font-family: 'Red Hat Mono', monospace;
+}
+div#backtotop {
+       color: $light-orange !important;
+       & a {
+               position: fixed;
+               right: 2em;
+               bottom: 2em;
+               border-radius: 100%;
+               background-color: $dark-orange;
+               padding: 0.5rem;
+               border: none;
+               cursor: pointer;
+               display: block;
+               width: 3em;
+               height: 3em;
+               color: $dark-grey;
+       }
+}
+.inline-svg {
+       display: inline-block;
+       height: 3em;
+       width: 3em;
+       margin-right: 1em;
+       top: 0.15em;
+       position: relative;
+}
diff --git a/assets/sass/noscript.scss b/assets/sass/noscript.scss
new file mode 100644 (file)
index 0000000..fddbf7e
--- /dev/null
@@ -0,0 +1,28 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+@import 'libs/html-grid';
+
+/*
+       Forty by HTML5 UP
+       html5up.net | @ajlkn
+       Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Banner */
+
+       #banner {
+               body.is-preload & {
+                       &:after {
+                               opacity: 0.85;
+                       }
+
+                       > .inner {
+                               @include vendor('filter', 'none');
+                               @include vendor('transform', 'none');
+                               opacity: 1;
+                       }
+               }
+       }
\ No newline at end of file
index 6889e6f..62fc743 100644 (file)
@@ -1,21 +1,33 @@
 <!DOCTYPE html>
 <html lang="{{ $.Site.LanguageCode | default "en" }}">
        {{- partial "head.html" . -}}
-       <body class="homepage home">
-               <div id="page">
-                       <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+       <body class="homepage home is-preload">
+               <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+               <div id="wrapper">
                        {{- partial "header.html" . -}}
-                       <div id="content" class="site-content">
-                               <div id="primary" class="content-area">
-                                       <main id="main" class="site-main">
-                                               {{- block "home-main" . }}{{- end }}
-                                       </main>
+                       <section id="banner" class="major">
+                               <div class="inner">
+                                       <header class="major">
+                                               <h1>{{ .Site.Title }}</h1>
+                                       </header>
+                                       <div class="content">
+                                               <p>{{ .Site.Params.Description }}</p>
+                                               <ul class="actions">
+                                                       <li><a href="#one" class="button next scrolly">Let's go!!</a></li>
+                                               </ul>
+                                       </div>
                                </div>
-                               <div id="secondary" class="home-links">
+                       </section>
+                       <div id="main">
+                               <section id="one">
+                                       {{- block "home-main" . }}{{- end }}
+                               </section>
+                               <section id="two">
                                        {{ partial "home-social-links.html" . }}
-                               </div>
+                               </section>
                        </div>
                        {{- partial "footer.html" . -}}
                </div>
+               {{- partial "footer-addition.html" . -}}
        </body>
 </html>
index 3ea6fd5..48fb5fd 100644 (file)
@@ -1,7 +1,7 @@
 {{ define "home-main" }}
-<article class="post">
-       <div id="home-content">
-               {{ .Content }}
+<article>
+       <div class="inner">
+               <p>{{ .Content }}</p>
        </div>
 </article>
 {{ end }}
index c4b423d..f3beae8 100644 (file)
@@ -1,18 +1,28 @@
 <!DOCTYPE html>
 <html lang="{{ $.Site.LanguageCode | default "en" }}">
        {{- partial "head.html" . -}}
-       <body class="page home">
-               <div id="page">
-                       <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+       <body class="blog is-preload">
+               <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+               <div id="wrapper">
                        {{- partial "header.html" . -}}
-                       <div id="content" class="site-content">
-                               <div id="primary" class="content-area">
-                                       <main id="main" class="site-main">
-                                               {{- block "page-main" . }}{{- end }}
-                                       </main>
+                       <section id="banner" class="major">
+                               <div class="inner">
+                                       <header class="major">
+                                               <h1>{{ .Site.Title }}</h1>
+                                       </header>
+                                       <div class="content">
+                                               <p>{{ .Site.Params.Description }}</p>
+                                               <ul class="actions">
+                                                       <li><a href="#one" class="button next scrolly">Let's go!!</a></li>
+                                               </ul>
+                                       </div>
                                </div>
+                       </section>
+                       <div id="main">
+                               {{- block "list-main" . }}{{- end }}
                        </div>
                        {{- partial "footer.html" . -}}
                </div>
+               {{- partial "footer-addition.html" . -}}
        </body>
 </html>
index e475272..23d4372 100644 (file)
@@ -1,7 +1,7 @@
-{{ define "page-main" }}
-<article class="single-page">
-       <div id="page-content">
-               {{ .Content }}
+{{ define "list-main" }}
+<article>
+       <div class="inner">
+               <p>{{ .Content }}</p>
        </div>
 </article>
 {{ end }}
index c4b423d..8fbe887 100644 (file)
@@ -1,18 +1,15 @@
 <!DOCTYPE html>
 <html lang="{{ $.Site.LanguageCode | default "en" }}">
        {{- partial "head.html" . -}}
-       <body class="page home">
-               <div id="page">
-                       <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+       <body class="page is-preload">
+               <a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
+               <div id="wrapper">
                        {{- partial "header.html" . -}}
-                       <div id="content" class="site-content">
-                               <div id="primary" class="content-area">
-                                       <main id="main" class="site-main">
-                                               {{- block "page-main" . }}{{- end }}
-                                       </main>
-                               </div>
+                       <div id="main">
+                               {{- block "page-main" . }}{{- end }}
                        </div>
                        {{- partial "footer.html" . -}}
                </div>
+               {{- partial "footer-addition.html" . -}}
        </body>
 </html>
index e475272..7873618 100644 (file)
@@ -1,7 +1,7 @@
 {{ define "page-main" }}
-<article class="single-page">
-       <div id="page-content">
-               {{ .Content }}
+<article>
+       <div class="inner">
+               <p>{{ .Content }}</p>
        </div>
 </article>
 {{ end }}
index 5f8396c..3bba698 100644 (file)
@@ -1,5 +1,15 @@
 <!-- here will appear eventual js code and other additions to the footer -->
 <div id="backtotop">
        {{$name := "arrow-up"}}
-       <a href="#top">{{ partial "funcs/svg.html" (dict "context" . "username" $name) }}<span class="screen-reader-text">back to top</span></a>
+       <a class="scrolly" href="#main">{{ partial "funcs/svg.html" (dict "context" . "username" $name) }}<span class="screen-reader-text">back to top</span></a>
 </div>
+<!-- Scripts -->
+
+<script type="text/javascript" src="{{ "js/jquery.min.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/jquery.scrolly.min.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/jquery.scrollex.min.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/browser.min.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/breakpoints.min.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/util.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/main.js" | absURL }}"></script>
+
index 5738379..0be512e 100644 (file)
@@ -8,6 +8,5 @@
                        <li><a href="{{ ref . "legal" }}">Privacy Policy</a></li>
                </ul>
        </div>
-       {{- partial "footer-addition.html" . -}}
        {{- partial "funcs/social-menu.html" . -}}
 </footer>
index 16b1a4e..b59ad34 100644 (file)
@@ -1,6 +1,6 @@
 {{ with .Site.Social }}
 <div id="social-menu">
-       <ul class="social-links">
+       <ul class="icons">
                <li class="social-link social-spotify">
                        {{$spotify := "spotify"}}
                        <a href="https://spotify.com/{{ .spotify }}" target="_blank">{{ partial "funcs/svg.html" (dict "context" . "username" $spotify) }}</a>
index 555e229..55ec660 100644 (file)
@@ -1,11 +1,10 @@
-<header id="masthead" class="site-header">
-       <div class="site-branding">
-               <h1 class="site-title">
-                       <a href="{{ .Site.BaseURL }}" rel="home">{{ .Site.Title }}</a>
-               </h1>
-               <p class="site-description">{{ .Site.Params.Description }}</p>
-       </div>
-       {{ if isset .Site.Menus "main" }}
-               {{- partial "main-menu.html" . -}}
-       {{ end }}
+<header id="header" class="alt">
+       <a href="{{ .Site.BaseURL }}" rel="home" class="logo"><strong>{{ slicestr .Site.Title 0 5 }}</strong><span>{{ slicestr .Site.Title 5 }}</span></a>
+       <nav>
+               <a href="#menu">Menu</a>
+       </nav>
 </header>
+
+{{ if isset .Site.Menus "main" }}
+       {{- partial "main-menu.html" . -}}
+{{ end }}
index b35d32c..1a46df7 100644 (file)
@@ -1,6 +1,8 @@
-<div id="home-social-links">
-       <h3 class="screen-reader-text social-links-title">my socials</h3>
-       <ul class="social-links-list">
+<div class="inner">
+       <header class="major">
+               <h3 class="screen-reader-text social-links-title">my socials</h3>
+       </header>
+       <ul class="social-sites">
                {{ range site.Data.socials.sites | shuffle }}
                        <li>
                                {{$name := .name}}
index 207d05f..573f030 100644 (file)
@@ -1,21 +1,23 @@
-<ul>
-    {{ $currentPage := . }}
-    {{ range .Site.Menus.main }}
-        {{ if .HasChildren }}
-            <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
-                <a href="#">{{ .Pre }} <span>{{ .Name }}</span></a>
-            </li>
-            <ul class="sub-menu">
-                {{ range .Children }}
-                <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
-                    <a href="{{ .URL }}">{{ .Name }}</a>
+<nav id="menu">
+    <ul class="links">
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+            {{ if .HasChildren }}
+                <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
+                    <a href="#">{{ .Pre }} <span>{{ .Name }}</span></a>
                 </li>
-                {{ end }}
-            </ul>
-        {{ else }}
-            <li>
-                <a href="{{ .URL }}">{{ .Pre }} <span>{{ .Name }}</span></a>
-            </li>
+                <ul class="sub-menu">
+                    {{ range .Children }}
+                    <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
+                        <a href="{{ .URL }}">{{ .Name }}</a>
+                    </li>
+                    {{ end }}
+                </ul>
+            {{ else }}
+                <li>
+                    <a href="{{ .URL }}">{{ .Pre }} <span>{{ .Name }}</span></a>
+                </li>
+            {{ end }}
         {{ end }}
-    {{ end }}
-</ul>
+    </ul>
+</nav>
diff --git a/static/bg/rose2.jpg b/static/bg/rose2.jpg
new file mode 100644 (file)
index 0000000..fcc33eb
Binary files /dev/null and b/static/bg/rose2.jpg differ
diff --git a/static/js/breakpoints.min.js b/static/js/breakpoints.min.js
new file mode 100644 (file)
index 0000000..32419cc
--- /dev/null
@@ -0,0 +1,2 @@
+/* breakpoints.js v1.0 | @ajlkn | MIT licensed */\r
+var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});
diff --git a/static/js/browser.min.js b/static/js/browser.min.js
new file mode 100644 (file)
index 0000000..39c5ddc
--- /dev/null
@@ -0,0 +1,2 @@
+/* browser.js v1.0.1 | @ajlkn | MIT licensed */\r
+var browser=function(){"use strict";var t={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,r=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+r in n||"Webkit"+r in n||"O"+r in n||"ms"+r in n},init:function(){for(var e=navigator.userAgent,n="other",r=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],o=0;o<i.length;o++)if(e.match(i[o][1])){n=i[o][0],r=parseFloat(RegExp.$1);break}for(t.name=n,t.version=r,n="other",i=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],o=r=0;o<i.length;o++)if(e.match(i[o][1])){n=i[o][0],r=parseFloat(i[o][2]?i[o][2](RegExp.$1):RegExp.$1);break}"mac"==n&&"ontouchstart"in window&&(1024==screen.width&&1366==screen.height||834==screen.width&&1112==screen.height||810==screen.width&&1080==screen.height||768==screen.width&&1024==screen.height)&&(n="ios"),t.os=n,t.osVersion=r,t.touch="wp"==t.os?0<navigator.msMaxTouchPoints:!!("ontouchstart"in window),t.mobile="wp"==t.os||"android"==t.os||"ios"==t.os||"bb"==t.os}};return t.init(),t}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});
diff --git a/static/js/jquery.min.js b/static/js/jquery.min.js
new file mode 100644 (file)
index 0000000..c4c6022
--- /dev/null
@@ -0,0 +1,2 @@
+/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
diff --git a/static/js/jquery.scrollex.min.js b/static/js/jquery.scrollex.min.js
new file mode 100644 (file)
index 0000000..a4727fe
--- /dev/null
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */\r
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
\ No newline at end of file
diff --git a/static/js/jquery.scrolly.min.js b/static/js/jquery.scrolly.min.js
new file mode 100644 (file)
index 0000000..947194e
--- /dev/null
@@ -0,0 +1,2 @@
+/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */\r
+(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644 (file)
index 0000000..1a13dd3
--- /dev/null
@@ -0,0 +1,335 @@
+/*\r
+       Forty by HTML5 UP\r
+       html5up.net | @ajlkn\r
+       Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+*/\r
+\r
+(function($) {\r
+\r
+       var     $window = $(window),\r
+               $body = $('body'),\r
+               $wrapper = $('#wrapper'),\r
+               $header = $('#header'),\r
+               $banner = $('#banner');\r
+\r
+       // Breakpoints.\r
+               breakpoints({\r
+                       xlarge:    ['1281px',   '1680px'   ],\r
+                       large:     ['981px',    '1280px'   ],\r
+                       medium:    ['737px',    '980px'    ],\r
+                       small:     ['481px',    '736px'    ],\r
+                       xsmall:    ['361px',    '480px'    ],\r
+                       xxsmall:   [null,       '360px'    ]\r
+               });\r
+\r
+       /**\r
+        * Applies parallax scrolling to an element's background image.\r
+        * @return {jQuery} jQuery object.\r
+        */\r
+       $.fn._parallax = (browser.name == 'ie' || browser.name == 'edge' || browser.mobile) ? function() { return $(this) } : function(intensity) {\r
+\r
+               var     $window = $(window),\r
+                       $this = $(this);\r
+\r
+               if (this.length == 0 || intensity === 0)\r
+                       return $this;\r
+\r
+               if (this.length > 1) {\r
+\r
+                       for (var i=0; i < this.length; i++)\r
+                               $(this[i])._parallax(intensity);\r
+\r
+                       return $this;\r
+\r
+               }\r
+\r
+               if (!intensity)\r
+                       intensity = 0.25;\r
+\r
+               $this.each(function() {\r
+\r
+                       var $t = $(this),\r
+                               on, off;\r
+\r
+                       on = function() {\r
+\r
+                               $t.css('background-position', 'center 100%, center 100%, center 0px');\r
+\r
+                               $window\r
+                                       .on('scroll._parallax', function() {\r
+\r
+                                               var pos = parseInt($window.scrollTop()) - parseInt($t.position().top);\r
+\r
+                                               $t.css('background-position', 'center ' + (pos * (-1 * intensity)) + 'px');\r
+\r
+                                       });\r
+\r
+                       };\r
+\r
+                       off = function() {\r
+\r
+                               $t\r
+                                       .css('background-position', '');\r
+\r
+                               $window\r
+                                       .off('scroll._parallax');\r
+\r
+                       };\r
+\r
+                       breakpoints.on('<=medium', off);\r
+                       breakpoints.on('>medium', on);\r
+\r
+               });\r
+\r
+               $window\r
+                       .off('load._parallax resize._parallax')\r
+                       .on('load._parallax resize._parallax', function() {\r
+                               $window.trigger('scroll');\r
+                       });\r
+\r
+               return $(this);\r
+\r
+       };\r
+\r
+       // Play initial animations on page load.\r
+               $window.on('load', function() {\r
+                       window.setTimeout(function() {\r
+                               $body.removeClass('is-preload');\r
+                       }, 100);\r
+               });\r
+\r
+       // Clear transitioning state on unload/hide.\r
+               $window.on('unload pagehide', function() {\r
+                       window.setTimeout(function() {\r
+                               $('.is-transitioning').removeClass('is-transitioning');\r
+                       }, 250);\r
+               });\r
+\r
+       // Fix: Enable IE-only tweaks.\r
+               if (browser.name == 'ie' || browser.name == 'edge')\r
+                       $body.addClass('is-ie');\r
+\r
+       // Scrolly.\r
+               $('.scrolly').scrolly({\r
+                       offset: function() {\r
+                               return $header.height() - 2;\r
+                       }\r
+               });\r
+\r
+       // Tiles.\r
+               var $tiles = $('.tiles > article');\r
+\r
+               $tiles.each(function() {\r
+\r
+                       var $this = $(this),\r
+                               $image = $this.find('.image'), $img = $image.find('img'),\r
+                               $link = $this.find('.link'),\r
+                               x;\r
+\r
+                       // Image.\r
+\r
+                               // Set image.\r
+                                       $this.css('background-image', 'url(' + $img.attr('src') + ')');\r
+\r
+                               // Set position.\r
+                                       if (x = $img.data('position'))\r
+                                               $image.css('background-position', x);\r
+\r
+                               // Hide original.\r
+                                       $image.hide();\r
+\r
+                       // Link.\r
+                               if ($link.length > 0) {\r
+\r
+                                       $x = $link.clone()\r
+                                               .text('')\r
+                                               .addClass('primary')\r
+                                               .appendTo($this);\r
+\r
+                                       $link = $link.add($x);\r
+\r
+                                       $link.on('click', function(event) {\r
+\r
+                                               var href = $link.attr('href');\r
+\r
+                                               // Prevent default.\r
+                                                       event.stopPropagation();\r
+                                                       event.preventDefault();\r
+\r
+                                               // Target blank?\r
+                                                       if ($link.attr('target') == '_blank') {\r
+\r
+                                                               // Open in new tab.\r
+                                                                       window.open(href);\r
+\r
+                                                       }\r
+\r
+                                               // Otherwise ...\r
+                                                       else {\r
+\r
+                                                               // Start transitioning.\r
+                                                                       $this.addClass('is-transitioning');\r
+                                                                       $wrapper.addClass('is-transitioning');\r
+\r
+                                                               // Redirect.\r
+                                                                       window.setTimeout(function() {\r
+                                                                               location.href = href;\r
+                                                                       }, 500);\r
+\r
+                                                       }\r
+\r
+                                       });\r
+\r
+                               }\r
+\r
+               });\r
+\r
+       // Header.\r
+               if ($banner.length > 0\r
+               &&      $header.hasClass('alt')) {\r
+\r
+                       $window.on('resize', function() {\r
+                               $window.trigger('scroll');\r
+                       });\r
+\r
+                       $window.on('load', function() {\r
+\r
+                               $banner.scrollex({\r
+                                       bottom:         $header.height() + 10,\r
+                                       terminate:      function() { $header.removeClass('alt'); },\r
+                                       enter:          function() { $header.addClass('alt'); },\r
+                                       leave:          function() { $header.removeClass('alt'); $header.addClass('reveal'); }\r
+                               });\r
+\r
+                               window.setTimeout(function() {\r
+                                       $window.triggerHandler('scroll');\r
+                               }, 100);\r
+\r
+                       });\r
+\r
+               }\r
+\r
+       // Banner.\r
+               $banner.each(function() {\r
+\r
+                       var $this = $(this),\r
+                               $image = $this.find('.image'), $img = $image.find('img');\r
+\r
+                       // Parallax.\r
+                               $this._parallax(0.275);\r
+\r
+                       // Image.\r
+                               if ($image.length > 0) {\r
+\r
+                                       // Set image.\r
+                                               $this.css('background-image', 'url(' + $img.attr('src') + ')');\r
+\r
+                                       // Hide original.\r
+                                               $image.hide();\r
+\r
+                               }\r
+\r
+               });\r
+\r
+       // Menu.\r
+               var $menu = $('#menu'),\r
+                       $menuInner;\r
+\r
+               $menu.wrapInner('<div class="inner"></div>');\r
+               $menuInner = $menu.children('.inner');\r
+               $menu._locked = false;\r
+\r
+               $menu._lock = function() {\r
+\r
+                       if ($menu._locked)\r
+                               return false;\r
+\r
+                       $menu._locked = true;\r
+\r
+                       window.setTimeout(function() {\r
+                               $menu._locked = false;\r
+                       }, 350);\r
+\r
+                       return true;\r
+\r
+               };\r
+\r
+               $menu._show = function() {\r
+\r
+                       if ($menu._lock())\r
+                               $body.addClass('is-menu-visible');\r
+\r
+               };\r
+\r
+               $menu._hide = function() {\r
+\r
+                       if ($menu._lock())\r
+                               $body.removeClass('is-menu-visible');\r
+\r
+               };\r
+\r
+               $menu._toggle = function() {\r
+\r
+                       if ($menu._lock())\r
+                               $body.toggleClass('is-menu-visible');\r
+\r
+               };\r
+\r
+               $menuInner\r
+                       .on('click', function(event) {\r
+                               event.stopPropagation();\r
+                       })\r
+                       .on('click', 'a', function(event) {\r
+\r
+                               var href = $(this).attr('href');\r
+\r
+                               event.preventDefault();\r
+                               event.stopPropagation();\r
+\r
+                               // Hide.\r
+                                       $menu._hide();\r
+\r
+                               // Redirect.\r
+                                       window.setTimeout(function() {\r
+                                               window.location.href = href;\r
+                                       }, 250);\r
+\r
+                       });\r
+\r
+               $menu\r
+                       .appendTo($body)\r
+                       .on('click', function(event) {\r
+\r
+                               event.stopPropagation();\r
+                               event.preventDefault();\r
+\r
+                               $body.removeClass('is-menu-visible');\r
+\r
+                       })\r
+                       .append('<a class="close" href="#menu">Close</a>');\r
+\r
+               $body\r
+                       .on('click', 'a[href="#menu"]', function(event) {\r
+\r
+                               event.stopPropagation();\r
+                               event.preventDefault();\r
+\r
+                               // Toggle.\r
+                                       $menu._toggle();\r
+\r
+                       })\r
+                       .on('click', function(event) {\r
+\r
+                               // Hide.\r
+                                       $menu._hide();\r
+\r
+                       })\r
+                       .on('keydown', function(event) {\r
+\r
+                               // Hide on escape.\r
+                                       if (event.keyCode == 27)\r
+                                               $menu._hide();\r
+\r
+                       });\r
+\r
+})(jQuery);
\ No newline at end of file
diff --git a/static/js/util.js b/static/js/util.js
new file mode 100644 (file)
index 0000000..bdb8e9f
--- /dev/null
@@ -0,0 +1,587 @@
+(function($) {\r
+\r
+       /**\r
+        * Generate an indented list of links from a nav. Meant for use with panel().\r
+        * @return {jQuery} jQuery object.\r
+        */\r
+       $.fn.navList = function() {\r
+\r
+               var     $this = $(this);\r
+                       $a = $this.find('a'),\r
+                       b = [];\r
+\r
+               $a.each(function() {\r
+\r
+                       var     $this = $(this),\r
+                               indent = Math.max(0, $this.parents('li').length - 1),\r
+                               href = $this.attr('href'),\r
+                               target = $this.attr('target');\r
+\r
+                       b.push(\r
+                               '<a ' +\r
+                                       'class="link depth-' + indent + '"' +\r
+                                       ( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +\r
+                                       ( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +\r
+                               '>' +\r
+                                       '<span class="indent-' + indent + '"></span>' +\r
+                                       $this.text() +\r
+                               '</a>'\r
+                       );\r
+\r
+               });\r
+\r
+               return b.join('');\r
+\r
+       };\r
+\r
+       /**\r
+        * Panel-ify an element.\r
+        * @param {object} userConfig User config.\r
+        * @return {jQuery} jQuery object.\r
+        */\r
+       $.fn.panel = function(userConfig) {\r
+\r
+               // No elements?\r
+                       if (this.length == 0)\r
+                               return $this;\r
+\r
+               // Multiple elements?\r
+                       if (this.length > 1) {\r
+\r
+                               for (var i=0; i < this.length; i++)\r
+                                       $(this[i]).panel(userConfig);\r
+\r
+                               return $this;\r
+\r
+                       }\r
+\r
+               // Vars.\r
+                       var     $this = $(this),\r
+                               $body = $('body'),\r
+                               $window = $(window),\r
+                               id = $this.attr('id'),\r
+                               config;\r
+\r
+               // Config.\r
+                       config = $.extend({\r
+\r
+                               // Delay.\r
+                                       delay: 0,\r
+\r
+                               // Hide panel on link click.\r
+                                       hideOnClick: false,\r
+\r
+                               // Hide panel on escape keypress.\r
+                                       hideOnEscape: false,\r
+\r
+                               // Hide panel on swipe.\r
+                                       hideOnSwipe: false,\r
+\r
+                               // Reset scroll position on hide.\r
+                                       resetScroll: false,\r
+\r
+                               // Reset forms on hide.\r
+                                       resetForms: false,\r
+\r
+                               // Side of viewport the panel will appear.\r
+                                       side: null,\r
+\r
+                               // Target element for "class".\r
+                                       target: $this,\r
+\r
+                               // Class to toggle.\r
+                                       visibleClass: 'visible'\r
+\r
+                       }, userConfig);\r
+\r
+                       // Expand "target" if it's not a jQuery object already.\r
+                               if (typeof config.target != 'jQuery')\r
+                                       config.target = $(config.target);\r
+\r
+               // Panel.\r
+\r
+                       // Methods.\r
+                               $this._hide = function(event) {\r
+\r
+                                       // Already hidden? Bail.\r
+                                               if (!config.target.hasClass(config.visibleClass))\r
+                                                       return;\r
+\r
+                                       // If an event was provided, cancel it.\r
+                                               if (event) {\r
+\r
+                                                       event.preventDefault();\r
+                                                       event.stopPropagation();\r
+\r
+                                               }\r
+\r
+                                       // Hide.\r
+                                               config.target.removeClass(config.visibleClass);\r
+\r
+                                       // Post-hide stuff.\r
+                                               window.setTimeout(function() {\r
+\r
+                                                       // Reset scroll position.\r
+                                                               if (config.resetScroll)\r
+                                                                       $this.scrollTop(0);\r
+\r
+                                                       // Reset forms.\r
+                                                               if (config.resetForms)\r
+                                                                       $this.find('form').each(function() {\r
+                                                                               this.reset();\r
+                                                                       });\r
+\r
+                                               }, config.delay);\r
+\r
+                               };\r
+\r
+                       // Vendor fixes.\r
+                               $this\r
+                                       .css('-ms-overflow-style', '-ms-autohiding-scrollbar')\r
+                                       .css('-webkit-overflow-scrolling', 'touch');\r
+\r
+                       // Hide on click.\r
+                               if (config.hideOnClick) {\r
+\r
+                                       $this.find('a')\r
+                                               .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');\r
+\r
+                                       $this\r
+                                               .on('click', 'a', function(event) {\r
+\r
+                                                       var $a = $(this),\r
+                                                               href = $a.attr('href'),\r
+                                                               target = $a.attr('target');\r
+\r
+                                                       if (!href || href == '#' || href == '' || href == '#' + id)\r
+                                                               return;\r
+\r
+                                                       // Cancel original event.\r
+                                                               event.preventDefault();\r
+                                                               event.stopPropagation();\r
+\r
+                                                       // Hide panel.\r
+                                                               $this._hide();\r
+\r
+                                                       // Redirect to href.\r
+                                                               window.setTimeout(function() {\r
+\r
+                                                                       if (target == '_blank')\r
+                                                                               window.open(href);\r
+                                                                       else\r
+                                                                               window.location.href = href;\r
+\r
+                                                               }, config.delay + 10);\r
+\r
+                                               });\r
+\r
+                               }\r
+\r
+                       // Event: Touch stuff.\r
+                               $this.on('touchstart', function(event) {\r
+\r
+                                       $this.touchPosX = event.originalEvent.touches[0].pageX;\r
+                                       $this.touchPosY = event.originalEvent.touches[0].pageY;\r
+\r
+                               })\r
+\r
+                               $this.on('touchmove', function(event) {\r
+\r
+                                       if ($this.touchPosX === null\r
+                                       ||      $this.touchPosY === null)\r
+                                               return;\r
+\r
+                                       var     diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,\r
+                                               diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,\r
+                                               th = $this.outerHeight(),\r
+                                               ts = ($this.get(0).scrollHeight - $this.scrollTop());\r
+\r
+                                       // Hide on swipe?\r
+                                               if (config.hideOnSwipe) {\r
+\r
+                                                       var result = false,\r
+                                                               boundary = 20,\r
+                                                               delta = 50;\r
+\r
+                                                       switch (config.side) {\r
+\r
+                                                               case 'left':\r
+                                                                       result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);\r
+                                                                       break;\r
+\r
+                                                               case 'right':\r
+                                                                       result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));\r
+                                                                       break;\r
+\r
+                                                               case 'top':\r
+                                                                       result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);\r
+                                                                       break;\r
+\r
+                                                               case 'bottom':\r
+                                                                       result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));\r
+                                                                       break;\r
+\r
+                                                               default:\r
+                                                                       break;\r
+\r
+                                                       }\r
+\r
+                                                       if (result) {\r
+\r
+                                                               $this.touchPosX = null;\r
+                                                               $this.touchPosY = null;\r
+                                                               $this._hide();\r
+\r
+                                                               return false;\r
+\r
+                                                       }\r
+\r
+                                               }\r
+\r
+                                       // Prevent vertical scrolling past the top or bottom.\r
+                                               if (($this.scrollTop() < 0 && diffY < 0)\r
+                                               || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {\r
+\r
+                                                       event.preventDefault();\r
+                                                       event.stopPropagation();\r
+\r
+                                               }\r
+\r
+                               });\r
+\r
+                       // Event: Prevent certain events inside the panel from bubbling.\r
+                               $this.on('click touchend touchstart touchmove', function(event) {\r
+                                       event.stopPropagation();\r
+                               });\r
+\r
+                       // Event: Hide panel if a child anchor tag pointing to its ID is clicked.\r
+                               $this.on('click', 'a[href="#' + id + '"]', function(event) {\r
+\r
+                                       event.preventDefault();\r
+                                       event.stopPropagation();\r
+\r
+                                       config.target.removeClass(config.visibleClass);\r
+\r
+                               });\r
+\r
+               // Body.\r
+\r
+                       // Event: Hide panel on body click/tap.\r
+                               $body.on('click touchend', function(event) {\r
+                                       $this._hide(event);\r
+                               });\r
+\r
+                       // Event: Toggle.\r
+                               $body.on('click', 'a[href="#' + id + '"]', function(event) {\r
+\r
+                                       event.preventDefault();\r
+                                       event.stopPropagation();\r
+\r
+                                       config.target.toggleClass(config.visibleClass);\r
+\r
+                               });\r
+\r
+               // Window.\r
+\r
+                       // Event: Hide on ESC.\r
+                               if (config.hideOnEscape)\r
+                                       $window.on('keydown', function(event) {\r
+\r
+                                               if (event.keyCode == 27)\r
+                                                       $this._hide(event);\r
+\r
+                                       });\r
+\r
+               return $this;\r
+\r
+       };\r
+\r
+       /**\r
+        * Apply "placeholder" attribute polyfill to one or more forms.\r
+        * @return {jQuery} jQuery object.\r
+        */\r
+       $.fn.placeholder = function() {\r
+\r
+               // Browser natively supports placeholders? Bail.\r
+                       if (typeof (document.createElement('input')).placeholder != 'undefined')\r
+                               return $(this);\r
+\r
+               // No elements?\r
+                       if (this.length == 0)\r
+                               return $this;\r
+\r
+               // Multiple elements?\r
+                       if (this.length > 1) {\r
+\r
+                               for (var i=0; i < this.length; i++)\r
+                                       $(this[i]).placeholder();\r
+\r
+                               return $this;\r
+\r
+                       }\r
+\r
+               // Vars.\r
+                       var $this = $(this);\r
+\r
+               // Text, TextArea.\r
+                       $this.find('input[type=text],textarea')\r
+                               .each(function() {\r
+\r
+                                       var i = $(this);\r
+\r
+                                       if (i.val() == ''\r
+                                       ||  i.val() == i.attr('placeholder'))\r
+                                               i\r
+                                                       .addClass('polyfill-placeholder')\r
+                                                       .val(i.attr('placeholder'));\r
+\r
+                               })\r
+                               .on('blur', function() {\r
+\r
+                                       var i = $(this);\r
+\r
+                                       if (i.attr('name').match(/-polyfill-field$/))\r
+                                               return;\r
+\r
+                                       if (i.val() == '')\r
+                                               i\r
+                                                       .addClass('polyfill-placeholder')\r
+                                                       .val(i.attr('placeholder'));\r
+\r
+                               })\r
+                               .on('focus', function() {\r
+\r
+                                       var i = $(this);\r
+\r
+                                       if (i.attr('name').match(/-polyfill-field$/))\r
+                                               return;\r
+\r
+                                       if (i.val() == i.attr('placeholder'))\r
+                                               i\r
+                                                       .removeClass('polyfill-placeholder')\r
+                                                       .val('');\r
+\r
+                               });\r
+\r
+               // Password.\r
+                       $this.find('input[type=password]')\r
+                               .each(function() {\r
+\r
+                                       var i = $(this);\r
+                                       var x = $(\r
+                                                               $('<div>')\r
+                                                                       .append(i.clone())\r
+                                                                       .remove()\r
+                                                                       .html()\r
+                                                                       .replace(/type="password"/i, 'type="text"')\r
+                                                                       .replace(/type=password/i, 'type=text')\r
+                                       );\r
+\r
+                                       if (i.attr('id') != '')\r
+                                               x.attr('id', i.attr('id') + '-polyfill-field');\r
+\r
+                                       if (i.attr('name') != '')\r
+                                               x.attr('name', i.attr('name') + '-polyfill-field');\r
+\r
+                                       x.addClass('polyfill-placeholder')\r
+                                               .val(x.attr('placeholder')).insertAfter(i);\r
+\r
+                                       if (i.val() == '')\r
+                                               i.hide();\r
+                                       else\r
+                                               x.hide();\r
+\r
+                                       i\r
+                                               .on('blur', function(event) {\r
+\r
+                                                       event.preventDefault();\r
+\r
+                                                       var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');\r
+\r
+                                                       if (i.val() == '') {\r
+\r
+                                                               i.hide();\r
+                                                               x.show();\r
+\r
+                                                       }\r
+\r
+                                               });\r
+\r
+                                       x\r
+                                               .on('focus', function(event) {\r
+\r
+                                                       event.preventDefault();\r
+\r
+                                                       var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');\r
+\r
+                                                       x.hide();\r
+\r
+                                                       i\r
+                                                               .show()\r
+                                                               .focus();\r
+\r
+                                               })\r
+                                               .on('keypress', function(event) {\r
+\r
+                                                       event.preventDefault();\r
+                                                       x.val('');\r
+\r
+                                               });\r
+\r
+                               });\r
+\r
+               // Events.\r
+                       $this\r
+                               .on('submit', function() {\r
+\r
+                                       $this.find('input[type=text],input[type=password],textarea')\r
+                                               .each(function(event) {\r
+\r
+                                                       var i = $(this);\r
+\r
+                                                       if (i.attr('name').match(/-polyfill-field$/))\r
+                                                               i.attr('name', '');\r
+\r
+                                                       if (i.val() == i.attr('placeholder')) {\r
+\r
+                                                               i.removeClass('polyfill-placeholder');\r
+                                                               i.val('');\r
+\r
+                                                       }\r
+\r
+                                               });\r
+\r
+                               })\r
+                               .on('reset', function(event) {\r
+\r
+                                       event.preventDefault();\r
+\r
+                                       $this.find('select')\r
+                                               .val($('option:first').val());\r
+\r
+                                       $this.find('input,textarea')\r
+                                               .each(function() {\r
+\r
+                                                       var i = $(this),\r
+                                                               x;\r
+\r
+                                                       i.removeClass('polyfill-placeholder');\r
+\r
+                                                       switch (this.type) {\r
+\r
+                                                               case 'submit':\r
+                                                               case 'reset':\r
+                                                                       break;\r
+\r
+                                                               case 'password':\r
+                                                                       i.val(i.attr('defaultValue'));\r
+\r
+                                                                       x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');\r
+\r
+                                                                       if (i.val() == '') {\r
+                                                                               i.hide();\r
+                                                                               x.show();\r
+                                                                       }\r
+                                                                       else {\r
+                                                                               i.show();\r
+                                                                               x.hide();\r
+                                                                       }\r
+\r
+                                                                       break;\r
+\r
+                                                               case 'checkbox':\r
+                                                               case 'radio':\r
+                                                                       i.attr('checked', i.attr('defaultValue'));\r
+                                                                       break;\r
+\r
+                                                               case 'text':\r
+                                                               case 'textarea':\r
+                                                                       i.val(i.attr('defaultValue'));\r
+\r
+                                                                       if (i.val() == '') {\r
+                                                                               i.addClass('polyfill-placeholder');\r
+                                                                               i.val(i.attr('placeholder'));\r
+                                                                       }\r
+\r
+                                                                       break;\r
+\r
+                                                               default:\r
+                                                                       i.val(i.attr('defaultValue'));\r
+                                                                       break;\r
+\r
+                                                       }\r
+                                               });\r
+\r
+                               });\r
+\r
+               return $this;\r
+\r
+       };\r
+\r
+       /**\r
+        * Moves elements to/from the first positions of their respective parents.\r
+        * @param {jQuery} $elements Elements (or selector) to move.\r
+        * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.\r
+        */\r
+       $.prioritize = function($elements, condition) {\r
+\r
+               var key = '__prioritize';\r
+\r
+               // Expand $elements if it's not already a jQuery object.\r
+                       if (typeof $elements != 'jQuery')\r
+                               $elements = $($elements);\r
+\r
+               // Step through elements.\r
+                       $elements.each(function() {\r
+\r
+                               var     $e = $(this), $p,\r
+                                       $parent = $e.parent();\r
+\r
+                               // No parent? Bail.\r
+                                       if ($parent.length == 0)\r
+                                               return;\r
+\r
+                               // Not moved? Move it.\r
+                                       if (!$e.data(key)) {\r
+\r
+                                               // Condition is false? Bail.\r
+                                                       if (!condition)\r
+                                                               return;\r
+\r
+                                               // Get placeholder (which will serve as our point of reference for when this element needs to move back).\r
+                                                       $p = $e.prev();\r
+\r
+                                                       // Couldn't find anything? Means this element's already at the top, so bail.\r
+                                                               if ($p.length == 0)\r
+                                                                       return;\r
+\r
+                                               // Move element to top of parent.\r
+                                                       $e.prependTo($parent);\r
+\r
+                                               // Mark element as moved.\r
+                                                       $e.data(key, $p);\r
+\r
+                                       }\r
+\r
+                               // Moved already?\r
+                                       else {\r
+\r
+                                               // Condition is true? Bail.\r
+                                                       if (condition)\r
+                                                               return;\r
+\r
+                                               $p = $e.data(key);\r
+\r
+                                               // Move element back to its original location (using our placeholder).\r
+                                                       $e.insertAfter($p);\r
+\r
+                                               // Unmark element as moved.\r
+                                                       $e.removeData(key);\r
+\r
+                                       }\r
+\r
+                       });\r
+\r
+       };\r
+\r
+})(jQuery);
\ No newline at end of file