From 49455b6425c4a641a837be70755f7d712b387237 Mon Sep 17 00:00:00 2001 From: rdrew Date: Mon, 15 Oct 2018 13:19:27 -0300 Subject: [PATCH] article layout --- css/style.css | 104 ++++++++++++++++++++++++++++++++--- gulpfile.js | 3 + js/js.js | 10 ++++ package-lock.json | 6 ++ package.json | 1 + src/js/js.js | 10 ++++ src/scss/_article-pages.scss | 45 +++++++++++++++ src/scss/_toc.scss | 61 ++++++++++++++++++++ src/scss/_variables.scss | 7 +++ src/scss/style.scss | 3 + 10 files changed, 242 insertions(+), 8 deletions(-) create mode 100644 src/scss/_toc.scss create mode 100644 src/scss/_variables.scss diff --git a/css/style.css b/css/style.css index d875d52..b6dbe3c 100644 --- a/css/style.css +++ b/css/style.css @@ -42,13 +42,14 @@ margin-left: initial; margin-right: initial; float: left; } - .node--type-journal-article .field--name-body figure img { - border: 1px solid #ccc; - padding: 4px; - width: 200px; - float: left; - margin-right: 1rem; - margin-top: 1rem; } + +.node--type-journal-article .field--name-body figure img { + border: 1px solid #ccc; + padding: 4px; + width: 200px; + float: left; + margin-right: 1rem; + margin-top: 1rem; } .node--type-journal-article a[id^="footnote"] { border: 1px solid #5d5d5d; @@ -60,6 +61,41 @@ font-size: 1.1rem; vertical-align: super; } +header.article-header { + background: #e6e6e6; + padding: 1rem; } + +.article-header--metadata { + display: flex; + justify-content: space-between; } + +.article-header--metadata .left, .article-header--metadata .right { + flex-direction: column; + align-items: flex-end; } + +.article-header--metadata .right { + justify-content: flex-end; + text-align: right; } + +.article--contributor { + font-size: 27px; + font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; + font-weight: bold; + font-style: italic; } + +.article--contributor__affiliation { + font-size: 18px; + text-transform: uppercase; } + +.article--type { + font-size: 18px; + text-transform: uppercase; } + +.article--date-published { + font-size: 18px; + text-transform: uppercase; + margin-top: 6px; } + /* popup container */ .popup { position: relative; @@ -92,6 +128,58 @@ font-style: italic; color: #909090; } +.toc { + position: -webkit-sticky; + /* Safari */ + position: sticky; + top: 0; } + +@media (min-width: 992px) { + .toc-block--mobile { + display: none; } } + +.toc-block--wide .toc--title[aria-expanded='true'] h2::after { + content: '\f068'; } + +.toc-block--wide .toc--title[aria-expanded='false'] h2::after { + content: '\f067'; } + +.toc-block--wide .toc--title h2::after { + font-family: 'FontAwesome'; + position: absolute; + right: 0; + font-weight: 400; + line-height: 20px; + font-size: 2rem; + background: #ccc; + padding: 10px; } + +.toc-block--wide .toc--title h2 { + border: 1px dotted #ccc; + padding: 0px; + padding-left: 10px; + line-height: 40px; + margin-bottom: 0px; + background: #f5f3f3; } + +.toc-block--wide .toc--list { + border: 1px dotted #ccc; + border-top: 0px; } + +.region-sidebar-second { + height: 1000px; } + +.toc-block--wide { + position: -webkit-sticky; + /* Safari */ + position: sticky; + top: 300px; + display: none; } + +@media (min-width: 992px) { + .toc-block--wide { + display: block; } } + /*on-scroll menu */ .fixed-header-enabled.onscroll .header-container ul.menu { text-align: right; } @@ -174,4 +262,4 @@ details#journal-article-text-tab img, .site-name { font-size: 12rem; } -/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5zY3NzIiwiX2xwLXByZXZpZXctZ3JpZC5zY3NzIiwiX2xwLWhlcm8uc2NzcyIsIl9hcnRpY2xlLXBhZ2VzLnNjc3MiLCJfdG9vbHRpcHMuc2NzcyIsIl9tZW51cy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vaW1wb3J0c1xuQGltcG9ydCAnbHAtcHJldmlldy1ncmlkJztcbkBpbXBvcnQgJ2xwLWhlcm8nO1xuQGltcG9ydCAnYXJ0aWNsZS1wYWdlcyc7XG5AaW1wb3J0ICd0b29sdGlwcyc7XG5AaW1wb3J0ICdtZW51cyc7XG5cbi8qb24tc2Nyb2xsIG1lbnUgKi9cbi5maXhlZC1oZWFkZXItZW5hYmxlZC5vbnNjcm9sbCAuaGVhZGVyLWNvbnRhaW5lciB1bC5tZW51IHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cblxuXG5cbi8qPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblxuLypjaGFuZ2UgaGVhZGVyIHRpdGxlIGZvbnRzaXplKi9cbi5jb2wtbWQtMTIgLnNpdGUtbmFtZSBhIHtcbiAgZm9udC1zaXplOiA0MHB4O1xufVxuXG4uaGVhZGVyLXRvcF9fY29udGFpbmVyIHtcbiAgcGFkZGluZzogNjBweCAwIDU1cHg7XG59XG5cbi8qY2hhbmdlIHBhZGRpbmcgYWJvdmUgY29udGVudCovXG4ubWFpbi1jb250ZW50X19zZWN0aW9uLCAuc2lkZWJhcl9fc2VjdGlvbiB7XG4gIHBhZGRpbmc6IDYwcHggMCA3MHB4O1xufVxuXG5cbi8qbW9kaWZ5IGlzc3VlIGluZm8gb24gbGFuZGluZyBwYWdlKi9cbi5wYXRoLWZyb250cGFnZSAubGF5b3V0LmxheW91dC0tdHdvY29sLWJyaWNrcyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmb250LXNpemU6IDEuOHJlbTtcbn1cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSA+ICoge1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gIGRpc3BsYXk6ZmxleDtcbn1cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSA+IC5ibG9jay1lbnRpdHktZmllbGRub2RldGl0bGU6OmFmdGVye1xuICBjb250ZW50OiBcIixcIjtcbn1cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSA+IC5ibG9jay1lbnRpdHktZmllbGRub2RlZmllbGQtaXNzdWUteWVhcjo6YWZ0ZXJ7XG4gIGNvbnRlbnQ6IFwiLFwiO1xufVxuXG5cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSAuZmllbGQtLW5hbWUtZmllbGQtaXNzdWUtbnVtYmVyIHtcbiAgZGlzcGxheTpmbGV4O1xufVxuXG4vKnR3ZWFrIGltYWdlcyBhZGRlZCB0byBhcnRpY2xlcyovXG5kZXRhaWxzI2pvdXJuYWwtYXJ0aWNsZS10ZXh0LXRhYiBpbWcsXG4ucGF0aC1mcm9udHBhZ2UgLm5vZGUtLXZpZXctbW9kZS10ZWFzZXIgaW1nIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgcGFkZGluZzogNHB4O1xuICB3aWR0aDogMjAwcHg7XG4gIGZsb2F0OiBsZWZ0O1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gIG1hcmdpbi10b3A6IDFyZW07XG59XG4uZmllbGRfX2xhYmVsIHtcbiAgLypmb250LWZhbWlseTogJ01lcnJpd2VhdGhlcicsIEdlb3JnaWEsIFRpbWVzIE5ldyBSb21hbiwgU2VyaWY7Ki9cbiAgLypmb250LWZhbWlseTogJ01lcnJpd2VhdGhlcicsIEdlb3JnaWEsIFRpbWVzIE5ldyBSb21hbiwgU2VyaWY7Ki9cbiAgLypmb250LWZhbWlseTogJ01lcnJpd2VhdGhlcicsIEdlb3JnaWEsIFRpbWVzIE5ldyBSb21hbiwgU2VyaWY7Ki9cbiAgZm9udC1mYW1pbHk6ICdMaWJyZSBCYXNrZXJ2aWxsZScsIHNlcmlmO1xufVxuLmZpZWxkLS1uYW1lLWZpZWxkLWlzc3VlLW51bWJlciAuZmllbGRfX2xhYmVsIHtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiBpbml0aWFsO1xufVxuLnBhdGgtZnJvbnRwYWdlIC5ub2RlLS12aWV3LW1vZGUtdGVhc2VyIHtcbiAgcGFkZGluZzogMCAwIDMwcHggMDtcbiAgbWFyZ2luLWJvdHRvbTogMzBweDtcbn1cblxuXG4ubG9nbyB7XG4gIHdpZHRoOjExMHB4O1xufVxuLypoZWFkaW5ncyovXG4uaGZmLTAxIGgxLFxuLmhmZi0wMSBoMixcbi5oZmYtMDEgaDMsXG4uaGZmLTAxIGg0LFxuLmhmZi0wMSBoNSxcbi5oZmYtMDEgaDYsXG4uaGZmLTAxIC50cC1jYXB0aW9uX190aXRsZSxcbi5oZmYtMDEgLnRwLWNhcHRpb25fX3N1YnRpdGxlLFxuLnNmZi0wMSAuc2l0ZS1uYW1lLFxuLnNsZmYtMDEgLnNpdGUtc2xvZ2FuLFxuLmhmZi0wMSAubmF2LXRhYl9fdGl0bGUge1xuICBmb250LWZhbWlseTogJ0xpYnJlIEJhc2tlcnZpbGxlJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjtcbn1cbi5zaXRlLW5hbWUge1xuICBmb250LXNpemU6MTJyZW07XG59XG4iLCJcbi8qPT09PWxwIGFydGljbGUgcHJldmlldyBjYXJkcz09PT09PT09PT09PT09PT09PSovXG4ucHJldmlldy1jYXJkX19ncmlkLXJvdyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi5wcmV2aWV3LWNhcmQge1xuICBib3gtc2hhZG93OiAwIDJweCAxNHB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKSwgMCAycHggMnB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2U0ZTRlNDtcbn1cbi5wcmV2aWV3LWNhcmQge1xuICBtYXJnaW46IDAgMWVtIDJlbSAxZW07XG4gIGhlaWdodDogMjUwcHhcbn1cbi5wcmV2aWV3LWNhcmQ6bGFzdC1jaGlsZCB7XG5cbiAgbWFyZ2luOiAwIDAgMmVtIDFlbTtcblxufVxuLnByZXZpZXctY2FyZDpmaXJzdC1jaGlsZCB7XG5cbiAgbWFyZ2luOiAwIDFlbSAycmVtIDA7XG5cbn1cbi5wcmV2aWV3LWNhcmRfX2NhcHRpb24ge1xuICBtYXJnaW46IDEwcHg7XG59XG5cblxuIiwiXG4vKj09PT09PT09PT1MYW5kaW5nIFBhZ2UgSGVybyBJbWFnZT09PT09PT09PT09Ki9cblxuXG4uaGVybyB7XG4gIGJhY2tncm91bmQ6IGJsdWU7XG4gIGJhY2tncm91bmQ6IHVybCguLi9pbWcvRFMyXzI2NDguanBnKTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMjUwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cblxuIiwiLmFydGljbGUtdGl0bGUtYmFubmVyIHtcbiAgICAvL2Rpc3BsYXk6bm9uZTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xufVxuLmZpZWxkLS1uYW1lLWZpZWxkLWpvdXJuYWwtYXJ0aWNsZS1hYnN0cmFjdCAuZmllbGRfX2xhYmVsIHtcbiAgICBmb250LXNpemU6IDJyZW07XG59XG4ubm9kZS0tdHlwZS1qb3VybmFsLWFydGljbGUge1xuICAgIC5maWVsZC0tbmFtZS1ib2R5IGZpZ3VyZSB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiBpbml0aWFsO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICBpbWcge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICAgICAgICAgIHBhZGRpbmc6IDRweDtcbiAgICAgICAgICAgIHdpZHRoOiAyMDBweDtcbiAgICAgICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMXJlbTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvL2Zvb3Rub3Rlc1xuICAgIGFbaWRePVwiZm9vdG5vdGVcIl0ge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjNWQ1ZDVkO1xuICAgICAgICBiYWNrZ3JvdW5kOiAjNWQ1ZDVkO1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDJweCAzcHg7XG4gICAgICAgIGZvbnQtc2l6ZToxLjFyZW07XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOnN1cGVyO1xuICAgIH1cbn1cbiIsIi8qIHBvcHVwIGNvbnRhaW5lciAqL1xuLnBvcHVwIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBkb3R0ZWQgYmxhY2s7IC8qIElmIHlvdSB3YW50IGRvdHMgdW5kZXIgdGhlIGhvdmVyYWJsZSB0ZXh0ICovXG59XG5cbi8qIHBvcHVwIHRleHQgKi9cbi5wb3B1cCAucG9wdXB0ZXh0IHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2lkdGg6IDEyMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nOiA1cHggMDtcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XG4gXG4gICAgLyogUG9zaXRpb24gdGhlIHBvcHVwIHRleHQgLSBzZWUgZXhhbXBsZXMgYmVsb3chICovXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG59XG5cbi8qIFNob3cgdGhlIHBvcHVwIHRleHQgd2hlbiB5b3UgbW91c2Ugb3ZlciB0aGUgcG9wdXAgY29udGFpbmVyICovXG4ucG9wdXA6aG92ZXIgLnBvcHVwdGV4dCB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cbiIsIi8vbWFpbiBtZW51XG5cbiRtYWluX21lbnVfZHJvcGRvd25fd2lkdGg6IDE2ZW07XG5cblxuLnNmLW1lbnUgdWwge1xuICAgIHdpZHRoOiAkbWFpbl9tZW51X2Ryb3Bkb3duX3dpZHRoICFpbXBvcnRhbnQ7XG59XG5cblxuLy9hdXRob3IgdGFza3MgXG4ubGluay1pbmZvIHtcbiAgICBkaXNwbGF5OmJsb2NrO1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogIzkwOTA5MDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUNDQSxrREFBa0Q7QUFDbEQsQUFBQSx1QkFBdUIsQ0FBQztFQUN0QixPQUFPLEVBQUUsSUFBSTtFQUNiLGVBQWUsRUFBRSxhQUFhLEdBQy9COztBQUNELEFBQUEsYUFBYSxDQUFDO0VBQ1osVUFBVSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLHdCQUF3QjtFQUNuRixNQUFNLEVBQUUsaUJBQWlCLEdBQzFCOztBQUNELEFBQUEsYUFBYSxDQUFDO0VBQ1osTUFBTSxFQUFFLGFBQWE7RUFDckIsTUFBTSxFQUFFLEtBQ1YsR0FBQzs7QUFDRCxBQUFBLGFBQWEsQUFBQSxXQUFXLENBQUM7RUFFdkIsTUFBTSxFQUFFLFdBQVcsR0FFcEI7O0FBQ0QsQUFBQSxhQUFhLEFBQUEsWUFBWSxDQUFDO0VBRXhCLE1BQU0sRUFBRSxZQUFZLEdBRXJCOztBQUNELEFBQUEsc0JBQXNCLENBQUM7RUFDckIsTUFBTSxFQUFFLElBQUksR0FDYjs7QUN6QkQsZ0RBQWdEO0FBR2hELEFBQUEsS0FBSyxDQUFDO0VBQ0osVUFBVSxFQUFFLElBQUk7RUFDaEIsVUFBVSxFQUFFLHdCQUF3QjtFQUNwQyxlQUFlLEVBQUUsS0FBSztFQUN0QixpQkFBaUIsRUFBRSxTQUFTO0VBQzVCLG1CQUFtQixFQUFFLE1BQU07RUFDM0IsUUFBUSxFQUFFLFFBQVE7RUFDbEIsTUFBTSxFQUFFLEtBQUs7RUFDYixPQUFPLEVBQUUsSUFBSTtFQUNiLFdBQVcsRUFBRSxNQUFNLEdBQ3BCOztBQ2RELEFBQUEscUJBQXFCLENBQUM7RUFFbEIsTUFBTSxFQUFFLGNBQWMsR0FDekI7O0FBQ0QsQUFBQSwyQ0FBMkMsQ0FBQyxhQUFhLENBQUM7RUFDdEQsU0FBUyxFQUFFLElBQUksR0FDbEI7O0FBQ0QsQUFDSSwyQkFEdUIsQ0FDdkIsaUJBQWlCLENBQUMsTUFBTSxDQUFDO0VBQ3JCLFdBQVcsRUFBRSxPQUFPO0VBQ3BCLFlBQVksRUFBRSxPQUFPO0VBQ3JCLEtBQUssRUFBRSxJQUFJLEdBU2Q7RUFiTCxBQUtRLDJCQUxtQixDQUN2QixpQkFBaUIsQ0FBQyxNQUFNLENBSXBCLEdBQUcsQ0FBQztJQUNBLE1BQU0sRUFBRSxjQUFjO0lBQ3RCLE9BQU8sRUFBRSxHQUFHO0lBQ1osS0FBSyxFQUFFLEtBQUs7SUFDWixLQUFLLEVBQUUsSUFBSTtJQUNYLFlBQVksRUFBRSxJQUFJO0lBQ2xCLFVBQVUsRUFBRSxJQUFJLEdBQ25COztBQVpULEFBZUksMkJBZnVCLENBZXZCLENBQUMsQ0FBQSxBQUFBLEVBQUMsRUFBSSxVQUFVLEFBQWQsRUFBZ0I7RUFDZCxNQUFNLEVBQUUsaUJBQWlCO0VBQ3pCLFVBQVUsRUFBRSxPQUFPO0VBQ25CLEtBQUssRUFBRSxJQUFJO0VBQ1gsYUFBYSxFQUFFLEdBQUc7RUFDbEIsZUFBZSxFQUFFLElBQUk7RUFDckIsT0FBTyxFQUFFLE9BQU87RUFDaEIsU0FBUyxFQUFDLE1BQU07RUFDaEIsY0FBYyxFQUFDLEtBQUssR0FDdkI7O0FDL0JMLHFCQUFxQjtBQUNyQixBQUFBLE1BQU0sQ0FBQztFQUNILFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLGFBQWEsRUFBRSxnQkFBZ0I7RUFBRSwrQ0FBK0MsRUFDbkY7O0FBRUQsZ0JBQWdCO0FBQ2hCLEFBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQztFQUNkLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLEtBQUssRUFBRSxLQUFLO0VBQ1osZ0JBQWdCLEVBQUUsS0FBSztFQUN2QixLQUFLLEVBQUUsSUFBSTtFQUNYLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLE9BQU8sRUFBRSxLQUFLO0VBQ2QsYUFBYSxFQUFFLEdBQUc7RUFFbEIsbURBQW1EO0VBQ25ELFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxDQUFDLEdBQ2I7O0FBRUQsaUVBQWlFO0FBQ2pFLEFBQUEsTUFBTSxBQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUM7RUFDcEIsVUFBVSxFQUFFLE9BQU8sR0FDdEI7O0FDcEJELEFBQUEsUUFBUSxDQUFDLEVBQUUsQ0FBQztFQUNSLEtBQUssRUFKa0IsSUFBSSxDQUlNLFVBQVUsR0FDOUM7O0FBSUQsQUFBQSxVQUFVLENBQUM7RUFDUCxPQUFPLEVBQUMsS0FBSztFQUNiLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLEtBQUssRUFBRSxPQUFPLEdBQ2pCOztBTFJELG1CQUFtQjtBQUNuQixBQUFBLHFCQUFxQixBQUFBLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLEFBQUEsS0FBSyxDQUFDO0VBQ3ZELFVBQVUsRUFBRSxLQUFLLEdBQ2xCOztBQUtELG9EQUFvRDtBQUVwRCxnQ0FBZ0M7QUFDaEMsQUFBQSxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztFQUN0QixTQUFTLEVBQUUsSUFBSSxHQUNoQjs7QUFFRCxBQUFBLHNCQUFzQixDQUFDO0VBQ3JCLE9BQU8sRUFBRSxXQUFXLEdBQ3JCOztBQUVELGdDQUFnQztBQUNoQyxBQUFBLHNCQUFzQixFQUFFLGlCQUFpQixDQUFDO0VBQ3hDLE9BQU8sRUFBRSxXQUFXLEdBQ3JCOztBQUdELHFDQUFxQztBQUNyQyxBQUFBLGVBQWUsQ0FBQyxPQUFPLEFBQUEsc0JBQXNCLENBQUM7RUFDNUMsT0FBTyxFQUFFLEtBQUssR0FDZjs7QUFDRCxBQUFBLGVBQWUsQ0FBQywwQkFBMEIsQ0FBQztFQUN6QyxPQUFPLEVBQUUsSUFBSTtFQUNiLGVBQWUsRUFBRSxVQUFVO0VBQzNCLFNBQVMsRUFBRSxNQUFNLEdBQ2xCOztBQUNELEFBQUEsZUFBZSxDQUFDLDBCQUEwQixHQUFHLENBQUMsQ0FBQztFQUM3QyxZQUFZLEVBQUUsSUFBSTtFQUNsQixPQUFPLEVBQUMsSUFBSSxHQUNiOztBQUNELEFBQUEsZUFBZSxDQUFDLDBCQUEwQixHQUFHLDRCQUE0QixBQUFBLE9BQU8sQ0FBQTtFQUM5RSxPQUFPLEVBQUUsR0FBRyxHQUNiOztBQUNELEFBQUEsZUFBZSxDQUFDLDBCQUEwQixHQUFHLHVDQUF1QyxBQUFBLE9BQU8sQ0FBQTtFQUN6RixPQUFPLEVBQUUsR0FBRyxHQUNiOztBQUdELEFBQUEsZUFBZSxDQUFDLDBCQUEwQixDQUFDLCtCQUErQixDQUFDO0VBQ3pFLE9BQU8sRUFBQyxJQUFJLEdBQ2I7O0FBRUQsa0NBQWtDO0FBQ2xDLEFBQUEsT0FBTyxBQUFBLHlCQUF5QixDQUFDLEdBQUc7QUFDcEMsZUFBZSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsQ0FBQztFQUMxQyxNQUFNLEVBQUUsY0FBYztFQUN0QixPQUFPLEVBQUUsR0FBRztFQUNaLEtBQUssRUFBRSxLQUFLO0VBQ1osS0FBSyxFQUFFLElBQUk7RUFDWCxZQUFZLEVBQUUsSUFBSTtFQUNsQixVQUFVLEVBQUUsSUFBSSxHQUNqQjs7QUFDRCxBQUFBLGFBQWEsQ0FBQztFQUNaLGlFQUFpRTtFQUNqRSxpRUFBaUU7RUFDakUsaUVBQWlFO0VBQ2pFLFdBQVcsRUFBRSwwQkFBMEIsR0FDeEM7O0FBQ0QsQUFBQSwrQkFBK0IsQ0FBQyxhQUFhLENBQUM7RUFDNUMsV0FBVyxFQUFFLE9BQU87RUFDcEIsV0FBVyxFQUFFLE9BQU8sR0FDckI7O0FBQ0QsQUFBQSxlQUFlLENBQUMsdUJBQXVCLENBQUM7RUFDdEMsT0FBTyxFQUFFLFVBQVU7RUFDbkIsYUFBYSxFQUFFLElBQUksR0FDcEI7O0FBR0QsQUFBQSxLQUFLLENBQUM7RUFDSixLQUFLLEVBQUMsS0FBSyxHQUNaOztBQUNELFlBQVk7QUFDWixBQUFBLE9BQU8sQ0FBQyxFQUFFO0FBQ1YsT0FBTyxDQUFDLEVBQUU7QUFDVixPQUFPLENBQUMsRUFBRTtBQUNWLE9BQU8sQ0FBQyxFQUFFO0FBQ1YsT0FBTyxDQUFDLEVBQUU7QUFDVixPQUFPLENBQUMsRUFBRTtBQUNWLE9BQU8sQ0FBQyxrQkFBa0I7QUFDMUIsT0FBTyxDQUFDLHFCQUFxQjtBQUM3QixPQUFPLENBQUMsVUFBVTtBQUNsQixRQUFRLENBQUMsWUFBWTtBQUNyQixPQUFPLENBQUMsZUFBZSxDQUFDO0VBQ3RCLFdBQVcsRUFBRSxvREFBb0QsR0FDbEU7O0FBQ0QsQUFBQSxVQUFVLENBQUM7RUFDVCxTQUFTLEVBQUMsS0FBSyxHQUNoQiJ9 */ +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLyo9PT09bHAgYXJ0aWNsZSBwcmV2aWV3IGNhcmRzPT09PT09PT09PT09PT09PT09Ki9cbi5wcmV2aWV3LWNhcmRfX2dyaWQtcm93IHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyB9XG5cbi5wcmV2aWV3LWNhcmQge1xuICBib3gtc2hhZG93OiAwIDJweCAxNHB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKSwgMCAycHggMnB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2U0ZTRlNDsgfVxuXG4ucHJldmlldy1jYXJkIHtcbiAgbWFyZ2luOiAwIDFlbSAyZW0gMWVtO1xuICBoZWlnaHQ6IDI1MHB4OyB9XG5cbi5wcmV2aWV3LWNhcmQ6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbjogMCAwIDJlbSAxZW07IH1cblxuLnByZXZpZXctY2FyZDpmaXJzdC1jaGlsZCB7XG4gIG1hcmdpbjogMCAxZW0gMnJlbSAwOyB9XG5cbi5wcmV2aWV3LWNhcmRfX2NhcHRpb24ge1xuICBtYXJnaW46IDEwcHg7IH1cblxuLyo9PT09PT09PT09TGFuZGluZyBQYWdlIEhlcm8gSW1hZ2U9PT09PT09PT09PSovXG4uaGVybyB7XG4gIGJhY2tncm91bmQ6IGJsdWU7XG4gIGJhY2tncm91bmQ6IHVybCguLi9pbWcvRFMyXzI2NDguanBnKTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMjUwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cblxuLmFydGljbGUtdGl0bGUtYmFubmVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYzsgfVxuXG4uZmllbGQtLW5hbWUtZmllbGQtam91cm5hbC1hcnRpY2xlLWFic3RyYWN0IC5maWVsZF9fbGFiZWwge1xuICBmb250LXNpemU6IDJyZW07IH1cblxuLm5vZGUtLXR5cGUtam91cm5hbC1hcnRpY2xlIC5maWVsZC0tbmFtZS1ib2R5IGZpZ3VyZSB7XG4gIG1hcmdpbi1sZWZ0OiBpbml0aWFsO1xuICBtYXJnaW4tcmlnaHQ6IGluaXRpYWw7XG4gIGZsb2F0OiBsZWZ0OyB9XG4gIC5ub2RlLS10eXBlLWpvdXJuYWwtYXJ0aWNsZSAuZmllbGQtLW5hbWUtYm9keSBmaWd1cmUgaW1nIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIHBhZGRpbmc6IDRweDtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgIG1hcmdpbi10b3A6IDFyZW07IH1cblxuLm5vZGUtLXR5cGUtam91cm5hbC1hcnRpY2xlIGFbaWRePVwiZm9vdG5vdGVcIl0ge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNWQ1ZDVkO1xuICBiYWNrZ3JvdW5kOiAjNWQ1ZDVkO1xuICBjb2xvcjogI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHBhZGRpbmc6IDJweCAzcHg7XG4gIGZvbnQtc2l6ZTogMS4xcmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7IH1cblxuaGVhZGVyLmFydGljbGUtaGVhZGVyIHtcbiAgYmFja2dyb3VuZDogI2U2ZTZlNjtcbiAgcGFkZGluZzogMXJlbTsgfVxuXG4uYXJ0aWNsZS1oZWFkZXItLW1ldGFkYXRhIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyB9XG4gIC5hcnRpY2xlLWhlYWRlci0tbWV0YWRhdGEgLmxlZnQsIC5hcnRpY2xlLWhlYWRlci0tbWV0YWRhdGEgLnJpZ2h0IHtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsgfVxuICAuYXJ0aWNsZS1oZWFkZXItLW1ldGFkYXRhIC5yaWdodCB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDsgfVxuXG4uYXJ0aWNsZS0tY29udHJpYnV0b3Ige1xuICBmb250LXNpemU6IDI3cHg7XG4gIGZvbnQtZmFtaWx5OiAnTGlicmUgQmFza2VydmlsbGUnLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zdHlsZTogaXRhbGljOyB9XG5cbi5hcnRpY2xlLS1jb250cmlidXRvcl9fYWZmaWxpYXRpb24ge1xuICBmb250LXNpemU6IDE4cHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IH1cblxuLmFydGljbGUtLXR5cGUge1xuICBmb250LXNpemU6IDE4cHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IH1cblxuLmFydGljbGUtLWRhdGUtcHVibGlzaGVkIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tdG9wOiA2cHg7IH1cblxuLyogcG9wdXAgY29udGFpbmVyICovXG4ucG9wdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IGRvdHRlZCBibGFjaztcbiAgLyogSWYgeW91IHdhbnQgZG90cyB1bmRlciB0aGUgaG92ZXJhYmxlIHRleHQgKi8gfVxuXG4vKiBwb3B1cCB0ZXh0ICovXG4ucG9wdXAgLnBvcHVwdGV4dCB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgd2lkdGg6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgY29sb3I6ICNmZmY7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogNXB4IDA7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgLyogUG9zaXRpb24gdGhlIHBvcHVwIHRleHQgLSBzZWUgZXhhbXBsZXMgYmVsb3chICovXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMTsgfVxuXG4vKiBTaG93IHRoZSBwb3B1cCB0ZXh0IHdoZW4geW91IG1vdXNlIG92ZXIgdGhlIHBvcHVwIGNvbnRhaW5lciAqL1xuLnBvcHVwOmhvdmVyIC5wb3B1cHRleHQge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlOyB9XG5cbi5zZi1tZW51IHVsIHtcbiAgd2lkdGg6IDE2ZW0gIWltcG9ydGFudDsgfVxuXG4ubGluay1pbmZvIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgY29sb3I6ICM5MDkwOTA7IH1cblxuLnRvYyB7XG4gIHBvc2l0aW9uOiAtd2Via2l0LXN0aWNreTtcbiAgLyogU2FmYXJpICovXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDsgfVxuXG5AbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgLnRvYy1ibG9jay0tbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBub25lOyB9IH1cblxuLnRvYy1ibG9jay0td2lkZSAudG9jLS10aXRsZVthcmlhLWV4cGFuZGVkPSd0cnVlJ10gaDI6OmFmdGVyIHtcbiAgY29udGVudDogJ1xcZjA2OCc7IH1cblxuLnRvYy1ibG9jay0td2lkZSAudG9jLS10aXRsZVthcmlhLWV4cGFuZGVkPSdmYWxzZSddIGgyOjphZnRlciB7XG4gIGNvbnRlbnQ6ICdcXGYwNjcnOyB9XG5cbi50b2MtYmxvY2stLXdpZGUgLnRvYy0tdGl0bGUgaDI6OmFmdGVyIHtcbiAgZm9udC1mYW1pbHk6ICdGb250QXdlc29tZSc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBmb250LXNpemU6IDJyZW07XG4gIGJhY2tncm91bmQ6ICNjY2M7XG4gIHBhZGRpbmc6IDEwcHg7IH1cblxuLnRvYy1ibG9jay0td2lkZSAudG9jLS10aXRsZSBoMiB7XG4gIGJvcmRlcjogMXB4IGRvdHRlZCAjY2NjO1xuICBwYWRkaW5nOiAwcHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbiAgYmFja2dyb3VuZDogI2Y1ZjNmMzsgfVxuXG4udG9jLWJsb2NrLS13aWRlIC50b2MtLWxpc3Qge1xuICBib3JkZXI6IDFweCBkb3R0ZWQgI2NjYztcbiAgYm9yZGVyLXRvcDogMHB4OyB9XG5cbi5yZWdpb24tc2lkZWJhci1zZWNvbmQge1xuICBoZWlnaHQ6IDEwMDBweDsgfVxuXG4udG9jLWJsb2NrLS13aWRlIHtcbiAgcG9zaXRpb246IC13ZWJraXQtc3RpY2t5O1xuICAvKiBTYWZhcmkgKi9cbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAzMDBweDtcbiAgZGlzcGxheTogbm9uZTsgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgICAudG9jLWJsb2NrLS13aWRlIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrOyB9IH1cblxuLypvbi1zY3JvbGwgbWVudSAqL1xuLmZpeGVkLWhlYWRlci1lbmFibGVkLm9uc2Nyb2xsIC5oZWFkZXItY29udGFpbmVyIHVsLm1lbnUge1xuICB0ZXh0LWFsaWduOiByaWdodDsgfVxuXG4vKj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKmNoYW5nZSBoZWFkZXIgdGl0bGUgZm9udHNpemUqL1xuLmNvbC1tZC0xMiAuc2l0ZS1uYW1lIGEge1xuICBmb250LXNpemU6IDQwcHg7IH1cblxuLmhlYWRlci10b3BfX2NvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDYwcHggMCA1NXB4OyB9XG5cbi8qY2hhbmdlIHBhZGRpbmcgYWJvdmUgY29udGVudCovXG4ubWFpbi1jb250ZW50X19zZWN0aW9uLCAuc2lkZWJhcl9fc2VjdGlvbiB7XG4gIHBhZGRpbmc6IDYwcHggMCA3MHB4OyB9XG5cbi8qbW9kaWZ5IGlzc3VlIGluZm8gb24gbGFuZGluZyBwYWdlKi9cbi5wYXRoLWZyb250cGFnZSAubGF5b3V0LmxheW91dC0tdHdvY29sLWJyaWNrcyB7XG4gIGRpc3BsYXk6IGJsb2NrOyB9XG5cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgZm9udC1zaXplOiAxLjhyZW07IH1cblxuLnBhdGgtZnJvbnRwYWdlIC5ibG9jay1yZWdpb24tc2Vjb25kLWFib3ZlID4gKiB7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgZGlzcGxheTogZmxleDsgfVxuXG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgPiAuYmxvY2stZW50aXR5LWZpZWxkbm9kZXRpdGxlOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiLFwiOyB9XG5cbi5wYXRoLWZyb250cGFnZSAuYmxvY2stcmVnaW9uLXNlY29uZC1hYm92ZSA+IC5ibG9jay1lbnRpdHktZmllbGRub2RlZmllbGQtaXNzdWUteWVhcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIixcIjsgfVxuXG4ucGF0aC1mcm9udHBhZ2UgLmJsb2NrLXJlZ2lvbi1zZWNvbmQtYWJvdmUgLmZpZWxkLS1uYW1lLWZpZWxkLWlzc3VlLW51bWJlciB7XG4gIGRpc3BsYXk6IGZsZXg7IH1cblxuLyp0d2VhayBpbWFnZXMgYWRkZWQgdG8gYXJ0aWNsZXMqL1xuZGV0YWlscyNqb3VybmFsLWFydGljbGUtdGV4dC10YWIgaW1nLFxuLnBhdGgtZnJvbnRwYWdlIC5ub2RlLS12aWV3LW1vZGUtdGVhc2VyIGltZyB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHBhZGRpbmc6IDRweDtcbiAgd2lkdGg6IDIwMHB4O1xuICBmbG9hdDogbGVmdDtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAxcmVtOyB9XG5cbi5maWVsZF9fbGFiZWwge1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICAvKmZvbnQtZmFtaWx5OiAnTWVycml3ZWF0aGVyJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsqL1xuICBmb250LWZhbWlseTogJ0xpYnJlIEJhc2tlcnZpbGxlJywgc2VyaWY7IH1cblxuLmZpZWxkLS1uYW1lLWZpZWxkLWlzc3VlLW51bWJlciAuZmllbGRfX2xhYmVsIHtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiBpbml0aWFsOyB9XG5cbi5wYXRoLWZyb250cGFnZSAubm9kZS0tdmlldy1tb2RlLXRlYXNlciB7XG4gIHBhZGRpbmc6IDAgMCAzMHB4IDA7XG4gIG1hcmdpbi1ib3R0b206IDMwcHg7IH1cblxuLmxvZ28ge1xuICB3aWR0aDogMTEwcHg7IH1cblxuLypoZWFkaW5ncyovXG4uaGZmLTAxIGgxLFxuLmhmZi0wMSBoMixcbi5oZmYtMDEgaDMsXG4uaGZmLTAxIGg0LFxuLmhmZi0wMSBoNSxcbi5oZmYtMDEgaDYsXG4uaGZmLTAxIC50cC1jYXB0aW9uX190aXRsZSxcbi5oZmYtMDEgLnRwLWNhcHRpb25fX3N1YnRpdGxlLFxuLnNmZi0wMSAuc2l0ZS1uYW1lLFxuLnNsZmYtMDEgLnNpdGUtc2xvZ2FuLFxuLmhmZi0wMSAubmF2LXRhYl9fdGl0bGUge1xuICBmb250LWZhbWlseTogJ0xpYnJlIEJhc2tlcnZpbGxlJywgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjsgfVxuXG4uc2l0ZS1uYW1lIHtc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 */ diff --git a/gulpfile.js b/gulpfile.js index 07b20e1..59c5659 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -41,6 +41,9 @@ gulp.task('browser-sync', function() { gulp.task('sass', function () { return gulp.src('./src/scss/**/*.scss') + .pipe(sass({ + includePaths: ['./node_modules/breakpoint-sass/stylesheets'] + })) .pipe(sourcemaps.init()) .pipe(sass().on('error', sass.logError)) .pipe(sourcemaps.write()) diff --git a/js/js.js b/js/js.js index 48ead11..4f14e53 100644 --- a/js/js.js +++ b/js/js.js @@ -20,6 +20,16 @@ }); } }; + Drupal.behaviors.stickyTOC = { + attach: function attach(context, settings) { + + var height = $('.main-content__section .region').css("height"); + console.log(height); + + //$( ".toc-block--wide" ).wrap( "
"); + + } + }; diff --git a/package-lock.json b/package-lock.json index 8765603..6381b0a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -656,6 +656,12 @@ "repeat-element": "^1.1.2" } }, + "breakpoint-sass": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/breakpoint-sass/-/breakpoint-sass-2.7.1.tgz", + "integrity": "sha1-jvbEdE3MJbqD2Wm2yaF+XaopmAo=", + "dev": true + }, "browser-sync": { "version": "2.24.7", "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.24.7.tgz", diff --git a/package.json b/package.json index b403188..8160dba 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "author": "", "license": "ISC", "devDependencies": { + "breakpoint-sass": "^2.7.1", "browser-sync": "^2.24.7", "bs-rewrite-rules": "^2.1.2", "gulp": "^3.9.1", diff --git a/src/js/js.js b/src/js/js.js index 48ead11..4f14e53 100644 --- a/src/js/js.js +++ b/src/js/js.js @@ -20,6 +20,16 @@ }); } }; + Drupal.behaviors.stickyTOC = { + attach: function attach(context, settings) { + + var height = $('.main-content__section .region').css("height"); + console.log(height); + + //$( ".toc-block--wide" ).wrap( "
"); + + } + }; diff --git a/src/scss/_article-pages.scss b/src/scss/_article-pages.scss index a4bafa8..c138b62 100644 --- a/src/scss/_article-pages.scss +++ b/src/scss/_article-pages.scss @@ -31,3 +31,48 @@ vertical-align:super; } } + +header.article-header { + background: #e6e6e6; + padding: 1rem; +} +.article-header--metadata { + display:flex; + justify-content:space-between; + .left,.right { + flex-direction: column; + align-items:flex-end; + } + .right { + justify-content:flex-end; + text-align: right; + } +} +.article { + &--contributor { + font-size: 27px; + //line-height:36px; + font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; + font-weight:bold; + font-style: italic; + } + &--contributor__affiliation { + font-size: 18px; + text-transform: uppercase; + //line-height:18px; + //font-style: italic; + } + &--type { + + font-size: 18px; + //line-height:18px; + text-transform: uppercase; + } + &--date-published { + + font-size: 18px; + text-transform: uppercase; + //line-height:18px; + margin-top:6px; + } +} diff --git a/src/scss/_toc.scss b/src/scss/_toc.scss new file mode 100644 index 0000000..9e6c7d5 --- /dev/null +++ b/src/scss/_toc.scss @@ -0,0 +1,61 @@ +//@format +.toc { + position: -webkit-sticky; /* Safari */ + position: sticky; + top: 0; +} +.toc-block--mobile { + @include breakpoint($desktop-up) { + display: none; + } +} + +.toc-block--wide { + .toc--title { + &[aria-expanded='true'] h2::after { + //content: "\f146";//square + content: '\f068'; + } + &[aria-expanded='false'] h2::after { + //content: "\f0fe"; + content: '\f067'; + } + h2::after { + font-family: 'FontAwesome'; + position: absolute; + //top: 6px; + right: 0; + font-weight: 400; + line-height: 20px; + font-size: 2rem; + background: #ccc; + padding: 10px; + //text-align: right; + } + h2 { + border: 1px dotted #ccc; + padding: 0px; + padding-left: 10px; + line-height: 40px; + margin-bottom: 0px; + background: #f5f3f3; + } + } + .toc--list { + border: 1px dotted #ccc; + border-top: 0px; + } +} + +.region-sidebar-second { + height: 1000px; +} +.toc-block--wide { + position: -webkit-sticky; /* Safari */ + position: sticky; + top: 300px; + display: none; + @include breakpoint($desktop-up) { + display: block; + } +} diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss new file mode 100644 index 0000000..35d650e --- /dev/null +++ b/src/scss/_variables.scss @@ -0,0 +1,7 @@ +$mobile-only: 0px 767px; +$tablet-only: 768px 991px; +$tablet-up: 768px; +$desktop-up: 992px; +$desktop-only: 992px 1199px; +$wide-up: 1200px; + diff --git a/src/scss/style.scss b/src/scss/style.scss index 59f0020..4d1787c 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,9 +1,12 @@ +@import 'breakpoint'; //imports +@import 'variables'; @import 'lp-preview-grid'; @import 'lp-hero'; @import 'article-pages'; @import 'tooltips'; @import 'menus'; +@import 'toc'; /*on-scroll menu */ .fixed-header-enabled.onscroll .header-container ul.menu {