commit 81c016140a8f2ba09fc417ba940a95fc59083c11 Author: Peter Haight <peterh@giantrabbit.com> Date: Thu Mar 14 10:25:39 2019 -0700 Added separate thank you page for cryptocurrency The text on the cryptocurrency page says we are going to show the wallets again, so I wanted to actually do that. Issue #39984 --- public/dist/index.css | 2 +- sass/components/_cryptocurrency.scss | 5 +-- src/CryptocurrencyController.php | 8 ++++ src/routes.php | 5 +++ templates/cryptocurrency-thank-you.twig | 67 +++++++++++++++++++++++++++++++++ 5 files changed, 82 insertions(+), 5 deletions(-) diff --git a/public/dist/index.css b/public/dist/index.css index d30024eb..35a6ec6a 100644 --- a/public/dist/index.css +++ b/public/dist/index.css @@ -1 +1 @@ -/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,in put,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-but ton{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}hr{border-top:1px solid #68b030;margin:40px auto;max-width:106px}body,html,input,textarea{color:#484848;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:20px;font-weight:400}p{font-size:1.3rem;color:#212529;line-height:2rem}.preamble p{color:#777;font-family:Source Sans Pro;font-size:2em;line-height:1.3em;font-weight:300}h1{font-size:47px;letter-spacing:2px;line-height:50px;margin-bottom:1%;margin-top:0;text-transform:capitalize}@media (min-width:767px){h1{font-size:50px;line-height:60px}}@media (min-width:991px){h1{font-size:55px}}h2{font-size:25px;font-weight:700;line-height:1;margin-bottom:1%;margin-top:0}@media (min-width:767px){h2{font-size:34px}}h3{font-weight:700}h3,h4{font-size:27px;text-transform:uppercase;margin-bottom:1%;margin-top:0}h4{font-weight:400;letter-spacing:0;line-height:normal}h5{font-size:21 px;font-weight:300;line-height:28px;margin-bottom:1%;margin-top:0;letter-spacing:.09px}@media (min-width:991px){h5{font-size:22px}}a{color:#7d4698;font-weight:700;text-decoration:none}a:hover{color:#68b030}.bold,b{font-weight:700}.green{color:#68b030}.light{font-weight:200}.email{font-weight:700}.small{font-size:14px}.strong{color:#7d4698;font-weight:700}.tiny{font-size:12px}.background-grey{color:#f1f1f3;font-size:80px;font-weight:700}input[type=checkbox]{margin-top:auto;margin-bottom:auto;margin-right:4px}input[type=date],input[type=text],textarea{border:1px solid #848282;color:#484848;font-size:16px;height:27px;margin:9px;padding:8px 12px}input[type=date].required,input[type=text].required,textarea.required{border-color:#68b030}input[type=date].error,input[type=text].error,textarea.error{border-color:red}input[type=date]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#aeaeae}input[type=date]:focus,input[type=text]:focus,textarea:focus{border-color:#59316b; color:#7d4698;outline:none}textarea{box-sizing:border-box;width:60%;height:3em;display:block}select,textarea{padding:8px 12px}select{background:#fff;border:1px solid #848282;color:#484848;font-size:16px;height:45px;margin:9px}select.required{border-color:#68b030;color:#484848}select.error{border-color:red}select:focus{border-color:#59316b;color:#7d4698;outline:none}.field-row{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}@media (min-width:767px){.field-row{flex-wrap:nowrap}}.required{color:#68b030}.button{background-color:#fff;border:1px solid #848282;border-radius:5px;color:#484848;display:inline-block;font-size:20px;font-weight:400;margin:7px;padding:14px 10px;text-transform:uppercase;width:90%}.button.purple{background-color:#7d4698;color:#fff}.button.purple:hover{background-color:#59316b}.button:hover{cursor:pointer}.button.selected,.button:hover{background-color:#68b030;color:#fff}.button.selected{cursor:default}@media (min-w idth:479px){.button{width:auto}}a.button{font-size:16px;font-weight:400;padding:14px 10px;text-decoration:none}@media (min-width:767px){a.button{font-size:20px;width:auto}}body{margin:0}div{box-sizing:border-box}.header{background-color:#59316b;color:#fff;width:100%;padding:50px 50px 50px 10%}@media (min-width:767px){.header{padding-right:0;padding-bottom:0}}.header h1{margin-bottom:30px;font-size:36px;font-weight:300;line-height:40px}@media (min-width:767px){.header h1{font-size:40px;line-height:40px}}@media (min-width:991px){.header h1{font-size:60px;line-height:60px}}.header h4{text-transform:none;font-size:14px;line-height:14px;font-weight:400}@media (min-width:767px){.header h4{font-size:16px;line-height:18px}}@media (min-width:991px){.header h4{font-size:20px;line-height:25px}}.header .content-wrapper{width:100%}.header .content-wrapper .header-content{display:flex;align-items:flex-end}.header .content-wrapper .header-content .left-column{display:block}@media (min-width:767px) {.header .content-wrapper .header-content .left-column{flex:1 1 40%;margin-bottom:60px;margin-right:45%}}.header .tor-campaign-logo{flex:1 1 58%;max-width:750px;display:none;position:relative}@media (min-width:991px){.header .tor-campaign-logo{display:block}}.header .tor-campaign-logo img{width:100%;height:auto;position:absolute;bottom:0;right:0}.header .logo{width:81px}.header .nav-bar{margin-bottom:30px}@media (min-width:767px){.header .nav-bar{margin-bottom:80px}}@media (min-width:767px){.title-header-image .header{background-image:url(tor-header-campaign-2018.ab4c974a.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:40%}.title-header-image .header h4{padding-right:10%}}.content{margin:0;padding:0}.content .fixed-width{margin-left:auto;margin-right:auto}@media (min-width:767px){.content .fixed-width{max-width:728px}}@media (min-width:991px){.content .fixed-width{max-width:940px}}.footer-container{display:flex;flex-direction:column;flex-wrap:wrap;just ify-content:space-around;background-color:#59316b;color:#fff;padding:70px 30px 30px}.footer-container a{color:#fff}@media (min-width:767px){.footer-container{padding-top:100px}}.footer-container .footer-content{display:flex;width:100%;max-width:900px;margin:0 auto 30px;flex-wrap:wrap}@media (min-width:767px){.footer-container .footer-content{flex-wrap:nowrap}}.footer-container .footer-content-left{flex:1 1 100%;margin-bottom:70px}@media (min-width:767px){.footer-container .footer-content-left{flex:1 1 60%;margin-right:150px;margin-bottom:0}}.footer-container .footer-content-right{display:flex;flex:1 1 100%;align-items:center;flex-direction:column}@media (min-width:767px){.footer-container .footer-content-right{align-items:inherit;flex:1 1 auto}}.footer-container .footer-description{margin-bottom:70px;font-size:20px;line-height:24px}@media (min-width:767px){.footer-container .footer-description{margin-bottom:100px}}.footer-container .footer-subscribe{font-size:17px;line-height:20px}. footer-container .footer-subscribe .footer-subscribe-header{margin-bottom:5px;font-weight:600;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.footer-container .footer-subscribe .footer-sign-up{display:inline-block;padding:15px 30px;border-radius:4px;border:1px solid #fff;font-weight:700;text-transform:uppercase;margin-top:15px}.footer-container .footer-subscribe .footer-sign-up:hover{background-color:#7d4698}.footer-container .footer-menu{display:flex;flex-direction:row;width:100%;margin-bottom:70px;justify-content:space-evenly}.footer-container .footer-menu a{display:block;font-weight:300;line-height:30px}.footer-container .footer-menu a:hover{color:#aeaeae}@media (min-width:767px){.footer-container .footer-menu{margin-bottom:200px;flex-direction:column}}.footer-container .footer-social{display:flex;flex-wrap:wrap;width:100%;justify-content:center}@media (min-width:767px){.footer-container .footer-social{width:155px;justify-content:inherit}}.footer-container .footer-social a{dis play:block;text-indent:-999em;background-size:cover;background-repeat:no-repeat;width:20px;height:20px;margin-right:30px}.footer-container .footer-social a.facebook,.footer-container .footer-social a.mastodon,.footer-container .footer-social a.twitter{margin-bottom:20px}.footer-container .footer-social a.facebook{background-image:url(facebook.9acbe573.svg)}.footer-container .footer-social a.mastodon{background-image:url(mastodon.4c126d2f.svg)}.footer-container .footer-social a.twitter{width:24px;background-image:url(twitter.1d48ba8e.svg)}@media (min-width:767px){.footer-container .footer-social a.twitter{margin-right:0}}.footer-container .footer-social a.instagram{background-image:url(instagram.be316699.svg)}.footer-container .footer-social a.linkedin{background-image:url(linkedin.ce947134.svg)}.footer-container .footer-social a.github{background-image:url(github.61372f20.svg)}@media (min-width:767px){.footer-container .footer-social a.github{margin-right:0}}.gr-stamp-container{disp lay:block;text-align:center}.gr-stamp-container a:hover{color:#68b030}.container{width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.cryptocurrency .content{display:flex;flex:0 0 100%;flex-wrap:wrap;justify-content:center}.cryptocurrency .content h4{text-align:center;width:100%}.cryptocurrency .intro-text-section{margin:0 15px}.cryptocurrency #cryptocurrency-form{margin:auto;max-width:1024px}.cryptocurrency .donate.button{background-color:#68b030;color:#fff;width:300px}.cryptocurrency .form-column{margin-bottom:20px;padding-left:15px;padding-right:15px}@media (min-width:767px){.cryptocurrency .form-column{width:50%}}.cryptocurrency .form-fields{display:grid;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:[first] 1fr [second] 1fr [end];margin-top:20px}@media (min-width:479px){.cryptocurrency .form-fi elds{grid-template-columns:[first] 1fr [second] 1fr [third] 1fr [fourth] 1fr [end]}}.cryptocurrency input{box-sizing:border-box;height:43px;margin:0;width:100%}.cryptocurrency input[type=checkbox]{width:auto}.cryptocurrency input[required]{border-color:#68b030}.cryptocurrency input[name=firstName]{grid-column:first/span 2}.cryptocurrency input[name=lastName]{grid-column:first/end}@media (min-width:479px){.cryptocurrency input[name=lastName]{grid-column-start:third}}.cryptocurrency input[name=streetAddress]{grid-column:first/end}@media (min-width:479px){.cryptocurrency input[name=streetAddress]{grid-column:first/fourth}}.cryptocurrency input[name=extendedAddress]{grid-column-start:first}@media (min-width:479px){.cryptocurrency input[name=extendedAddress]{grid-column-start:fourth}}.cryptocurrency input[name=locality],.cryptocurrency input[name=postalCode]{grid-column:first/span 2}.cryptocurrency input[name=email]{grid-column:first/end}@media (min-width:479px){.cryptocurrency input[nam e=estimatedDonationDate]{grid-column:3/span 2}}.cryptocurrency input[name=currencyAmount]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency input[name=currencyAmount]{grid-column:third/span 2}}.cryptocurrency input[name=region]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency input[name=region]{grid-column:third/span 2}}.cryptocurrency label[for=estimatedDonationDate]{align-self:center;grid-column:first;text-align:right}@media (min-width:479px){.cryptocurrency label[for=estimatedDonationDate]{grid-column:first/span 2}}.cryptocurrency .checkbox-row{display:flex;grid-column:first/end;align-items:center}.cryptocurrency .checkbox-row input{margin-right:5px}.cryptocurrency select{box-sizing:border-box;height:43px;margin:0}.cryptocurrency select[name=country]{grid-column:first/end}.cryptocurrency select[name=region]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency select[name=region]{grid-column:third/span 2}}.cryptocurrency select[name=cr yptocurrencyType]{grid-column:first/span 2}.cryptocurrency .wallet-column{padding-left:15px;padding-right:15px;width:100%}@media (min-width:767px){.cryptocurrency .wallet-column{width:50%}}.cryptocurrency .wallet-column ul{list-style-type:none;margin-top:20px;padding-inline-start:0;width:100%}.cryptocurrency .wallet-column li{align-items:center;display:flex;margin-bottom:10px;width:100%}.cryptocurrency .wallet-column li:first-child div{padding-top:0}.cryptocurrency .wallet-column li:first-child .wallet-id{border-top:1px solid}.cryptocurrency .wallet-column .currency-name{padding:5px;width:30%}.cryptocurrency .wallet-column .wallet-id{font-family:Source Code Pro,monospace;padding:5px;margin-right:10px;width:60%}.cryptocurrency .button{height:50px}.cryptocurrency .section{display:flex;flex-wrap:wrap;justify-content:center;padding:10px}.cryptocurrency .button-section{justify-content:center;margin-bottom:20px;padding:0;width:100%}.campaign-totals-area{display:flex;flex-wrap:wrap;justify -content:center}.campaign-totals-area .characters{display:flex;justify-content:center;line-height:normal;margin:10px 30px}.campaign-totals-area .characters .character{position:relative}.campaign-totals-area .characters .character .cover{background:#68b030;bottom:0;left:0;position:absolute;visibility:hidden;right:0;top:0;z-index:1}.campaign-totals-area .characters .character.covered .cover{visibility:visible}.campaign-totals-area .characters .character.resolved{color:#68b030}.campaign-totals-area .label{font-size:27px;text-align:center}.donate-options{display:flex;justify-content:center;margin:30px auto 2%;width:92vw}.donate-options a{background-color:#fff;border:2px solid #aeaeae;color:#aeaeae;font-weight:400;display:block;text-align:center;text-decoration:none;text-transform:uppercase}.donate-options a.once-button{border-radius:5px 0 0 5px;margin-right:0;padding-left:15px;padding-right:15px;width:150px}.donate-options a.monthly-button{border-left:0;border-radius:0 5px 5px 0;margin- left:0;padding-left:15px;padding-right:15px;width:160px}.donate-options a.selected,.donate-options a:hover{background-color:#68b030;color:#fff}.payment-other-div{text-align:center;margin-bottom:20px}.perk-intro{display:flex;flex-wrap:wrap;margin:2% 5%;justify-content:center;text-align:center}.perk-intro .perk-title{font-size:22px;margin-bottom:0}.price-change-warning{color:red}#donationForm{margin:0 auto 40px;max-width:1024px}.donation-selection-area{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto 2%;max-width:1024px;justify-content:center}@media (min-width:767px){.donation-selection-area{flex-direction:row}}.donation-selection-area .donate-buttons{align-items:center;align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:5px}@media (min-width:767px){.donation-selection-area .donate-buttons{flex-direction:row;margin-right:5px}}.donation-selection-area .donate-buttons a.price-btn{background-color:#59316b;border-radius:5px;color:#fff;d isplay:block;font-size:23px;font-weight:400;margin:5px;padding:20px 0;text-align:center;text-decoration:none;width:120px}@media (min-width:767px){.donation-selection-area .donate-buttons a.price-btn{font-size:29px}}.donation-selection-area .donate-buttons a.price-btn.promo{position:relative}.donation-selection-area .donate-buttons a.price-btn.promo:before{position:absolute;display:block;background-color:#68b030;color:#fff;content:"LIMITED OFFER";width:80px;height:20px;font-size:12px;top:-9px;left:13px;padding:0 8px;border-radius:16px;font-weight:300}.donation-selection-area .donate-buttons a.selected{background-color:#68b030}.donation-selection-area .donate-buttons .other-amount-field{align-items:center;display:flex;flex-direction:column;justify-content:center}.donation-selection-area .donate-buttons .other-amount-field .error{color:red;display:block;text-align:center}.donation-selection-area .donate-buttons .other-amount-field .perk-amt{background-color:#f1f1f3;font-size:23px;font- weight:700;height:42px;margin:5px;min-width:80px;text-transform:capitalize;text-align:center;width:94px}.donation-selection-area .no-perk-area{margin:1% 1% 20px;width:100%;text-align:center}.donation-selection-area label[for=no-perk-checkbox]{font-size:20px;line-height:24px}.donation-selection-area .perks{align-self:center;display:flex;flex-direction:column;width:100%;margin-top:20px;position:relative;z-index:2;justify-content:space-evenly}@media (min-width:767px){.donation-selection-area .perks{border:none;flex-direction:row}}.donation-selection-area .perks .perk{border:1px solid #aeaeae;border-top:0 solid #aeaeae;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.donation-selection-area .perks .perk:first-child{border-top-width:1px}@media (min-width:767px){.donation-selection-area .perks .perk{border:1px solid #aeaeae;flex-direction:column;justify-content:flex-start;margin:0 5px 20px;position:relative;width:30%;top:0;flex-wrap:nowrap}}.donation-selection -area .perks .perk.disabled{border-color:#f8f9fa;color:#aeaeae;font-style:italic}.donation-selection-area .perks .perk.disabled img{opacity:.2}.donation-selection-area .perks .perk.disabled select{color:#aeaeae;font-style:italic}.donation-selection-area .perks .perk.disabled .promo-red-dot{background-color:#aeaeae}.donation-selection-area .perks .perk.disabled .promo-price{color:#aeaeae}.donation-selection-area .perks .perk .slides{position:relative;align-self:center;display:none;height:175px;overflow:hidden;width:100%}@media (min-width:767px){.donation-selection-area .perks .perk .slides{display:block;order:2}}.donation-selection-area .perks .perk img{display:block;margin:0 auto;max-width:50%;height:auto}@media (min-width:767px){.donation-selection-area .perks .perk img{width:85%;max-width:none}}.donation-selection-area .perks .perk .promo-red-dot{position:absolute;background:red;top:45px;right:15px;color:#fff;padding:10px 20px;font-size:28px;line-height:31px;font-weight:700;border -radius:40px}.donation-selection-area .perks .perk .price-tag-group{margin:20px 0 20px 20px;font-size:21px;font-weight:600;width:40%}@media (min-width:767px){.donation-selection-area .perks .perk .price-tag-group{font-size:16px;order:1;width:100%}}.donation-selection-area .perks .perk .promo-strike-through{text-decoration:line-through}.donation-selection-area .perks .perk .promo-price{color:#59316b;font-weight:700}.donation-selection-area .perks .perk .promo-price.large{font-size:22px;font-weight:600}.donation-selection-area .perks .perk .perk-label{font-size:21px;font-weight:700;margin:20px 20px 20px 0;text-align:right;text-transform:uppercase;width:40%;box-sizing:border-box}@media (min-width:767px){.donation-selection-area .perks .perk .perk-label{margin:0;padding:20px 20px 0;font-size:27px;width:100%;order:3;text-align:center}}.donation-selection-area .perks .perk .perk-desc{font-size:16px;font-weight:300;display:none;padding:20px;width:100%;box-sizing:border-box}@media (min-widt h:767px){.donation-selection-area .perks .perk .perk-desc{display:block;margin:0 11px;order:4;padding-left:4px;padding-right:4px;width:auto}}.donation-selection-area .perks .perk .perk-sub-select{display:none;border-color:#aeaeae;margin:10px;width:100%}@media (min-width:767px){.donation-selection-area .perks .perk .perk-sub-select{display:block;order:5;width:92%}}.donation-selection-area .perks .selected{background-color:#68b030;transition:all .5s}.donation-selection-area .perks .selected .perk-desc,.donation-selection-area .perks .selected .perk-sub-select,.donation-selection-area .perks .selected .slides{display:block}@media (min-width:767px){.donation-selection-area .perks .selected{background-color:#fff;box-shadow:8px 8px #68b030;position:relative;top:-4px}}.donation-selection-area .totals-area{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:4%;position:relative}.donation-selection-area .totals-area,.donation-selection-area .totals-area div,.d onation-selection-area .totals-area input{position:relative;z-index:1}.donation-selection-area .totals-area .fist-bg{position:absolute;top:0;right:0;z-index:0;height:auto}@media (min-width:767px){.donation-selection-area .totals-area{order:4;width:100%}}.donation-selection-area .totals-area .matching-message{color:#59316b;font-size:35px;line-height:normal;padding-top:10px;text-align:center;width:100%}.donation-selection-area .totals-area .matched-amount{color:#59316b;font-size:100px;font-weight:700;line-height:normal;text-align:center;width:100%}.info-area,.payment-method-area{position:relative;z-index:2}.payment-method-area{border-bottom:2px solid #aeaeae;border-top:2px solid #aeaeae;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:4% 21px;text-align:center}.payment-method-area .button{width:160px;vertical-align:top}.payment-method-area .button.paypal{padding-top:8px;padding-bottom:5px}.payment-method-area .paypal-png{height:32px}.payment-method-are a .payment-method-question{margin-bottom:3%}.payment-method-area .payment-option{margin-bottom:2%}.info-area{padding-top:4%;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.info-area #firstName{width:100%}@media (min-width:767px){.info-area #firstName{width:50%}}.info-area #lastName{width:100%}@media (min-width:767px){.info-area #lastName{width:50%}}.info-area #streetAddress{width:100%}@media (min-width:767px){.info-area #streetAddress{width:80%}}.info-area #extendedAddress{width:20%}.info-area #country{width:100%}.info-area #locality{width:38%}@media (min-width:767px){.info-area #locality{width:33%}}.info-area #region{width:45%}@media (min-width:767px){.info-area #region{width:34%}}.info-area #postalCode{width:100%}@media (min-width:767px){.info-area #postalCode{width:33%}}.info-area #email{width:100%}@media (min-width:767px){.info-area #email{width:56%}}.info-area .receipt{display:none}@media (min-width:767px){.info-area .receipt{display:block}}.info-area #mai lingListOptIn{margin:10px 4px 10px 10px}.info-area #cardNumber{width:100%}@media (min-width:767px){.info-area #cardNumber{width:56%}}.info-area img.credit-cards{display:none}@media (min-width:767px){.info-area img.credit-cards{display:block;height:29px;vertical-align:middle}}.info-area #expMonth{width:38%}@media (min-width:767px){.info-area #expMonth{width:33%}}.info-area #expYear{width:38.5%}@media (min-width:767px){.info-area #expYear{width:33%}}.info-area #cvc{width:38%}@media (min-width:767px){.info-area #cvc{width:33%}}.info-area #perk-fields{display:block;margin:10px;text-align:left}.info-area #perk-fields #selected-perk-fields-label{margin-top:10px}.info-area #perk-fields #perk-fit{margin-left:0}.info-area .donate-submit-area{color:#848282;font-size:22px;font-weight:700;padding:20px 0;line-height:26px}.info-area .donate.button{background-color:#68b030;color:#fff;text-transform:uppercase;width:300px}#donate-comments-wrapper{text-align:left}#donate-comments-wrapper textarea{wid th:95%}@media (min-width:767px){#donate-comments-wrapper textarea{width:97%}}.no-close .ui-dialog-titlebar-close{display:none}#loading-dialog .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#484848;z-index:99}#loading-dialog .dialog-area{display:flex;justify-content:center;position:fixed;top:20vh;width:100%;z-index:100}#loading-dialog .dialog{background-color:#fff;min-height:150px;text-align:center;width:300px}#loading-dialog .message{margin:20px}#loading-dialog .dots{display:flex;margin:20px 20px 0;justify-content:center}#loading-dialog .dot{display:block;width:15px;height:15px;margin-right:.5%;margin-left:.5%;border-radius:20px;background-color:#8cd621;opacity:.3}#loading-dialog .dot:nth-child(0n+1){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:0}#loading-dialog .dot:nth-child(0n+2){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:.5s}#loading-dialog .d ot:nth-child(0n+3){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:1s}#loading-dialog .dot:nth-child(0n+4){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:1.5s}#loading-dialog .dot:nth-child(0n+5){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:2s}@keyframes moving-dot{0%{opacity:.3}20%{opacity:1}to{opacity:.3}}.donor-faq{margin:40px auto;width:90%}@media (min-width:991px){.donor-faq{width:80%}}.donor-faq .questions{list-style-position:inside;padding-left:0}.donor-faq .questions li{color:#59316b;font-size:20px;font-weight:700;line-height:29px}@media (min-width:991px){.donor-faq .questions li{font-size:25px;line-height:34px}}.donor-faq .questions .question{color:#59316b;display:inline;font-size:20px;margin-bottom:10px;margin-top:10px}@media (min-width:991px){.donor-faq .questions .question{font-size:25px}}.donor-faq .questions .answer{color:#484848;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:20px;font-weight:400}.donor-faq .button-line{width:100%}.button-line{text-align:center}.error-container{display:block;width:50%;min-height:100px;margin-right:auto;margin-bottom:5%;margin-left:auto;padding:2% 5%;border:1px solid #aeaeae;box-shadow:11px 11px 0 0 #e70000}.error-container .title{margin-bottom:3%;color:#e70000;font-size:34px;line-height:40px;text-align:center}#company-profile-container,#hepdata-no-results-message,.donate-match-container{text-align:center;margin-bottom:60px}.donate-match-container .input-and-loader,.donate-match-container datalist,.donate-match-container input{width:300px}.donate-match-container .input-and-loader{margin:auto;position:relative}.donate-match-container .input-and-loader input{height:30px;padding:3px;border-style:solid;text-align:center;font-weight:600}.donate-match-container .input-and-loader .load-container{display:none;height:30px;width:30px;overflow:hi dden;position:absolute;top:4px;right:-6px}.donate-match-container .input-and-loader .load-container .loader,.donate-match-container .input-and-loader .load-container .loader:after,.donate-match-container .input-and-loader .load-container .loader:before{background:#59316b;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.donate-match-container .input-and-loader .load-container .loader{color:#59316b;text-indent:-9999em;margin:10px auto;position:relative;font-size:4px;transform:translateZ(0);animation-delay:-.16s}.donate-match-container .input-and-loader .load-container .loader:after,.donate-match-container .input-and-loader .load-container .loader:before{position:absolute;top:0;content:""}.donate-match-container .input-and-loader .load-container .loader:before{left:-1.5em;animation-delay:-.32s}.donate-match-container .input-and-loader .load-container .loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@key frames load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.donate-match-container #company-option-list{width:300px;margin:0 auto;max-height:300px;overflow-x:hidden;overflow-y:auto;background-color:#f8f9fa;border:1px solid #7d4698;display:none}.donate-match-container #company-option-list .company-option{word-wrap:break-word;padding:5px 2px}.donate-match-container #company-option-list .company-option:hover{background-color:#68b030;color:#fff}.donate-error-message{color:#aeaeae;padding:0 10%;word-break:break-all;text-align:center}#company-profile-container .profile{display:none;width:75%;margin:auto}#company-profile-container .profile .row{margin:20px 0}#company-profile-container .profile .row .company-property-label{width:30%;text-align:right;font-weight:700}#company-profile-container .profile .row .company-property-value{text-align:left;width:60%}#company-profile-container .profile .row .company-property-value#summary-value{width:auto;font-size:25px;line-heig ht:34px;text-align:center}#company-profile-container .profile .row .company-property-value#summary-value .company{font-weight:700;color:#7d4698}#company-profile-container .profile .row .company-property-value#summary-value .percent{font-weight:700;color:#68b030}#company-profile-container .profile .row .company-property-value#summary-value .match-amount{font-weight:700;color:#59316b}#company-profile-container .profile .row .company-property-value#matchingGiftForm-value{width:auto}#company-profile-container .profile .row .company-property-value#lastUpdated-value{font-weight:700;color:#aeaeae}#company-profile-container .profile .row .company-property-value#matchingConditions-value .ratio{font-weight:700;color:#59316b}#company-profile-container .profile .row .company-property-value#resources-value{width:auto}#company-profile-container ul{margin-top:0}#company-profile-container li{margin-bottom:10px}.privacy-policy{margin-left:auto;margin-right:auto;width:70%;margin-bottom:40px}.subscrib e .fixed-width{max-width:600px;text-align:center}.subscribe .fixed-width #email,.subscribe .fixed-width #firstName{width:100%}@media (min-width:767px){.subscribe .fixed-width #firstName{width:50%}}.subscribe .fixed-width #lastName{width:100%}@media (min-width:767px){.subscribe .fixed-width #lastName{width:50%}}.subscribe .fixed-width .join{width:200px}.subscribe .fixed-width .messages{color:red;text-align:left}.header-content .thank-you{width:80%}.header-content .thank-you h1{text-align:center;text-transform:none}.header-content .thank-you h5{text-align:center}.header-content .thank-you img{width:50px}.header-content .thank-you p{color:#fff}.header-content .thank-you .share-icons{margin:20px 10px 0;text-align:center}@media (min-width:767px){.header-content .thank-you{margin-top:-120px;margin-bottom:30px}}.content{margin-top:20px}.content .thank-you{margin-bottom:40px}.content .thank-you h4{text-align:center}.content .thank-you .volunteer-desc{margin-left:auto;margin-right:auto;max-w idth:490px;text-align:center}.content .thank-you .volunteer-desc .skills-text{margin-bottom:20px} \ No newline at end of file +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,in put,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-but ton{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}hr{border-top:1px solid #68b030;margin:40px auto;max-width:106px}body,html,input,textarea{color:#484848;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:20px;font-weight:400}p{font-size:1.3rem;color:#212529;line-height:2rem}.preamble p{color:#777;font-family:Source Sans Pro;font-size:2em;line-height:1.3em;font-weight:300}h1{font-size:47px;letter-spacing:2px;line-height:50px;margin-bottom:1%;margin-top:0;text-transform:capitalize}@media (min-width:767px){h1{font-size:50px;line-height:60px}}@media (min-width:991px){h1{font-size:55px}}h2{font-size:25px;font-weight:700;line-height:1;margin-bottom:1%;margin-top:0}@media (min-width:767px){h2{font-size:34px}}h3{font-weight:700}h3,h4{font-size:27px;text-transform:uppercase;margin-bottom:1%;margin-top:0}h4{font-weight:400;letter-spacing:0;line-height:normal}h5{font-size:21 px;font-weight:300;line-height:28px;margin-bottom:1%;margin-top:0;letter-spacing:.09px}@media (min-width:991px){h5{font-size:22px}}a{color:#7d4698;font-weight:700;text-decoration:none}a:hover{color:#68b030}.bold,b{font-weight:700}.green{color:#68b030}.light{font-weight:200}.email{font-weight:700}.small{font-size:14px}.strong{color:#7d4698;font-weight:700}.tiny{font-size:12px}.background-grey{color:#f1f1f3;font-size:80px;font-weight:700}input[type=checkbox]{margin-top:auto;margin-bottom:auto;margin-right:4px}input[type=date],input[type=text],textarea{border:1px solid #848282;color:#484848;font-size:16px;height:27px;margin:9px;padding:8px 12px}input[type=date].required,input[type=text].required,textarea.required{border-color:#68b030}input[type=date].error,input[type=text].error,textarea.error{border-color:red}input[type=date]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#aeaeae}input[type=date]:focus,input[type=text]:focus,textarea:focus{border-color:#59316b; color:#7d4698;outline:none}textarea{box-sizing:border-box;width:60%;height:3em;display:block}select,textarea{padding:8px 12px}select{background:#fff;border:1px solid #848282;color:#484848;font-size:16px;height:45px;margin:9px}select.required{border-color:#68b030;color:#484848}select.error{border-color:red}select:focus{border-color:#59316b;color:#7d4698;outline:none}.field-row{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}@media (min-width:767px){.field-row{flex-wrap:nowrap}}.required{color:#68b030}.button{background-color:#fff;border:1px solid #848282;border-radius:5px;color:#484848;display:inline-block;font-size:20px;font-weight:400;margin:7px;padding:14px 10px;text-transform:uppercase;width:90%}.button.purple{background-color:#7d4698;color:#fff}.button.purple:hover{background-color:#59316b}.button:hover{cursor:pointer}.button.selected,.button:hover{background-color:#68b030;color:#fff}.button.selected{cursor:default}@media (min-w idth:479px){.button{width:auto}}a.button{font-size:16px;font-weight:400;padding:14px 10px;text-decoration:none}@media (min-width:767px){a.button{font-size:20px;width:auto}}body{margin:0}div{box-sizing:border-box}.header{background-color:#59316b;color:#fff;width:100%;padding:50px 50px 50px 10%}@media (min-width:767px){.header{padding-right:0;padding-bottom:0}}.header h1{margin-bottom:30px;font-size:36px;font-weight:300;line-height:40px}@media (min-width:767px){.header h1{font-size:40px;line-height:40px}}@media (min-width:991px){.header h1{font-size:60px;line-height:60px}}.header h4{text-transform:none;font-size:14px;line-height:14px;font-weight:400}@media (min-width:767px){.header h4{font-size:16px;line-height:18px}}@media (min-width:991px){.header h4{font-size:20px;line-height:25px}}.header .content-wrapper{width:100%}.header .content-wrapper .header-content{display:flex;align-items:flex-end}.header .content-wrapper .header-content .left-column{display:block}@media (min-width:767px) {.header .content-wrapper .header-content .left-column{flex:1 1 40%;margin-bottom:60px;margin-right:45%}}.header .tor-campaign-logo{flex:1 1 58%;max-width:750px;display:none;position:relative}@media (min-width:991px){.header .tor-campaign-logo{display:block}}.header .tor-campaign-logo img{width:100%;height:auto;position:absolute;bottom:0;right:0}.header .logo{width:81px}.header .nav-bar{margin-bottom:30px}@media (min-width:767px){.header .nav-bar{margin-bottom:80px}}@media (min-width:767px){.title-header-image .header{background-image:url(tor-header-campaign-2018.ab4c974a.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:40%}.title-header-image .header h4{padding-right:10%}}.content{margin:0;padding:0}.content .fixed-width{margin-left:auto;margin-right:auto}@media (min-width:767px){.content .fixed-width{max-width:728px}}@media (min-width:991px){.content .fixed-width{max-width:940px}}.footer-container{display:flex;flex-direction:column;flex-wrap:wrap;just ify-content:space-around;background-color:#59316b;color:#fff;padding:70px 30px 30px}.footer-container a{color:#fff}@media (min-width:767px){.footer-container{padding-top:100px}}.footer-container .footer-content{display:flex;width:100%;max-width:900px;margin:0 auto 30px;flex-wrap:wrap}@media (min-width:767px){.footer-container .footer-content{flex-wrap:nowrap}}.footer-container .footer-content-left{flex:1 1 100%;margin-bottom:70px}@media (min-width:767px){.footer-container .footer-content-left{flex:1 1 60%;margin-right:150px;margin-bottom:0}}.footer-container .footer-content-right{display:flex;flex:1 1 100%;align-items:center;flex-direction:column}@media (min-width:767px){.footer-container .footer-content-right{align-items:inherit;flex:1 1 auto}}.footer-container .footer-description{margin-bottom:70px;font-size:20px;line-height:24px}@media (min-width:767px){.footer-container .footer-description{margin-bottom:100px}}.footer-container .footer-subscribe{font-size:17px;line-height:20px}. footer-container .footer-subscribe .footer-subscribe-header{margin-bottom:5px;font-weight:600;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.footer-container .footer-subscribe .footer-sign-up{display:inline-block;padding:15px 30px;border-radius:4px;border:1px solid #fff;font-weight:700;text-transform:uppercase;margin-top:15px}.footer-container .footer-subscribe .footer-sign-up:hover{background-color:#7d4698}.footer-container .footer-menu{display:flex;flex-direction:row;width:100%;margin-bottom:70px;justify-content:space-evenly}.footer-container .footer-menu a{display:block;font-weight:300;line-height:30px}.footer-container .footer-menu a:hover{color:#aeaeae}@media (min-width:767px){.footer-container .footer-menu{margin-bottom:200px;flex-direction:column}}.footer-container .footer-social{display:flex;flex-wrap:wrap;width:100%;justify-content:center}@media (min-width:767px){.footer-container .footer-social{width:155px;justify-content:inherit}}.footer-container .footer-social a{dis play:block;text-indent:-999em;background-size:cover;background-repeat:no-repeat;width:20px;height:20px;margin-right:30px}.footer-container .footer-social a.facebook,.footer-container .footer-social a.mastodon,.footer-container .footer-social a.twitter{margin-bottom:20px}.footer-container .footer-social a.facebook{background-image:url(facebook.9acbe573.svg)}.footer-container .footer-social a.mastodon{background-image:url(mastodon.4c126d2f.svg)}.footer-container .footer-social a.twitter{width:24px;background-image:url(twitter.1d48ba8e.svg)}@media (min-width:767px){.footer-container .footer-social a.twitter{margin-right:0}}.footer-container .footer-social a.instagram{background-image:url(instagram.be316699.svg)}.footer-container .footer-social a.linkedin{background-image:url(linkedin.ce947134.svg)}.footer-container .footer-social a.github{background-image:url(github.61372f20.svg)}@media (min-width:767px){.footer-container .footer-social a.github{margin-right:0}}.gr-stamp-container{disp lay:block;text-align:center}.gr-stamp-container a:hover{color:#68b030}.container{width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.cryptocurrency .content{display:flex;flex:0 0 100%;flex-wrap:wrap;justify-content:center}.cryptocurrency .content h4{text-align:center;width:100%}.cryptocurrency .intro-text-section{margin:0 15px}.cryptocurrency #cryptocurrency-form{margin:auto;max-width:1024px}.cryptocurrency .donate.button{background-color:#68b030;color:#fff;height:50px;width:300px}.cryptocurrency .form-column{margin-bottom:20px;padding-left:15px;padding-right:15px}@media (min-width:767px){.cryptocurrency .form-column{width:50%}}.cryptocurrency .form-fields{display:grid;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:[first] 1fr [second] 1fr [end];margin-top:20px}@media (min-width:479px){.cryptocurre ncy .form-fields{grid-template-columns:[first] 1fr [second] 1fr [third] 1fr [fourth] 1fr [end]}}.cryptocurrency input{box-sizing:border-box;height:43px;margin:0;width:100%}.cryptocurrency input[type=checkbox]{width:auto}.cryptocurrency input[required]{border-color:#68b030}.cryptocurrency input[name=firstName]{grid-column:first/span 2}.cryptocurrency input[name=lastName]{grid-column:first/end}@media (min-width:479px){.cryptocurrency input[name=lastName]{grid-column-start:third}}.cryptocurrency input[name=streetAddress]{grid-column:first/end}@media (min-width:479px){.cryptocurrency input[name=streetAddress]{grid-column:first/fourth}}.cryptocurrency input[name=extendedAddress]{grid-column-start:first}@media (min-width:479px){.cryptocurrency input[name=extendedAddress]{grid-column-start:fourth}}.cryptocurrency input[name=locality],.cryptocurrency input[name=postalCode]{grid-column:first/span 2}.cryptocurrency input[name=email]{grid-column:first/end}@media (min-width:479px){.cryptocurren cy input[name=estimatedDonationDate]{grid-column:3/span 2}}.cryptocurrency input[name=currencyAmount]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency input[name=currencyAmount]{grid-column:third/span 2}}.cryptocurrency input[name=region]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency input[name=region]{grid-column:third/span 2}}.cryptocurrency label[for=estimatedDonationDate]{align-self:center;grid-column:first;text-align:right}@media (min-width:479px){.cryptocurrency label[for=estimatedDonationDate]{grid-column:first/span 2}}.cryptocurrency .checkbox-row{display:flex;grid-column:first/end;align-items:center}.cryptocurrency .checkbox-row input{margin-right:5px}.cryptocurrency select{box-sizing:border-box;height:43px;margin:0}.cryptocurrency select[name=country]{grid-column:first/end}.cryptocurrency select[name=region]{grid-column:first/span 2}@media (min-width:479px){.cryptocurrency select[name=region]{grid-column:third/span 2}}.cryptocurrency se lect[name=cryptocurrencyType]{grid-column:first/span 2}.cryptocurrency .wallet-column{padding-left:15px;padding-right:15px;width:100%}@media (min-width:767px){.cryptocurrency .wallet-column{width:50%}}.cryptocurrency .wallet-column ul{list-style-type:none;margin-top:20px;padding-inline-start:0;width:100%}.cryptocurrency .wallet-column li{align-items:center;display:flex;margin-bottom:10px;width:100%}.cryptocurrency .wallet-column li:first-child div{padding-top:0}.cryptocurrency .wallet-column li:first-child .wallet-id{border-top:1px solid}.cryptocurrency .wallet-column .currency-name{padding:5px;width:30%}.cryptocurrency .wallet-column .wallet-id{font-family:Source Code Pro,monospace;padding:5px;margin-right:10px;width:60%}.cryptocurrency .section{display:flex;flex-wrap:wrap;justify-content:center;padding:10px}.cryptocurrency .button-section{justify-content:center;margin-bottom:20px;padding:0;width:100%}.campaign-totals-area{display:flex;flex-wrap:wrap;justify-content:center}.campaig n-totals-area .characters{display:flex;justify-content:center;line-height:normal;margin:10px 30px}.campaign-totals-area .characters .character{position:relative}.campaign-totals-area .characters .character .cover{background:#68b030;bottom:0;left:0;position:absolute;visibility:hidden;right:0;top:0;z-index:1}.campaign-totals-area .characters .character.covered .cover{visibility:visible}.campaign-totals-area .characters .character.resolved{color:#68b030}.campaign-totals-area .label{font-size:27px;text-align:center}.donate-options{display:flex;justify-content:center;margin:30px auto 2%;width:92vw}.donate-options a{background-color:#fff;border:2px solid #aeaeae;color:#aeaeae;font-weight:400;display:block;text-align:center;text-decoration:none;text-transform:uppercase}.donate-options a.once-button{border-radius:5px 0 0 5px;margin-right:0;padding-left:15px;padding-right:15px;width:150px}.donate-options a.monthly-button{border-left:0;border-radius:0 5px 5px 0;margin-left:0;padding-left:15px ;padding-right:15px;width:160px}.donate-options a.selected,.donate-options a:hover{background-color:#68b030;color:#fff}.payment-other-div{text-align:center;margin-bottom:20px}.perk-intro{display:flex;flex-wrap:wrap;margin:2% 5%;justify-content:center;text-align:center}.perk-intro .perk-title{font-size:22px;margin-bottom:0}.price-change-warning{color:red}#donationForm{margin:0 auto 40px;max-width:1024px}.donation-selection-area{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto 2%;max-width:1024px;justify-content:center}@media (min-width:767px){.donation-selection-area{flex-direction:row}}.donation-selection-area .donate-buttons{align-items:center;align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:5px}@media (min-width:767px){.donation-selection-area .donate-buttons{flex-direction:row;margin-right:5px}}.donation-selection-area .donate-buttons a.price-btn{background-color:#59316b;border-radius:5px;color:#fff;display:block;font-size:2 3px;font-weight:400;margin:5px;padding:20px 0;text-align:center;text-decoration:none;width:120px}@media (min-width:767px){.donation-selection-area .donate-buttons a.price-btn{font-size:29px}}.donation-selection-area .donate-buttons a.price-btn.promo{position:relative}.donation-selection-area .donate-buttons a.price-btn.promo:before{position:absolute;display:block;background-color:#68b030;color:#fff;content:"LIMITED OFFER";width:80px;height:20px;font-size:12px;top:-9px;left:13px;padding:0 8px;border-radius:16px;font-weight:300}.donation-selection-area .donate-buttons a.selected{background-color:#68b030}.donation-selection-area .donate-buttons .other-amount-field{align-items:center;display:flex;flex-direction:column;justify-content:center}.donation-selection-area .donate-buttons .other-amount-field .error{color:red;display:block;text-align:center}.donation-selection-area .donate-buttons .other-amount-field .perk-amt{background-color:#f1f1f3;font-size:23px;font-weight:700;height:42px;m argin:5px;min-width:80px;text-transform:capitalize;text-align:center;width:94px}.donation-selection-area .no-perk-area{margin:1% 1% 20px;width:100%;text-align:center}.donation-selection-area label[for=no-perk-checkbox]{font-size:20px;line-height:24px}.donation-selection-area .perks{align-self:center;display:flex;flex-direction:column;width:100%;margin-top:20px;position:relative;z-index:2;justify-content:space-evenly}@media (min-width:767px){.donation-selection-area .perks{border:none;flex-direction:row}}.donation-selection-area .perks .perk{border:1px solid #aeaeae;border-top:0 solid #aeaeae;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.donation-selection-area .perks .perk:first-child{border-top-width:1px}@media (min-width:767px){.donation-selection-area .perks .perk{border:1px solid #aeaeae;flex-direction:column;justify-content:flex-start;margin:0 5px 20px;position:relative;width:30%;top:0;flex-wrap:nowrap}}.donation-selection-area .perks .perk.disab led{border-color:#f8f9fa;color:#aeaeae;font-style:italic}.donation-selection-area .perks .perk.disabled img{opacity:.2}.donation-selection-area .perks .perk.disabled select{color:#aeaeae;font-style:italic}.donation-selection-area .perks .perk.disabled .promo-red-dot{background-color:#aeaeae}.donation-selection-area .perks .perk.disabled .promo-price{color:#aeaeae}.donation-selection-area .perks .perk .slides{position:relative;align-self:center;display:none;height:175px;overflow:hidden;width:100%}@media (min-width:767px){.donation-selection-area .perks .perk .slides{display:block;order:2}}.donation-selection-area .perks .perk img{display:block;margin:0 auto;max-width:50%;height:auto}@media (min-width:767px){.donation-selection-area .perks .perk img{width:85%;max-width:none}}.donation-selection-area .perks .perk .promo-red-dot{position:absolute;background:red;top:45px;right:15px;color:#fff;padding:10px 20px;font-size:28px;line-height:31px;font-weight:700;border-radius:40px}.donation-s election-area .perks .perk .price-tag-group{margin:20px 0 20px 20px;font-size:21px;font-weight:600;width:40%}@media (min-width:767px){.donation-selection-area .perks .perk .price-tag-group{font-size:16px;order:1;width:100%}}.donation-selection-area .perks .perk .promo-strike-through{text-decoration:line-through}.donation-selection-area .perks .perk .promo-price{color:#59316b;font-weight:700}.donation-selection-area .perks .perk .promo-price.large{font-size:22px;font-weight:600}.donation-selection-area .perks .perk .perk-label{font-size:21px;font-weight:700;margin:20px 20px 20px 0;text-align:right;text-transform:uppercase;width:40%;box-sizing:border-box}@media (min-width:767px){.donation-selection-area .perks .perk .perk-label{margin:0;padding:20px 20px 0;font-size:27px;width:100%;order:3;text-align:center}}.donation-selection-area .perks .perk .perk-desc{font-size:16px;font-weight:300;display:none;padding:20px;width:100%;box-sizing:border-box}@media (min-width:767px){.donation-selec tion-area .perks .perk .perk-desc{display:block;margin:0 11px;order:4;padding-left:4px;padding-right:4px;width:auto}}.donation-selection-area .perks .perk .perk-sub-select{display:none;border-color:#aeaeae;margin:10px;width:100%}@media (min-width:767px){.donation-selection-area .perks .perk .perk-sub-select{display:block;order:5;width:92%}}.donation-selection-area .perks .selected{background-color:#68b030;transition:all .5s}.donation-selection-area .perks .selected .perk-desc,.donation-selection-area .perks .selected .perk-sub-select,.donation-selection-area .perks .selected .slides{display:block}@media (min-width:767px){.donation-selection-area .perks .selected{background-color:#fff;box-shadow:8px 8px #68b030;position:relative;top:-4px}}.donation-selection-area .totals-area{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:4%;position:relative}.donation-selection-area .totals-area,.donation-selection-area .totals-area div,.donation-selection-area . totals-area input{position:relative;z-index:1}.donation-selection-area .totals-area .fist-bg{position:absolute;top:0;right:0;z-index:0;height:auto}@media (min-width:767px){.donation-selection-area .totals-area{order:4;width:100%}}.donation-selection-area .totals-area .matching-message{color:#59316b;font-size:35px;line-height:normal;padding-top:10px;text-align:center;width:100%}.donation-selection-area .totals-area .matched-amount{color:#59316b;font-size:100px;font-weight:700;line-height:normal;text-align:center;width:100%}.info-area,.payment-method-area{position:relative;z-index:2}.payment-method-area{border-bottom:2px solid #aeaeae;border-top:2px solid #aeaeae;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:4% 21px;text-align:center}.payment-method-area .button{width:160px;vertical-align:top}.payment-method-area .button.paypal{padding-top:8px;padding-bottom:5px}.payment-method-area .paypal-png{height:32px}.payment-method-area .payment-method-questi on{margin-bottom:3%}.payment-method-area .payment-option{margin-bottom:2%}.info-area{padding-top:4%;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.info-area #firstName{width:100%}@media (min-width:767px){.info-area #firstName{width:50%}}.info-area #lastName{width:100%}@media (min-width:767px){.info-area #lastName{width:50%}}.info-area #streetAddress{width:100%}@media (min-width:767px){.info-area #streetAddress{width:80%}}.info-area #extendedAddress{width:20%}.info-area #country{width:100%}.info-area #locality{width:38%}@media (min-width:767px){.info-area #locality{width:33%}}.info-area #region{width:45%}@media (min-width:767px){.info-area #region{width:34%}}.info-area #postalCode{width:100%}@media (min-width:767px){.info-area #postalCode{width:33%}}.info-area #email{width:100%}@media (min-width:767px){.info-area #email{width:56%}}.info-area .receipt{display:none}@media (min-width:767px){.info-area .receipt{display:block}}.info-area #mailingListOptIn{margin:10p x 4px 10px 10px}.info-area #cardNumber{width:100%}@media (min-width:767px){.info-area #cardNumber{width:56%}}.info-area img.credit-cards{display:none}@media (min-width:767px){.info-area img.credit-cards{display:block;height:29px;vertical-align:middle}}.info-area #expMonth{width:38%}@media (min-width:767px){.info-area #expMonth{width:33%}}.info-area #expYear{width:38.5%}@media (min-width:767px){.info-area #expYear{width:33%}}.info-area #cvc{width:38%}@media (min-width:767px){.info-area #cvc{width:33%}}.info-area #perk-fields{display:block;margin:10px;text-align:left}.info-area #perk-fields #selected-perk-fields-label{margin-top:10px}.info-area #perk-fields #perk-fit{margin-left:0}.info-area .donate-submit-area{color:#848282;font-size:22px;font-weight:700;padding:20px 0;line-height:26px}.info-area .donate.button{background-color:#68b030;color:#fff;text-transform:uppercase;width:300px}#donate-comments-wrapper{text-align:left}#donate-comments-wrapper textarea{width:95%}@media (min-width :767px){#donate-comments-wrapper textarea{width:97%}}.no-close .ui-dialog-titlebar-close{display:none}#loading-dialog .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#484848;z-index:99}#loading-dialog .dialog-area{display:flex;justify-content:center;position:fixed;top:20vh;width:100%;z-index:100}#loading-dialog .dialog{background-color:#fff;min-height:150px;text-align:center;width:300px}#loading-dialog .message{margin:20px}#loading-dialog .dots{display:flex;margin:20px 20px 0;justify-content:center}#loading-dialog .dot{display:block;width:15px;height:15px;margin-right:.5%;margin-left:.5%;border-radius:20px;background-color:#8cd621;opacity:.3}#loading-dialog .dot:nth-child(0n+1){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:0}#loading-dialog .dot:nth-child(0n+2){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:.5s}#loading-dialog .dot:nth-child(0n+3){anima tion-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:1s}#loading-dialog .dot:nth-child(0n+4){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:1.5s}#loading-dialog .dot:nth-child(0n+5){animation-name:moving-dot;animation-duration:2.5s;animation-iteration-count:infinite;animation-delay:2s}@keyframes moving-dot{0%{opacity:.3}20%{opacity:1}to{opacity:.3}}.donor-faq{margin:40px auto;width:90%}@media (min-width:991px){.donor-faq{width:80%}}.donor-faq .questions{list-style-position:inside;padding-left:0}.donor-faq .questions li{color:#59316b;font-size:20px;font-weight:700;line-height:29px}@media (min-width:991px){.donor-faq .questions li{font-size:25px;line-height:34px}}.donor-faq .questions .question{color:#59316b;display:inline;font-size:20px;margin-bottom:10px;margin-top:10px}@media (min-width:991px){.donor-faq .questions .question{font-size:25px}}.donor-faq .questions .answer{color:#484848;fo nt-family:Source Sans Pro,sans-serif;font-size:16px;line-height:20px;font-weight:400}.donor-faq .button-line{width:100%}.button-line{text-align:center}.error-container{display:block;width:50%;min-height:100px;margin-right:auto;margin-bottom:5%;margin-left:auto;padding:2% 5%;border:1px solid #aeaeae;box-shadow:11px 11px 0 0 #e70000}.error-container .title{margin-bottom:3%;color:#e70000;font-size:34px;line-height:40px;text-align:center}#company-profile-container,#hepdata-no-results-message,.donate-match-container{text-align:center;margin-bottom:60px}.donate-match-container .input-and-loader,.donate-match-container datalist,.donate-match-container input{width:300px}.donate-match-container .input-and-loader{margin:auto;position:relative}.donate-match-container .input-and-loader input{height:30px;padding:3px;border-style:solid;text-align:center;font-weight:600}.donate-match-container .input-and-loader .load-container{display:none;height:30px;width:30px;overflow:hidden;position:absolute;t op:4px;right:-6px}.donate-match-container .input-and-loader .load-container .loader,.donate-match-container .input-and-loader .load-container .loader:after,.donate-match-container .input-and-loader .load-container .loader:before{background:#59316b;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.donate-match-container .input-and-loader .load-container .loader{color:#59316b;text-indent:-9999em;margin:10px auto;position:relative;font-size:4px;transform:translateZ(0);animation-delay:-.16s}.donate-match-container .input-and-loader .load-container .loader:after,.donate-match-container .input-and-loader .load-container .loader:before{position:absolute;top:0;content:""}.donate-match-container .input-and-loader .load-container .loader:before{left:-1.5em;animation-delay:-.32s}.donate-match-container .input-and-loader .load-container .loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{b ox-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.donate-match-container #company-option-list{width:300px;margin:0 auto;max-height:300px;overflow-x:hidden;overflow-y:auto;background-color:#f8f9fa;border:1px solid #7d4698;display:none}.donate-match-container #company-option-list .company-option{word-wrap:break-word;padding:5px 2px}.donate-match-container #company-option-list .company-option:hover{background-color:#68b030;color:#fff}.donate-error-message{color:#aeaeae;padding:0 10%;word-break:break-all;text-align:center}#company-profile-container .profile{display:none;width:75%;margin:auto}#company-profile-container .profile .row{margin:20px 0}#company-profile-container .profile .row .company-property-label{width:30%;text-align:right;font-weight:700}#company-profile-container .profile .row .company-property-value{text-align:left;width:60%}#company-profile-container .profile .row .company-property-value#summary-value{width:auto;font-size:25px;line-height:34px;text-align:cente r}#company-profile-container .profile .row .company-property-value#summary-value .company{font-weight:700;color:#7d4698}#company-profile-container .profile .row .company-property-value#summary-value .percent{font-weight:700;color:#68b030}#company-profile-container .profile .row .company-property-value#summary-value .match-amount{font-weight:700;color:#59316b}#company-profile-container .profile .row .company-property-value#matchingGiftForm-value{width:auto}#company-profile-container .profile .row .company-property-value#lastUpdated-value{font-weight:700;color:#aeaeae}#company-profile-container .profile .row .company-property-value#matchingConditions-value .ratio{font-weight:700;color:#59316b}#company-profile-container .profile .row .company-property-value#resources-value{width:auto}#company-profile-container ul{margin-top:0}#company-profile-container li{margin-bottom:10px}.privacy-policy{margin-left:auto;margin-right:auto;width:70%;margin-bottom:40px}.subscribe .fixed-width{max-width :600px;text-align:center}.subscribe .fixed-width #email,.subscribe .fixed-width #firstName{width:100%}@media (min-width:767px){.subscribe .fixed-width #firstName{width:50%}}.subscribe .fixed-width #lastName{width:100%}@media (min-width:767px){.subscribe .fixed-width #lastName{width:50%}}.subscribe .fixed-width .join{width:200px}.subscribe .fixed-width .messages{color:red;text-align:left}.header-content .thank-you{width:80%}.header-content .thank-you h1{text-align:center;text-transform:none}.header-content .thank-you h5{text-align:center}.header-content .thank-you img{width:50px}.header-content .thank-you p{color:#fff}.header-content .thank-you .share-icons{margin:20px 10px 0;text-align:center}@media (min-width:767px){.header-content .thank-you{margin-top:-120px;margin-bottom:30px}}.content{margin-top:20px}.content .thank-you{margin-bottom:40px}.content .thank-you h4{text-align:center}.content .thank-you .volunteer-desc{margin-left:auto;margin-right:auto;max-width:490px;text-align:ce nter}.content .thank-you .volunteer-desc .skills-text{margin-bottom:20px} \ No newline at end of file diff --git a/sass/components/_cryptocurrency.scss b/sass/components/_cryptocurrency.scss index 6ac56143..406e62f5 100644 --- a/sass/components/_cryptocurrency.scss +++ b/sass/components/_cryptocurrency.scss @@ -23,6 +23,7 @@ .donate.button { background-color: $color-green; color: $color-white; + height: 50px; width: 300px; } @@ -208,10 +209,6 @@ } } - .button { - height: 50px; - } - .section { display: flex; flex-wrap: wrap; diff --git a/src/CryptocurrencyController.php b/src/CryptocurrencyController.php index eb0b34b6..52e56a12 100644 --- a/src/CryptocurrencyController.php +++ b/src/CryptocurrencyController.php @@ -86,6 +86,14 @@ class CryptocurrencyController extends BaseController { return 'crypto-' . microtime(TRUE); } + public function thank_you($request, $response, $args) { + $vars = array( + 'bodyClasses' => ['cryptocurrency'], + 'wallets' => static::$WALLETS, + ); + return $this->renderer->render($response, 'cryptocurrency-thank-you.twig', $vars); + } + public function validate($fields) { $fieldHelper = new FieldHelper(); return $fieldHelper->checkRequired($fields, static::$REQUIRED_FIELDS); diff --git a/src/routes.php b/src/routes.php index 99b8bca0..c03029a8 100644 --- a/src/routes.php +++ b/src/routes.php @@ -30,6 +30,11 @@ $app->post('/cryptocurrency/donate', function ($request, $response, $args) { return $controller->donate($request, $response, $args); }); +$app->get('/cryptocurrency/thank-you', function ($request, $response, $args) { + $controller = new \Tor\CryptocurrencyController($this); + return $controller->thank_you($request, $response, $args); +}); + $app->get('/donor-faq', function($request, $response, $args) { $controller = new \Tor\DonateController($this); return $controller->donor_faq($request, $response, $args); diff --git a/templates/cryptocurrency-thank-you.twig b/templates/cryptocurrency-thank-you.twig new file mode 100644 index 00000000..afdd96d9 --- /dev/null +++ b/templates/cryptocurrency-thank-you.twig @@ -0,0 +1,67 @@ +{% extends('ubiquitous.twig') %} + +{% block title %} + {% trans %}Tor Thanks You{% endtrans %} +{% endblock %} + +{% block header %} + <div class="thank-you"> + <h1>{% trans %}Thank you!{% endtrans %}</h1> + {% if isMatchingDonation %} + <p>{% trans %}Thank you for supporting Tor's Strength in Numbers campaign.{% endtrans %} {% trans %}You should receive an email receipt shortly.{% endtrans %} {% trans %}With your support and the generous matching funds from Mozilla, we'll be able to tackle ambitious projects, such as developing a more secure, privacy-enhancing browser for mobile devices and making it easier for third-party developers to integrate Tor into their applications.{% endtrans %}</p> + {% else %} + <p>{% trans %}Thank you for supporting Tor's Strength in Numbers campaign.{% endtrans %} {% trans %}You should receive an email receipt shortly.{% endtrans %} {% trans %}With your support, we'll be able to tackle ambitious projects, such as developing a more secure, privacy-enhancing browser for mobile devices and making it easier for third-party developers to integrate Tor into their applications.{% endtrans %}</p> + {% endif %} + <p>{% trans %}It's an incredible time to stand up for world-leading security and privacy software.{% endtrans %} {% trans %}Tell family, friends, and colleagues that you're supporting privacy and security with Tor!{% endtrans %}</p> + <h5>{% trans %}SHARE THE TOR PROJECT{% endtrans %}</h5> + <div class="share-icons"> + <a class="facebook-icon w-inline-block" href="http://www.facebook.com/sharer.php?u={{ baseUrl }}"><img class="share-icons" src="/images/FB-f-Logo__blue_114.png"> + </a> + {% if isMatchingDonation %} + <a class="twitter-icon w-inline-block" href="https://twitter.com/intent/tweet?text=I%27m+taking+a+stand+against+tracking%2C+surveillance%2C+and+censorship+online.+Join+me+by+donating+to+%40torproject%2C+and+%40Mozilla+will+match+your+donation%3A+https%3A%2F%2Ftorproject.org%2Fdonate%2Fdonate-sin-twitter-en"><img class="share-icons" src="/images/Twitter_Logo_White_On_Blue.png"> + </a> + {% else %} + <a class="twitter-icon w-inline-block" href="https://twitter.com/intent/tweet?text=I%27m+taking+a+stand+against+tracking%2C+surveillance%2C+and+censorship+online.+Join+me+by+donating+to+%40torproject%3A+https%3A%2F%2Ftorproject.org%2Fdonate%2Fdonate-sin-twitter-en"><img class="share-icons" src="/images/Twitter_Logo_White_On_Blue.png"> + </a> + {% endif %} + </div> + </div> +{% endblock %} + +{% block content %} + {% include 'hepdata.twig' %} + + <div class="wallet-column container"> + <h4>Wallet Addresses</h4> + <ul> + {% for wallet in wallets %} + <li> + <div class="currency-name">{{ wallet.name }} ({{ wallet.symbol }})</div> + <input class="wallet-id" type="text" readonly="" value="{{ wallet.id }}"> + </li> + {% endfor %} + </ul> + </div> + + <div class="thank-you"> + <h4>{% trans %}Got Skills?{% endtrans %}</h4> + <div class="volunteer-desc"> + <div class="skills-text"> + {% trans %}The Tor network depends on volunteers.{% endtrans %} + </div> + <div> + {% trans %}We need people to run relays, write code, organize the community and spread the word about our good work.{% endtrans %} {% trans %}Learn how you can help.{% endtrans %} + </div> + </div> + <hr> + <div class="button-line"> + <a class="purple button" href="https://www.torproject.org/getinvolved/volunteer.html.en" target="_blank">{% trans %}I Want To Volunteer{% endtrans %}</a> + </div> + </div> + <script src="/js/payment_controller.js" type="text/javascript"></script> + <script type="text/javascript"> + document.addEventListener("DOMContentLoaded", function(event) { + var hepdataController = new tor.HepdataController(); + }); + </script> +{% endblock %}