Something went wrong
28 |We’re sorry! Our server is acting up right now. Please try again soon.
29 |Internal Server Error (500)
30 | 31 | 32 | -------------------------------------------------------------------------------- /donate/templates/404.html: -------------------------------------------------------------------------------- 1 | {% extends "pages/base_page.html" %} 2 | {% load i18n wagtailcore_tags wagtailsettings_tags static %} 3 | 4 | {% block title %}{% trans "Page not found" %}{% endblock %} 5 | 6 | {% block template_name %}app--404{% endblock %} 7 | 8 | {% block content %} 9 |
10 |
21 | {% endblock %}
22 |
--------------------------------------------------------------------------------
/source/sass/components/_loading.scss:
--------------------------------------------------------------------------------
1 | @keyframes pulse {
2 | 0% {
3 | opacity: 0;
4 | }
5 | 25% {
6 | opacity: 1;
7 | transform: scale(2);
8 | }
9 | 75% {
10 | opacity: 0;
11 | transform: scale(1);
12 | background: $color--light-blue;
13 | }
14 | }
15 |
16 | .loading {
17 | margin: 1rem 0 4rem;
18 | display: flex;
19 | align-items: center;
20 | justify-content: flex-start;
21 |
22 | & > div {
23 | display: inline-block;
24 | width: 0.75rem;
25 | height: 0.75rem;
26 | border-radius: 100%;
27 | background: $color--blue;
28 | margin: 0 0.5rem;
29 | opacity: 0;
30 | transition: all 0.5s linear;
31 | transform-origin: center center;
32 | animation: pulse 3s 0s linear infinite both;
33 |
34 | &:nth-child(1) {
35 | margin-left: 0;
36 | }
37 |
38 | &:nth-child(2) {
39 | animation-delay: 0.5s;
40 | }
41 |
42 | &:nth-child(3) {
43 | animation-delay: 1s;
44 | }
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/source/js/components/menu-toggle.js:
--------------------------------------------------------------------------------
1 | class MenuToggle {
2 | static selector() {
3 | return "[data-menu-toggle]";
4 | }
5 |
6 | constructor(node, openCb = () => {}, closeCb = () => {}) {
7 | this.node = node;
8 |
9 | // Any callbacks to be called on open or close.
10 | this.openCb = openCb;
11 | this.closeCb = closeCb;
12 |
13 | this.state = {
14 | open: false,
15 | };
16 |
17 | this.bindEventListeners();
18 | }
19 |
20 | bindEventListeners() {
21 | this.node.addEventListener("click", () => {
22 | this.toggle();
23 | });
24 | }
25 |
26 | toggle() {
27 | this.state.open ? this.close() : this.open();
28 | }
29 |
30 | open() {
31 | this.node.classList.add("is-open");
32 | this.openCb();
33 |
34 | this.state.open = true;
35 | }
36 |
37 | close() {
38 | this.node.classList.remove("is-open");
39 | this.closeCb();
40 |
41 | this.state.open = false;
42 | }
43 | }
44 |
45 | export default MenuToggle;
46 |
--------------------------------------------------------------------------------
/donate/utility/middleware.py:
--------------------------------------------------------------------------------
1 | from django.http.response import HttpResponseRedirectBase
2 | from django.conf import settings
3 |
4 | hostnames = settings.TARGET_DOMAINS
5 |
6 |
7 | class HttpResponseTemporaryRedirect(HttpResponseRedirectBase):
8 | status_code = 307
9 |
10 |
11 | class TargetDomainRedirectMiddleware:
12 | def __init__(self, get_response):
13 | self.get_response = get_response
14 |
15 | def __call__(self, request):
16 | request_host = request.META['HTTP_HOST']
17 | protocol = 'https' if request.is_secure() else 'http'
18 |
19 | if request_host in hostnames:
20 | return self.get_response(request)
21 |
22 | # Redirect to the primary domain (hostnames[0])
23 | redirect_url = '{protocol}://{hostname}{path}'.format(
24 | protocol=protocol,
25 | hostname=hostnames[0],
26 | path=request.get_full_path()
27 | )
28 |
29 | return HttpResponseTemporaryRedirect(redirect_url)
30 |
--------------------------------------------------------------------------------
/donate/payments/stripe_webhooks.py:
--------------------------------------------------------------------------------
1 | import json
2 | from django.http import HttpResponse, HttpResponseBadRequest
3 | from django.utils.decorators import method_decorator
4 | from django.views.decorators.csrf import csrf_exempt
5 | from django.views.generic import View
6 |
7 | from .tasks import queue, process_stripe_webhook
8 |
9 |
10 | @method_decorator(csrf_exempt, name='dispatch')
11 | class StripeWebhookView(View):
12 | http_method_names = ['post']
13 |
14 | def post(self, request):
15 | signature = request.META['HTTP_STRIPE_SIGNATURE']
16 |
17 | if not signature:
18 | return HttpResponseBadRequest(reason='HTTP_STRIPE_SIGNATURE must be provided')
19 |
20 | try:
21 | payload = json.loads(request.body)
22 | except json.JSONDecodeError:
23 | return HttpResponseBadRequest(reason='Payload is not valid JSON')
24 |
25 | queue.enqueue(process_stripe_webhook, payload, signature=signature)
26 |
27 | return HttpResponse()
28 |
--------------------------------------------------------------------------------
/donate/templates/forms/form_field.html:
--------------------------------------------------------------------------------
1 | {% load form_tags i18n %}
2 |
3 | {% with widget_type=field|widget_type field_type=field|field_type %}
4 |
5 |
32 |
33 | {% endwith %}
34 |
--------------------------------------------------------------------------------
/donate/templates/fragments/language_switcher.html:
--------------------------------------------------------------------------------
1 | {% load i18n util_tags %}
2 |
3 |
23 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/source/sass/components/_accordion-item.scss:
--------------------------------------------------------------------------------
1 | .accordion-item {
2 | $root: &;
3 | padding: ($gutter / 2) 0;
4 | border-bottom: 1px solid $color--border;
5 |
6 | &__content {
7 | @include font-size(s);
8 | display: none;
9 | padding: ($gutter * 1.5) 0 $gutter;
10 | }
11 |
12 | &__link {
13 | display: flex;
14 | flex-direction: row;
15 | justify-content: space-between;
16 | align-items: center;
17 | color: $color--black;
18 | outline: 0;
19 | }
20 |
21 | &__heading {
22 | @include font-size(l);
23 | margin: 0;
24 | }
25 |
26 | #{$root}__icon {
27 | margin-left: $gutter;
28 |
29 | &--add {
30 | display: block;
31 | }
32 |
33 | &--remove {
34 | display: none;
35 | }
36 | }
37 |
38 | &.is-open {
39 | #{$root}__content {
40 | display: block;
41 | }
42 |
43 | #{$root}__icon {
44 | &--add {
45 | display: none;
46 | }
47 |
48 | &--remove {
49 | display: block;
50 | }
51 | }
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/design-to-dev-handoff.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Design to Dev Handoff
3 | about: Issue template that comes with a design to dev handoff checklist
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 |
13 |
14 | Enter actual ticket description here
15 |
16 | ---
17 |
18 | **🗒 Design -> Dev Handoff Checklist**
19 | (Feel free to remove items that are not applicable.)
20 |
21 | - [ ] Design has been finalized
22 | - [ ] Link to original design ticket
23 | - [ ] Link to related ticket
24 | - [ ] Link to Redpen
25 | - [ ] Design changes been merged into the master Sketch file
26 | - [ ] Desktop and mobile mockups are included
27 | - [ ] Assets are included
28 | - [ ] Hover state for elements are designed
29 | - [ ] Other states for elements are designed (e.g., error state for form)
30 |
--------------------------------------------------------------------------------
/donate/core/migrations/0002_featureflags.py:
--------------------------------------------------------------------------------
1 | # Generated by Django 3.1.14 on 2023-01-18 04:21
2 |
3 | from django.db import migrations, models
4 | import django.db.models.deletion
5 |
6 |
7 | class Migration(migrations.Migration):
8 |
9 | dependencies = [
10 | ('core', '0001_squashed_0015_remove_old_wagtail_localize'),
11 | ]
12 |
13 | operations = [
14 | migrations.CreateModel(
15 | name='FeatureFlags',
16 | fields=[
17 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
18 | ('enable_upsell_view', models.BooleanField(default=False, help_text='Checking this will allow the upsell view to be displayed after one-time donations', verbose_name='Enable the upsell view')),
19 | ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.site')),
20 | ],
21 | options={
22 | 'abstract': False,
23 | },
24 | ),
25 | ]
26 |
--------------------------------------------------------------------------------
/source/sass/components/_payments.scss:
--------------------------------------------------------------------------------
1 | .payments {
2 | &__braintree-error {
3 | margin: $gutter 0 ($gutter / 2);
4 | padding: ($gutter / 2) $gutter;
5 | background-color: $color--light-red;
6 | color: $color--black;
7 | text-align: center;
8 | }
9 | &__button {
10 | height: 45px;
11 | overflow: hidden;
12 |
13 | @include media-query(tablet-landscape) {
14 | height: 35px;
15 | }
16 |
17 | @include media-query(paypal-specific) {
18 | height: 45px;
19 | }
20 |
21 | &--paypal {
22 | position: relative;
23 | border-radius: 4px;
24 | .paypal-disabled & {
25 | display: none;
26 | }
27 | &--overlay {
28 | display: none;
29 | position: absolute;
30 | @include z-index(overlay);
31 | top: 0;
32 | right: 0;
33 | bottom: 0;
34 | left: 0;
35 | cursor: pointer;
36 | }
37 | }
38 | }
39 | }
40 |
41 | // Vendor-generated classes
42 | .braintree-hosted-fields-invalid {
43 | border: 1px solid $color--red;
44 | }
45 |
--------------------------------------------------------------------------------
/donate/thunderbird/templates/base.html:
--------------------------------------------------------------------------------
1 | {% extends "base_master.html" %}
2 |
3 | {% load i18n %}
4 |
5 | {% block ga_identifier %}
6 |
7 | {% endblock %}
8 |
9 | {% block datalayer_initial_script %}
10 | {% endblock %}
11 |
12 | {% block fundraiseup_script %}
13 |
14 |
21 |
22 | {% endblock %}
23 |
24 | {% block title_suffix %} | {% trans 'Give to Thunderbird' context 'Page title' %}{% endblock %}
25 |
--------------------------------------------------------------------------------
/donate/payments/tests/test_braintree_webhooks.py:
--------------------------------------------------------------------------------
1 | from unittest import mock
2 |
3 | from django.test import TestCase
4 |
5 | from ..braintree_webhooks import WebhookForm, BraintreeWebhookView
6 | from ..tasks import process_webhook
7 |
8 |
9 | class BraintreeWebhookViewTestCase(TestCase):
10 |
11 | def test_form_valid_queues_task(self):
12 | form = WebhookForm({
13 | 'bt_signature': 'signature',
14 | 'bt_payload': 'payload'
15 | })
16 | assert form.is_valid()
17 | with mock.patch('donate.payments.braintree_webhooks.queue') as mock_queue:
18 | response = BraintreeWebhookView().form_valid(form)
19 |
20 | mock_queue.enqueue.assert_called_once_with(
21 | process_webhook, form.cleaned_data,
22 | description="Handle Braintree webhook"
23 | )
24 | self.assertEqual(response.status_code, 200)
25 |
26 | def test_form_invalid_returns_400(self):
27 | form = WebhookForm({})
28 | response = BraintreeWebhookView().form_invalid(form)
29 | self.assertEqual(response.status_code, 400)
30 |
--------------------------------------------------------------------------------
/source/sass/pages/ways-to-give-page.scss:
--------------------------------------------------------------------------------
1 | .app--ways-to-give {
2 | .banner {
3 | background: $color--black;
4 | color: $color--white;
5 | height: 300px;
6 | display: flex;
7 | flex-direction: column;
8 | justify-content: center;
9 | align-items: center;
10 |
11 | h1 {
12 | @include font-size(xxxl);
13 | margin: 0;
14 | }
15 |
16 | .button {
17 | display: inline-block;
18 | margin: 1rem 0;
19 | }
20 | }
21 |
22 | .container {
23 | padding: 2em 10px;
24 | max-width: 960px;
25 | width: 100%;
26 | margin: 0 auto;
27 | }
28 |
29 | .content {
30 | h2 {
31 | @include font-size(xxl);
32 | }
33 |
34 | h3 {
35 | @include font-size(xl);
36 | }
37 |
38 | .currency-list {
39 | list-style: initial;
40 | padding-left: 1rem;
41 | column-count: 2;
42 |
43 | @include media-query(mob-landscape) {
44 | column-count: 3;
45 | }
46 |
47 | @include media-query(tablet-landscape) {
48 | column-count: 4;
49 | }
50 | }
51 | }
52 |
53 | address {
54 | margin: 0 0 $gutter;
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/donate/thunderbird/templates/payment/card.html:
--------------------------------------------------------------------------------
1 | {% extends "payment/card_master.html" %}
2 | {% load i18n %}
3 |
4 |
5 | {% block donate_footer %}
6 |
11 |
20 |
12 |
16 | {% trans "Uh oh!" %}
13 | 14 | {% trans "Go to our home page" %} 15 |
17 | 
18 |
19 |
18 | {% trans "Thank you in advance for your gift." %}
7 | {% endblock %} 8 | 9 | {% block donateFormAuth %} 10 | 17 | {% endblock%} 18 | -------------------------------------------------------------------------------- /.mergify.yml: -------------------------------------------------------------------------------- 1 | queue_rules: 2 | - name: dependabot 3 | conditions: 4 | - "status-success=continuous-integration/travis-ci/pr" 5 | - "status-success=continuous-integration/travis-ci/push" 6 | 7 | - name: ready-to-merge 8 | conditions: 9 | - "status-success=continuous-integration/travis-ci/pr" 10 | - "status-success=continuous-integration/travis-ci/push" 11 | 12 | pull_request_rules: 13 | - name: Automatic merge for dependabot PRs 14 | conditions: 15 | - "#approved-reviews-by>=1" 16 | - author~=^dependabot(|-preview)\[bot\]$ 17 | - "status-success=continuous-integration/travis-ci/pr" 18 | - "status-success=continuous-integration/travis-ci/push" 19 | actions: 20 | queue: 21 | method: squash 22 | name: dependabot 23 | 24 | - name: Automatic merge for PRs labelled "ready to merge" 25 | conditions: 26 | - "#approved-reviews-by>=1" 27 | - "status-success=continuous-integration/travis-ci/pr" 28 | - "status-success=continuous-integration/travis-ci/push" 29 | - "label=ready-to-merge" 30 | actions: 31 | queue: 32 | method: squash 33 | name: ready-to-merge 34 | -------------------------------------------------------------------------------- /translation-management.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | set -euo pipefail 4 | 5 | # Pretty printing functions 6 | NORMAL=$(tput sgr0) 7 | GREEN=$(tput setaf 2; tput bold) 8 | YELLOW=$(tput setaf 3) 9 | RED=$(tput setaf 1) 10 | 11 | function echored() { 12 | echo -e "$RED$*$NORMAL" 13 | } 14 | 15 | function echogreen() { 16 | echo -e "$GREEN$*$NORMAL" 17 | } 18 | 19 | function echoyellow() { 20 | echo -e "$YELLOW$*$NORMAL" 21 | } 22 | 23 | if [[ $# -lt 1 ]] 24 | then 25 | echored "ERROR: not enough arguments supplied." 26 | echo "Usage: translation-management.sh *action*" 27 | echo " - action: import, export" 28 | exit 1 29 | fi 30 | 31 | command="$1" 32 | 33 | # Read path to local string repository from .env file 34 | L10N_REPO=$(grep LOCAL_PATH_TO_L10N_REPO .env | cut -d '=' -f2) 35 | 36 | case $command in 37 | "import") 38 | echogreen "Importing latest translation files from fomo-l10n repository" 39 | cp -r "${L10N_REPO}donate/locale/" "donate/locale/" 40 | esac 41 | 42 | case $command in 43 | "export") 44 | echogreen "Exporting generated translation files to fomo-l10n repository" 45 | cp -r "donate/locale/" "${L10N_REPO}donate/locale/" 46 | esac 47 | -------------------------------------------------------------------------------- /donate/settings/s3.py: -------------------------------------------------------------------------------- 1 | from .environment import env, root 2 | 3 | 4 | class S3(object): 5 | # S3 credentials for SQS and S3 6 | USE_S3 = env('USE_S3') 7 | AWS_ACCESS_KEY_ID = env('AWS_ACCESS_KEY_ID') 8 | AWS_SECRET_ACCESS_KEY = env('AWS_SECRET_ACCESS_KEY') 9 | AWS_LOCATION = env('AWS_LOCATION') 10 | AWS_REGION = env('AWS_REGION') 11 | 12 | AWS_STORAGE_BUCKET_NAME = env('AWS_STORAGE_BUCKET_NAME') 13 | AWS_S3_CUSTOM_DOMAIN = env('AWS_S3_CUSTOM_DOMAIN') 14 | 15 | @property 16 | def DEFAULT_FILE_STORAGE(self): 17 | if self.USE_S3: 18 | return 'storages.backends.s3boto3.S3Boto3Storage' 19 | 20 | # Use Django default 21 | return 'django.core.files.storage.FileSystemStorage' 22 | 23 | @property 24 | def MEDIA_URL(self): 25 | if self.USE_S3: 26 | return 'https://' + self.AWS_S3_CUSTOM_DOMAIN + '/' 27 | 28 | return '/media/' 29 | 30 | @property 31 | def MEDIA_ROOT(self): 32 | if self.USE_S3: 33 | return '' 34 | 35 | return root('media/') 36 | 37 | # This is a workaround for https://github.com/wagtail/wagtail/issues/3206 38 | AWS_S3_FILE_OVERWRITE = False 39 | -------------------------------------------------------------------------------- /donate/recaptcha/tests/test_utils.py: -------------------------------------------------------------------------------- 1 | from unittest import mock 2 | 3 | from django.test import TestCase 4 | 5 | from requests.exceptions import RequestException 6 | 7 | from ..utils import verify 8 | 9 | 10 | class RecaptchaVerifyTestCase(TestCase): 11 | 12 | def test_verify_successful(self): 13 | with mock.patch('donate.recaptcha.utils.requests', autospec=True) as mock_requests: 14 | mock_requests.post.return_value.json.return_value = { 15 | 'success': True 16 | } 17 | self.assertTrue(verify('a-token', 'a-secret')) 18 | 19 | def test_verify_unsuccessful(self): 20 | with mock.patch('donate.recaptcha.utils.requests', autospec=True) as mock_requests: 21 | mock_requests.post.return_value.json.return_value = { 22 | 'success': False 23 | } 24 | self.assertFalse(verify('a-token', 'a-secret')) 25 | 26 | def test_verify_returns_true_if_request_failed(self): 27 | with mock.patch('donate.recaptcha.utils.requests', autospec=True) as mock_requests: 28 | mock_requests.post.side_effect = RequestException() 29 | self.assertTrue(verify('a-token', 'a-secret')) 30 | -------------------------------------------------------------------------------- /donate/core/blocks.py: -------------------------------------------------------------------------------- 1 | from wagtail.core import blocks 2 | from wagtail.images.blocks import ImageChooserBlock 3 | 4 | 5 | class HeadingBlock(blocks.CharBlock): 6 | 7 | class Meta: 8 | form_classname = 'full title' 9 | icon = 'title' 10 | template = 'blocks/heading_block.html' 11 | 12 | 13 | class ImageBlock(blocks.StructBlock): 14 | image = ImageChooserBlock() 15 | caption = blocks.CharBlock(required=False) 16 | 17 | class Meta: 18 | icon = 'image' 19 | template = 'blocks/image_block.html' 20 | 21 | 22 | class AccordionItem(blocks.StructBlock): 23 | title = blocks.CharBlock() 24 | content = blocks.RichTextBlock(features=['bold', 'italic', 'ol', 'ul', 'link']) 25 | 26 | 27 | class AccordionBlock(blocks.StructBlock): 28 | title = blocks.CharBlock() 29 | items = blocks.StreamBlock([ 30 | ('item', AccordionItem()), 31 | ]) 32 | 33 | class Meta: 34 | template = 'blocks/accordion_block.html' 35 | 36 | 37 | class ContentBlock(blocks.StreamBlock): 38 | heading = HeadingBlock() 39 | paragraph = blocks.RichTextBlock(features=['bold', 'italic', 'ol', 'ul', 'link']) 40 | image = ImageBlock() 41 | accordion = AccordionBlock() 42 | -------------------------------------------------------------------------------- /donate/thunderbird/templates/pages/core/contributor_support_page.html: -------------------------------------------------------------------------------- 1 | {% extends "pages/core/contributor_support_page_master.html" %} 2 | {% load i18n %} 3 | 4 | {% block donate_support_text %} 5 |6 | {% blocktrans trimmed %} 7 | If you need help with a contribution to MZLA/Thunderbird, please fill out this form and a Thunderbird donor care representative will get back to you as soon as possible. 8 | {% endblocktrans %} 9 |
10 | 11 |12 | {% blocktrans with support_url="https://support.mozilla.org/products/thunderbird/" trimmed %} 13 | Unfortunately, donor care representatives are unable to offer support or help with Thunderbird technical issues. For technical support, please visit our support page. 14 | {% endblocktrans %} 15 |
16 | {% endblock %} 17 | 18 | {% block captcha_settings %} 19 | 20 | {% endblock %} 21 | 22 | {% block custom_hidden_fields %} 23 | 24 | {% endblock %} 25 | -------------------------------------------------------------------------------- /donate/templates/admin/login.html: -------------------------------------------------------------------------------- 1 | {% extends "admin/login.html" %} 2 | {% load auth_tags %} 3 | 4 | {% block content %} 5 | 6 | {% use_conventional_auth as conventional_auth_enabled %} 7 | 8 | {% if conventional_auth_enabled %} 9 | 10 | {{block.super}} 11 | 12 | {% else %} 13 | 14 | {% if form.errors and not form.non_field_errors %} 15 |16 | {% if form.errors.items|length == 1 %}Please correct the error below.{% else %}Please correct the errors below.{% endif %} 17 |
18 | {% endif %} 19 | 20 | {% if form.non_field_errors %} 21 | {% for error in form.non_field_errors %} 22 |23 | {{ error }} 24 |
25 | {% endfor %} 26 | {% endif %} 27 | 28 |29 | 30 | Sign in with Mozilla SSO 31 | 32 |
33 |34 | Note that after sign-in, you will be sent back to the CMS admin. Please re-access {% url 'admin:index' %} manually. 35 |
36 |37 | 38 | If you lack SSO access, please ask your contact within Mozilla. 39 | 40 |
41 | {% endif %} 42 | {% endblock content %} 43 | -------------------------------------------------------------------------------- /source/images/mozilla-logo-black.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /source/images/mozilla-logo-white.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /maintenance/static/_images/mozilla-logo-black.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /maintenance/static/_images/mozilla-logo-white.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /source/sass/components/_footer-links.scss: -------------------------------------------------------------------------------- 1 | .footer-links { 2 | &__container { 3 | display: flex; 4 | flex-direction: column; 5 | @include media-query(tablet-landscape) { 6 | flex-direction: row; 7 | } 8 | } 9 | &__header { 10 | flex-basis: 100%; 11 | max-width: 100%; 12 | min-width: 100%; 13 | margin-bottom: ($gutter * 2); 14 | 15 | @include media-query(tablet-landscape) { 16 | flex-basis: 33.333%; 17 | max-width: 33.333%; 18 | min-width: 33.333%; 19 | margin-bottom: $gutter; 20 | margin-right: $gutter; 21 | } 22 | } 23 | &__group { 24 | margin-bottom: ($gutter * 2); 25 | @include media-query(tablet-landscape) { 26 | column-count: 2; 27 | } 28 | } 29 | 30 | &__item { 31 | @include body-text(); 32 | 33 | &:not(:last-child) { 34 | margin-bottom: 0.5rem; 35 | } 36 | 37 | &:last-child { 38 | margin-bottom: 0; 39 | } 40 | 41 | @include media-query(tablet-landscape) { 42 | break-inside: avoid; 43 | } 44 | } 45 | 46 | &__social-icon { 47 | width: 18px; 48 | height: 18px; 49 | margin-right: ($gutter / 2); 50 | transition: fill $transition; 51 | 52 | &:hover { 53 | fill: $color--light-blue; 54 | } 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /source/sass/components/_primary-nav.scss: -------------------------------------------------------------------------------- 1 | .primary-nav { 2 | $root: &; 3 | position: relative; 4 | 5 | @include media-query(tablet-landscape) { 6 | max-width: $site-width--large; 7 | margin: 0 auto; 8 | } 9 | 10 | &__container { 11 | @include z-index(nav); 12 | pointer-events: none; 13 | position: absolute; 14 | top: 0; 15 | width: 100%; 16 | padding-top: 100px; 17 | padding-bottom: 100px; 18 | display: flex; 19 | align-items: center; 20 | flex-direction: column; 21 | background-color: $color--black; 22 | transform: translateY(-8px); 23 | opacity: 0; 24 | transition: opacity 0.15s, transform 0.15s, visibility 0s linear 0.15s; 25 | 26 | @include media-query(tablet-landscape) { 27 | @include z-index(nav-desktop); 28 | top: -50px; 29 | left: ($gutter * 11.5); 30 | flex-direction: row; 31 | padding-top: 0; 32 | padding-bottom: 0; 33 | transform: translateY(8px); 34 | background-color: transparent; 35 | } 36 | 37 | @include media-query(desktop) { 38 | left: ($gutter * 10.5); 39 | } 40 | } 41 | 42 | &.is-visible { 43 | #{$root}__container { 44 | pointer-events: auto; 45 | transform: translateY(0); 46 | opacity: 1; 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /donate/thunderbird/templates/pages/core/ways_to_give_page.html: -------------------------------------------------------------------------------- 1 | {% extends "pages/core/ways_to_give_page_master.html" %} 2 | 3 | {% load i18n %} 4 | 5 | {% block stock_donations %}{% endblock %} 6 | 7 | {% block covid_notice %} 8 | {% blocktrans trimmed %} 9 | MZLA/Thunderbird is happy to accept your donation (made payable to “MZLA Technologies Corp”) via check; however please note that processing and acknowledgment of your gift may be delayed by changes to our office procedures due to the COVID-19 pandemic. You can send checks to: 10 | {% endblocktrans %} 11 | {% endblock %} 12 | 13 | {% block check_address %} 14 | MZLA Technologies Corporation15 | Attn: Thunderbird Donor Care
16 | 2 Harrison Street, Suite 175
17 | San Francisco, CA 94105 18 | {% endblock %} 19 | 20 | {% block covid_notice_memo_line %} 21 | {% trans "Please include your email address on the memo line of your check to help us track and attribute your gift." %} 22 | {% endblock %} 23 | 24 | {% block covid_notice_end_note %} 25 | {% trans "Please also note that MZLA/Thunderbird can only accept checks in U.S. dollars drawn on a U.S. bank." %} 26 | {% endblock %} 27 | 28 | {% block currencies %} 29 | {% endblock %} 30 | 31 | {% block cryptocurrencies %}{% endblock %} 32 | -------------------------------------------------------------------------------- /donate/templates/403.html: -------------------------------------------------------------------------------- 1 | {% extends "pages/base_page.html" %} 2 | {% load i18n wagtailcore_tags wagtailsettings_tags static %} 3 | 4 | {% block title %}{% trans "VPN Issue" %}{% endblock %} 5 | 6 | {% block template_name %}app--403{% endblock %} 7 | 8 | {% block content %} 9 |
10 |
29 | {% endblock %}
--------------------------------------------------------------------------------
/source/js/components/tabs.js:
--------------------------------------------------------------------------------
1 | import gaEvent from "./analytics";
2 |
3 | class Tabs {
4 | static selector() {
5 | return ".js-tab-item";
6 | }
7 |
8 | constructor(node) {
9 | this.tab = node;
10 | this.tabset = this.tab.closest(".js-tabs");
11 | this.allTabs = this.tabset.querySelectorAll(".js-tab-item");
12 | let tabPanelId = this.tab.getAttribute("aria-controls");
13 | this.tabPanel = document.getElementById(tabPanelId);
14 | this.allTabPanels = this.tabset.querySelectorAll(".js-tab-panel");
15 | this.bindEvents();
16 | }
17 |
18 | bindEvents() {
19 | this.tab.addEventListener("click", (e) => {
20 | for (let tab of this.allTabs) {
21 | tab.classList.remove("active");
22 | tab.setAttribute("aria-selected", "false");
23 | }
24 |
25 | for (let tabPanel of this.allTabPanels) {
26 | tabPanel.classList.add("tabs__panel--hidden");
27 | }
28 |
29 | this.tab.classList.add("active");
30 | this.tab.setAttribute("aria-selected", "true");
31 | this.tabPanel.classList.remove("tabs__panel--hidden");
32 | gaEvent({
33 | eventCategory: "User Flow",
34 | eventAction: "Changed Frequency",
35 | eventLabel: this.tab.getAttribute("data-label"),
36 | });
37 | });
38 | }
39 | }
40 |
41 | export default Tabs;
42 |
--------------------------------------------------------------------------------
/source/images/favicon/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
24 |
--------------------------------------------------------------------------------
/maintenance/static/_images/favicon/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
24 |
--------------------------------------------------------------------------------
/donate/templates/tags/primarynav.html:
--------------------------------------------------------------------------------
1 | {% load wagtailcore_tags i18n %}
2 |
24 |
--------------------------------------------------------------------------------
/source/sass/components/_burger.scss:
--------------------------------------------------------------------------------
1 | .burger {
2 | $root: &;
3 | cursor: pointer;
4 | border: 0;
5 | background: transparent;
6 | width: 28px;
7 | height: 28px;
8 | padding: 0;
9 | position: relative;
10 | @include z-index(base);
11 | outline: 0;
12 | transition: background-color $transition;
13 |
14 | &:focus,
15 | &:hover {
16 | #{$root}__bar {
17 | background-color: $color--grey-60;
18 | }
19 | }
20 |
21 | &__bar {
22 | position: absolute;
23 | background-color: $color--black;
24 | height: 3px;
25 | width: 28px;
26 | transition: top 0.1s linear 0.1s, width 0.1s linear 0.1s, transform 0.1s;
27 |
28 | &--top {
29 | top: 3px;
30 | width: 16px;
31 | }
32 |
33 | &--middle {
34 | top: 12.5px;
35 | }
36 |
37 | &--bottom {
38 | top: 22px;
39 | width: 23px;
40 | }
41 | }
42 |
43 | &.is-open {
44 | #{$root}__bar {
45 | transition: top 0.1s, width 0.1s, transform 0.1s linear 0.1s;
46 |
47 | &--top {
48 | top: 12.5px;
49 | width: 28px;
50 | transform: rotate(135deg);
51 | }
52 |
53 | &--middle {
54 | transform: rotate(135deg);
55 | }
56 |
57 | &--bottom {
58 | top: 12.5px;
59 | width: 28px;
60 | transform: rotate(45deg);
61 | }
62 | }
63 | }
64 | }
65 |
--------------------------------------------------------------------------------
/donate/settings/redis.py:
--------------------------------------------------------------------------------
1 | from .environment import env
2 |
3 |
4 | class Redis(object):
5 | REDIS_URL = env('REDIS_URL')
6 | REDIS_QUEUE_URL = env('REDIS_QUEUE_URL', default=REDIS_URL)
7 |
8 | connection_pool_kwargs = {}
9 |
10 | if REDIS_URL.startswith("rediss"):
11 | connection_pool_kwargs["ssl_cert_reqs"] = None
12 |
13 | if REDIS_QUEUE_URL.startswith('rediss'):
14 | REDIS_QUEUE_URL = REDIS_QUEUE_URL + "?ssl_cert_reqs=none"
15 |
16 | CACHES = {
17 | 'default': {
18 | 'BACKEND': 'django_redis.cache.RedisCache',
19 | 'LOCATION': REDIS_URL,
20 | 'OPTIONS': {
21 | 'SOCKET_TIMEOUT': 120,
22 | 'SOCKET_CONNECT_TIMEOUT': 30,
23 | 'COMPRESSOR': 'django_redis.compressors.zlib.ZlibCompressor',
24 | 'IGNORE_EXCEPTIONS': True,
25 | "CONNECTION_POOL_KWARGS": connection_pool_kwargs
26 | }
27 | }
28 | }
29 |
30 | RQ_QUEUES = {
31 | 'default': {
32 | 'URL': REDIS_QUEUE_URL,
33 | 'DEFAULT_TIMEOUT': 500,
34 | },
35 | # Must be a separate queue as it's limited to one item at a time
36 | 'wagtail_localize_pontoon.sync': {
37 | 'URL': REDIS_QUEUE_URL,
38 | 'DEFAULT_TIMEOUT': 500,
39 | 'SSL_CERT_REQS': None
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/tests/integration.spec.js:
--------------------------------------------------------------------------------
1 | const { test, expect } = require("@playwright/test");
2 | const waitForImagesToLoad = require("./wait-for-images.js");
3 |
4 | test(`Donate homepage`, async ({ page }, _testInfo) => {
5 | page.on(`console`, console.log);
6 | await page.goto(`http://localhost:8000/en-US/`);
7 | await waitForImagesToLoad(page);
8 |
9 | const logo = await page.locator(`a.header__logo-link`);
10 | expect(await logo.isVisible()).toBe(true);
11 |
12 |
13 | // The tests below have been commented out because we are no longer using our
14 | // HTML donate form. Instead, we are using a FundraiseUp form component that is loaded in through javascript.
15 | // See: https://github.com/MozillaFoundation/foundation.mozilla.org/issues/10261
16 |
17 | // // default view is single
18 | // const form = await page.locator(`.donate-form--single`);
19 | // expect(await form.isVisible()).toBe(true);
20 |
21 | // values match expected values - TODO: figure out how we can marry python constants with JS testing
22 | // const inputs = await page.locator(
23 | // `#donate-form--single .donation-amount input`
24 | // );
25 | // const values = [];
26 | // const count = await inputs.count();
27 | // for (let i = 0; i < count; ++i) {
28 | // values[i] = parseFloat(await inputs.nth(i).inputValue());
29 | // }
30 | // expect(values).toEqual([10, 20, 30, 60, NaN, NaN]);
31 | });
32 |
--------------------------------------------------------------------------------
/source/js/components/accordion.js:
--------------------------------------------------------------------------------
1 | class Accordion {
2 | static selector() {
3 | return "[data-accordion]";
4 | }
5 |
6 | constructor(node) {
7 | this.accordion = node;
8 | this.question = this.accordion.querySelector("[data-accordion-question]");
9 | this.answer = this.accordion.querySelector("[data-accordion-answer]");
10 | this.bindEvents();
11 | }
12 |
13 | bindEvents() {
14 | this.question.addEventListener("click", (e) => {
15 | e.preventDefault();
16 | let open = this.accordion.classList.contains("is-open");
17 | this.accordion.classList.toggle("is-open");
18 |
19 | if (open) {
20 | this.question.setAttribute("aria-expanded", "false");
21 | this.question.setAttribute("tab-index", 0);
22 | this.answer.setAttribute("aria-hidden", "true");
23 | open = false;
24 | } else {
25 | this.question.setAttribute("aria-expanded", "true");
26 | this.question.setAttribute("tab-index", -1);
27 | this.answer.setAttribute("aria-hidden", "false");
28 | open = true;
29 | }
30 | });
31 |
32 | this.question.addEventListener("focus", () => {
33 | this.question.setAttribute("aria-selected", "true");
34 | });
35 |
36 | this.question.addEventListener("blur", () => {
37 | this.question.setAttribute("aria-selected", "false");
38 | });
39 | }
40 | }
41 |
42 | export default Accordion;
43 |
--------------------------------------------------------------------------------
/source/sass/components/_donation-update.scss:
--------------------------------------------------------------------------------
1 | .donation-update {
2 | display: none;
3 |
4 | &.active {
5 | display: block;
6 | }
7 |
8 | &__toggle {
9 | color: $color--dark-blue;
10 |
11 | &.selected {
12 | color: $color--black;
13 | }
14 | }
15 |
16 | &__form-item {
17 | position: relative;
18 | }
19 |
20 | &__label {
21 | @include hidden();
22 | }
23 |
24 | &__currency-symbol {
25 | position: absolute;
26 | left: 0;
27 | top: 0;
28 | height: 100%;
29 | pointer-events: none;
30 | border-right: 1px solid $color--border;
31 | padding: ($gutter * 0.8) ($gutter);
32 | text-align: center;
33 | @include media-query(tablet-portrait) {
34 | padding: ($gutter * 1.05) ($gutter);
35 | }
36 | }
37 |
38 | &__input {
39 | padding-left: 70px !important; // allow space for currency symbol
40 | height: 100%;
41 | }
42 |
43 | &__action {
44 | width: 100%;
45 | }
46 |
47 | &__container {
48 | display: block;
49 | width: 100%;
50 | @include media-query(tablet-portrait) {
51 | display: inline-flex;
52 | }
53 | }
54 |
55 | &__confirm-button {
56 | width: 100%;
57 | @include media-query(tablet-portrait) {
58 | width: 25%;
59 | }
60 | }
61 | &__amount-input {
62 | width: 100%;
63 | margin-right: 16px;
64 | @include media-query(tablet-portrait) {
65 | width: 75%;
66 | }
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/donate/payments/tests/test_forms.py:
--------------------------------------------------------------------------------
1 | from django import forms
2 | from django.test import TestCase
3 |
4 | from .. import constants
5 | from ..forms import MinimumCurrencyAmountMixin
6 |
7 |
8 | class MinimumCurrencyTestForm(MinimumCurrencyAmountMixin, forms.Form):
9 | amount = forms.DecimalField()
10 | currency = forms.ChoiceField(choices=constants.CURRENCY_CHOICES, widget=forms.HiddenInput)
11 | frequency = forms.ChoiceField(choices=constants.FREQUENCY_CHOICES, widget=forms.HiddenInput)
12 |
13 |
14 | class MinimumCurrencyAmountMixinTestCase(TestCase):
15 |
16 | def test_init_sets_min_attr_if_currency_and_frequency_supplied(self):
17 | form = MinimumCurrencyTestForm(initial={'currency': 'usd', 'frequency': constants.FREQUENCY_SINGLE})
18 | self.assertEqual(form.fields['amount'].widget.attrs['min'], 10)
19 |
20 | def test_clean_validates_minimum_amount_single(self):
21 | form = MinimumCurrencyTestForm({'amount': 1, 'currency': 'usd', 'frequency': constants.FREQUENCY_SINGLE})
22 | self.assertFalse(form.is_valid())
23 | self.assertEqual(form.errors, {'amount': ['Donations must be $10 or more']})
24 |
25 | def test_clean_validates_minimum_amount_monthly(self):
26 | form = MinimumCurrencyTestForm({'amount': 1, 'currency': 'usd', 'frequency': constants.FREQUENCY_MONTHLY})
27 | self.assertFalse(form.is_valid())
28 | self.assertEqual(form.errors, {'amount': ['Donations must be $5 or more']})
29 |
--------------------------------------------------------------------------------
/donate/settings/testing.py:
--------------------------------------------------------------------------------
1 | from configurations import Configuration
2 | from .base import Base
3 | from .secure import Secure
4 | from .redis import Redis
5 | from .oidc import OIDC
6 | from .database import Database
7 | from .braintree import Braintree
8 |
9 |
10 | class Testing(Base, Secure, Redis, OIDC, Database, Braintree, Configuration):
11 | SECRET_KEY = 'test'
12 | USE_RECAPTCHA = False
13 | RECAPTCHA_SITE_KEY = 'test'
14 | RECAPTCHA_SECRET_KEY = 'test'
15 | RECAPTCHA_SITE_KEY_CHECKBOX = 'test'
16 | RECAPTCHA_SECRET_KEY_CHECKBOX = 'test'
17 | RECAPTCHA_SITE_KEY_REGULAR = 'test'
18 |
19 | BRAINTREE_MERCHANT_ID = 'test'
20 | BRAINTREE_PRIVATE_KEY = 'test'
21 | BRAINTREE_PUBLIC_KEY = 'test'
22 | BRAINTREE_USE_SANDBOX = True
23 | BRAINTREE_MERCHANT_ACCOUNTS = {
24 | 'usd': 'usd-ac',
25 | 'gbp': 'gbp-ac',
26 | }
27 | BRAINTREE_PLANS = {
28 | 'usd': 'usd-plan',
29 | 'gbp': 'gbp-plan',
30 | }
31 |
32 | BASKET_API_ROOT_URL = 'http://localhost'
33 | BASKET_SQS_QUEUE_URL = 'sqs.us-east-1.amazonaws.com/1234567890/test'
34 | AWS_REGION = 'us-east-1'
35 | AWS_STORAGE_BUCKET_NAME = 'test'
36 |
37 | HEROKU_APP_NAME = None
38 |
39 | @classmethod
40 | def pre_setup(cls):
41 | super().pre_setup()
42 |
43 | @classmethod
44 | def setup(cls):
45 | super().setup()
46 |
47 | @classmethod
48 | def post_setup(cls):
49 | super().post_setup()
50 |
--------------------------------------------------------------------------------
/tests/wait-for-images.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Playwright has no built-in way to wait for all on-page images
3 | * to be flagged as completed, so we have our own function for that.
4 | * @param {Playwrite Page} page
5 | * @returns resolve() once all images are done, or reject() if after 20 tries images still haven't finished.
6 | */
7 | module.exports = async function waitForImagesToLoad(page) {
8 | page.on(`console`, console.log);
9 |
10 | const images = page.locator("img");
11 |
12 | return new Promise(async (resolve, reject) => {
13 | let cutoff = 20;
14 | (async function testLoaded() {
15 | // force-load all lazy content
16 | await images.evaluateAll((imgs) => {
17 | const visible = Array.from(imgs).filter((i) => i.offsetParent !== null);
18 | visible.forEach((img) => {
19 | if (img.loading === `lazy` && !img.complete) img.scrollIntoView();
20 | });
21 | });
22 |
23 | // then check how many images aren't complete yet
24 | const result = await images.evaluateAll((imgs) => {
25 | const visible = Array.from(imgs).filter((i) => i.offsetParent !== null);
26 | return visible.filter((img) => !img.complete).length;
27 | });
28 |
29 | if (result === 0) {
30 | return resolve();
31 | }
32 |
33 | if (--cutoff === 0) {
34 | console.log(`Some images did not finished loading:`);
35 | return reject();
36 | }
37 |
38 | setTimeout(testLoaded, 500);
39 | })();
40 | });
41 | };
42 |
--------------------------------------------------------------------------------
/donate/settings/review_app.py:
--------------------------------------------------------------------------------
1 | from configurations import Configuration
2 | from .environment import env
3 | from .staging import Staging
4 | from .secure import Secure
5 | from .thunderbird import ThunderbirdOverrides
6 |
7 |
8 | class ReviewApp(Staging, Configuration):
9 | ALLOWED_HOSTS = [f'{Secure.HEROKU_APP_NAME}.herokuapp.com']
10 | DEBUG = env('DEBUG')
11 | USE_RECAPTCHA = False
12 | HEROKU_PR_NUMBER = env('HEROKU_PR_NUMBER')
13 | HEROKU_BRANCH = env('HEROKU_BRANCH')
14 |
15 | @classmethod
16 | def pre_setup(cls):
17 | super().pre_setup()
18 |
19 | @classmethod
20 | def setup(cls):
21 | super().setup()
22 |
23 | @classmethod
24 | def post_setup(cls):
25 | super().post_setup()
26 |
27 |
28 | class ThunderbirdReviewApp(ReviewApp, ThunderbirdOverrides, Configuration):
29 | INSTALLED_APPS = ThunderbirdOverrides.INSTALLED_APPS + ReviewApp.INSTALLED_APPS
30 | FRONTEND = ThunderbirdOverrides.FRONTEND
31 | CURRENCIES = ThunderbirdOverrides.CURRENCIES
32 | FRAUD_SITE_ID = 'tbird'
33 |
34 | @property
35 | def TEMPLATES(self):
36 | config = ReviewApp.TEMPLATES
37 | config[0]['DIRS'] = ThunderbirdOverrides.TEMPLATES_DIR + config[0]['DIRS']
38 | return config
39 |
40 | @classmethod
41 | def pre_setup(cls):
42 | super().pre_setup()
43 |
44 | @classmethod
45 | def setup(cls):
46 | super().setup()
47 |
48 | @classmethod
49 | def post_setup(cls):
50 | super().post_setup()
51 |
--------------------------------------------------------------------------------
/manage.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 | import os
3 | import sys
4 |
5 | # Django runs twice to support live-reloading, so check Django's internal settings to determine whether or not
6 | # to start the debugger.
7 | if (os.environ.get("RUN_MAIN") or os.environ.get("WERKZEUG_RUN_MAIN")) and os.environ.get('VSCODE_DEBUGGER', False):
8 | import ptvsd # noqa
9 | ptvsd_port = 8001
10 |
11 | try:
12 | ptvsd.enable_attach(address=("0.0.0.0", ptvsd_port))
13 | print(f"Started ptvsd server at port {ptvsd_port}")
14 | except OSError:
15 | print(f"ptvsd port {ptvsd_port} already in use")
16 |
17 | if __name__ == "__main__":
18 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "donate.settings")
19 | os.environ.setdefault("DJANGO_CONFIGURATION", 'Development')
20 | try:
21 | from configurations.management import execute_from_command_line
22 | except ImportError:
23 | # The above import may fail for some other reason. Ensure that the
24 | # issue is really that Django is missing to avoid masking other
25 | # exceptions on Python 2.
26 | try:
27 | import django # noqa: F401
28 | except ImportError:
29 | raise ImportError(
30 | "Couldn't import Django. Are you sure it's installed and "
31 | "available on your PYTHONPATH environment variable? Did you "
32 | "forget to activate a virtual environment?"
33 | )
34 | raise
35 | execute_from_command_line(sys.argv)
36 |
--------------------------------------------------------------------------------
/source/sass/components/_form.scss:
--------------------------------------------------------------------------------
1 | :root {
2 | --currency-width: 0; // populated with donation currency width js
3 | }
4 |
5 | .form {
6 | $root: &;
7 |
8 | &__container {
9 | margin-bottom: $gutter;
10 |
11 | input:not([type="checkbox"]):not([type="radio"]),
12 | select {
13 | min-height: 60px;
14 | }
15 | }
16 |
17 | &__errors {
18 | @include font-size(s);
19 | padding: $gutter;
20 | color: $color--black;
21 | background-color: $color--light-red;
22 | margin-bottom: $gutter;
23 | }
24 |
25 | &__group {
26 | &--two-col {
27 | display: grid;
28 | grid-template-columns: 1fr 1fr;
29 | }
30 | &--flex {
31 | display: flex;
32 | flex-direction: row;
33 | align-items: flex-end;
34 | }
35 | &--gutter {
36 | grid-gap: $gutter;
37 | }
38 | &--city-post {
39 | display: grid;
40 |
41 | // This gets updated to "Auto" in post-code-validation.js
42 | // If the form does not require a post code.
43 | grid-template-columns: 0.3fr 0.7fr;
44 |
45 | .form-item:nth-of-type(1) {
46 | input {
47 | border-right: 0;
48 | }
49 | }
50 | }
51 |
52 | &--additional-info {
53 | position: relative;
54 |
55 | input:not([type="checkbox"]) {
56 | .app--upsell & {
57 | padding-left: calc((var(--currency-width)) + ((#{$gutter}) * 1.5));
58 | }
59 | }
60 | }
61 | }
62 |
63 | &__section {
64 | &--bottom-margin {
65 | margin-bottom: ($gutter * 1.5);
66 | }
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/donate/settings/secure.py:
--------------------------------------------------------------------------------
1 | from .environment import env
2 |
3 |
4 | class Secure(object):
5 | USE_X_FORWARDED_HOST = True
6 | CSRF_COOKIE_SECURE = True
7 | SESSION_COOKIE_SECURE = True
8 | SECURE_BROWSER_XSS_FILTER = True
9 | SECURE_CONTENT_TYPE_NOSNIFF = True
10 | SECURE_HSTS_INCLUDE_SUBDOMAINS = True
11 | SECURE_HSTS_SECONDS = 31556952
12 | SECURE_SSL_REDIRECT = True
13 | SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
14 | X_FRAME_OPTIONS = 'DENY'
15 | REFERRER_POLICY = 'no-referrer-when-downgrade'
16 |
17 | AUTH_PASSWORD_VALIDATORS = [
18 | {
19 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
20 | },
21 | {
22 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
23 | },
24 | {
25 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
26 | },
27 | {
28 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
29 | },
30 | ]
31 |
32 | # Recaptcha
33 | USE_RECAPTCHA = True
34 | RECAPTCHA_SITE_KEY = env('RECAPTCHA_SITE_KEY')
35 | RECAPTCHA_SECRET_KEY = env('RECAPTCHA_SECRET_KEY')
36 | RECAPTCHA_SITE_KEY_CHECKBOX = env('RECAPTCHA_SITE_KEY_CHECKBOX')
37 | RECAPTCHA_SECRET_KEY_CHECKBOX = env('RECAPTCHA_SECRET_KEY_CHECKBOX')
38 | RECAPTCHA_SITE_KEY_REGULAR = env('RECAPTCHA_SITE_KEY_REGULAR')
39 | USE_CHECKBOX_RECAPTCHA_FOR_CC = env('USE_CHECKBOX_RECAPTCHA_FOR_CC')
40 |
41 | HEROKU_APP_NAME = env('HEROKU_APP_NAME')
42 |
--------------------------------------------------------------------------------
/source/sass/components/_footer-custom-select.scss:
--------------------------------------------------------------------------------
1 | .footer-links {
2 | select {
3 | &.form-control {
4 | $background-size: 24px;
5 | $padding-x: 12px;
6 | $padding-right: $padding-x * 2 + $background-size;
7 |
8 | appearance: none;
9 | background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l8.05 8.05L20.1 8' stroke='%23FFF' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
10 | background-color: transparent;
11 | background-repeat: no-repeat;
12 | background-position: right $padding-x top 50%;
13 | background-size: $background-size $background-size;
14 | border-radius: 0;
15 | border: 1px solid $color--white;
16 | padding: 5px $padding-right 5px $padding-x;
17 | color: $color--white;
18 | font-family: "Nunito Sans", sans-serif;
19 |
20 | // Explicitly setting
11 |
13 | {% trans "Action Required - VPN Issue" %}
12 |
14 |
28 |
15 |
20 |
23 |
24 |
25 | 
26 |
27 |
26 |