diff --git a/assets/styles/common/_global.scss b/assets/styles/common/_global.scss index beea6bb..4569897 100644 --- a/assets/styles/common/_global.scss +++ b/assets/styles/common/_global.scss @@ -1,4 +1,6 @@ // TODO :root { --reading-width: 50em; + --support-color: #F0F9FA; + --support-color-secondary: #D0EDF0; } diff --git a/assets/styles/components/_forms.scss b/assets/styles/components/_forms.scss index 966900a..5735187 100644 --- a/assets/styles/components/_forms.scss +++ b/assets/styles/components/_forms.scss @@ -88,6 +88,7 @@ input[type="submit"] { font-size: 0.75rem; } } + &.error { border-bottom: solid 2px var(--error); @@ -118,3 +119,61 @@ input[type="submit"] { margin-bottom: rem(40); } } + +.signup { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + width: 100%; + height: 100%; + flex-wrap: wrap; + font-family: "Karla", serif; + + @media #{$breakpoint-not-large} { + flex-direction: column; + } + + h2 { + line-height: 1; + text-transform: none; + text-align: left; + font-size: rem(48); + font-weight: normal; + &:before { + content: ""; + margin-bottom: 0; + background: none; + } + } + + .form__wrapper { + align-self: stretch; + background: var(--support-color); + flex: 1; + } + + .social__wrapper { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .social__buttons { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + a { + padding: 10px; + border-radius: rem(8); + background: var(--support-color-secondary); + width: rem(300); + margin-bottom: rem(24); + filter: drop-shadow(0 4px 4px #E5E5E5); + } + } + } +} diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index bc7f337..851b8c2 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,19 +1,19 @@ { - "/scripts/aldine.js": "/scripts/aldine.js?id=f7e0ad5cfcc135b918f6", - "/scripts/call-to-action.js": "/scripts/call-to-action.js?id=33370b66c7af12320fc0", - "/scripts/catalog-admin.js": "/scripts/catalog-admin.js?id=e8d84fb090536b8e49e9", - "/scripts/customizer.js": "/scripts/customizer.js?id=14dca3944228dd789c27", - "/scripts/customizer-toggle.js": "/scripts/customizer-toggle.js?id=c31594589675d7c5662a", - "/scripts/page-section.js": "/scripts/page-section.js?id=19d5c30146ea1a763bcf", - "/styles/editor.css": "/styles/editor.css?id=b7c2449babe566571767", - "/styles/aldine.css": "/styles/aldine.css?id=8d3bfb61118a9ee435a1", - "/fonts/pressbooks-theme.woff": "/fonts/pressbooks-theme.woff?id=2a7aae81673f4707bbe7", - "/images/banner.jpg": "/images/banner.jpg?id=04a813e0b4f94ddfef19", - "/images/catalog-header.jpg": "/images/catalog-header.jpg?id=223b9f7a23985f2a72df", - "/images/header.jpg": "/images/header.jpg?id=c6712212b6aa749cf1cf", - "/images/left-arrow.svg": "/images/left-arrow.svg?id=91d479e2d001857a3ee4", - "/images/logo.svg": "/images/logo.svg?id=d71cb98d33ef823ffd27", - "/images/pb.svg": "/images/pb.svg?id=c08fb158c15a470648a7", - "/images/right-arrow.svg": "/images/right-arrow.svg?id=ee2d7230318ea54ae20b", - "/images/yt_icon_mono_dark.png": "/images/yt_icon_mono_dark.png?id=ee68b73409979a929440" + "/scripts/aldine.js": "/scripts/aldine.js", + "/scripts/call-to-action.js": "/scripts/call-to-action.js", + "/scripts/catalog-admin.js": "/scripts/catalog-admin.js", + "/scripts/customizer.js": "/scripts/customizer.js", + "/scripts/customizer-toggle.js": "/scripts/customizer-toggle.js", + "/scripts/page-section.js": "/scripts/page-section.js", + "/styles/editor.css": "/styles/editor.css", + "/styles/aldine.css": "/styles/aldine.css", + "/fonts/pressbooks-theme.woff": "/fonts/pressbooks-theme.woff", + "/images/banner.jpg": "/images/banner.jpg", + "/images/catalog-header.jpg": "/images/catalog-header.jpg", + "/images/header.jpg": "/images/header.jpg", + "/images/left-arrow.svg": "/images/left-arrow.svg", + "/images/logo.svg": "/images/logo.svg", + "/images/pb.svg": "/images/pb.svg", + "/images/right-arrow.svg": "/images/right-arrow.svg", + "/images/yt_icon_mono_dark.png": "/images/yt_icon_mono_dark.png" } diff --git a/dist/scripts/aldine.js b/dist/scripts/aldine.js index 9fee860..a87b236 100644 --- a/dist/scripts/aldine.js +++ b/dist/scripts/aldine.js @@ -1,2 +1,395 @@ -/*! For license information please see aldine.js.LICENSE.txt */ -!function(){var t,e={612:function(t,e,n){"use strict";var i=n(755),r=n(391),o=n(831),s={init:function(){var t;t=document.querySelectorAll("fieldset h2"),Array.prototype.forEach.call(t,(function(t){t.innerHTML='\n\t\t\t\t\n\t\t\t ');var e=function(t){for(var e=[];t.nextElementSibling&&"H2"!==t.nextElementSibling.tagName;)e.push(t.nextElementSibling),t=t.nextElementSibling;return e.forEach((function(t){t.parentNode.removeChild(t)})),e}(t),n=document.createElement("div");n.hidden=!0,e.forEach((function(t){n.appendChild(t)})),t.parentNode.insertBefore(n,t.nextElementSibling);var i=t.querySelector("button");i.onclick=function(){var t="true"===i.getAttribute("aria-expanded")||!1;i.setAttribute("aria-expanded",!t),n.hidden=t}})),function(){var t=document.querySelectorAll("fieldset h3");Array.prototype.forEach.call(t,(function(t){t.innerHTML='\n\t\t\t\t\n\t\t\t ');var e=function(t){for(var e=[];t.nextElementSibling&&"H3"!==t.nextElementSibling.tagName;)e.push(t.nextElementSibling),t=t.nextElementSibling;return e.forEach((function(t){t.parentNode.removeChild(t)})),e}(t),n=document.createElement("div");n.hidden=!0,e.forEach((function(t){n.appendChild(t)})),t.parentNode.insertBefore(n,t.nextElementSibling);var i=t.querySelector("button");i.onclick=function(){var t="true"===i.getAttribute("aria-expanded")||!1;i.setAttribute("aria-expanded",!t),n.hidden=t}}))}(),i((function(t){o("isotope",r,t);var e=t(".books");e.isotope({itemSelector:".book",getSortData:{title:".book__title a",subject:"[data-subject]",latest:"[data-date-published]"},sortAscending:{title:!0,subject:!1,latest:!1}});var n=document.querySelector(".license-filters"),i=document.querySelector(".subject-filters"),s=document.querySelector(".institution-filters"),a=document.querySelector(".sorts"),u=document.querySelector(".clear-filters");u.hidden=!1,n.addEventListener("click",(function(t){if("radio"===t.target.type){var n=i.querySelector('input[type="radio"]:checked').value?'[data-subject="'.concat(i.querySelector('input[type="radio"]:checked').value,'"]'):"",r=s.querySelector('input[type="radio"]:checked').value?'[data-institution*="'.concat(s.querySelector('input[type="radio"]:checked').value,'"]'):"",o=t.target.value?'[data-license="'.concat(t.target.value,'"]'):"",a=n||o||r?"".concat(n).concat(o).concat(r):"*";e.isotope({filter:a})}})),s.addEventListener("click",(function(t){if("radio"===t.target.type){var r=i.querySelector('input[type="radio"]:checked').value?'[data-subject="'.concat(i.querySelector('input[type="radio"]:checked').value,'"]'):"",o=n.querySelector('input[type="radio"]:checked').value?'[data-license="'.concat(n.querySelector('input[type="radio"]:checked').value,'"]'):"",s=t.target.value?'[data-institution*="'.concat(t.target.value,'"]'):"",a=r||o||s?"".concat(r).concat(o).concat(s):"*";e.isotope({filter:a})}})),i.addEventListener("click",(function(t){if("radio"===t.target.type){var i=n.querySelector('input[type="radio"]:checked').value?'[data-license="'.concat(n.querySelector('input[type="radio"]:checked').value,'"]'):"",r=s.querySelector('input[type="radio"]:checked').value?'[data-institution*="'.concat(s.querySelector('input[type="radio"]:checked').value,'"]'):"",o=t.target.value?'[data-subject="'.concat(t.target.value,'"]'):"",a=o||i||r?"".concat(o).concat(i).concat(r):"*";e.isotope({filter:a})}})),u.addEventListener("click",(function(){var t=document.getElementById("all-licenses"),n=document.getElementById("all-subjects"),i=document.getElementById("all-institutions");t.checked=!0,n.checked=!0,i.checked=!0,e.isotope({filter:"*"})})),a.addEventListener("click",(function(t){"radio"===t.target.type&&e.isotope({sortBy:t.target.value})}))}))},finalize:function(){}},a=n(755),u={init:function(){document.body.classList.remove("no-js"),document.body.classList.add("js"),a((function(t){t(document).ready((function(){for(var e=document.getElementsByTagName("section"),n=0,i=e.length;n1&&void 0!==arguments[1]?arguments[1]:"init",n=arguments.length>2?arguments[2]:void 0,i=""!==t&&this.routes[t]&&"function"==typeof this.routes[t][e];i&&this.routes[t][e](n)}},{key:"loadEvents",value:function(){var t=this;this.fire("common"),document.body.className.toLowerCase().replace(/-/g,"_").split(/\s+/).map(l).forEach((function(e){t.fire(e),t.fire(e,"finalize")})),this.fire("common","finalize")}}])&&c(e.prototype,n),i&&c(e,i),t}(),d=n(755),h=new f({common:u,home:{init:function(){},finalize:function(){}},catalog:s});d(document).ready((function(){return h.loadEvents()}))},741:function(t,e,n){var i,r;!function(o,s){"use strict";void 0===(r="function"==typeof(i=s)?i.call(e,n,e,t):i)||(t.exports=r)}(window,(function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],n=0;n