├── .babelrc
├── .editorconfig
├── .gitignore
├── .isort.cfg
├── .nvmrc
├── Dockerfile
├── Pipfile
├── Pipfile.lock
├── README.md
├── conf
    ├── gunicorn.service
    ├── gunicorn.socket
    └── nginx.conf
├── contact
    ├── __init__.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_auto_20191208_0303.py
    │   └── __init__.py
    └── models.py
├── dev.txt
├── flex
    ├── __init__.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_flexpage_body.py
    │   ├── 0003_auto_20191207_0436.py
    │   ├── 0004_auto_20191208_0129.py
    │   └── __init__.py
    └── models.py
├── frontend
    ├── js
    │   └── src
    │   │   ├── alert.js
    │   │   ├── button.js
    │   │   ├── carousel.js
    │   │   ├── collapse.js
    │   │   ├── dropdown.js
    │   │   ├── index.js
    │   │   ├── modal.js
    │   │   ├── popover.js
    │   │   ├── scrollspy.js
    │   │   ├── tab.js
    │   │   ├── toast.js
    │   │   ├── tools
    │   │       └── sanitizer.js
    │   │   ├── tooltip.js
    │   │   └── util.js
    └── scss
    │   ├── _alert.scss
    │   ├── _badge.scss
    │   ├── _breadcrumb.scss
    │   ├── _button-group.scss
    │   ├── _buttons.scss
    │   ├── _card.scss
    │   ├── _carousel.scss
    │   ├── _close.scss
    │   ├── _code.scss
    │   ├── _custom-forms.scss
    │   ├── _custom.scss
    │   ├── _dropdown.scss
    │   ├── _forms.scss
    │   ├── _functions.scss
    │   ├── _grid.scss
    │   ├── _images.scss
    │   ├── _input-group.scss
    │   ├── _jumbotron.scss
    │   ├── _list-group.scss
    │   ├── _media.scss
    │   ├── _mixins.scss
    │   ├── _modal.scss
    │   ├── _nav.scss
    │   ├── _navbar.scss
    │   ├── _pagination.scss
    │   ├── _popover.scss
    │   ├── _print.scss
    │   ├── _progress.scss
    │   ├── _reboot.scss
    │   ├── _root.scss
    │   ├── _spinners.scss
    │   ├── _tables.scss
    │   ├── _toasts.scss
    │   ├── _tooltip.scss
    │   ├── _transitions.scss
    │   ├── _type.scss
    │   ├── _utilities.scss
    │   ├── _variables.scss
    │   ├── bootstrap-grid.scss
    │   ├── bootstrap-reboot.scss
    │   ├── bootstrap.scss
    │   ├── mixins
    │       ├── _alert.scss
    │       ├── _background-variant.scss
    │       ├── _badge.scss
    │       ├── _border-radius.scss
    │       ├── _box-shadow.scss
    │       ├── _breakpoints.scss
    │       ├── _buttons.scss
    │       ├── _caret.scss
    │       ├── _clearfix.scss
    │       ├── _deprecate.scss
    │       ├── _float.scss
    │       ├── _forms.scss
    │       ├── _gradients.scss
    │       ├── _grid-framework.scss
    │       ├── _grid.scss
    │       ├── _hover.scss
    │       ├── _image.scss
    │       ├── _list-group.scss
    │       ├── _lists.scss
    │       ├── _nav-divider.scss
    │       ├── _pagination.scss
    │       ├── _reset-text.scss
    │       ├── _resize.scss
    │       ├── _screen-reader.scss
    │       ├── _size.scss
    │       ├── _table-row.scss
    │       ├── _text-emphasis.scss
    │       ├── _text-hide.scss
    │       ├── _text-truncate.scss
    │       ├── _transition.scss
    │       └── _visibility.scss
    │   ├── static
    │       └── images
    │       │   └── link-arrow.svg
    │   ├── utilities
    │       ├── _align.scss
    │       ├── _background.scss
    │       ├── _borders.scss
    │       ├── _clearfix.scss
    │       ├── _display.scss
    │       ├── _embed.scss
    │       ├── _flex.scss
    │       ├── _float.scss
    │       ├── _overflow.scss
    │       ├── _position.scss
    │       ├── _screenreaders.scss
    │       ├── _shadows.scss
    │       ├── _sizing.scss
    │       ├── _spacing.scss
    │       ├── _stretched-link.scss
    │       ├── _text.scss
    │       └── _visibility.scss
    │   └── vendor
    │       └── _rfs.scss
├── home
    ├── __init__.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_create_homepage.py
    │   ├── 0003_auto_20191202_1816.py
    │   ├── 0004_homepage_body.py
    │   ├── 0005_auto_20191207_0211.py
    │   ├── 0006_auto_20191207_0436.py
    │   └── __init__.py
    ├── models.py
    ├── static
    │   └── css
    │   │   └── welcome_page.css
    └── templates
    │   └── home
    │       └── home_page.html
├── manage.py
├── menus
    ├── __init__.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_menuitem.py
    │   ├── 0003_menuitem_page.py
    │   └── __init__.py
    ├── models.py
    ├── templatetags
    │   └── menu_tags.py
    └── wagtail_hooks.py
├── package-lock.json
├── package.json
├── requirements.txt
├── rocketman
    ├── __init__.py
    ├── settings
    │   ├── __init__.py
    │   ├── base.py
    │   ├── dev.py
    │   └── production.py
    ├── static
    │   ├── css
    │   │   ├── bootstrap.css
    │   │   └── bootstrap.css.map
    │   ├── images
    │   │   ├── contact-overlay.png
    │   │   ├── facebook-og.png
    │   │   ├── facebook.svg
    │   │   ├── grey-pattern.png
    │   │   ├── instagram.svg
    │   │   ├── link-arrow.svg
    │   │   ├── logo.png
    │   │   ├── snapchat.svg
    │   │   ├── twitter-og.png
    │   │   ├── twitter.svg
    │   │   └── youtube.svg
    │   └── js
    │   │   ├── index.js
    │   │   └── index.js.map
    ├── templates
    │   ├── 404.html
    │   ├── 500.html
    │   ├── base.html
    │   ├── contact
    │   │   ├── contact_page.html
    │   │   └── contact_page_landing.html
    │   ├── flex
    │   │   └── flex_page.html
    │   ├── includes
    │   │   ├── footer.html
    │   │   └── header.html
    │   ├── services
    │   │   ├── service_listing_page.html
    │   │   └── service_page.html
    │   ├── streams
    │   │   ├── call_to_action_block.html
    │   │   ├── cards_block.html
    │   │   ├── image_and_text_block.html
    │   │   ├── large_image_block.html
    │   │   ├── pricing_table_block.html
    │   │   ├── simple_richtext_block.html
    │   │   ├── testimonial_block.html
    │   │   └── title_block.html
    │   └── wagtailadmin
    │   │   └── base.html
    ├── urls.py
    └── wsgi.py
├── services
    ├── __init__.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_servicepage_body.py
    │   └── __init__.py
    └── models.py
├── site_settings
    ├── __init__.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_contactsettings.py
    │   ├── 0003_hourssettings.py
    │   ├── 0004_footerctasettings.py
    │   ├── 0005_auto_20191208_0408.py
    │   └── __init__.py
    └── models.py
├── streams
    ├── __init__.py
    ├── apps.py
    ├── blocks.py
    └── migrations
    │   └── __init__.py
└── testimonials
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── migrations
        ├── 0001_initial.py
        └── __init__.py
    └── models.py


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["@babel/preset-env"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Defines the coding style for different editors and IDEs.
 2 | # http://editorconfig.org
 3 | 
 4 | # top-most EditorConfig file
 5 | root = true
 6 | 
 7 | # Rules for source code.
 8 | [*]
 9 | charset = utf-8
10 | end_of_line = lf
11 | trim_trailing_whitespace = true
12 | insert_final_newline = true
13 | indent_style = space
14 | indent_size = 2
15 | 
16 | # Rules for Python code.
17 | [*.py]
18 | indent_size = 4
19 | 
20 | # Rules for tool configuration.
21 | [{package.json,*.yml, *.yaml}]
22 | indent_size = 2
23 | 
24 | # Rules for markdown documents.
25 | [*.md]
26 | trim_trailing_whitespace = false
27 | 
28 | # Rules for makefile
29 | [Makefile]
30 | indent_style = tabs
31 | indent_size = 4
32 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Python
 2 | *.py[cod]
 3 | *.egg*
 4 | local_dev.py
 5 | .mypy_cache
 6 | __pycache__/
 7 | 
 8 | # Editors
 9 | .idea/
10 | .vscode/
11 | 
12 | *.swp
13 | *.pyc
14 | .DS_Store
15 | /.coverage
16 | /dist/
17 | /build/
18 | /MANIFEST
19 | /wagtail.egg-info/
20 | /docs/_build/
21 | /.tox/
22 | /venv
23 | /node_modules/
24 | npm-debug.log*
25 | *.idea/
26 | /*.egg/
27 | /.cache/
28 | /.pytest_cache/
29 | /media/
30 | /rocketmanvenv/
31 | .venv/
32 | 
33 | ### JetBrains
34 | .idea/
35 | *.iml
36 | *.ipr
37 | *.iws
38 | coverage/
39 | client/node_modules
40 | 
41 | ### Databases
42 | *.sqlite3
43 | 
44 | ### Local static files
45 | /static/
46 | 
47 | # Temporary files
48 | *.swp
49 | *.swo
50 | *.tmp
51 | *~
52 | *.todo
53 | 
54 | 
55 | # Local files
56 | local.py
57 | .env
58 | 
59 | nginx-error.log
60 | 
61 | 


--------------------------------------------------------------------------------
/.isort.cfg:
--------------------------------------------------------------------------------
1 | [settings]
2 | indent='    '
3 | multi_line_output=5
4 | known_django=django
5 | sections=FUTURE,STDLIB,DJANGO,THIRDPARTY,FIRSTPARTY,LOCALFOLDER
6 | skip=migrations
7 | 


--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 10.15.3
2 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | # Use an official Python runtime as a parent image
 2 | FROM python:3.7
 3 | LABEL maintainer="hello@wagtail.io"
 4 | 
 5 | # Set environment varibles
 6 | ENV PYTHONUNBUFFERED 1
 7 | ENV DJANGO_ENV dev
 8 | 
 9 | COPY ./requirements.txt /code/requirements.txt
10 | RUN pip install --upgrade pip
11 | # Install any needed packages specified in requirements.txt
12 | RUN pip install -r /code/requirements.txt
13 | RUN pip install gunicorn
14 | 
15 | # Copy the current directory contents into the container at /code/
16 | COPY . /code/
17 | # Set the working directory to /code/
18 | WORKDIR /code/
19 | 
20 | RUN python manage.py migrate
21 | 
22 | RUN useradd wagtail
23 | RUN chown -R wagtail /code
24 | USER wagtail
25 | 
26 | EXPOSE 8000
27 | CMD exec gunicorn rocketman.wsgi:application --bind 0.0.0.0:8000 --workers 3
28 | 


--------------------------------------------------------------------------------
/Pipfile:
--------------------------------------------------------------------------------
 1 | [[source]]
 2 | name = "pypi"
 3 | url = "https://pypi.org/simple"
 4 | verify_ssl = true
 5 | 
 6 | [dev-packages]
 7 | 
 8 | [packages]
 9 | wagtail = "==2.8"
10 | Django = "==2.2.10"
11 | django-extensions = "==2.2.1"
12 | django-widget-tweaks = "==1.4.5"
13 | sentry-sdk = "==0.13.5"
14 | django-debug-toolbar = "==2.1"
15 | pudb = "==2019.2"
16 | 
17 | [requires]
18 | python_version = "3.7"
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Rocketman: A Wagtail for Beginners Course
 2 | 
 3 | View the production website at [rocketman.learnwagtail.com](http://rocketman.learnwagtail.com)
 4 | 
 5 | View the course at [https://learnwagtail.com/wagtail-for-beginners/](https://learnwagtail.com/wagtail-for-beginners/)
 6 | 
 7 | > The purpose of this repository is to provide code support form the [Wagtail for Beginners course](https://learnwagtail.com/wagtail-for-beginners/).
 8 | 
 9 | ## Installation
10 | There are several installation methods. For local development, you have three main options that are used in this course:
11 | 
12 | #### venv
13 | ```bash
14 | python3 -m venv rocketmanvenv
15 | source rocketmanvenv/bin/activate
16 | python manage.py migrate
17 | python manage.py runserver 0.0.0.0:8000
18 | ```
19 | 
20 | #### pipenv
21 | ```bash
22 | pipenv install
23 | pipenv shell
24 | python manage.py migrate
25 | python manage.py runserver 0.0.0.0:8000
26 | ```
27 | 
28 | #### virtualenv
29 | ```bash
30 | virtualenv rocketmanvenv
31 | source rocketmanvenv/bin/activate
32 | python manage.py migrate
33 | python manage.py runserver 0.0.0.0:8000
34 | ```
35 | 
36 | ## Launching your site
37 | Make sure you watch the video on launching your Wagtail CMS site on [Digital Ocean](https://m.do.co/c/7598914bd459). If you decide to clone this project as a test, make sure you update the `@todo`s in `production.py`.
38 | 
39 | There's also a sample nginx config, and a gunicorn files in the `conf/` directory. That will show you how rocketman.learnwagtail.com is setup.
40 | 
41 | ## Digital Ocean Hosting Perks
42 | If you [use this link](https://m.do.co/c/7598914bd459), you'll get $100 in credit over the first 60 days to setup your Wagtail website using [Digital Ocean](https://m.do.co/c/7598914bd459)
43 | 
44 | ## General dev support
45 | If you have questions about adapting this source code to your project, there are two primary places to turn to:
46 | 
47 | 1. [Slack](https://wagtail.io/slack) — join us in the #support channel.
48 | 2. [Learn Wagtail Tutorials](https://wagtail.io/course) — Over 50 free helpful videos on various subjects
49 | 
50 | ## Frontend development
51 | Wagtail for Beginners does _not_ cover any of the frontend build. This was a conscious decision so the course can focus entirely on Wagtail and Django.
52 | 
53 | But if you want to extend the frontend you can get it setup with `npm i` and run any of the commands in the `package.json` file.
54 | 


--------------------------------------------------------------------------------
/conf/gunicorn.service:
--------------------------------------------------------------------------------
 1 | [Unit]
 2 | Description=gunicorn daemon
 3 | Requires=gunicorn.socket
 4 | After=network.target
 5 | 
 6 | [Service]
 7 | User=kalob
 8 | Group=www-data
 9 | WorkingDirectory=/home/kalob/rocketman
10 | ExecStart=/home/kalob/rocketman/rocketmanvenv/bin/gunicorn \
11 |         --access-logfile - \
12 |         --workers 3 \
13 |         --bind unix:/run/gunicorn.sock \
14 |         --timeout 60 \
15 |         rocketman.wsgi:application
16 | 
17 | [Install]
18 | WantedBy=multi-user.target
19 | 


--------------------------------------------------------------------------------
/conf/gunicorn.socket:
--------------------------------------------------------------------------------
1 | [Unit]
2 | Description=gunicorn socket
3 | 
4 | [Socket]
5 | ListenStream=/run/gunicorn.sock
6 | 
7 | [Install]
8 | WantedBy=sockets.target
9 | 


--------------------------------------------------------------------------------
/conf/nginx.conf:
--------------------------------------------------------------------------------
 1 | server {
 2 |     listen      80;
 3 |     listen      [::]:80;
 4 |     server_name rocketman.learnwagtail.com;
 5 |     charset     UTF-8;
 6 | 
 7 |     error_log   /home/kalob/rocketman/nginx-error.log;
 8 | 
 9 |     client_max_body_size       10m;
10 |     client_body_buffer_size    16k;
11 |     client_header_timeout      30s;
12 |     client_body_timeout        60s;
13 | 
14 |     send_timeout               60s;
15 | 
16 |     location = /favicon.ico { access_log off; log_not_found off; }
17 |     location /static/ {
18 |         alias /home/kalob/rocketman/static/;
19 |     }
20 | 
21 |     location /media/ {
22 |         alias /home/kalob/rocketman/media/;
23 |     }
24 | 
25 |     location / {
26 |         include proxy_params;
27 |         proxy_read_timeout 30s;
28 |         proxy_connect_timeout 30s;
29 |         proxy_http_version 1.1;
30 |         proxy_pass http://unix:/run/gunicorn.sock;
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/contact/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/contact/__init__.py


--------------------------------------------------------------------------------
/contact/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class ContactConfig(AppConfig):
5 |     name = 'contact'
6 | 


--------------------------------------------------------------------------------
/contact/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 02:27
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | import modelcluster.fields
 6 | import wagtail.core.fields
 7 | 
 8 | 
 9 | class Migration(migrations.Migration):
10 | 
11 |     initial = True
12 | 
13 |     dependencies = [
14 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
15 |         ('wagtailimages', '0001_squashed_0021'),
16 |     ]
17 | 
18 |     operations = [
19 |         migrations.CreateModel(
20 |             name='ContactPage',
21 |             fields=[
22 |                 ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
23 |                 ('to_address', models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, verbose_name='to address')),
24 |                 ('from_address', models.CharField(blank=True, max_length=255, verbose_name='from address')),
25 |                 ('subject', models.CharField(blank=True, max_length=255, verbose_name='subject')),
26 |                 ('intro', wagtail.core.fields.RichTextField(blank=True)),
27 |                 ('thank_you_text', wagtail.core.fields.RichTextField(blank=True)),
28 |                 ('map_url', models.URLField(blank=True, help_text='Optional. If you provide a link here the map image will become a link')),
29 |                 ('map_image', models.ForeignKey(help_text='Image will be cropped to 580px by 355px', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
30 |             ],
31 |             options={
32 |                 'abstract': False,
33 |             },
34 |             bases=('wagtailcore.page',),
35 |         ),
36 |         migrations.CreateModel(
37 |             name='FormField',
38 |             fields=[
39 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
40 |                 ('sort_order', models.IntegerField(blank=True, editable=False, null=True)),
41 |                 ('label', models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label')),
42 |                 ('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type')),
43 |                 ('required', models.BooleanField(default=True, verbose_name='required')),
44 |                 ('choices', models.TextField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices')),
45 |                 ('default_value', models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='default value')),
46 |                 ('help_text', models.CharField(blank=True, max_length=255, verbose_name='help text')),
47 |                 ('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='contact.ContactPage')),
48 |             ],
49 |             options={
50 |                 'ordering': ['sort_order'],
51 |                 'abstract': False,
52 |             },
53 |         ),
54 |     ]
55 | 


--------------------------------------------------------------------------------
/contact/migrations/0002_auto_20191208_0303.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 03:03
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('contact', '0001_initial'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='formfield',
15 |             name='field_type',
16 |             field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('url', 'URL')], max_length=16, verbose_name='Field Type'),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/contact/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/contact/migrations/__init__.py


--------------------------------------------------------------------------------
/contact/models.py:
--------------------------------------------------------------------------------
 1 | from django.db import models
 2 | from django.utils.translation import ugettext_lazy as _
 3 | 
 4 | from modelcluster.models import ParentalKey
 5 | from wagtail.admin.edit_handlers import FieldPanel, InlinePanel
 6 | from wagtail.contrib.forms.models import AbstractEmailForm, AbstractFormField
 7 | from wagtail.core.fields import RichTextField
 8 | from wagtail.images.edit_handlers import ImageChooserPanel
 9 | 
10 | FORM_FIELD_CHOICES = (
11 |     ('singleline', _('Single line text')),
12 |     ('multiline', _('Multi-line text')),
13 |     ('email', _('Email')),
14 |     ('url', _('URL')),
15 | )
16 | 
17 | class CustomAbstractFormField(AbstractFormField):
18 |     field_type = models.CharField(
19 |         verbose_name="Field Type",
20 |         max_length=16,
21 |         choices=FORM_FIELD_CHOICES,
22 |     )
23 | 
24 |     class Meta:
25 |         abstract = True
26 |         ordering = ["sort_order"]
27 | 
28 | 
29 | class FormField(CustomAbstractFormField):
30 |     page = ParentalKey(
31 |         "ContactPage",
32 |         on_delete=models.CASCADE,
33 |         related_name='form_fields'
34 |     )
35 | 
36 | 
37 | class ContactPage(AbstractEmailForm):
38 | 
39 |     template = "contact/contact_page.html"
40 |     landing_page_template = "contact/contact_page_landing.html"
41 |     subpage_types = []
42 |     max_count = 1
43 | 
44 |     intro = RichTextField(blank=True, features=["bold", "link", "ol", "ul"])
45 |     thank_you_text = RichTextField(
46 |         blank=True,
47 |         features=["bold", "link", "ol", "ul"]
48 |     )
49 |     map_image = models.ForeignKey(
50 |         'wagtailimages.Image',
51 |         null=True,
52 |         blank=False,
53 |         on_delete=models.SET_NULL,
54 |         help_text='Image will be cropped to 580px by 355px',
55 |         related_name='+',
56 |     )
57 |     map_url = models.URLField(
58 |         blank=True,
59 |         help_text='Optional. If you provide a link here the map image will become a link'
60 |     )
61 | 
62 |     content_panels = AbstractEmailForm.content_panels + [
63 |         FieldPanel("intro"),
64 |         ImageChooserPanel("map_image"),
65 |         FieldPanel("map_url"),
66 |         InlinePanel("form_fields", label='Form Fields'),
67 |         FieldPanel("thank_you_text"),
68 |         FieldPanel("from_address"),
69 |         FieldPanel("to_address"),
70 |         FieldPanel("subject"),
71 |     ]
72 | 


--------------------------------------------------------------------------------
/dev.txt:
--------------------------------------------------------------------------------
1 | -r requirements.txt
2 | django-debug-toolbar==2.1
3 | pudb==2019.2
4 | 


--------------------------------------------------------------------------------
/flex/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/flex/__init__.py


--------------------------------------------------------------------------------
/flex/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class FlexConfig(AppConfig):
5 |     name = 'flex'
6 | 


--------------------------------------------------------------------------------
/flex/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 00:35
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     initial = True
10 | 
11 |     dependencies = [
12 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.CreateModel(
17 |             name='FlexPage',
18 |             fields=[
19 |                 ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
20 |             ],
21 |             options={
22 |                 'verbose_name': 'Flex (misc) page',
23 |                 'verbose_name_plural': 'Flex (misc) pages',
24 |             },
25 |             bases=('wagtailcore.page',),
26 |         ),
27 |     ]
28 | 


--------------------------------------------------------------------------------
/flex/migrations/0002_flexpage_body.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 04:19
 2 | 
 3 | from django.db import migrations
 4 | import streams.blocks
 5 | import wagtail.core.blocks
 6 | import wagtail.core.fields
 7 | import wagtail.images.blocks
 8 | import wagtail.snippets.blocks
 9 | 
10 | 
11 | class Migration(migrations.Migration):
12 | 
13 |     dependencies = [
14 |         ('flex', '0001_initial'),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.AddField(
19 |             model_name='flexpage',
20 |             name='body',
21 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px')), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))], help_text='Enter a link or select a page'))])))])), ('image_and_text', wagtail.core.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image the automagically cropped to 786px by 552px')), ('image_alignment', wagtail.core.blocks.ChoiceBlock(choices=[('left', 'Image to the left'), ('right', 'Image to the right')], help_text='Image on the left with text on the right. Or image on the right with text on the left.')), ('title', wagtail.core.blocks.CharBlock(help_text='Max length of 60 characters.', max_length=60)), ('text', wagtail.core.blocks.CharBlock(max_length=140, required=False)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('cta', wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Max length of 200 characters.', max_length=200)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('testimonial', wagtail.snippets.blocks.SnippetChooserBlock(target_model='testimonials.Testimonial', template='streams/testimonial_block.html')), ('pricing_table', streams.blocks.PricingTableBlock(table_options={'autoColumnSize': False, 'colHeaders': False, 'contextMenu': ['row_above', 'row_below', '---------', 'col_left', 'col_right', '---------', 'remove_row', 'remove_col', '---------', 'undo', 'redo'], 'editor': 'text', 'minSpareRows': 0, 'renderer': 'text', 'rowHeaders': True, 'startCols': 4, 'startRows': 4, 'stretchH': 'all'}))], blank=True, null=True),
22 |         ),
23 |     ]
24 | 


--------------------------------------------------------------------------------
/flex/migrations/0003_auto_20191207_0436.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 04:36
 2 | 
 3 | from django.db import migrations
 4 | import streams.blocks
 5 | import wagtail.core.blocks
 6 | import wagtail.core.fields
 7 | import wagtail.images.blocks
 8 | import wagtail.snippets.blocks
 9 | 
10 | 
11 | class Migration(migrations.Migration):
12 | 
13 |     dependencies = [
14 |         ('flex', '0002_flexpage_body'),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.AlterField(
19 |             model_name='flexpage',
20 |             name='body',
21 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px')), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))], help_text='Enter a link or select a page'))])))])), ('image_and_text', wagtail.core.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image the automagically cropped to 786px by 552px')), ('image_alignment', wagtail.core.blocks.ChoiceBlock(choices=[('left', 'Image to the left'), ('right', 'Image to the right')], help_text='Image on the left with text on the right. Or image on the right with text on the left.')), ('title', wagtail.core.blocks.CharBlock(help_text='Max length of 60 characters.', max_length=60)), ('text', wagtail.core.blocks.CharBlock(max_length=140, required=False)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('cta', wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Max length of 200 characters.', max_length=200)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('testimonial', wagtail.snippets.blocks.SnippetChooserBlock(target_model='testimonials.Testimonial', template='streams/testimonial_block.html')), ('pricing_table', streams.blocks.PricingTableBlock(table_options={'autoColumnSize': False, 'colHeaders': False, 'contextMenu': ['row_above', 'row_below', '---------', 'col_left', 'col_right', '---------', 'remove_row', 'remove_col', '---------', 'undo', 'redo'], 'editor': 'text', 'minSpareRows': 0, 'renderer': 'text', 'rowHeaders': True, 'startCols': 4, 'startRows': 4, 'stretchH': 'all'})), ('richtext', wagtail.core.blocks.RichTextBlock(features=['bold', 'italic', 'ol', 'ul', 'link'], template='streams/simple_richtext_block.html'))], blank=True, null=True),
22 |         ),
23 |     ]
24 | 


--------------------------------------------------------------------------------
/flex/migrations/0004_auto_20191208_0129.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 01:29
 2 | 
 3 | from django.db import migrations
 4 | import streams.blocks
 5 | import wagtail.core.blocks
 6 | import wagtail.core.fields
 7 | import wagtail.images.blocks
 8 | import wagtail.snippets.blocks
 9 | 
10 | 
11 | class Migration(migrations.Migration):
12 | 
13 |     dependencies = [
14 |         ('flex', '0003_auto_20191207_0436'),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.AlterField(
19 |             model_name='flexpage',
20 |             name='body',
21 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px')), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))], help_text='Enter a link or select a page'))])))])), ('image_and_text', wagtail.core.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image the automagically cropped to 786px by 552px')), ('image_alignment', wagtail.core.blocks.ChoiceBlock(choices=[('left', 'Image to the left'), ('right', 'Image to the right')], help_text='Image on the left with text on the right. Or image on the right with text on the left.')), ('title', wagtail.core.blocks.CharBlock(help_text='Max length of 60 characters.', max_length=60)), ('text', wagtail.core.blocks.CharBlock(max_length=140, required=False)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('cta', wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Max length of 200 characters.', max_length=200)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('testimonial', wagtail.snippets.blocks.SnippetChooserBlock(target_model='testimonials.Testimonial', template='streams/testimonial_block.html')), ('pricing_table', streams.blocks.PricingTableBlock(table_options={'autoColumnSize': False, 'colHeaders': False, 'contextMenu': ['row_above', 'row_below', '---------', 'col_left', 'col_right', '---------', 'remove_row', 'remove_col', '---------', 'undo', 'redo'], 'editor': 'text', 'minSpareRows': 0, 'renderer': 'text', 'rowHeaders': True, 'startCols': 4, 'startRows': 4, 'stretchH': 'all'})), ('richtext', wagtail.core.blocks.RichTextBlock(features=['bold', 'italic', 'ol', 'ul', 'link'], template='streams/simple_richtext_block.html')), ('large_image', wagtail.images.blocks.ImageChooserBlock(help_text='This image will be cropped to 1200px by 775px', template='streams/large_image_block.html'))], blank=True, null=True),
22 |         ),
23 |     ]
24 | 


--------------------------------------------------------------------------------
/flex/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/flex/migrations/__init__.py


--------------------------------------------------------------------------------
/flex/models.py:
--------------------------------------------------------------------------------
 1 | from wagtail.admin.edit_handlers import StreamFieldPanel
 2 | from wagtail.core import blocks as wagtail_blocks
 3 | from wagtail.core.fields import StreamField
 4 | from wagtail.core.models import Page
 5 | from wagtail.images.blocks import ImageChooserBlock
 6 | from wagtail.snippets.blocks import SnippetChooserBlock
 7 | 
 8 | from home.models import NEW_TABLE_OPTIONS
 9 | from streams import blocks
10 | 
11 | 
12 | class FlexPage(Page):
13 |     parent_page_types = ["home.HomePage", "flex.FlexPage"]
14 |     body = StreamField([
15 |         ("title", blocks.TitleBlock()),
16 |         ("cards", blocks.CardsBlock()),
17 |         ("image_and_text", blocks.ImageAndTextBlock()),
18 |         ("cta", blocks.CallToActionBlock()),
19 |         ("testimonial", SnippetChooserBlock(
20 |             target_model='testimonials.Testimonial',
21 |             template="streams/testimonial_block.html",
22 |         )),
23 |         ("pricing_table", blocks.PricingTableBlock(
24 |             table_options=NEW_TABLE_OPTIONS,
25 |         )),
26 |         ("richtext", wagtail_blocks.RichTextBlock(
27 |             template="streams/simple_richtext_block.html",
28 |             features=["bold", "italic", "ol", "ul", "link"]
29 |         )),
30 |         ("large_image", ImageChooserBlock(
31 |             help_text='This image will be cropped to 1200px by 775px',
32 |             template="streams/large_image_block.html"
33 |         ))
34 |     ], null=True, blank=True)
35 | 
36 |     content_panels = Page.content_panels + [
37 |         StreamFieldPanel("body"),
38 |     ]
39 | 
40 |     class Meta:
41 |         verbose_name = "Flex (misc) page"
42 |         verbose_name_plural = "Flex (misc) pages"
43 | 


--------------------------------------------------------------------------------
/frontend/js/src/index.js:
--------------------------------------------------------------------------------
 1 | import $ from 'jquery'
 2 | // import Alert from './alert'
 3 | import Button from './button'
 4 | // import Carousel from './carousel'
 5 | import Collapse from './collapse'
 6 | import Dropdown from './dropdown'
 7 | // import Modal from './modal'
 8 | // import Popover from './popover'
 9 | // import Scrollspy from './scrollspy'
10 | // import Tab from './tab'
11 | // import Toast from './toast'
12 | import Tooltip from './tooltip'
13 | import Util from './util'
14 | 
15 | /**
16 |  * --------------------------------------------------------------------------
17 |  * Bootstrap (v4.3.1): index.js
18 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
19 |  * --------------------------------------------------------------------------
20 |  */
21 | 
22 | (() => {
23 |   if (typeof $ === 'undefined') {
24 |     throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.')
25 |   }
26 | 
27 |   const version = $.fn.jquery.split(' ')[0].split('.')
28 |   const minMajor = 1
29 |   const ltMajor = 2
30 |   const minMinor = 9
31 |   const minPatch = 1
32 |   const maxMajor = 4
33 | 
34 |   if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {
35 |     throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')
36 |   }
37 | })()
38 | 
39 | export {
40 |   Util,
41 |   // Alert,
42 |   Button,
43 |   // Carousel,
44 |   Collapse,
45 |   Dropdown,
46 |   // Modal,
47 |   // Popover,
48 |   // Scrollspy,
49 |   // Tab,
50 |   // Toast,
51 |   Tooltip
52 | }
53 | 


--------------------------------------------------------------------------------
/frontend/js/src/tools/sanitizer.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * --------------------------------------------------------------------------
  3 |  * Bootstrap (v4.3.1): tools/sanitizer.js
  4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5 |  * --------------------------------------------------------------------------
  6 |  */
  7 | 
  8 | const uriAttrs = [
  9 |   'background',
 10 |   'cite',
 11 |   'href',
 12 |   'itemtype',
 13 |   'longdesc',
 14 |   'poster',
 15 |   'src',
 16 |   'xlink:href'
 17 | ]
 18 | 
 19 | const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i
 20 | 
 21 | export const DefaultWhitelist = {
 22 |   // Global attributes allowed on any supplied element below.
 23 |   '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
 24 |   a: ['target', 'href', 'title', 'rel'],
 25 |   area: [],
 26 |   b: [],
 27 |   br: [],
 28 |   col: [],
 29 |   code: [],
 30 |   div: [],
 31 |   em: [],
 32 |   hr: [],
 33 |   h1: [],
 34 |   h2: [],
 35 |   h3: [],
 36 |   h4: [],
 37 |   h5: [],
 38 |   h6: [],
 39 |   i: [],
 40 |   img: ['src', 'alt', 'title', 'width', 'height'],
 41 |   li: [],
 42 |   ol: [],
 43 |   p: [],
 44 |   pre: [],
 45 |   s: [],
 46 |   small: [],
 47 |   span: [],
 48 |   sub: [],
 49 |   sup: [],
 50 |   strong: [],
 51 |   u: [],
 52 |   ul: []
 53 | }
 54 | 
 55 | /**
 56 |  * A pattern that recognizes a commonly useful subset of URLs that are safe.
 57 |  *
 58 |  * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
 59 |  */
 60 | const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi
 61 | 
 62 | /**
 63 |  * A pattern that matches safe data URLs. Only matches image, video and audio types.
 64 |  *
 65 |  * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
 66 |  */
 67 | const DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i
 68 | 
 69 | function allowedAttribute(attr, allowedAttributeList) {
 70 |   const attrName = attr.nodeName.toLowerCase()
 71 | 
 72 |   if (allowedAttributeList.indexOf(attrName) !== -1) {
 73 |     if (uriAttrs.indexOf(attrName) !== -1) {
 74 |       return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN))
 75 |     }
 76 | 
 77 |     return true
 78 |   }
 79 | 
 80 |   const regExp = allowedAttributeList.filter((attrRegex) => attrRegex instanceof RegExp)
 81 | 
 82 |   // Check if a regular expression validates the attribute.
 83 |   for (let i = 0, l = regExp.length; i < l; i++) {
 84 |     if (attrName.match(regExp[i])) {
 85 |       return true
 86 |     }
 87 |   }
 88 | 
 89 |   return false
 90 | }
 91 | 
 92 | export function sanitizeHtml(unsafeHtml, whiteList, sanitizeFn) {
 93 |   if (unsafeHtml.length === 0) {
 94 |     return unsafeHtml
 95 |   }
 96 | 
 97 |   if (sanitizeFn && typeof sanitizeFn === 'function') {
 98 |     return sanitizeFn(unsafeHtml)
 99 |   }
100 | 
101 |   const domParser = new window.DOMParser()
102 |   const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html')
103 |   const whitelistKeys = Object.keys(whiteList)
104 |   const elements = [].slice.call(createdDocument.body.querySelectorAll('*'))
105 | 
106 |   for (let i = 0, len = elements.length; i < len; i++) {
107 |     const el = elements[i]
108 |     const elName = el.nodeName.toLowerCase()
109 | 
110 |     if (whitelistKeys.indexOf(el.nodeName.toLowerCase()) === -1) {
111 |       el.parentNode.removeChild(el)
112 | 
113 |       continue
114 |     }
115 | 
116 |     const attributeList = [].slice.call(el.attributes)
117 |     const whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || [])
118 | 
119 |     attributeList.forEach((attr) => {
120 |       if (!allowedAttribute(attr, whitelistedAttributes)) {
121 |         el.removeAttribute(attr.nodeName)
122 |       }
123 |     })
124 |   }
125 | 
126 |   return createdDocument.body.innerHTML
127 | }
128 | 


--------------------------------------------------------------------------------
/frontend/scss/_alert.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Base styles
 3 | //
 4 | 
 5 | .alert {
 6 |   position: relative;
 7 |   padding: $alert-padding-y $alert-padding-x;
 8 |   margin-bottom: $alert-margin-bottom;
 9 |   border: $alert-border-width solid transparent;
10 |   @include border-radius($alert-border-radius);
11 | }
12 | 
13 | // Headings for larger alerts
14 | .alert-heading {
15 |   // Specified to prevent conflicts of changing $headings-color
16 |   color: inherit;
17 | }
18 | 
19 | // Provide class for links that match alerts
20 | .alert-link {
21 |   font-weight: $alert-link-font-weight;
22 | }
23 | 
24 | 
25 | // Dismissible alerts
26 | //
27 | // Expand the right padding and account for the close button's positioning.
28 | 
29 | .alert-dismissible {
30 |   padding-right: $close-font-size + $alert-padding-x * 2;
31 | 
32 |   // Adjust close link position
33 |   .close {
34 |     position: absolute;
35 |     top: 0;
36 |     right: 0;
37 |     padding: $alert-padding-y $alert-padding-x;
38 |     color: inherit;
39 |   }
40 | }
41 | 
42 | 
43 | // Alternate styles
44 | //
45 | // Generate contextual modifier classes for colorizing the alert.
46 | 
47 | @each $color, $value in $theme-colors {
48 |   .alert-#{$color} {
49 |     @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/frontend/scss/_badge.scss:
--------------------------------------------------------------------------------
 1 | // Base class
 2 | //
 3 | // Requires one of the contextual, color modifier classes for `color` and
 4 | // `background-color`.
 5 | 
 6 | .badge {
 7 |   display: inline-block;
 8 |   padding: $badge-padding-y $badge-padding-x;
 9 |   @include font-size($badge-font-size);
10 |   font-weight: $badge-font-weight;
11 |   line-height: 1;
12 |   text-align: center;
13 |   white-space: nowrap;
14 |   vertical-align: baseline;
15 |   @include border-radius($badge-border-radius);
16 |   @include transition($badge-transition);
17 | 
18 |   @at-root a#{&} {
19 |     @include hover-focus {
20 |       text-decoration: none;
21 |     }
22 |   }
23 | 
24 |   // Empty badges collapse automatically
25 |   &:empty {
26 |     display: none;
27 |   }
28 | }
29 | 
30 | // Quick fix for badges in buttons
31 | .btn .badge {
32 |   position: relative;
33 |   top: -1px;
34 | }
35 | 
36 | // Pill badges
37 | //
38 | // Make them extra rounded with a modifier to replace v3's badges.
39 | 
40 | .badge-pill {
41 |   padding-right: $badge-pill-padding-x;
42 |   padding-left: $badge-pill-padding-x;
43 |   @include border-radius($badge-pill-border-radius);
44 | }
45 | 
46 | // Colors
47 | //
48 | // Contextual variations (linked badges get darker on :hover).
49 | 
50 | @each $color, $value in $theme-colors {
51 |   .badge-#{$color} {
52 |     @include badge-variant($value);
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/frontend/scss/_breadcrumb.scss:
--------------------------------------------------------------------------------
 1 | .breadcrumb {
 2 |   display: flex;
 3 |   flex-wrap: wrap;
 4 |   padding: $breadcrumb-padding-y $breadcrumb-padding-x;
 5 |   margin-bottom: $breadcrumb-margin-bottom;
 6 |   list-style: none;
 7 |   background-color: $breadcrumb-bg;
 8 |   @include border-radius($breadcrumb-border-radius);
 9 | }
10 | 
11 | .breadcrumb-item {
12 |   // The separator between breadcrumbs (by default, a forward-slash: "/")
13 |   + .breadcrumb-item {
14 |     padding-left: $breadcrumb-item-padding;
15 | 
16 |     &::before {
17 |       display: inline-block; // Suppress underlining of the separator in modern browsers
18 |       padding-right: $breadcrumb-item-padding;
19 |       color: $breadcrumb-divider-color;
20 |       content: $breadcrumb-divider;
21 |     }
22 |   }
23 | 
24 |   // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25 |   // without `<ul>`s. The `::before` pseudo-element generates an element
26 |   // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
27 |   //
28 |   // To trick IE into suppressing the underline, we give the pseudo-element an
29 |   // underline and then immediately remove it.
30 |   + .breadcrumb-item:hover::before {
31 |     text-decoration: underline;
32 |   }
33 |   // stylelint-disable-next-line no-duplicate-selectors
34 |   + .breadcrumb-item:hover::before {
35 |     text-decoration: none;
36 |   }
37 | 
38 |   &.active {
39 |     color: $breadcrumb-active-color;
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/frontend/scss/_button-group.scss:
--------------------------------------------------------------------------------
  1 | // stylelint-disable selector-no-qualifying-type
  2 | 
  3 | // Make the div behave like a button
  4 | .btn-group,
  5 | .btn-group-vertical {
  6 |   position: relative;
  7 |   display: inline-flex;
  8 |   vertical-align: middle; // match .btn alignment given font-size hack above
  9 | 
 10 |   > .btn {
 11 |     position: relative;
 12 |     flex: 1 1 auto;
 13 | 
 14 |     // Bring the hover, focused, and "active" buttons to the front to overlay
 15 |     // the borders properly
 16 |     @include hover {
 17 |       z-index: 1;
 18 |     }
 19 |     &:focus,
 20 |     &:active,
 21 |     &.active {
 22 |       z-index: 1;
 23 |     }
 24 |   }
 25 | }
 26 | 
 27 | // Optional: Group multiple button groups together for a toolbar
 28 | .btn-toolbar {
 29 |   display: flex;
 30 |   flex-wrap: wrap;
 31 |   justify-content: flex-start;
 32 | 
 33 |   .input-group {
 34 |     width: auto;
 35 |   }
 36 | }
 37 | 
 38 | .btn-group {
 39 |   // Prevent double borders when buttons are next to each other
 40 |   > .btn:not(:first-child),
 41 |   > .btn-group:not(:first-child) {
 42 |     margin-left: -$btn-border-width;
 43 |   }
 44 | 
 45 |   // Reset rounded corners
 46 |   > .btn:not(:last-child):not(.dropdown-toggle),
 47 |   > .btn-group:not(:last-child) > .btn {
 48 |     @include border-right-radius(0);
 49 |   }
 50 | 
 51 |   > .btn:not(:first-child),
 52 |   > .btn-group:not(:first-child) > .btn {
 53 |     @include border-left-radius(0);
 54 |   }
 55 | }
 56 | 
 57 | // Sizing
 58 | //
 59 | // Remix the default button sizing classes into new ones for easier manipulation.
 60 | 
 61 | .btn-group-sm > .btn { @extend .btn-sm; }
 62 | .btn-group-lg > .btn { @extend .btn-lg; }
 63 | 
 64 | 
 65 | //
 66 | // Split button dropdowns
 67 | //
 68 | 
 69 | .dropdown-toggle-split {
 70 |   padding-right: $btn-padding-x * .75;
 71 |   padding-left: $btn-padding-x * .75;
 72 | 
 73 |   &::after,
 74 |   .dropup &::after,
 75 |   .dropright &::after {
 76 |     margin-left: 0;
 77 |   }
 78 | 
 79 |   .dropleft &::before {
 80 |     margin-right: 0;
 81 |   }
 82 | }
 83 | 
 84 | .btn-sm + .dropdown-toggle-split {
 85 |   padding-right: $btn-padding-x-sm * .75;
 86 |   padding-left: $btn-padding-x-sm * .75;
 87 | }
 88 | 
 89 | .btn-lg + .dropdown-toggle-split {
 90 |   padding-right: $btn-padding-x-lg * .75;
 91 |   padding-left: $btn-padding-x-lg * .75;
 92 | }
 93 | 
 94 | 
 95 | // The clickable button for toggling the menu
 96 | // Set the same inset shadow as the :active state
 97 | .btn-group.show .dropdown-toggle {
 98 |   @include box-shadow($btn-active-box-shadow);
 99 | 
100 |   // Show no shadow for `.btn-link` since it has no other button styles.
101 |   &.btn-link {
102 |     @include box-shadow(none);
103 |   }
104 | }
105 | 
106 | 
107 | //
108 | // Vertical button groups
109 | //
110 | 
111 | .btn-group-vertical {
112 |   flex-direction: column;
113 |   align-items: flex-start;
114 |   justify-content: center;
115 | 
116 |   > .btn,
117 |   > .btn-group {
118 |     width: 100%;
119 |   }
120 | 
121 |   > .btn:not(:first-child),
122 |   > .btn-group:not(:first-child) {
123 |     margin-top: -$btn-border-width;
124 |   }
125 | 
126 |   // Reset rounded corners
127 |   > .btn:not(:last-child):not(.dropdown-toggle),
128 |   > .btn-group:not(:last-child) > .btn {
129 |     @include border-bottom-radius(0);
130 |   }
131 | 
132 |   > .btn:not(:first-child),
133 |   > .btn-group:not(:first-child) > .btn {
134 |     @include border-top-radius(0);
135 |   }
136 | }
137 | 
138 | 
139 | // Checkbox and radio options
140 | //
141 | // In order to support the browser's form validation feedback, powered by the
142 | // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
143 | // `display: none;` or `visibility: hidden;` as that also hides the popover.
144 | // Simply visually hiding the inputs via `opacity` would leave them clickable in
145 | // certain cases which is prevented by using `clip` and `pointer-events`.
146 | // This way, we ensure a DOM element is visible to position the popover from.
147 | //
148 | // See https://github.com/twbs/bootstrap/pull/12794 and
149 | // https://github.com/twbs/bootstrap/pull/14559 for more information.
150 | 
151 | .btn-group-toggle {
152 |   > .btn,
153 |   > .btn-group > .btn {
154 |     margin-bottom: 0; // Override default `<label>` value
155 | 
156 |     input[type="radio"],
157 |     input[type="checkbox"] {
158 |       position: absolute;
159 |       clip: rect(0, 0, 0, 0);
160 |       pointer-events: none;
161 |     }
162 |   }
163 | }
164 | 


--------------------------------------------------------------------------------
/frontend/scss/_close.scss:
--------------------------------------------------------------------------------
 1 | .close {
 2 |   float: right;
 3 |   @include font-size($close-font-size);
 4 |   font-weight: $close-font-weight;
 5 |   line-height: 1;
 6 |   color: $close-color;
 7 |   text-shadow: $close-text-shadow;
 8 |   opacity: .5;
 9 | 
10 |   // Override <a>'s hover style
11 |   @include hover {
12 |     color: $close-color;
13 |     text-decoration: none;
14 |   }
15 | 
16 |   &:not(:disabled):not(.disabled) {
17 |     @include hover-focus {
18 |       opacity: .75;
19 |     }
20 |   }
21 | }
22 | 
23 | // Additional properties for button version
24 | // iOS requires the button element instead of an anchor tag.
25 | // If you want the anchor version, it requires `href="#"`.
26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27 | 
28 | // stylelint-disable-next-line selector-no-qualifying-type
29 | button.close {
30 |   padding: 0;
31 |   background-color: transparent;
32 |   border: 0;
33 |   appearance: none;
34 | }
35 | 
36 | // Future-proof disabling of clicks on `<a>` elements
37 | 
38 | // stylelint-disable-next-line selector-no-qualifying-type
39 | a.close.disabled {
40 |   pointer-events: none;
41 | }
42 | 


--------------------------------------------------------------------------------
/frontend/scss/_code.scss:
--------------------------------------------------------------------------------
 1 | // Inline code
 2 | code {
 3 |   @include font-size($code-font-size);
 4 |   color: $code-color;
 5 |   word-break: break-word;
 6 | 
 7 |   // Streamline the style when inside anchors to avoid broken underline and more
 8 |   a > & {
 9 |     color: inherit;
10 |   }
11 | }
12 | 
13 | // User input typically entered via keyboard
14 | kbd {
15 |   padding: $kbd-padding-y $kbd-padding-x;
16 |   @include font-size($kbd-font-size);
17 |   color: $kbd-color;
18 |   background-color: $kbd-bg;
19 |   @include border-radius($border-radius-sm);
20 |   @include box-shadow($kbd-box-shadow);
21 | 
22 |   kbd {
23 |     padding: 0;
24 |     @include font-size(100%);
25 |     font-weight: $nested-kbd-font-weight;
26 |     @include box-shadow(none);
27 |   }
28 | }
29 | 
30 | // Blocks of code
31 | pre {
32 |   display: block;
33 |   @include font-size($code-font-size);
34 |   color: $pre-color;
35 | 
36 |   // Account for some code outputs that place code tags in pre tags
37 |   code {
38 |     @include font-size(inherit);
39 |     color: inherit;
40 |     word-break: normal;
41 |   }
42 | }
43 | 
44 | // Enable scrollable blocks of code
45 | .pre-scrollable {
46 |   max-height: $pre-scrollable-max-height;
47 |   overflow-y: scroll;
48 | }
49 | 


--------------------------------------------------------------------------------
/frontend/scss/_functions.scss:
--------------------------------------------------------------------------------
 1 | // Bootstrap functions
 2 | //
 3 | // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
 4 | 
 5 | // Ascending
 6 | // Used to evaluate Sass maps like our grid breakpoints.
 7 | @mixin _assert-ascending($map, $map-name) {
 8 |   $prev-key: null;
 9 |   $prev-num: null;
10 |   @each $key, $num in $map {
11 |     @if $prev-num == null or unit($num) == "%" {
12 |       // Do nothing
13 |     } @else if not comparable($prev-num, $num) {
14 |       @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15 |     } @else if $prev-num >= $num {
16 |       @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17 |     }
18 |     $prev-key: $key;
19 |     $prev-num: $num;
20 |   }
21 | }
22 | 
23 | // Starts at zero
24 | // Used to ensure the min-width of the lowest breakpoint starts at 0.
25 | @mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
26 |   $values: map-values($map);
27 |   $first-value: nth($values, 1);
28 |   @if $first-value != 0 {
29 |     @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
30 |   }
31 | }
32 | 
33 | // Replace `$search` with `$replace` in `$string`
34 | // Used on our SVG icon backgrounds for custom forms.
35 | //
36 | // @author Hugo Giraudel
37 | // @param {String} $string - Initial string
38 | // @param {String} $search - Substring to replace
39 | // @param {String} $replace ('') - New value
40 | // @return {String} - Updated string
41 | @function str-replace($string, $search, $replace: "") {
42 |   $index: str-index($string, $search);
43 | 
44 |   @if $index {
45 |     @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46 |   }
47 | 
48 |   @return $string;
49 | }
50 | 
51 | // Color contrast
52 | @function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
53 |   $r: red($color);
54 |   $g: green($color);
55 |   $b: blue($color);
56 | 
57 |   $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58 | 
59 |   @if ($yiq >= $yiq-contrasted-threshold) {
60 |     @return $dark;
61 |   } @else {
62 |     @return $light;
63 |   }
64 | }
65 | 
66 | // Retrieve color Sass maps
67 | @function color($key: "blue") {
68 |   @return map-get($colors, $key);
69 | }
70 | 
71 | @function theme-color($key: "primary") {
72 |   @return map-get($theme-colors, $key);
73 | }
74 | 
75 | @function gray($key: "100") {
76 |   @return map-get($grays, $key);
77 | }
78 | 
79 | // Request a theme color level
80 | @function theme-color-level($color-name: "primary", $level: 0) {
81 |   $color: theme-color($color-name);
82 |   $color-base: if($level > 0, $black, $white);
83 |   $level: abs($level);
84 | 
85 |   @return mix($color-base, $color, $level * $theme-color-interval);
86 | }
87 | 


--------------------------------------------------------------------------------
/frontend/scss/_grid.scss:
--------------------------------------------------------------------------------
 1 | // Container widths
 2 | //
 3 | // Set the container width, and override it for fixed navbars in media queries.
 4 | 
 5 | @if $enable-grid-classes {
 6 |   .container {
 7 |     @include make-container();
 8 |     @include make-container-max-widths();
 9 |   }
10 | }
11 | 
12 | // Fluid container
13 | //
14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for
15 | // fluid, full width layouts.
16 | 
17 | @if $enable-grid-classes {
18 |   .container-fluid {
19 |     @include make-container();
20 |   }
21 | }
22 | 
23 | // Row
24 | //
25 | // Rows contain and clear the floats of your columns.
26 | 
27 | @if $enable-grid-classes {
28 |   .row {
29 |     @include make-row();
30 |   }
31 | 
32 |   // Remove the negative margin from default .row, then the horizontal padding
33 |   // from all immediate children columns (to prevent runaway style inheritance).
34 |   .no-gutters {
35 |     margin-right: 0;
36 |     margin-left: 0;
37 | 
38 |     > .col,
39 |     > [class*="col-"] {
40 |       padding-right: 0;
41 |       padding-left: 0;
42 |     }
43 |   }
44 | }
45 | 
46 | // Columns
47 | //
48 | // Common styles for small and large grid columns
49 | 
50 | @if $enable-grid-classes {
51 |   @include make-grid-columns();
52 | }
53 | 


--------------------------------------------------------------------------------
/frontend/scss/_images.scss:
--------------------------------------------------------------------------------
 1 | // Responsive images (ensure images don't scale beyond their parents)
 2 | //
 3 | // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2,
 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
 6 | // which weren't expecting the images within themselves to be involuntarily resized.
 7 | // See also https://github.com/twbs/bootstrap/issues/18178
 8 | .img-fluid {
 9 |   @include img-fluid;
10 | }
11 | 
12 | 
13 | // Image thumbnails
14 | .img-thumbnail {
15 |   padding: $thumbnail-padding;
16 |   background-color: $thumbnail-bg;
17 |   border: $thumbnail-border-width solid $thumbnail-border-color;
18 |   @include border-radius($thumbnail-border-radius);
19 |   @include box-shadow($thumbnail-box-shadow);
20 | 
21 |   // Keep them at most 100% wide
22 |   @include img-fluid;
23 | }
24 | 
25 | //
26 | // Figures
27 | //
28 | 
29 | .figure {
30 |   // Ensures the caption's text aligns with the image.
31 |   display: inline-block;
32 | }
33 | 
34 | .figure-img {
35 |   margin-bottom: $spacer / 2;
36 |   line-height: 1;
37 | }
38 | 
39 | .figure-caption {
40 |   @include font-size($figure-caption-font-size);
41 |   color: $figure-caption-color;
42 | }
43 | 


--------------------------------------------------------------------------------
/frontend/scss/_jumbotron.scss:
--------------------------------------------------------------------------------
 1 | .jumbotron {
 2 |   padding: $jumbotron-padding ($jumbotron-padding / 2);
 3 |   margin-bottom: $jumbotron-padding;
 4 |   color: $jumbotron-color;
 5 |   background-color: $jumbotron-bg;
 6 |   @include border-radius($border-radius-lg);
 7 | 
 8 |   @include media-breakpoint-up(sm) {
 9 |     padding: ($jumbotron-padding * 2) $jumbotron-padding;
10 |   }
11 | }
12 | 
13 | .jumbotron-fluid {
14 |   padding-right: 0;
15 |   padding-left: 0;
16 |   @include border-radius(0);
17 | }
18 | 


--------------------------------------------------------------------------------
/frontend/scss/_media.scss:
--------------------------------------------------------------------------------
1 | .media {
2 |   display: flex;
3 |   align-items: flex-start;
4 | }
5 | 
6 | .media-body {
7 |   flex: 1;
8 | }
9 | 


--------------------------------------------------------------------------------
/frontend/scss/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Toggles
 2 | //
 3 | // Used in conjunction with global variables to enable certain theme features.
 4 | 
 5 | // Vendor
 6 | @import "vendor/rfs";
 7 | 
 8 | // Deprecate
 9 | @import "mixins/deprecate";
10 | 
11 | // Utilities
12 | @import "mixins/breakpoints";
13 | @import "mixins/hover";
14 | @import "mixins/image";
15 | @import "mixins/badge";
16 | @import "mixins/resize";
17 | @import "mixins/screen-reader";
18 | @import "mixins/size";
19 | @import "mixins/reset-text";
20 | @import "mixins/text-emphasis";
21 | @import "mixins/text-hide";
22 | @import "mixins/text-truncate";
23 | @import "mixins/visibility";
24 | 
25 | // // Components
26 | @import "mixins/alert";
27 | @import "mixins/buttons";
28 | @import "mixins/caret";
29 | @import "mixins/pagination";
30 | @import "mixins/lists";
31 | @import "mixins/list-group";
32 | @import "mixins/nav-divider";
33 | @import "mixins/forms";
34 | @import "mixins/table-row";
35 | 
36 | // // Skins
37 | @import "mixins/background-variant";
38 | @import "mixins/border-radius";
39 | @import "mixins/box-shadow";
40 | @import "mixins/gradients";
41 | @import "mixins/transition";
42 | 
43 | // // Layout
44 | @import "mixins/clearfix";
45 | @import "mixins/grid-framework";
46 | @import "mixins/grid";
47 | @import "mixins/float";
48 | 


--------------------------------------------------------------------------------
/frontend/scss/_nav.scss:
--------------------------------------------------------------------------------
  1 | // Base class
  2 | //
  3 | // Kickstart any navigation component with a set of style resets. Works with
  4 | // `<nav>`s or `<ul>`s.
  5 | 
  6 | .nav {
  7 |   display: flex;
  8 |   flex-wrap: wrap;
  9 |   padding-left: 0;
 10 |   margin-bottom: 0;
 11 |   list-style: none;
 12 | }
 13 | 
 14 | .nav-link {
 15 |   display: block;
 16 |   padding: $nav-link-padding-y $nav-link-padding-x;
 17 |   @include proxima-nova();
 18 |   font-size: 20px;
 19 |   font-weight: 300;
 20 |   font-stretch: normal;
 21 |   font-style: normal;
 22 |   line-height: normal;
 23 |   letter-spacing: 1.59px;
 24 |   color: $black;
 25 | 
 26 |   @include hover-focus {
 27 |     text-decoration: none;
 28 |   }
 29 | 
 30 |   // Disabled state lightens text
 31 |   &.disabled {
 32 |     color: $nav-link-disabled-color;
 33 |     pointer-events: none;
 34 |     cursor: default;
 35 |   }
 36 | }
 37 | 
 38 | 
 39 | @media(min-width: 990px) {
 40 |   .nav-item:last-child .nav-link {
 41 |     padding-right: 0 !important;
 42 |   }
 43 | }
 44 | @media(max-width: 990px) {
 45 |   .nav-link {
 46 |     font-size: 15px;
 47 |     padding-top: 10px;
 48 |   }
 49 |   .nav-item:first-child {
 50 |     padding-top: 22px;
 51 |   }
 52 | }
 53 | //
 54 | // Tabs
 55 | //
 56 | 
 57 | .nav-tabs {
 58 |   border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
 59 | 
 60 |   .nav-item {
 61 |     margin-bottom: -$nav-tabs-border-width;
 62 |   }
 63 | 
 64 |   .nav-link {
 65 |     border: $nav-tabs-border-width solid transparent;
 66 |     @include border-top-radius($nav-tabs-border-radius);
 67 | 
 68 |     @include hover-focus {
 69 |       border-color: $nav-tabs-link-hover-border-color;
 70 |     }
 71 | 
 72 |     &.disabled {
 73 |       color: $nav-link-disabled-color;
 74 |       background-color: transparent;
 75 |       border-color: transparent;
 76 |     }
 77 |   }
 78 | 
 79 |   .nav-link.active,
 80 |   .nav-item.show .nav-link {
 81 |     color: $nav-tabs-link-active-color;
 82 |     background-color: $nav-tabs-link-active-bg;
 83 |     border-color: $nav-tabs-link-active-border-color;
 84 |   }
 85 | 
 86 |   .dropdown-menu {
 87 |     // Make dropdown border overlap tab border
 88 |     margin-top: -$nav-tabs-border-width;
 89 |     // Remove the top rounded corners here since there is a hard edge above the menu
 90 |     @include border-top-radius(0);
 91 |   }
 92 | }
 93 | 
 94 | 
 95 | //
 96 | // Pills
 97 | //
 98 | 
 99 | .nav-pills {
100 |   .nav-link {
101 |     @include border-radius($nav-pills-border-radius);
102 |   }
103 | 
104 |   .nav-link.active,
105 |   .show > .nav-link {
106 |     color: $nav-pills-link-active-color;
107 |     background-color: $nav-pills-link-active-bg;
108 |   }
109 | }
110 | 
111 | 
112 | //
113 | // Justified variants
114 | //
115 | 
116 | .nav-fill {
117 |   .nav-item {
118 |     flex: 1 1 auto;
119 |     text-align: center;
120 |   }
121 | }
122 | 
123 | .nav-justified {
124 |   .nav-item {
125 |     flex-basis: 0;
126 |     flex-grow: 1;
127 |     text-align: center;
128 |   }
129 | }
130 | 
131 | 
132 | // Tabbable tabs
133 | //
134 | // Hide tabbable panes to start, show them when `.active`
135 | 
136 | .tab-content {
137 |   > .tab-pane {
138 |     display: none;
139 |   }
140 |   > .active {
141 |     display: block;
142 |   }
143 | }
144 | 


--------------------------------------------------------------------------------
/frontend/scss/_pagination.scss:
--------------------------------------------------------------------------------
 1 | .pagination {
 2 |   display: flex;
 3 |   @include list-unstyled();
 4 |   @include border-radius();
 5 | }
 6 | 
 7 | .page-link {
 8 |   position: relative;
 9 |   display: block;
10 |   padding: $pagination-padding-y $pagination-padding-x;
11 |   margin-left: -$pagination-border-width;
12 |   line-height: $pagination-line-height;
13 |   color: $pagination-color;
14 |   background-color: $pagination-bg;
15 |   border: $pagination-border-width solid $pagination-border-color;
16 | 
17 |   &:hover {
18 |     z-index: 2;
19 |     color: $pagination-hover-color;
20 |     text-decoration: none;
21 |     background-color: $pagination-hover-bg;
22 |     border-color: $pagination-hover-border-color;
23 |   }
24 | 
25 |   &:focus {
26 |     z-index: 2;
27 |     outline: $pagination-focus-outline;
28 |     box-shadow: $pagination-focus-box-shadow;
29 |   }
30 | }
31 | 
32 | .page-item {
33 |   &:first-child {
34 |     .page-link {
35 |       margin-left: 0;
36 |       @include border-left-radius($border-radius);
37 |     }
38 |   }
39 |   &:last-child {
40 |     .page-link {
41 |       @include border-right-radius($border-radius);
42 |     }
43 |   }
44 | 
45 |   &.active .page-link {
46 |     z-index: 1;
47 |     color: $pagination-active-color;
48 |     background-color: $pagination-active-bg;
49 |     border-color: $pagination-active-border-color;
50 |   }
51 | 
52 |   &.disabled .page-link {
53 |     color: $pagination-disabled-color;
54 |     pointer-events: none;
55 |     // Opinionated: remove the "hand" cursor set previously for .page-link
56 |     cursor: auto;
57 |     background-color: $pagination-disabled-bg;
58 |     border-color: $pagination-disabled-border-color;
59 |   }
60 | }
61 | 
62 | 
63 | //
64 | // Sizing
65 | //
66 | 
67 | .pagination-lg {
68 |   @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
69 | }
70 | 
71 | .pagination-sm {
72 |   @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
73 | }
74 | 


--------------------------------------------------------------------------------
/frontend/scss/_print.scss:
--------------------------------------------------------------------------------
  1 | // stylelint-disable declaration-no-important, selector-no-qualifying-type
  2 | 
  3 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
  4 | 
  5 | // ==========================================================================
  6 | // Print styles.
  7 | // Inlined to avoid the additional HTTP request:
  8 | // https://www.phpied.com/delay-loading-your-print-css/
  9 | // ==========================================================================
 10 | 
 11 | @if $enable-print-styles {
 12 |   @media print {
 13 |     *,
 14 |     *::before,
 15 |     *::after {
 16 |       // Bootstrap specific; comment out `color` and `background`
 17 |       //color: $black !important; // Black prints faster
 18 |       text-shadow: none !important;
 19 |       //background: transparent !important;
 20 |       box-shadow: none !important;
 21 |     }
 22 | 
 23 |     a {
 24 |       &:not(.btn) {
 25 |         text-decoration: underline;
 26 |       }
 27 |     }
 28 | 
 29 |     // Bootstrap specific; comment the following selector out
 30 |     //a[href]::after {
 31 |     //  content: " (" attr(href) ")";
 32 |     //}
 33 | 
 34 |     abbr[title]::after {
 35 |       content: " (" attr(title) ")";
 36 |     }
 37 | 
 38 |     // Bootstrap specific; comment the following selector out
 39 |     //
 40 |     // Don't show links that are fragment identifiers,
 41 |     // or use the `javascript:` pseudo protocol
 42 |     //
 43 | 
 44 |     //a[href^="#"]::after,
 45 |     //a[href^="javascript:"]::after {
 46 |     // content: "";
 47 |     //}
 48 | 
 49 |     pre {
 50 |       white-space: pre-wrap !important;
 51 |     }
 52 |     pre,
 53 |     blockquote {
 54 |       border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
 55 |       page-break-inside: avoid;
 56 |     }
 57 | 
 58 |     //
 59 |     // Printing Tables:
 60 |     // http://css-discuss.incutio.com/wiki/Printing_Tables
 61 |     //
 62 | 
 63 |     thead {
 64 |       display: table-header-group;
 65 |     }
 66 | 
 67 |     tr,
 68 |     img {
 69 |       page-break-inside: avoid;
 70 |     }
 71 | 
 72 |     p,
 73 |     h2,
 74 |     h3 {
 75 |       orphans: 3;
 76 |       widows: 3;
 77 |     }
 78 | 
 79 |     h2,
 80 |     h3 {
 81 |       page-break-after: avoid;
 82 |     }
 83 | 
 84 |     // Bootstrap specific changes start
 85 | 
 86 |     // Specify a size and min-width to make printing closer across browsers.
 87 |     // We don't set margin here because it breaks `size` in Chrome. We also
 88 |     // don't use `!important` on `size` as it breaks in Chrome.
 89 |     @page {
 90 |       size: $print-page-size;
 91 |     }
 92 |     body {
 93 |       min-width: $print-body-min-width !important;
 94 |     }
 95 |     .container {
 96 |       min-width: $print-body-min-width !important;
 97 |     }
 98 | 
 99 |     // Bootstrap components
100 |     .navbar {
101 |       display: none;
102 |     }
103 |     .badge {
104 |       border: $border-width solid $black;
105 |     }
106 | 
107 |     .table {
108 |       border-collapse: collapse !important;
109 | 
110 |       td,
111 |       th {
112 |         background-color: $white !important;
113 |       }
114 |     }
115 | 
116 |     .table-bordered {
117 |       th,
118 |       td {
119 |         border: 1px solid $gray-300 !important;
120 |       }
121 |     }
122 | 
123 |     .table-dark {
124 |       color: inherit;
125 | 
126 |       th,
127 |       td,
128 |       thead th,
129 |       tbody + tbody {
130 |         border-color: $table-border-color;
131 |       }
132 |     }
133 | 
134 |     .table .thead-dark th {
135 |       color: inherit;
136 |       border-color: $table-border-color;
137 |     }
138 | 
139 |     // Bootstrap specific changes end
140 |   }
141 | }
142 | 


--------------------------------------------------------------------------------
/frontend/scss/_progress.scss:
--------------------------------------------------------------------------------
 1 | // Disable animation if transitions are disabled
 2 | @if $enable-transitions {
 3 |   @keyframes progress-bar-stripes {
 4 |     from { background-position: $progress-height 0; }
 5 |     to { background-position: 0 0; }
 6 |   }
 7 | }
 8 | 
 9 | .progress {
10 |   display: flex;
11 |   height: $progress-height;
12 |   overflow: hidden; // force rounded corners by cropping it
13 |   @include font-size($progress-font-size);
14 |   background-color: $progress-bg;
15 |   @include border-radius($progress-border-radius);
16 |   @include box-shadow($progress-box-shadow);
17 | }
18 | 
19 | .progress-bar {
20 |   display: flex;
21 |   flex-direction: column;
22 |   justify-content: center;
23 |   color: $progress-bar-color;
24 |   text-align: center;
25 |   white-space: nowrap;
26 |   background-color: $progress-bar-bg;
27 |   @include transition($progress-bar-transition);
28 | }
29 | 
30 | .progress-bar-striped {
31 |   @include gradient-striped();
32 |   background-size: $progress-height $progress-height;
33 | }
34 | 
35 | @if $enable-transitions {
36 |   .progress-bar-animated {
37 |     animation: progress-bar-stripes $progress-bar-animation-timing;
38 | 
39 |     @media (prefers-reduced-motion: reduce) {
40 |       animation: none;
41 |     }
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/frontend/scss/_root.scss:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   // Custom variable values only support SassScript inside `#{}`.
 3 |   @each $color, $value in $colors {
 4 |     --#{$color}: #{$value};
 5 |   }
 6 | 
 7 |   @each $color, $value in $theme-colors {
 8 |     --#{$color}: #{$value};
 9 |   }
10 | 
11 |   @each $bp, $value in $grid-breakpoints {
12 |     --breakpoint-#{$bp}: #{$value};
13 |   }
14 | 
15 |   // Use `inspect` for lists so that quoted items keep the quotes.
16 |   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
17 |   --font-family-sans-serif: #{inspect($font-family-sans-serif)};
18 |   --font-family-monospace: #{inspect($font-family-monospace)};
19 | }
20 | 


--------------------------------------------------------------------------------
/frontend/scss/_spinners.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Rotating border
 3 | //
 4 | 
 5 | @keyframes spinner-border {
 6 |   to { transform: rotate(360deg); }
 7 | }
 8 | 
 9 | .spinner-border {
10 |   display: inline-block;
11 |   width: $spinner-width;
12 |   height: $spinner-height;
13 |   vertical-align: text-bottom;
14 |   border: $spinner-border-width solid currentColor;
15 |   border-right-color: transparent;
16 |   // stylelint-disable-next-line property-blacklist
17 |   border-radius: 50%;
18 |   animation: spinner-border .75s linear infinite;
19 | }
20 | 
21 | .spinner-border-sm {
22 |   width: $spinner-width-sm;
23 |   height: $spinner-height-sm;
24 |   border-width: $spinner-border-width-sm;
25 | }
26 | 
27 | //
28 | // Growing circle
29 | //
30 | 
31 | @keyframes spinner-grow {
32 |   0% {
33 |     transform: scale(0);
34 |   }
35 |   50% {
36 |     opacity: 1;
37 |   }
38 | }
39 | 
40 | .spinner-grow {
41 |   display: inline-block;
42 |   width: $spinner-width;
43 |   height: $spinner-height;
44 |   vertical-align: text-bottom;
45 |   background-color: currentColor;
46 |   // stylelint-disable-next-line property-blacklist
47 |   border-radius: 50%;
48 |   opacity: 0;
49 |   animation: spinner-grow .75s linear infinite;
50 | }
51 | 
52 | .spinner-grow-sm {
53 |   width: $spinner-width-sm;
54 |   height: $spinner-height-sm;
55 | }
56 | 


--------------------------------------------------------------------------------
/frontend/scss/_toasts.scss:
--------------------------------------------------------------------------------
 1 | .toast {
 2 |   max-width: $toast-max-width;
 3 |   overflow: hidden; // cheap rounded corners on nested items
 4 |   @include font-size($toast-font-size);
 5 |   color: $toast-color;
 6 |   background-color: $toast-background-color;
 7 |   background-clip: padding-box;
 8 |   border: $toast-border-width solid $toast-border-color;
 9 |   box-shadow: $toast-box-shadow;
10 |   backdrop-filter: blur(10px);
11 |   opacity: 0;
12 |   @include border-radius($toast-border-radius);
13 | 
14 |   &:not(:last-child) {
15 |     margin-bottom: $toast-padding-x;
16 |   }
17 | 
18 |   &.showing {
19 |     opacity: 1;
20 |   }
21 | 
22 |   &.show {
23 |     display: block;
24 |     opacity: 1;
25 |   }
26 | 
27 |   &.hide {
28 |     display: none;
29 |   }
30 | }
31 | 
32 | .toast-header {
33 |   display: flex;
34 |   align-items: center;
35 |   padding: $toast-padding-y $toast-padding-x;
36 |   color: $toast-header-color;
37 |   background-color: $toast-header-background-color;
38 |   background-clip: padding-box;
39 |   border-bottom: $toast-border-width solid $toast-header-border-color;
40 | }
41 | 
42 | .toast-body {
43 |   padding: $toast-padding-x; // apply to both vertical and horizontal
44 | }
45 | 


--------------------------------------------------------------------------------
/frontend/scss/_tooltip.scss:
--------------------------------------------------------------------------------
  1 | // Base class
  2 | .tooltip {
  3 |   position: absolute;
  4 |   z-index: $zindex-tooltip;
  5 |   display: block;
  6 |   margin: $tooltip-margin;
  7 |   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
  8 |   // So reset our font and text properties to avoid inheriting weird values.
  9 |   @include reset-text();
 10 |   @include font-size($tooltip-font-size);
 11 |   // Allow breaking very long words so they don't overflow the tooltip's bounds
 12 |   word-wrap: break-word;
 13 |   opacity: 0;
 14 | 
 15 |   &.show { opacity: $tooltip-opacity; }
 16 | 
 17 |   .arrow {
 18 |     position: absolute;
 19 |     display: block;
 20 |     width: $tooltip-arrow-width;
 21 |     height: $tooltip-arrow-height;
 22 | 
 23 |     &::before {
 24 |       position: absolute;
 25 |       content: "";
 26 |       border-color: transparent;
 27 |       border-style: solid;
 28 |     }
 29 |   }
 30 | }
 31 | 
 32 | .bs-tooltip-top {
 33 |   padding: $tooltip-arrow-height 0;
 34 | 
 35 |   .arrow {
 36 |     bottom: 0;
 37 | 
 38 |     &::before {
 39 |       top: 0;
 40 |       border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
 41 |       border-top-color: $tooltip-arrow-color;
 42 |     }
 43 |   }
 44 | }
 45 | 
 46 | .bs-tooltip-right {
 47 |   padding: 0 $tooltip-arrow-height;
 48 | 
 49 |   .arrow {
 50 |     left: 0;
 51 |     width: $tooltip-arrow-height;
 52 |     height: $tooltip-arrow-width;
 53 | 
 54 |     &::before {
 55 |       right: 0;
 56 |       border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
 57 |       border-right-color: $tooltip-arrow-color;
 58 |     }
 59 |   }
 60 | }
 61 | 
 62 | .bs-tooltip-bottom {
 63 |   padding: $tooltip-arrow-height 0;
 64 | 
 65 |   .arrow {
 66 |     top: 0;
 67 | 
 68 |     &::before {
 69 |       bottom: 0;
 70 |       border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
 71 |       border-bottom-color: $tooltip-arrow-color;
 72 |     }
 73 |   }
 74 | }
 75 | 
 76 | .bs-tooltip-left {
 77 |   padding: 0 $tooltip-arrow-height;
 78 | 
 79 |   .arrow {
 80 |     right: 0;
 81 |     width: $tooltip-arrow-height;
 82 |     height: $tooltip-arrow-width;
 83 | 
 84 |     &::before {
 85 |       left: 0;
 86 |       border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
 87 |       border-left-color: $tooltip-arrow-color;
 88 |     }
 89 |   }
 90 | }
 91 | 
 92 | .bs-tooltip-auto {
 93 |   &[x-placement^="top"] {
 94 |     @extend .bs-tooltip-top;
 95 |   }
 96 |   &[x-placement^="right"] {
 97 |     @extend .bs-tooltip-right;
 98 |   }
 99 |   &[x-placement^="bottom"] {
100 |     @extend .bs-tooltip-bottom;
101 |   }
102 |   &[x-placement^="left"] {
103 |     @extend .bs-tooltip-left;
104 |   }
105 | }
106 | 
107 | // Wrapper for the tooltip content
108 | .tooltip-inner {
109 |   max-width: $tooltip-max-width;
110 |   padding: $tooltip-padding-y $tooltip-padding-x;
111 |   color: $tooltip-color;
112 |   text-align: center;
113 |   background-color: $tooltip-bg;
114 |   @include border-radius($tooltip-border-radius);
115 | }
116 | 


--------------------------------------------------------------------------------
/frontend/scss/_transitions.scss:
--------------------------------------------------------------------------------
 1 | .fade {
 2 |   @include transition($transition-fade);
 3 | 
 4 |   &:not(.show) {
 5 |     opacity: 0;
 6 |   }
 7 | }
 8 | 
 9 | .collapse {
10 |   &:not(.show) {
11 |     display: none;
12 |   }
13 | }
14 | 
15 | .collapsing {
16 |   position: relative;
17 |   height: 0;
18 |   overflow: hidden;
19 |   @include transition($transition-collapse);
20 | }
21 | 


--------------------------------------------------------------------------------
/frontend/scss/_type.scss:
--------------------------------------------------------------------------------
  1 | // stylelint-disable declaration-no-important, selector-list-comma-newline-after
  2 | 
  3 | //
  4 | // Headings
  5 | //
  6 | 
  7 | h1, h2, h3, h4, h5, h6,
  8 | .h1, .h2, .h3, .h4, .h5, .h6 {
  9 |   margin-bottom: $headings-margin-bottom;
 10 |   font-family: $headings-font-family;
 11 |   font-weight: $headings-font-weight;
 12 |   line-height: $headings-line-height;
 13 |   color: $headings-color;
 14 | }
 15 | 
 16 | h1, .h1 { @include font-size($h1-font-size); }
 17 | h2, .h2 { @include font-size($h2-font-size); }
 18 | h3, .h3 { @include font-size($h3-font-size); }
 19 | h4, .h4 { @include font-size($h4-font-size); }
 20 | h5, .h5 { @include font-size($h5-font-size); }
 21 | h6, .h6 { @include font-size($h6-font-size); }
 22 | 
 23 | .lead {
 24 |   @include font-size($lead-font-size);
 25 |   font-weight: $lead-font-weight;
 26 |   @include proxima-nova();
 27 |   font-weight: 300;
 28 |   font-stretch: normal;
 29 |   font-style: normal;
 30 |   line-height: 1.13;
 31 |   letter-spacing: 1px;
 32 |   color: $white;
 33 | }
 34 | 
 35 | // Type display classes
 36 | .display-1 {
 37 |   @include font-size($display1-size);
 38 |   font-weight: $display1-weight;
 39 |   line-height: $display-line-height;
 40 | }
 41 | .display-2 {
 42 |   @include font-size($display2-size);
 43 |   font-weight: $display2-weight;
 44 |   line-height: $display-line-height;
 45 | }
 46 | .display-3 {
 47 |   @include font-size($display3-size);
 48 |   font-weight: $display3-weight;
 49 |   line-height: $display-line-height;
 50 | }
 51 | .display-4 {
 52 |   @include font-size($display4-size);
 53 |   font-weight: $display4-weight;
 54 |   line-height: $display-line-height;
 55 | }
 56 | 
 57 | 
 58 | //
 59 | // Horizontal rules
 60 | //
 61 | 
 62 | hr {
 63 |   margin-top: $hr-margin-y;
 64 |   margin-bottom: $hr-margin-y;
 65 |   border: 0;
 66 |   border-top: $hr-border-width solid $hr-border-color;
 67 | }
 68 | 
 69 | 
 70 | //
 71 | // Emphasis
 72 | //
 73 | 
 74 | small,
 75 | .small {
 76 |   @include font-size($small-font-size);
 77 |   font-weight: $font-weight-normal;
 78 | }
 79 | 
 80 | mark,
 81 | .mark {
 82 |   padding: $mark-padding;
 83 |   background-color: $mark-bg;
 84 | }
 85 | 
 86 | 
 87 | //
 88 | // Lists
 89 | //
 90 | 
 91 | .list-unstyled {
 92 |   @include list-unstyled;
 93 | }
 94 | 
 95 | // Inline turns list items into inline-block
 96 | .list-inline {
 97 |   @include list-unstyled;
 98 | }
 99 | .list-inline-item {
100 |   display: inline-block;
101 | 
102 |   &:not(:last-child) {
103 |     margin-right: $list-inline-padding;
104 |   }
105 | }
106 | 
107 | 
108 | //
109 | // Misc
110 | //
111 | 
112 | // Builds on `abbr`
113 | .initialism {
114 |   @include font-size(90%);
115 |   text-transform: uppercase;
116 | }
117 | 
118 | // Blockquotes
119 | .blockquote {
120 |   margin-bottom: $spacer;
121 |   @include font-size($blockquote-font-size);
122 | }
123 | 
124 | .blockquote-footer {
125 |   display: block;
126 |   @include font-size($blockquote-small-font-size);
127 |   color: $blockquote-small-color;
128 | 
129 |   &::before {
130 |     content: "\2014\00A0"; // em dash, nbsp
131 |   }
132 | }
133 | 


--------------------------------------------------------------------------------
/frontend/scss/_utilities.scss:
--------------------------------------------------------------------------------
 1 | @import "utilities/align";
 2 | @import "utilities/background";
 3 | @import "utilities/borders";
 4 | @import "utilities/clearfix";
 5 | @import "utilities/display";
 6 | @import "utilities/embed";
 7 | @import "utilities/flex";
 8 | @import "utilities/float";
 9 | @import "utilities/overflow";
10 | @import "utilities/position";
11 | @import "utilities/screenreaders";
12 | @import "utilities/shadows";
13 | @import "utilities/sizing";
14 | @import "utilities/stretched-link";
15 | @import "utilities/spacing";
16 | @import "utilities/text";
17 | @import "utilities/visibility";
18 | 


--------------------------------------------------------------------------------
/frontend/scss/bootstrap-grid.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2019 The Bootstrap Authors
 4 |  * Copyright 2011-2019 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  */
 7 | 
 8 | html {
 9 |   box-sizing: border-box;
10 |   -ms-overflow-style: scrollbar;
11 | }
12 | 
13 | *,
14 | *::before,
15 | *::after {
16 |   box-sizing: inherit;
17 | }
18 | 
19 | @import "functions";
20 | @import "variables";
21 | 
22 | @import "mixins/breakpoints";
23 | @import "mixins/grid-framework";
24 | @import "mixins/grid";
25 | 
26 | @import "grid";
27 | @import "utilities/display";
28 | @import "utilities/flex";
29 | @import "utilities/spacing";
30 | 


--------------------------------------------------------------------------------
/frontend/scss/bootstrap-reboot.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2019 The Bootstrap Authors
 4 |  * Copyright 2011-2019 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 7 |  */
 8 | 
 9 | @import "functions";
10 | @import "variables";
11 | @import "mixins";
12 | @import "reboot";
13 | 


--------------------------------------------------------------------------------
/frontend/scss/bootstrap.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v4.3.1 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2019 The Bootstrap Authors
 4 |  * Copyright 2011-2019 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  */
 7 | 
 8 | @import url("https://use.typekit.net/ihd2ftu.css");
 9 | @import "functions";
10 | @import "variables";
11 | @import "mixins";
12 | @import "root";
13 | @import "reboot";
14 | @import "type";
15 | @import "images";
16 | @import "code";
17 | @import "grid";
18 | @import "tables";
19 | @import "forms";
20 | @import "buttons";
21 | @import "transitions";
22 | @import "dropdown";
23 | @import "button-group";
24 | @import "input-group";
25 | // @import "custom-forms";
26 | @import "nav";
27 | @import "navbar";
28 | @import "card";
29 | // @import "breadcrumb";
30 | // @import "pagination";
31 | // @import "badge";
32 | @import "jumbotron";
33 | // @import "alert";
34 | // @import "progress";
35 | @import "media";
36 | @import "list-group";
37 | // @import "close";
38 | // @import "toasts";
39 | // @import "modal";
40 | @import "tooltip";
41 | // @import "popover";
42 | // @import "carousel";
43 | // @import "spinners";
44 | @import "utilities";
45 | @import "print";
46 | @import "custom";
47 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_alert.scss:
--------------------------------------------------------------------------------
 1 | @mixin alert-variant($background, $border, $color) {
 2 |   color: $color;
 3 |   @include gradient-bg($background);
 4 |   border-color: $border;
 5 | 
 6 |   hr {
 7 |     border-top-color: darken($border, 5%);
 8 |   }
 9 | 
10 |   .alert-link {
11 |     color: darken($color, 10%);
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_background-variant.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Contextual backgrounds
 4 | 
 5 | @mixin bg-variant($parent, $color) {
 6 |   #{$parent} {
 7 |     background-color: $color !important;
 8 |   }
 9 |   a#{$parent},
10 |   button#{$parent} {
11 |     @include hover-focus {
12 |       background-color: darken($color, 10%) !important;
13 |     }
14 |   }
15 | }
16 | 
17 | @mixin bg-gradient-variant($parent, $color) {
18 |   #{$parent} {
19 |     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_badge.scss:
--------------------------------------------------------------------------------
 1 | @mixin badge-variant($bg) {
 2 |   color: color-yiq($bg);
 3 |   background-color: $bg;
 4 | 
 5 |   @at-root a#{&} {
 6 |     @include hover-focus {
 7 |       color: color-yiq($bg);
 8 |       background-color: darken($bg, 10%);
 9 |     }
10 | 
11 |     &:focus,
12 |     &.focus {
13 |       outline: 0;
14 |       box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
15 |     }
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_border-radius.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable property-blacklist
 2 | // Single side border-radius
 3 | 
 4 | @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
 5 |   @if $enable-rounded {
 6 |     border-radius: $radius;
 7 |   }
 8 |   @else if $fallback-border-radius != false {
 9 |     border-radius: $fallback-border-radius;
10 |   }
11 | }
12 | 
13 | @mixin border-top-radius($radius) {
14 |   @if $enable-rounded {
15 |     border-top-left-radius: $radius;
16 |     border-top-right-radius: $radius;
17 |   }
18 | }
19 | 
20 | @mixin border-right-radius($radius) {
21 |   @if $enable-rounded {
22 |     border-top-right-radius: $radius;
23 |     border-bottom-right-radius: $radius;
24 |   }
25 | }
26 | 
27 | @mixin border-bottom-radius($radius) {
28 |   @if $enable-rounded {
29 |     border-bottom-right-radius: $radius;
30 |     border-bottom-left-radius: $radius;
31 |   }
32 | }
33 | 
34 | @mixin border-left-radius($radius) {
35 |   @if $enable-rounded {
36 |     border-top-left-radius: $radius;
37 |     border-bottom-left-radius: $radius;
38 |   }
39 | }
40 | 
41 | @mixin border-top-left-radius($radius) {
42 |   @if $enable-rounded {
43 |     border-top-left-radius: $radius;
44 |   }
45 | }
46 | 
47 | @mixin border-top-right-radius($radius) {
48 |   @if $enable-rounded {
49 |     border-top-right-radius: $radius;
50 |   }
51 | }
52 | 
53 | @mixin border-bottom-right-radius($radius) {
54 |   @if $enable-rounded {
55 |     border-bottom-right-radius: $radius;
56 |   }
57 | }
58 | 
59 | @mixin border-bottom-left-radius($radius) {
60 |   @if $enable-rounded {
61 |     border-bottom-left-radius: $radius;
62 |   }
63 | }
64 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_box-shadow.scss:
--------------------------------------------------------------------------------
 1 | @mixin box-shadow($shadow...) {
 2 |   @if $enable-shadows {
 3 |     $result: ();
 4 | 
 5 |     @if (length($shadow) == 1) {
 6 |       // We can pass `@include box-shadow(none);`
 7 |       $result: $shadow;
 8 |     } @else {
 9 |       // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
10 |       @for $i from 1 through length($shadow) {
11 |         @if nth($shadow, $i) != "none" {
12 |           $result: append($result, nth($shadow, $i), "comma");
13 |         }
14 |       }
15 |     }
16 |     @if (length($result) > 0) {
17 |       box-shadow: $result;
18 |     }
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_buttons.scss:
--------------------------------------------------------------------------------
  1 | // Button variants
  2 | //
  3 | // Easily pump out default styles, as well as :hover, :focus, :active,
  4 | // and disabled options for all buttons
  5 | 
  6 | @mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
  7 |   color: color-yiq($background);
  8 |   @include gradient-bg($background);
  9 |   border-color: $border;
 10 |   @include box-shadow($btn-box-shadow);
 11 | 
 12 |   @include hover {
 13 |     color: color-yiq($hover-background);
 14 |     @include gradient-bg($hover-background);
 15 |     border-color: $hover-border;
 16 |   }
 17 | 
 18 |   &:focus,
 19 |   &.focus {
 20 |     // Avoid using mixin so we can pass custom focus shadow properly
 21 |     @if $enable-shadows {
 22 |       box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
 23 |     } @else {
 24 |       box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
 25 |     }
 26 |   }
 27 | 
 28 |   // Disabled comes first so active can properly restyle
 29 |   &.disabled,
 30 |   &:disabled {
 31 |     color: color-yiq($background);
 32 |     background-color: $background;
 33 |     border-color: $border;
 34 |     // Remove CSS gradients if they're enabled
 35 |     @if $enable-gradients {
 36 |       background-image: none;
 37 |     }
 38 |   }
 39 | 
 40 |   &:not(:disabled):not(.disabled):active,
 41 |   &:not(:disabled):not(.disabled).active,
 42 |   .show > &.dropdown-toggle {
 43 |     color: color-yiq($active-background);
 44 |     background-color: $active-background;
 45 |     @if $enable-gradients {
 46 |       background-image: none; // Remove the gradient for the pressed/active state
 47 |     }
 48 |     border-color: $active-border;
 49 | 
 50 |     &:focus {
 51 |       // Avoid using mixin so we can pass custom focus shadow properly
 52 |       @if $enable-shadows and $btn-active-box-shadow != none {
 53 |         box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
 54 |       } @else {
 55 |         box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
 56 |       }
 57 |     }
 58 |   }
 59 | }
 60 | 
 61 | @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
 62 |   color: $color;
 63 |   border-color: $color;
 64 | 
 65 |   @include hover {
 66 |     color: $color-hover;
 67 |     background-color: $active-background;
 68 |     border-color: $active-border;
 69 |   }
 70 | 
 71 |   &:focus,
 72 |   &.focus {
 73 |     box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
 74 |   }
 75 | 
 76 |   &.disabled,
 77 |   &:disabled {
 78 |     color: $color;
 79 |     background-color: transparent;
 80 |   }
 81 | 
 82 |   &:not(:disabled):not(.disabled):active,
 83 |   &:not(:disabled):not(.disabled).active,
 84 |   .show > &.dropdown-toggle {
 85 |     color: color-yiq($active-background);
 86 |     background-color: $active-background;
 87 |     border-color: $active-border;
 88 | 
 89 |     &:focus {
 90 |       // Avoid using mixin so we can pass custom focus shadow properly
 91 |       @if $enable-shadows and $btn-active-box-shadow != none {
 92 |         box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
 93 |       } @else {
 94 |         box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
 95 |       }
 96 |     }
 97 |   }
 98 | }
 99 | 
100 | // Button sizes
101 | @mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
102 |   padding: $padding-y $padding-x;
103 |   @include font-size($font-size);
104 |   line-height: $line-height;
105 |   // Manually declare to provide an override to the browser default
106 |   @include border-radius($border-radius, 0);
107 | }
108 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_caret.scss:
--------------------------------------------------------------------------------
 1 | @mixin caret-down {
 2 |   border-top: $caret-width solid;
 3 |   border-right: $caret-width solid transparent;
 4 |   border-bottom: 0;
 5 |   border-left: $caret-width solid transparent;
 6 | }
 7 | 
 8 | @mixin caret-up {
 9 |   border-top: 0;
10 |   border-right: $caret-width solid transparent;
11 |   border-bottom: $caret-width solid;
12 |   border-left: $caret-width solid transparent;
13 | }
14 | 
15 | @mixin caret-right {
16 |   border-top: $caret-width solid transparent;
17 |   border-right: 0;
18 |   border-bottom: $caret-width solid transparent;
19 |   border-left: $caret-width solid;
20 | }
21 | 
22 | @mixin caret-left {
23 |   border-top: $caret-width solid transparent;
24 |   border-right: $caret-width solid;
25 |   border-bottom: $caret-width solid transparent;
26 | }
27 | 
28 | @mixin caret($direction: down) {
29 |   @if $enable-caret {
30 |     &::after {
31 |       display: inline-block;
32 |       margin-left: $caret-spacing;
33 |       vertical-align: $caret-vertical-align;
34 |       content: "";
35 |       @if $direction == down {
36 |         @include caret-down;
37 |       } @else if $direction == up {
38 |         @include caret-up;
39 |       } @else if $direction == right {
40 |         @include caret-right;
41 |       }
42 |     }
43 | 
44 |     @if $direction == left {
45 |       &::after {
46 |         display: none;
47 |       }
48 | 
49 |       &::before {
50 |         display: inline-block;
51 |         margin-right: $caret-spacing;
52 |         vertical-align: $caret-vertical-align;
53 |         content: "";
54 |         @include caret-left;
55 |       }
56 |     }
57 | 
58 |     &:empty::after {
59 |       margin-left: 0;
60 |     }
61 |   }
62 | }
63 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_clearfix.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix() {
2 |   &::after {
3 |     display: block;
4 |     clear: both;
5 |     content: "";
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_deprecate.scss:
--------------------------------------------------------------------------------
 1 | // Deprecate mixin
 2 | //
 3 | // This mixin can be used to deprecate mixins or functions.
 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
 7 |   @if ($enable-deprecation-messages != false and $ignore-warning != true) {
 8 |     @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_float.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | @mixin float-left {
 4 |   float: left !important;
 5 |   @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
 6 | }
 7 | @mixin float-right {
 8 |   float: right !important;
 9 |   @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
10 | }
11 | @mixin float-none {
12 |   float: none !important;
13 |   @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
14 | }
15 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_gradients.scss:
--------------------------------------------------------------------------------
 1 | // Gradients
 2 | 
 3 | @mixin gradient-bg($color) {
 4 |   @if $enable-gradients {
 5 |     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
 6 |   } @else {
 7 |     background-color: $color;
 8 |   }
 9 | }
10 | 
11 | // Horizontal gradient, from left to right
12 | //
13 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
14 | @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
15 |   background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
16 |   background-repeat: repeat-x;
17 | }
18 | 
19 | // Vertical gradient, from top to bottom
20 | //
21 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
22 | @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
23 |   background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
24 |   background-repeat: repeat-x;
25 | }
26 | 
27 | @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
28 |   background-image: linear-gradient($deg, $start-color, $end-color);
29 |   background-repeat: repeat-x;
30 | }
31 | @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
32 |   background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
33 |   background-repeat: no-repeat;
34 | }
35 | @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
36 |   background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
37 |   background-repeat: no-repeat;
38 | }
39 | @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
40 |   background-image: radial-gradient(circle, $inner-color, $outer-color);
41 |   background-repeat: no-repeat;
42 | }
43 | @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
44 |   background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
45 | }
46 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_grid-framework.scss:
--------------------------------------------------------------------------------
 1 | // Framework grid generation
 2 | //
 3 | // Used only by Bootstrap to generate the correct number of grid classes given
 4 | // any value of `$grid-columns`.
 5 | 
 6 | @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
 7 |   // Common properties for all breakpoints
 8 |   %grid-column {
 9 |     position: relative;
10 |     width: 100%;
11 |     padding-right: $gutter / 2;
12 |     padding-left: $gutter / 2;
13 |   }
14 | 
15 |   @each $breakpoint in map-keys($breakpoints) {
16 |     $infix: breakpoint-infix($breakpoint, $breakpoints);
17 | 
18 |     // Allow columns to stretch full width below their breakpoints
19 |     @for $i from 1 through $columns {
20 |       .col#{$infix}-#{$i} {
21 |         @extend %grid-column;
22 |       }
23 |     }
24 |     .col#{$infix},
25 |     .col#{$infix}-auto {
26 |       @extend %grid-column;
27 |     }
28 | 
29 |     @include media-breakpoint-up($breakpoint, $breakpoints) {
30 |       // Provide basic `.col-{bp}` classes for equal-width flexbox columns
31 |       .col#{$infix} {
32 |         flex-basis: 0;
33 |         flex-grow: 1;
34 |         max-width: 100%;
35 |       }
36 |       .col#{$infix}-auto {
37 |         flex: 0 0 auto;
38 |         width: auto;
39 |         max-width: 100%; // Reset earlier grid tiers
40 |       }
41 | 
42 |       @for $i from 1 through $columns {
43 |         .col#{$infix}-#{$i} {
44 |           @include make-col($i, $columns);
45 |         }
46 |       }
47 | 
48 |       .order#{$infix}-first { order: -1; }
49 | 
50 |       .order#{$infix}-last { order: $columns + 1; }
51 | 
52 |       @for $i from 0 through $columns {
53 |         .order#{$infix}-#{$i} { order: $i; }
54 |       }
55 | 
56 |       // `$columns - 1` because offsetting by the width of an entire row isn't possible
57 |       @for $i from 0 through ($columns - 1) {
58 |         @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
59 |           .offset#{$infix}-#{$i} {
60 |             @include make-col-offset($i, $columns);
61 |           }
62 |         }
63 |       }
64 |     }
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_grid.scss:
--------------------------------------------------------------------------------
 1 | /// Grid system
 2 | //
 3 | // Generate semantic grid columns with these mixins.
 4 | 
 5 | @mixin make-container($gutter: $grid-gutter-width) {
 6 |   width: 100%;
 7 |   padding-right: $gutter / 2;
 8 |   padding-left: $gutter / 2;
 9 |   margin-right: auto;
10 |   margin-left: auto;
11 | }
12 | 
13 | 
14 | // For each breakpoint, define the maximum width of the container in a media query
15 | @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
16 |   @each $breakpoint, $container-max-width in $max-widths {
17 |     @include media-breakpoint-up($breakpoint, $breakpoints) {
18 |       max-width: $container-max-width;
19 |     }
20 |   }
21 | }
22 | 
23 | @mixin make-row($gutter: $grid-gutter-width) {
24 |   display: flex;
25 |   flex-wrap: wrap;
26 |   margin-right: -$gutter / 2;
27 |   margin-left: -$gutter / 2;
28 | }
29 | 
30 | @mixin make-col-ready($gutter: $grid-gutter-width) {
31 |   position: relative;
32 |   // Prevent columns from becoming too narrow when at smaller grid tiers by
33 |   // always setting `width: 100%;`. This works because we use `flex` values
34 |   // later on to override this initial width.
35 |   width: 100%;
36 |   padding-right: $gutter / 2;
37 |   padding-left: $gutter / 2;
38 | }
39 | 
40 | @mixin make-col($size, $columns: $grid-columns) {
41 |   flex: 0 0 percentage($size / $columns);
42 |   // Add a `max-width` to ensure content within each column does not blow out
43 |   // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
44 |   // do not appear to require this.
45 |   max-width: percentage($size / $columns);
46 | }
47 | 
48 | @mixin make-col-offset($size, $columns: $grid-columns) {
49 |   $num: $size / $columns;
50 |   margin-left: if($num == 0, 0, percentage($num));
51 | }
52 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_hover.scss:
--------------------------------------------------------------------------------
 1 | // Hover mixin and `$enable-hover-media-query` are deprecated.
 2 | //
 3 | // Originally added during our alphas and maintained during betas, this mixin was
 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
 5 | // would persist after initial touch.
 6 | //
 7 | // For backward compatibility, we've kept these mixins and updated them to
 8 | // always return their regular pseudo-classes instead of a shimmed media query.
 9 | //
10 | // Issue: https://github.com/twbs/bootstrap/issues/25195
11 | 
12 | @mixin hover {
13 |   &:hover { @content; }
14 | }
15 | 
16 | @mixin hover-focus {
17 |   &:hover,
18 |   &:focus {
19 |     @content;
20 |   }
21 | }
22 | 
23 | @mixin plain-hover-focus {
24 |   &,
25 |   &:hover,
26 |   &:focus {
27 |     @content;
28 |   }
29 | }
30 | 
31 | @mixin hover-focus-active {
32 |   &:hover,
33 |   &:focus,
34 |   &:active {
35 |     @content;
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_image.scss:
--------------------------------------------------------------------------------
 1 | // Image Mixins
 2 | // - Responsive image
 3 | // - Retina image
 4 | 
 5 | 
 6 | // Responsive image
 7 | //
 8 | // Keep images from scaling beyond the width of their parents.
 9 | 
10 | @mixin img-fluid {
11 |   // Part 1: Set a maximum relative to the parent
12 |   max-width: 100%;
13 |   // Part 2: Override the height to auto, otherwise images will be stretched
14 |   // when setting a width and height attribute on the img element.
15 |   height: auto;
16 | }
17 | 
18 | 
19 | // Retina image
20 | //
21 | // Short retina mixin for setting background-image and -size.
22 | 
23 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
24 |   background-image: url($file-1x);
25 | 
26 |   // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
27 |   // but doesn't convert dppx=>dpi.
28 |   // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
29 |   // Compatibility info: https://caniuse.com/#feat=css-media-resolution
30 |   @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
31 |     only screen and (min-resolution: 2dppx) { // Standardized
32 |     background-image: url($file-2x);
33 |     background-size: $width-1x $height-1x;
34 |   }
35 |   @include deprecate("`img-retina()`", "v4.3.0", "v5");
36 | }
37 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_list-group.scss:
--------------------------------------------------------------------------------
 1 | // List Groups
 2 | 
 3 | @mixin list-group-item-variant($state, $background, $color) {
 4 |   .list-group-item-#{$state} {
 5 |     color: $color;
 6 |     background-color: $background;
 7 | 
 8 |     &.list-group-item-action {
 9 |       @include hover-focus {
10 |         color: $color;
11 |         background-color: darken($background, 5%);
12 |       }
13 | 
14 |       &.active {
15 |         color: $white;
16 |         background-color: $color;
17 |         border-color: $color;
18 |       }
19 |     }
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_lists.scss:
--------------------------------------------------------------------------------
1 | // Lists
2 | 
3 | // Unstyled keeps list items block level, just removes default browser padding and list-style
4 | @mixin list-unstyled {
5 |   padding-left: 0;
6 |   list-style: none;
7 | }
8 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_nav-divider.scss:
--------------------------------------------------------------------------------
 1 | // Horizontal dividers
 2 | //
 3 | // Dividers (basically an hr) within dropdowns and nav lists
 4 | 
 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
 6 |   height: 0;
 7 |   margin: $margin-y 0;
 8 |   overflow: hidden;
 9 |   border-top: 1px solid $color;
10 | }
11 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_pagination.scss:
--------------------------------------------------------------------------------
 1 | // Pagination
 2 | 
 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
 4 |   .page-link {
 5 |     padding: $padding-y $padding-x;
 6 |     @include font-size($font-size);
 7 |     line-height: $line-height;
 8 |   }
 9 | 
10 |   .page-item {
11 |     &:first-child {
12 |       .page-link {
13 |         @include border-left-radius($border-radius);
14 |       }
15 |     }
16 |     &:last-child {
17 |       .page-link {
18 |         @include border-right-radius($border-radius);
19 |       }
20 |     }
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_reset-text.scss:
--------------------------------------------------------------------------------
 1 | @mixin reset-text {
 2 |   font-family: $font-family-base;
 3 |   // We deliberately do NOT reset font-size or word-wrap.
 4 |   font-style: normal;
 5 |   font-weight: $font-weight-normal;
 6 |   line-height: $line-height-base;
 7 |   text-align: left; // Fallback for where `start` is not supported
 8 |   text-align: start;
 9 |   text-decoration: none;
10 |   text-shadow: none;
11 |   text-transform: none;
12 |   letter-spacing: normal;
13 |   word-break: normal;
14 |   word-spacing: normal;
15 |   white-space: normal;
16 |   line-break: auto;
17 | }
18 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_resize.scss:
--------------------------------------------------------------------------------
1 | // Resize anything
2 | 
3 | @mixin resizable($direction) {
4 |   overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5 |   resize: $direction; // Options: horizontal, vertical, both
6 | }
7 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_screen-reader.scss:
--------------------------------------------------------------------------------
 1 | // Only display content to screen readers
 2 | //
 3 | // See: https://a11yproject.com/posts/how-to-hide-content/
 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 5 | 
 6 | @mixin sr-only {
 7 |   position: absolute;
 8 |   width: 1px;
 9 |   height: 1px;
10 |   padding: 0;
11 |   overflow: hidden;
12 |   clip: rect(0, 0, 0, 0);
13 |   white-space: nowrap;
14 |   border: 0;
15 | }
16 | 
17 | // Use in conjunction with .sr-only to only display content when it's focused.
18 | //
19 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
20 | //
21 | // Credit: HTML5 Boilerplate
22 | 
23 | @mixin sr-only-focusable {
24 |   &:active,
25 |   &:focus {
26 |     position: static;
27 |     width: auto;
28 |     height: auto;
29 |     overflow: visible;
30 |     clip: auto;
31 |     white-space: normal;
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_size.scss:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 | 
3 | @mixin size($width, $height: $width) {
4 |   width: $width;
5 |   height: $height;
6 |   @include deprecate("`size()`", "v4.3.0", "v5");
7 | }
8 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_table-row.scss:
--------------------------------------------------------------------------------
 1 | // Tables
 2 | 
 3 | @mixin table-row-variant($state, $background, $border: null) {
 4 |   // Exact selectors below required to override `.table-striped` and prevent
 5 |   // inheritance to nested tables.
 6 |   .table-#{$state} {
 7 |     &,
 8 |     > th,
 9 |     > td {
10 |       background-color: $background;
11 |     }
12 | 
13 |     @if $border != null {
14 |       th,
15 |       td,
16 |       thead th,
17 |       tbody + tbody {
18 |         border-color: $border;
19 |       }
20 |     }
21 |   }
22 | 
23 |   // Hover states for `.table-hover`
24 |   // Note: this is not available for cells or rows within `thead` or `tfoot`.
25 |   .table-hover {
26 |     $hover-background: darken($background, 5%);
27 | 
28 |     .table-#{$state} {
29 |       @include hover {
30 |         background-color: $hover-background;
31 | 
32 |         > td,
33 |         > th {
34 |           background-color: $hover-background;
35 |         }
36 |       }
37 |     }
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_text-emphasis.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Typography
 4 | 
 5 | @mixin text-emphasis-variant($parent, $color) {
 6 |   #{$parent} {
 7 |     color: $color !important;
 8 |   }
 9 |   @if $emphasized-link-hover-darken-percentage != 0 {
10 |     a#{$parent} {
11 |       @include hover-focus {
12 |         color: darken($color, $emphasized-link-hover-darken-percentage) !important;
13 |       }
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_text-hide.scss:
--------------------------------------------------------------------------------
 1 | // CSS image replacement
 2 | @mixin text-hide($ignore-warning: false) {
 3 |   // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
 4 |   font: 0/0 a;
 5 |   color: transparent;
 6 |   text-shadow: none;
 7 |   background-color: transparent;
 8 |   border: 0;
 9 | 
10 |   @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
11 | }
12 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_text-truncate.scss:
--------------------------------------------------------------------------------
1 | // Text truncate
2 | // Requires inline-block or block for proper styling
3 | 
4 | @mixin text-truncate() {
5 |   overflow: hidden;
6 |   text-overflow: ellipsis;
7 |   white-space: nowrap;
8 | }
9 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_transition.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable property-blacklist
 2 | @mixin transition($transition...) {
 3 |   @if $enable-transitions {
 4 |     @if length($transition) == 0 {
 5 |       transition: $transition-base;
 6 |     } @else {
 7 |       transition: $transition;
 8 |     }
 9 |   }
10 | 
11 |   @if $enable-prefers-reduced-motion-media-query {
12 |     @media (prefers-reduced-motion: reduce) {
13 |       transition: none;
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/frontend/scss/mixins/_visibility.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | // Visibility
4 | 
5 | @mixin invisible($visibility) {
6 |   visibility: $visibility !important;
7 |   @include deprecate("`invisible()`", "v4.3.0", "v5");
8 | }
9 | 


--------------------------------------------------------------------------------
/frontend/scss/static/images/link-arrow.svg:
--------------------------------------------------------------------------------
 1 | <svg width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 |     <g id="Design" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 3 |         <g id="Home" transform="translate(-513.000000, -1623.000000)" fill="#814EBF">
 4 |             <g id="Group-10" transform="translate(357.000000, 1617.000000)">
 5 |                 <path d="M160.919216,10.7909266 L156.474718,6.08501927 C156.422634,6.02987192 156.353183,6 156.277238,6 C156.201293,6 156.134003,6.02987192 156.079758,6.08731693 C156.027674,6.14246429 155.999461,6.21599997 155.999461,6.29641216 C155.999461,6.37683494 156.027674,6.44807179 156.079758,6.50550739 L160.32892,11 L156.081869,15.4990845 C156.029785,15.5542319 156.001572,15.6277676 156.001572,15.7058856 C156.001572,15.7840036 156.029785,15.8575451 156.084039,15.9149807 C156.136123,15.9701281 156.205574,16 156.281519,16 C156.357474,16 156.424754,15.9701281 156.478999,15.9149807 L160.923497,11.2090735 C161.025495,11.0941835 161.025495,10.905766 160.919157,10.7908713 L160.919216,10.7909266 Z"></path>
 6 |             </g>
 7 |         </g>
 8 |     </g>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_align.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | .align-baseline    { vertical-align: baseline !important; } // Browser default
4 | .align-top         { vertical-align: top !important; }
5 | .align-middle      { vertical-align: middle !important; }
6 | .align-bottom      { vertical-align: bottom !important; }
7 | .align-text-bottom { vertical-align: text-bottom !important; }
8 | .align-text-top    { vertical-align: text-top !important; }
9 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_background.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | @each $color, $value in $theme-colors {
 4 |   @include bg-variant(".bg-#{$color}", $value);
 5 | }
 6 | 
 7 | @if $enable-gradients {
 8 |   @each $color, $value in $theme-colors {
 9 |     @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10 |   }
11 | }
12 | 
13 | .bg-white {
14 |   background-color: $white !important;
15 | }
16 | 
17 | .bg-transparent {
18 |   background-color: transparent !important;
19 | }
20 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_borders.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable property-blacklist, declaration-no-important
 2 | 
 3 | //
 4 | // Border
 5 | //
 6 | 
 7 | .border         { border: $border-width solid $border-color !important; }
 8 | .border-top     { border-top: $border-width solid $border-color !important; }
 9 | .border-right   { border-right: $border-width solid $border-color !important; }
10 | .border-bottom  { border-bottom: $border-width solid $border-color !important; }
11 | .border-left    { border-left: $border-width solid $border-color !important; }
12 | 
13 | .border-0        { border: 0 !important; }
14 | .border-top-0    { border-top: 0 !important; }
15 | .border-right-0  { border-right: 0 !important; }
16 | .border-bottom-0 { border-bottom: 0 !important; }
17 | .border-left-0   { border-left: 0 !important; }
18 | 
19 | @each $color, $value in $theme-colors {
20 |   .border-#{$color} {
21 |     border-color: $value !important;
22 |   }
23 | }
24 | 
25 | .border-white {
26 |   border-color: $white !important;
27 | }
28 | 
29 | //
30 | // Border-radius
31 | //
32 | 
33 | .rounded-sm {
34 |   border-radius: $border-radius-sm !important;
35 | }
36 | 
37 | .rounded {
38 |   border-radius: $border-radius !important;
39 | }
40 | 
41 | .rounded-top {
42 |   border-top-left-radius: $border-radius !important;
43 |   border-top-right-radius: $border-radius !important;
44 | }
45 | 
46 | .rounded-right {
47 |   border-top-right-radius: $border-radius !important;
48 |   border-bottom-right-radius: $border-radius !important;
49 | }
50 | 
51 | .rounded-bottom {
52 |   border-bottom-right-radius: $border-radius !important;
53 |   border-bottom-left-radius: $border-radius !important;
54 | }
55 | 
56 | .rounded-left {
57 |   border-top-left-radius: $border-radius !important;
58 |   border-bottom-left-radius: $border-radius !important;
59 | }
60 | 
61 | .rounded-lg {
62 |   border-radius: $border-radius-lg !important;
63 | }
64 | 
65 | .rounded-circle {
66 |   border-radius: 50% !important;
67 | }
68 | 
69 | .rounded-pill {
70 |   border-radius: $rounded-pill !important;
71 | }
72 | 
73 | .rounded-0 {
74 |   border-radius: 0 !important;
75 | }
76 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_clearfix.scss:
--------------------------------------------------------------------------------
1 | .clearfix {
2 |   @include clearfix();
3 | }
4 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_display.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Utilities for common `display` values
 5 | //
 6 | 
 7 | @each $breakpoint in map-keys($grid-breakpoints) {
 8 |   @include media-breakpoint-up($breakpoint) {
 9 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10 | 
11 |     @each $value in $displays {
12 |       .d#{$infix}-#{$value} { display: $value !important; }
13 |     }
14 |   }
15 | }
16 | 
17 | 
18 | //
19 | // Utilities for toggling `display` in print
20 | //
21 | 
22 | @media print {
23 |   @each $value in $displays {
24 |     .d-print-#{$value} { display: $value !important; }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_embed.scss:
--------------------------------------------------------------------------------
 1 | // Credit: Nicolas Gallagher and SUIT CSS.
 2 | 
 3 | .embed-responsive {
 4 |   position: relative;
 5 |   display: block;
 6 |   width: 100%;
 7 |   padding: 0;
 8 |   overflow: hidden;
 9 | 
10 |   &::before {
11 |     display: block;
12 |     content: "";
13 |   }
14 | 
15 |   .embed-responsive-item,
16 |   iframe,
17 |   embed,
18 |   object,
19 |   video {
20 |     position: absolute;
21 |     top: 0;
22 |     bottom: 0;
23 |     left: 0;
24 |     width: 100%;
25 |     height: 100%;
26 |     border: 0;
27 |   }
28 | }
29 | 
30 | @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
31 |   $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
32 |   $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
33 | 
34 |   .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
35 |     &::before {
36 |       padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
37 |     }
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_flex.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Flex variation
 4 | //
 5 | // Custom styles for additional flex alignment options.
 6 | 
 7 | @each $breakpoint in map-keys($grid-breakpoints) {
 8 |   @include media-breakpoint-up($breakpoint) {
 9 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10 | 
11 |     .flex#{$infix}-row            { flex-direction: row !important; }
12 |     .flex#{$infix}-column         { flex-direction: column !important; }
13 |     .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
14 |     .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15 | 
16 |     .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
17 |     .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
18 |     .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19 |     .flex#{$infix}-fill         { flex: 1 1 auto !important; }
20 |     .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
21 |     .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
22 |     .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
23 |     .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
24 | 
25 |     .justify-content#{$infix}-start   { justify-content: flex-start !important; }
26 |     .justify-content#{$infix}-end     { justify-content: flex-end !important; }
27 |     .justify-content#{$infix}-center  { justify-content: center !important; }
28 |     .justify-content#{$infix}-between { justify-content: space-between !important; }
29 |     .justify-content#{$infix}-around  { justify-content: space-around !important; }
30 | 
31 |     .align-items#{$infix}-start    { align-items: flex-start !important; }
32 |     .align-items#{$infix}-end      { align-items: flex-end !important; }
33 |     .align-items#{$infix}-center   { align-items: center !important; }
34 |     .align-items#{$infix}-baseline { align-items: baseline !important; }
35 |     .align-items#{$infix}-stretch  { align-items: stretch !important; }
36 | 
37 |     .align-content#{$infix}-start   { align-content: flex-start !important; }
38 |     .align-content#{$infix}-end     { align-content: flex-end !important; }
39 |     .align-content#{$infix}-center  { align-content: center !important; }
40 |     .align-content#{$infix}-between { align-content: space-between !important; }
41 |     .align-content#{$infix}-around  { align-content: space-around !important; }
42 |     .align-content#{$infix}-stretch { align-content: stretch !important; }
43 | 
44 |     .align-self#{$infix}-auto     { align-self: auto !important; }
45 |     .align-self#{$infix}-start    { align-self: flex-start !important; }
46 |     .align-self#{$infix}-end      { align-self: flex-end !important; }
47 |     .align-self#{$infix}-center   { align-self: center !important; }
48 |     .align-self#{$infix}-baseline { align-self: baseline !important; }
49 |     .align-self#{$infix}-stretch  { align-self: stretch !important; }
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_float.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | @each $breakpoint in map-keys($grid-breakpoints) {
 4 |   @include media-breakpoint-up($breakpoint) {
 5 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 6 | 
 7 |     .float#{$infix}-left  { float: left !important; }
 8 |     .float#{$infix}-right { float: right !important; }
 9 |     .float#{$infix}-none  { float: none !important; }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_overflow.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | @each $value in $overflows {
4 |   .overflow-#{$value} { overflow: $value !important; }
5 | }
6 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_position.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Common values
 4 | @each $position in $positions {
 5 |   .position-#{$position} { position: $position !important; }
 6 | }
 7 | 
 8 | // Shorthand
 9 | 
10 | .fixed-top {
11 |   position: fixed;
12 |   top: 0;
13 |   right: 0;
14 |   left: 0;
15 |   z-index: $zindex-fixed;
16 | }
17 | 
18 | .fixed-bottom {
19 |   position: fixed;
20 |   right: 0;
21 |   bottom: 0;
22 |   left: 0;
23 |   z-index: $zindex-fixed;
24 | }
25 | 
26 | .sticky-top {
27 |   @supports (position: sticky) {
28 |     position: sticky;
29 |     top: 0;
30 |     z-index: $zindex-sticky;
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_screenreaders.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Screenreaders
 3 | //
 4 | 
 5 | .sr-only {
 6 |   @include sr-only();
 7 | }
 8 | 
 9 | .sr-only-focusable {
10 |   @include sr-only-focusable();
11 | }
12 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_shadows.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | .shadow-sm { box-shadow: $box-shadow-sm !important; }
4 | .shadow { box-shadow: $box-shadow !important; }
5 | .shadow-lg { box-shadow: $box-shadow-lg !important; }
6 | .shadow-none { box-shadow: none !important; }
7 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_sizing.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Width and height
 4 | 
 5 | @each $prop, $abbrev in (width: w, height: h) {
 6 |   @each $size, $length in $sizes {
 7 |     .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
 8 |   }
 9 | }
10 | 
11 | .mw-100 { max-width: 100% !important; }
12 | .mh-100 { max-height: 100% !important; }
13 | 
14 | // Viewport additional helpers
15 | 
16 | .min-vw-100 { min-width: 100vw !important; }
17 | .min-vh-100 { min-height: 100vh !important; }
18 | 
19 | .vw-100 { width: 100vw !important; }
20 | .vh-100 { height: 100vh !important; }
21 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_spacing.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Margin and Padding
 4 | 
 5 | @each $breakpoint in map-keys($grid-breakpoints) {
 6 |   @include media-breakpoint-up($breakpoint) {
 7 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 8 | 
 9 |     @each $prop, $abbrev in (margin: m, padding: p) {
10 |       @each $size, $length in $spacers {
11 |         .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
12 |         .#{$abbrev}t#{$infix}-#{$size},
13 |         .#{$abbrev}y#{$infix}-#{$size} {
14 |           #{$prop}-top: $length !important;
15 |         }
16 |         .#{$abbrev}r#{$infix}-#{$size},
17 |         .#{$abbrev}x#{$infix}-#{$size} {
18 |           #{$prop}-right: $length !important;
19 |         }
20 |         .#{$abbrev}b#{$infix}-#{$size},
21 |         .#{$abbrev}y#{$infix}-#{$size} {
22 |           #{$prop}-bottom: $length !important;
23 |         }
24 |         .#{$abbrev}l#{$infix}-#{$size},
25 |         .#{$abbrev}x#{$infix}-#{$size} {
26 |           #{$prop}-left: $length !important;
27 |         }
28 |       }
29 |     }
30 | 
31 |     // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
32 |     @each $size, $length in $spacers {
33 |       @if $size != 0 {
34 |         .m#{$infix}-n#{$size} { margin: -$length !important; }
35 |         .mt#{$infix}-n#{$size},
36 |         .my#{$infix}-n#{$size} {
37 |           margin-top: -$length !important;
38 |         }
39 |         .mr#{$infix}-n#{$size},
40 |         .mx#{$infix}-n#{$size} {
41 |           margin-right: -$length !important;
42 |         }
43 |         .mb#{$infix}-n#{$size},
44 |         .my#{$infix}-n#{$size} {
45 |           margin-bottom: -$length !important;
46 |         }
47 |         .ml#{$infix}-n#{$size},
48 |         .mx#{$infix}-n#{$size} {
49 |           margin-left: -$length !important;
50 |         }
51 |       }
52 |     }
53 | 
54 |     // Some special margin utils
55 |     .m#{$infix}-auto { margin: auto !important; }
56 |     .mt#{$infix}-auto,
57 |     .my#{$infix}-auto {
58 |       margin-top: auto !important;
59 |     }
60 |     .mr#{$infix}-auto,
61 |     .mx#{$infix}-auto {
62 |       margin-right: auto !important;
63 |     }
64 |     .mb#{$infix}-auto,
65 |     .my#{$infix}-auto {
66 |       margin-bottom: auto !important;
67 |     }
68 |     .ml#{$infix}-auto,
69 |     .mx#{$infix}-auto {
70 |       margin-left: auto !important;
71 |     }
72 |   }
73 | }
74 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_stretched-link.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Stretched link
 3 | //
 4 | 
 5 | .stretched-link {
 6 |   &::after {
 7 |     position: absolute;
 8 |     top: 0;
 9 |     right: 0;
10 |     bottom: 0;
11 |     left: 0;
12 |     z-index: 1;
13 |     // Just in case `pointer-events: none` is set on a parent
14 |     pointer-events: auto;
15 |     content: "";
16 |     // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
17 |     background-color: rgba(0, 0, 0, 0);
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_text.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Text
 5 | //
 6 | 
 7 | .text-monospace { font-family: $font-family-monospace !important; }
 8 | 
 9 | // Alignment
10 | 
11 | .text-justify  { text-align: justify !important; }
12 | .text-wrap     { white-space: normal !important; }
13 | .text-nowrap   { white-space: nowrap !important; }
14 | .text-truncate { @include text-truncate; }
15 | 
16 | // Responsive alignment
17 | 
18 | @each $breakpoint in map-keys($grid-breakpoints) {
19 |   @include media-breakpoint-up($breakpoint) {
20 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
21 | 
22 |     .text#{$infix}-left   { text-align: left !important; }
23 |     .text#{$infix}-right  { text-align: right !important; }
24 |     .text#{$infix}-center { text-align: center !important; }
25 |   }
26 | }
27 | 
28 | // Transformation
29 | 
30 | .text-lowercase  { text-transform: lowercase !important; }
31 | .text-uppercase  { text-transform: uppercase !important; }
32 | .text-capitalize { text-transform: capitalize !important; }
33 | 
34 | // Weight and italics
35 | 
36 | .font-weight-light   { font-weight: $font-weight-light !important; }
37 | .font-weight-lighter { font-weight: $font-weight-lighter !important; }
38 | .font-weight-normal  { font-weight: $font-weight-normal !important; }
39 | .font-weight-bold    { font-weight: $font-weight-bold !important; }
40 | .font-weight-bolder  { font-weight: $font-weight-bolder !important; }
41 | .font-italic         { font-style: italic !important; }
42 | 
43 | // Contextual colors
44 | 
45 | .text-white { color: $white !important; }
46 | 
47 | @each $color, $value in $theme-colors {
48 |   @include text-emphasis-variant(".text-#{$color}", $value);
49 | }
50 | 
51 | .text-body { color: $body-color !important; }
52 | .text-muted { color: $text-muted !important; }
53 | 
54 | .text-black-50 { color: rgba($black, .5) !important; }
55 | .text-white-50 { color: rgba($white, .5) !important; }
56 | 
57 | // Misc
58 | 
59 | .text-hide {
60 |   @include text-hide($ignore-warning: true);
61 | }
62 | 
63 | .text-decoration-none { text-decoration: none !important; }
64 | 
65 | .text-break {
66 |   word-break: break-word !important; // IE & < Edge 18
67 |   overflow-wrap: break-word !important;
68 | }
69 | 
70 | // Reset
71 | 
72 | .text-reset { color: inherit !important; }
73 | 


--------------------------------------------------------------------------------
/frontend/scss/utilities/_visibility.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Visibility utilities
 5 | //
 6 | 
 7 | .visible {
 8 |   visibility: visible !important;
 9 | }
10 | 
11 | .invisible {
12 |   visibility: hidden !important;
13 | }
14 | 


--------------------------------------------------------------------------------
/home/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/home/__init__.py


--------------------------------------------------------------------------------
/home/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # -*- coding: utf-8 -*-
 2 | from django.db import migrations, models
 3 | 
 4 | 
 5 | class Migration(migrations.Migration):
 6 | 
 7 |     dependencies = [
 8 |         ('wagtailcore', '0040_page_draft_title'),
 9 |     ]
10 | 
11 |     operations = [
12 |         migrations.CreateModel(
13 |             name='HomePage',
14 |             fields=[
15 |                 ('page_ptr', models.OneToOneField(on_delete=models.CASCADE, parent_link=True, auto_created=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
16 |             ],
17 |             options={
18 |                 'abstract': False,
19 |             },
20 |             bases=('wagtailcore.page',),
21 |         ),
22 |     ]
23 | 


--------------------------------------------------------------------------------
/home/migrations/0002_create_homepage.py:
--------------------------------------------------------------------------------
 1 | # -*- coding: utf-8 -*-
 2 | from django.db import migrations
 3 | 
 4 | 
 5 | def create_homepage(apps, schema_editor):
 6 |     # Get models
 7 |     ContentType = apps.get_model('contenttypes.ContentType')
 8 |     Page = apps.get_model('wagtailcore.Page')
 9 |     Site = apps.get_model('wagtailcore.Site')
10 |     HomePage = apps.get_model('home.HomePage')
11 | 
12 |     # Delete the default homepage
13 |     # If migration is run multiple times, it may have already been deleted
14 |     Page.objects.filter(id=2).delete()
15 | 
16 |     # Create content type for homepage model
17 |     homepage_content_type, __ = ContentType.objects.get_or_create(
18 |         model='homepage', app_label='home')
19 | 
20 |     # Create a new homepage
21 |     homepage = HomePage.objects.create(
22 |         title="Home",
23 |         draft_title="Home",
24 |         slug='home',
25 |         content_type=homepage_content_type,
26 |         path='00010001',
27 |         depth=2,
28 |         numchild=0,
29 |         url_path='/home/',
30 |     )
31 | 
32 |     # Create a site with the new homepage set as the root
33 |     Site.objects.create(
34 |         hostname='localhost', root_page=homepage, is_default_site=True)
35 | 
36 | 
37 | def remove_homepage(apps, schema_editor):
38 |     # Get models
39 |     ContentType = apps.get_model('contenttypes.ContentType')
40 |     HomePage = apps.get_model('home.HomePage')
41 | 
42 |     # Delete the default homepage
43 |     # Page and Site objects CASCADE
44 |     HomePage.objects.filter(slug='home', depth=2).delete()
45 | 
46 |     # Delete content type for homepage model
47 |     ContentType.objects.filter(model='homepage', app_label='home').delete()
48 | 
49 | 
50 | class Migration(migrations.Migration):
51 | 
52 |     dependencies = [
53 |         ('home', '0001_initial'),
54 |     ]
55 | 
56 |     operations = [
57 |         migrations.RunPython(create_homepage, remove_homepage),
58 |     ]
59 | 


--------------------------------------------------------------------------------
/home/migrations/0003_auto_20191202_1816.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-02 18:16
 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 |         ('wagtailimages', '0001_squashed_0021'),
11 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
12 |         ('home', '0002_create_homepage'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.AddField(
17 |             model_name='homepage',
18 |             name='banner_background_image',
19 |             field=models.ForeignKey(help_text='The banner background image', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image'),
20 |         ),
21 |         migrations.AddField(
22 |             model_name='homepage',
23 |             name='button',
24 |             field=models.ForeignKey(blank=True, help_text='Select an optional page to link to', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page'),
25 |         ),
26 |         migrations.AddField(
27 |             model_name='homepage',
28 |             name='button_text',
29 |             field=models.CharField(default='Read More', help_text='Button text', max_length=50),
30 |         ),
31 |         migrations.AddField(
32 |             model_name='homepage',
33 |             name='lead_text',
34 |             field=models.CharField(blank=True, help_text='Subheading text under the banner title', max_length=140),
35 |         ),
36 |     ]
37 | 


--------------------------------------------------------------------------------
/home/migrations/0004_homepage_body.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 01:36
 2 | 
 3 | from django.db import migrations
 4 | import wagtail.core.blocks
 5 | import wagtail.core.fields
 6 | 
 7 | 
 8 | class Migration(migrations.Migration):
 9 | 
10 |     dependencies = [
11 |         ('home', '0003_auto_20191202_1816'),
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.AddField(
16 |             model_name='homepage',
17 |             name='body',
18 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))]))], blank=True, null=True),
19 |         ),
20 |     ]
21 | 


--------------------------------------------------------------------------------
/home/migrations/0005_auto_20191207_0211.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 02:11
 2 | 
 3 | from django.db import migrations
 4 | import wagtail.core.blocks
 5 | import wagtail.core.fields
 6 | import wagtail.images.blocks
 7 | 
 8 | 
 9 | class Migration(migrations.Migration):
10 | 
11 |     dependencies = [
12 |         ('home', '0004_homepage_body'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.AlterField(
17 |             model_name='homepage',
18 |             name='body',
19 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px'))])))]))], blank=True, null=True),
20 |         ),
21 |     ]
22 | 


--------------------------------------------------------------------------------
/home/migrations/0006_auto_20191207_0436.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 04:36
 2 | 
 3 | from django.db import migrations
 4 | import streams.blocks
 5 | import wagtail.core.blocks
 6 | import wagtail.core.fields
 7 | import wagtail.images.blocks
 8 | import wagtail.snippets.blocks
 9 | 
10 | 
11 | class Migration(migrations.Migration):
12 | 
13 |     dependencies = [
14 |         ('home', '0005_auto_20191207_0211'),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.AlterField(
19 |             model_name='homepage',
20 |             name='body',
21 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px')), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))], help_text='Enter a link or select a page'))])))])), ('image_and_text', wagtail.core.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image the automagically cropped to 786px by 552px')), ('image_alignment', wagtail.core.blocks.ChoiceBlock(choices=[('left', 'Image to the left'), ('right', 'Image to the right')], help_text='Image on the left with text on the right. Or image on the right with text on the left.')), ('title', wagtail.core.blocks.CharBlock(help_text='Max length of 60 characters.', max_length=60)), ('text', wagtail.core.blocks.CharBlock(max_length=140, required=False)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('cta', wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Max length of 200 characters.', max_length=200)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('testimonial', wagtail.snippets.blocks.SnippetChooserBlock(target_model='testimonials.Testimonial', template='streams/testimonial_block.html')), ('pricing_table', streams.blocks.PricingTableBlock(table_options={'autoColumnSize': False, 'colHeaders': False, 'contextMenu': ['row_above', 'row_below', '---------', 'col_left', 'col_right', '---------', 'remove_row', 'remove_col', '---------', 'undo', 'redo'], 'editor': 'text', 'minSpareRows': 0, 'renderer': 'text', 'rowHeaders': True, 'startCols': 4, 'startRows': 4, 'stretchH': 'all'}))], blank=True, null=True),
22 |         ),
23 |     ]
24 | 


--------------------------------------------------------------------------------
/home/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/home/migrations/__init__.py


--------------------------------------------------------------------------------
/home/models.py:
--------------------------------------------------------------------------------
  1 | from django.core.cache import cache
  2 | from django.core.cache.utils import make_template_fragment_key
  3 | from django.db import models
  4 | 
  5 | from wagtail.admin.edit_handlers import (
  6 |     FieldPanel, PageChooserPanel, StreamFieldPanel
  7 | )
  8 | from wagtail.core.fields import StreamField
  9 | from wagtail.core.models import Page
 10 | from wagtail.images.edit_handlers import ImageChooserPanel
 11 | from wagtail.snippets.blocks import SnippetChooserBlock
 12 | 
 13 | from streams import blocks
 14 | 
 15 | NEW_TABLE_OPTIONS = {
 16 |     'minSpareRows': 0,
 17 |     'startRows': 4,
 18 |     'startCols': 4,
 19 |     'colHeaders': False,
 20 |     'rowHeaders': True,
 21 |     'contextMenu': [
 22 |         'row_above',
 23 |         'row_below',
 24 |         '---------',
 25 |         'col_left',
 26 |         'col_right',
 27 |         '---------',
 28 |         'remove_row',
 29 |         'remove_col',
 30 |         '---------',
 31 |         'undo',
 32 |         'redo'
 33 |     ],
 34 |     'editor': 'text',
 35 |     'stretchH': 'all',
 36 |     'renderer': 'text',
 37 |     'autoColumnSize': False,
 38 | }
 39 | 
 40 | 
 41 | class HomePage(Page):
 42 |     parent_page_types = ["wagtailcore.Page"]
 43 |     subpage_types = ["flex.FlexPage", "services.ServiceListingPage", "contact.ContactPage"]
 44 |     max_count = 1
 45 |     lead_text = models.CharField(
 46 |         max_length=140,
 47 |         blank=True,
 48 |         help_text='Subheading text under the banner title',
 49 |     )
 50 |     button = models.ForeignKey(
 51 |         'wagtailcore.Page',
 52 |         blank=True,
 53 |         null=True,
 54 |         related_name='+',
 55 |         help_text='Select an optional page to link to',
 56 |         on_delete=models.SET_NULL,
 57 |     )
 58 |     button_text = models.CharField(
 59 |         max_length=50,
 60 |         default='Read More',
 61 |         blank=False,
 62 |         help_text='Button text',
 63 |     )
 64 |     banner_background_image = models.ForeignKey(
 65 |         'wagtailimages.Image',
 66 |         blank=False,
 67 |         null=True,
 68 |         related_name='+',
 69 |         help_text='The banner background image',
 70 |         on_delete=models.SET_NULL,
 71 |     )
 72 |     body = StreamField([
 73 |         ("title", blocks.TitleBlock()),
 74 |         ("cards", blocks.CardsBlock()),
 75 |         ("image_and_text", blocks.ImageAndTextBlock()),
 76 |         ("cta", blocks.CallToActionBlock()),
 77 |         ("testimonial", SnippetChooserBlock(
 78 |             target_model='testimonials.Testimonial',
 79 |             template="streams/testimonial_block.html",
 80 |         )),
 81 |         ("pricing_table", blocks.PricingTableBlock(table_options=NEW_TABLE_OPTIONS)),
 82 |     ], null=True, blank=True)
 83 | 
 84 |     content_panels = Page.content_panels + [
 85 |         FieldPanel("lead_text"),
 86 |         PageChooserPanel("button"),
 87 |         FieldPanel("button_text"),
 88 |         ImageChooserPanel("banner_background_image"),
 89 |         StreamFieldPanel("body"),
 90 |     ]
 91 | 
 92 |     def save(self, *args, **kwargs):
 93 | 
 94 |         key = make_template_fragment_key(
 95 |             "home_page_streams",
 96 |             [self.id],
 97 |         )
 98 |         cache.delete(key)
 99 | 
100 |         return super().save(*args, **kwargs)
101 | 


--------------------------------------------------------------------------------
/home/static/css/welcome_page.css:
--------------------------------------------------------------------------------
  1 | html {
  2 |     box-sizing: border-box;
  3 | }
  4 | 
  5 | *,
  6 | *:before,
  7 | *:after {
  8 |     box-sizing: inherit;
  9 | }
 10 | 
 11 | body {
 12 |     max-width: 960px;
 13 |     min-height: 100vh;
 14 |     margin: 0 auto;
 15 |     padding: 0 15px;
 16 |     color: #231f20;
 17 |     font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
 18 |     line-height: 1.25;
 19 | }
 20 | 
 21 | a {
 22 |     background-color: transparent;
 23 |     color: #308282;
 24 |     text-decoration: underline;
 25 | }
 26 | 
 27 | a:hover {
 28 |     color: #ea1b10;
 29 | }
 30 | 
 31 | h1,
 32 | h2,
 33 | h3,
 34 | h4,
 35 | h5,
 36 | p,
 37 | ul {
 38 |     padding: 0;
 39 |     margin: 0;
 40 |     font-weight: 400;
 41 | }
 42 | 
 43 | main {
 44 |     display: block; /* For IE11 support */
 45 | }
 46 | 
 47 | svg:not(:root) {
 48 |     overflow: hidden;
 49 | }
 50 | 
 51 | .header {
 52 |     display: flex;
 53 |     justify-content: space-between;
 54 |     align-items: center;
 55 |     padding-top: 20px;
 56 |     padding-bottom: 10px;
 57 |     border-bottom: 1px solid #e6e6e6;
 58 | }
 59 | 
 60 | .logo {
 61 |     width: 150px;
 62 |     margin-right: 20px;
 63 | }
 64 | 
 65 | .logo a {
 66 |     display: block;
 67 | }
 68 | 
 69 | .figure-logo {
 70 |     max-width: 150px;
 71 |     max-height: 55.1px;
 72 | }
 73 | 
 74 | .release-notes {
 75 |     font-size: 14px;
 76 | }
 77 | 
 78 | .main {
 79 |     padding: 40px 0;
 80 |     margin: 0 auto;
 81 |     text-align: center;
 82 | }
 83 | 
 84 | .figure-space {
 85 |     max-width: 265px;
 86 | }
 87 | 
 88 | @-webkit-keyframes pos {
 89 |     0%, 100% {
 90 |         -webkit-transform: rotate(-6deg);
 91 |         transform: rotate(-6deg);
 92 |     }
 93 |     50% {
 94 |         -webkit-transform: rotate(6deg);
 95 |         transform: rotate(6deg);
 96 |     }
 97 | }
 98 | 
 99 | @keyframes pos {
100 |     0%, 100% {
101 |         -webkit-transform: rotate(-6deg);
102 |         transform: rotate(-6deg);
103 |     }
104 |     50% {
105 |         -webkit-transform: rotate(6deg);
106 |         transform: rotate(6deg);
107 |     }
108 | }
109 | 
110 | .egg {
111 |     fill: #43b1b0;
112 |     -webkit-animation: pos 3s ease infinite;
113 |             animation: pos 3s ease infinite;
114 |     -webkit-transform: translateY(50px);
115 |             transform: translateY(50px);
116 |     -webkit-transform-origin: 50% 80%;
117 |             transform-origin: 50% 80%;
118 | }
119 | 
120 | .main-text {
121 |     max-width: 400px;
122 |     margin: 5px auto;
123 | }
124 | 
125 | .main-text h1 {
126 |     font-size: 22px;
127 | }
128 | 
129 | .main-text p {
130 |     margin: 15px auto 0;
131 | }
132 | 
133 | .footer {
134 |     display: flex;
135 |     flex-wrap: wrap;
136 |     justify-content: space-between;
137 |     border-top: 1px solid #e6e6e6;
138 |     padding: 10px;
139 | }
140 | 
141 | .option {
142 |     display: block;
143 |     padding: 10px 10px 10px 34px;
144 |     position: relative;
145 |     text-decoration: none;
146 | }
147 | 
148 | .option svg {
149 |     width: 24px;
150 |     height: 24px;
151 |     fill: gray;
152 |     border: 1px solid #d9d9d9;
153 |     padding: 5px;
154 |     border-radius: 100%;
155 |     top: 10px;
156 |     left: 0;
157 |     position: absolute;
158 | }
159 | 
160 | .option h4 {
161 |     font-size: 19px;
162 |     text-decoration: underline;
163 | }
164 | 
165 | .option p {
166 |     padding-top: 3px;
167 |     color: #231f20;
168 |     font-size: 15px;
169 |     font-weight: 300;
170 | }
171 | 
172 | @media (max-width: 996px) {
173 |     body {
174 |         max-width: 780px;
175 |     }
176 | }
177 | 
178 | @media (max-width: 767px) {
179 |     .option {
180 |         flex: 0 0 50%;
181 |     }
182 | }
183 | 
184 | @media (max-width: 599px) {
185 |     .main {
186 |         padding: 20px 0;
187 |     }
188 | 
189 |     .figure-space {
190 |         max-width: 200px;
191 |     }
192 | 
193 |     .footer {
194 |         display: block;
195 |         width: 300px;
196 |         margin: 0 auto;
197 |     }
198 | }
199 | 
200 | @media (max-width: 360px) {
201 |     .header-link {
202 |         max-width: 100px;
203 |     }
204 | }
205 | 


--------------------------------------------------------------------------------
/home/templates/home/home_page.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | {% load wagtailimages_tags wagtailcore_tags cache %}
 3 | 
 4 | {% block banner %}
 5 | 
 6 |   {% image page.banner_background_image fill-1600x800 as bg_img %}
 7 | 
 8 |   <div class="jumbotron jumbotron-fluid text-light py-5 d-flex align-items-center cc-home-banner" style='background: linear-gradient(180.43deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.80) 100%), url({{ bg_img.url }});'>
 9 |     <div class="container">
10 |       <div class="row">
11 |         <div class="col-xl-8 col-lg-9">
12 |           <h1 class="display-3 cc-home-banner-title">{{ page.title }}</h1>
13 |             {% if page.lead_text %}
14 |               <p class="lead">{{ page.lead_text }}</p>
15 |             {% endif %}
16 | 
17 |             {% if page.button %}
18 |               <p class="mt-3">
19 |                 <a href="{{ page.button.url }}" class="btn btn-light btn-lg">
20 |                   {{ page.button_text }}
21 |                 </a>
22 |               </p>
23 |             {% endif %}
24 |         </div>
25 |       </div>
26 |     </div>
27 |   </div>
28 | 
29 | {% endblock banner %}
30 | 
31 | {% block content %}
32 | 
33 |   {% if not request.is_preview %}
34 |     {# LIVE #}
35 |     {% cache 2592000 home_page_streams page.id %}
36 |       {% for block in page.body %}
37 |         {% include_block block %}
38 |       {% endfor %}
39 |     {% endcache %}
40 |   {% else %}
41 |     {# PREVIEW #}
42 |     {% for block in page.body %}
43 |       {% include_block block %}
44 |     {% endfor %}
45 |   {% endif %}
46 | 
47 | {% endblock content %}
48 | 


--------------------------------------------------------------------------------
/manage.py:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env python
 2 | import os
 3 | import sys
 4 | 
 5 | if __name__ == "__main__":
 6 |     os.environ.setdefault("DJANGO_SETTINGS_MODULE", "rocketman.settings.dev")
 7 | 
 8 |     from django.core.management import execute_from_command_line
 9 | 
10 |     execute_from_command_line(sys.argv)
11 | 


--------------------------------------------------------------------------------
/menus/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/menus/__init__.py


--------------------------------------------------------------------------------
/menus/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class MenusConfig(AppConfig):
5 |     name = 'menus'
6 | 


--------------------------------------------------------------------------------
/menus/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 01:29
 2 | 
 3 | from django.db import migrations, models
 4 | import django_extensions.db.fields
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     initial = True
10 | 
11 |     dependencies = [
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.CreateModel(
16 |             name='Menu',
17 |             fields=[
18 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
19 |                 ('title', models.CharField(max_length=100)),
20 |                 ('slug', django_extensions.db.fields.AutoSlugField(blank=True, editable=False, populate_from='title')),
21 |             ],
22 |             options={
23 |                 'abstract': False,
24 |             },
25 |         ),
26 |     ]
27 | 


--------------------------------------------------------------------------------
/menus/migrations/0002_menuitem.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 01:35
 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 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
11 |         ('menus', '0001_initial'),
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.CreateModel(
16 |             name='MenuItem',
17 |             fields=[
18 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
19 |                 ('sort_order', models.IntegerField(blank=True, editable=False, null=True)),
20 |                 ('link_title', models.CharField(blank=True, max_length=50)),
21 |                 ('link_url', models.CharField(blank=True, max_length=500)),
22 |                 ('open_in_new_tab', models.BooleanField(blank=True, default=False)),
23 |                 ('link_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='+', to='wagtailcore.Page')),
24 |             ],
25 |             options={
26 |                 'ordering': ['sort_order'],
27 |                 'abstract': False,
28 |             },
29 |         ),
30 |     ]
31 | 


--------------------------------------------------------------------------------
/menus/migrations/0003_menuitem_page.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 01:38
 2 | 
 3 | from django.db import migrations
 4 | import django.db.models.deletion
 5 | import modelcluster.fields
 6 | 
 7 | 
 8 | class Migration(migrations.Migration):
 9 | 
10 |     dependencies = [
11 |         ('menus', '0002_menuitem'),
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.AddField(
16 |             model_name='menuitem',
17 |             name='page',
18 |             field=modelcluster.fields.ParentalKey(default=None, on_delete=django.db.models.deletion.CASCADE, related_name='menu_items', to='menus.Menu'),
19 |             preserve_default=False,
20 |         ),
21 |     ]
22 | 


--------------------------------------------------------------------------------
/menus/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/menus/migrations/__init__.py


--------------------------------------------------------------------------------
/menus/models.py:
--------------------------------------------------------------------------------
 1 | from django.core.cache import cache
 2 | from django.core.cache.utils import make_template_fragment_key
 3 | from django.db import models
 4 | 
 5 | from modelcluster.fields import ParentalKey
 6 | from modelcluster.models import ClusterableModel
 7 | from wagtail.admin.edit_handlers import (
 8 |     FieldPanel, InlinePanel, PageChooserPanel
 9 | )
10 | from wagtail.core.models import Orderable
11 | 
12 | from django_extensions.db.fields import AutoSlugField
13 | 
14 | 
15 | class MenuItem(Orderable):
16 |     link_title = models.CharField(blank=True, max_length=50)
17 |     link_url = models.CharField(max_length=500, blank=True)
18 |     link_page = models.ForeignKey(
19 |         'wagtailcore.Page',
20 |         null=True,
21 |         blank=True,
22 |         related_name='+',
23 |         on_delete=models.CASCADE,
24 |     )
25 |     open_in_new_tab = models.BooleanField(default=False, blank=True)
26 | 
27 |     panels = [
28 |         FieldPanel("link_title"),
29 |         FieldPanel("link_url"),
30 |         PageChooserPanel("link_page"),
31 |         FieldPanel("open_in_new_tab"),
32 |     ]
33 | 
34 |     page = ParentalKey("Menu", related_name="menu_items")
35 | 
36 |     @property
37 |     def link(self) -> str:
38 |         if self.link_page:
39 |             return self.link_page.url
40 |         elif self.link_url:
41 |             return self.link_url
42 |         return "#"
43 | 
44 |     @property
45 |     def title(self):
46 |         if self.link_page and not self.link_title:
47 |             return self.link_page.title
48 |         elif self.link_title:
49 |             return self.link_title
50 |         return "Missing Title"
51 | 
52 | 
53 | class Menu(ClusterableModel):
54 | 
55 |     title = models.CharField(max_length=100)
56 |     slug = AutoSlugField(
57 |         populate_from="title",
58 |         editable=True,
59 |     )
60 | 
61 |     panels = [
62 |         FieldPanel("title"),
63 |         FieldPanel("slug"),
64 |         InlinePanel("menu_items", label="Menu Item"),
65 |     ]
66 | 
67 |     def __str__(self):
68 |         return self.title
69 | 
70 |     def save(self, **kwargs):
71 | 
72 |         key = make_template_fragment_key("site_header")
73 |         cache.delete(key)
74 | 
75 |         key = make_template_fragment_key("site_footer")
76 |         cache.delete(key)
77 | 
78 |         return super().save(**kwargs)
79 | 


--------------------------------------------------------------------------------
/menus/templatetags/menu_tags.py:
--------------------------------------------------------------------------------
 1 | from django import template
 2 | 
 3 | from ..models import Menu
 4 | 
 5 | register = template.Library()
 6 | 
 7 | 
 8 | @register.simple_tag()
 9 | def get_menu(slug):
10 |     try:
11 |         return Menu.objects.get(slug=slug)
12 |     except Menu.DoesNotExist:
13 |         return Menu.objects.none()
14 | 


--------------------------------------------------------------------------------
/menus/wagtail_hooks.py:
--------------------------------------------------------------------------------
 1 | from wagtail.contrib.modeladmin.options import ModelAdmin, modeladmin_register
 2 | 
 3 | from .models import Menu
 4 | 
 5 | 
 6 | @modeladmin_register
 7 | class MenuAdmin(ModelAdmin):
 8 |     model = Menu
 9 |     menu_label = "Menus"
10 |     menu_icon = "list-ul"
11 |     menu_order = 200
12 |     add_to_settings_menu = False
13 |     exclude_from_explorer = False
14 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "rocketman",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "scripts": {
 6 |     "js": "parcel watch frontend/js/src/index.js --out-dir rocketman/static/js/ --no-hmr",
 7 |     "js:prod": "parcel build frontend/js/src/index.js --out-dir rocketman/static/js/ --no-cache --no-source-maps",
 8 |     "sass": "parcel watch frontend/scss/bootstrap.scss --out-dir rocketman/static/css/ --no-hmr",
 9 |     "sass:prod": "parcel build frontend/scss/bootstrap.scss --out-dir rocketman/static/css/ --no-cache --no-source-maps",
10 |     "prod": "npm run js:prod && npm run sass:prod",
11 |     "watch": "npm run js & npm run sass"
12 |   },
13 |   "dependencies": {
14 |     "babel-core": "^6.26.3",
15 |     "babel-preset-env": "^1.7.0",
16 |     "bootstrap": "^4.4.1",
17 |     "jquery": "^3.4.1",
18 |     "node-sass": "^4.13.1",
19 |     "parcel": "^1.12.4",
20 |     "parcel-bundler": "^1.12.4",
21 |     "popper.js": "^1.16.1",
22 |     "sass": "^1.25.0"
23 |   },
24 |   "devDependencies": {
25 |     "@babel/core": "^7.8.4",
26 |     "@babel/preset-env": "^7.8.4"
27 |   },
28 |   "author": "Kalob Taulien"
29 | }
30 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | Django==2.2.10
2 | wagtail==2.8
3 | django-extensions==2.2.1
4 | django-widget-tweaks==1.4.5
5 | sentry-sdk==0.13.5
6 | django-debug-toolbar==2.2
7 | 


--------------------------------------------------------------------------------
/rocketman/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/__init__.py


--------------------------------------------------------------------------------
/rocketman/settings/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/settings/__init__.py


--------------------------------------------------------------------------------
/rocketman/settings/dev.py:
--------------------------------------------------------------------------------
 1 | from .base import *
 2 | 
 3 | # SECURITY WARNING: don't run with debug turned on in production!
 4 | DEBUG = True
 5 | 
 6 | # SECURITY WARNING: keep the secret key used in production secret!
 7 | SECRET_KEY = 's&b^c1)yoqisrlyz1x!dpzi-uzxs*&d7&9%$)ku*ik!et+tink'
 8 | 
 9 | # SECURITY WARNING: define the correct hosts in production!
10 | ALLOWED_HOSTS = ['*']
11 | 
12 | EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
13 | 
14 | INSTALLED_APPS += [
15 |     'debug_toolbar',
16 | ]
17 | 
18 | MIDDLEWARE += [
19 |     'debug_toolbar.middleware.DebugToolbarMiddleware',
20 | ]
21 | 
22 | INTERNAL_IPS = [
23 |     '127.0.0.1',
24 | ]
25 | 
26 | 
27 | try:
28 |     from .local import *
29 | except ImportError:
30 |     pass
31 | 


--------------------------------------------------------------------------------
/rocketman/settings/production.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | 
 3 | import sentry_sdk
 4 | from sentry_sdk.integrations.django import DjangoIntegration
 5 | 
 6 | from .base import *
 7 | 
 8 | DEBUG = False
 9 | SECRET_KEY = ''  # @todo get a key from here https://miniwebtool.com/django-secret-key-generator/
10 | ALLOWED_HOSTS = ['localhost', 'yourwebsite.com']  # @todo add your website url in here
11 | cwd = os.getcwd()
12 | CACHES = {
13 |     "default": {
14 |         "BACKEND": "django.core.cache.backends.filebased.FileBasedCache",
15 |         "LOCATION": f"{cwd}/.cache"
16 |     }
17 | }
18 | 
19 | DATABASES = {
20 |     "default": {
21 |         "ENGINE": 'django.db.backends.postgresql_psycopg2',
22 |         "NAME": 'rocketman',
23 |         "USER": 'rocketman',
24 |         "PASSWORD": 'xfHjB^F2p9s*zhqFT6cNx2',
25 |         "HOST": 'localhost',
26 |         "PORT": "",
27 |     }
28 | }
29 | 
30 | 
31 | sentry_sdk.init(
32 |     dsn="",  # @todo add your Sentry DSN key in here
33 |     integrations=[DjangoIntegration()],
34 | 
35 |     # If you wish to associate users to errors (assuming you are using
36 |     # django.contrib.auth) you may enable sending PII data.
37 |     send_default_pii=True
38 | )
39 | 
40 | try:
41 |     from .local import *
42 | except ImportError:
43 |     pass
44 | 


--------------------------------------------------------------------------------
/rocketman/static/images/contact-overlay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/static/images/contact-overlay.png


--------------------------------------------------------------------------------
/rocketman/static/images/facebook-og.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/static/images/facebook-og.png


--------------------------------------------------------------------------------
/rocketman/static/images/facebook.svg:
--------------------------------------------------------------------------------
 1 | <svg width="9px" height="17px" viewBox="0 0 9 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 |     <g id="Core:-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 3 |         <g id="Footer" transform="translate(-1230.000000, -84.000000)" fill="#FFFFFF" fill-rule="nonzero">
 4 |             <g id="Group" transform="translate(1230.000000, 83.000000)">
 5 |                 <g id="icon-facebook" transform="translate(0.000000, 1.000000)">
 6 |                     <path d="M6,9 L8.6,9 L9,6 L6,6 L6,4.3 C6,3.4 6.2,2.8 7.5,2.8 L9,2.8 L9,0.1 C8.7,0.1 8,0 6.9,0 C4.6,0 3,1.4 3,4 L3,6 L0.5,6 L0.5,9 L3,9 L3,17 L6,17 L6,9 Z" id="Shape"></path>
 7 |                 </g>
 8 |             </g>
 9 |         </g>
10 |     </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/rocketman/static/images/grey-pattern.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/static/images/grey-pattern.png


--------------------------------------------------------------------------------
/rocketman/static/images/instagram.svg:
--------------------------------------------------------------------------------
 1 | <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 |     <g id="Core:-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 3 |         <g id="Footer" transform="translate(-1289.000000, -83.000000)" fill="#FFFFFF" fill-rule="nonzero">
 4 |             <g id="Group" transform="translate(1230.000000, 83.000000)">
 5 |                 <g id="icon-instagram" transform="translate(59.000000, 0.000000)">
 6 |                     <g id="Group-4">
 7 |                         <path d="M12.55,0 L5.46,0 C2.45,0 -8.18900503e-13,2.44 -8.18900503e-13,5.44 L-8.18900503e-13,12.56 C-8.18900503e-13,15.56 2.45,18 5.46,18 L12.54,18 C15.56,18 18.0000305,15.56 18.0000305,12.56 L18.0000305,5.44 C18.01,2.44 15.56,0 12.55,0 Z M16.5,13 C16.5,14.93 14.93,16.5 13,16.5 L5,16.5 C3.07,16.5 1.5,14.93 1.5,13 L1.5,5 C1.5,3.07 3.07,1.5 5,1.5 L13,1.5 C14.93,1.5 16.5,3.07 16.5,5 L16.5,13 Z" id="Shape"></path>
 8 |                         <circle id="Oval" cx="13.87" cy="4.26" r="1.09"></circle>
 9 |                         <path d="M9.03,4.45 C6.48,4.45 4.4,6.51 4.4,9.05 C4.4,11.6 6.47,13.66 9.03,13.66 C11.59,13.66 13.66,11.599 13.66,9.05 C13.65,6.51 11.58,4.45 9.03,4.45 L9.03,4.45 L9.03,4.45 Z M9.08,12 C7.42,12 6.08,10.66 6.08,9.01 C6.08,7.36 7.42,6.02 9.08,6.02 C10.74,6.02 12.08,7.36 12.08,9.01 C12.08,10.66 10.74,12 9.08,12 L9.08,12 L9.08,12 Z" id="Shape"></path>
10 |                     </g>
11 |                 </g>
12 |             </g>
13 |         </g>
14 |     </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/rocketman/static/images/link-arrow.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
 4 |     <title>Fill 1</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <g id="Design" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 7 |         <g id="Home" transform="translate(-513.000000, -1623.000000)" fill="#814EBF">
 8 |             <g id="Group-10" transform="translate(357.000000, 1617.000000)">
 9 |                 <path d="M160.919216,10.7909266 L156.474718,6.08501927 C156.422634,6.02987192 156.353183,6 156.277238,6 C156.201293,6 156.134003,6.02987192 156.079758,6.08731693 C156.027674,6.14246429 155.999461,6.21599997 155.999461,6.29641216 C155.999461,6.37683494 156.027674,6.44807179 156.079758,6.50550739 L160.32892,11 L156.081869,15.4990845 C156.029785,15.5542319 156.001572,15.6277676 156.001572,15.7058856 C156.001572,15.7840036 156.029785,15.8575451 156.084039,15.9149807 C156.136123,15.9701281 156.205574,16 156.281519,16 C156.357474,16 156.424754,15.9701281 156.478999,15.9149807 L160.923497,11.2090735 C161.025495,11.0941835 161.025495,10.905766 160.919157,10.7908713 L160.919216,10.7909266 Z" id="Fill-1"></path>
10 |             </g>
11 |         </g>
12 |     </g>
13 | </svg>


--------------------------------------------------------------------------------
/rocketman/static/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/static/images/logo.png


--------------------------------------------------------------------------------
/rocketman/static/images/snapchat.svg:
--------------------------------------------------------------------------------
 1 | <svg width="18px" height="18px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 2 | 	 viewBox="0 0 468.339 468.339" style="enable-background:new 0 0 468.339 468.339;" xml:space="preserve">
 3 | <path style="fill:#ffffff;" d="M233.962,33.724c62.857,0.021,115.216,52.351,115.292,115.36c0.018,14.758,0.473,28.348,1.306,40.867
 4 | 	c0.514,7.724,6.938,13.448,14.305,13.448c1.085,0,2.19-0.124,3.3-0.384l19.691-4.616c0.838-0.197,1.679-0.291,2.51-0.291
 5 | 	c5.001,0,9.606,3.417,10.729,8.478c1.587,7.152-2.42,14.378-9.35,16.808l-29.89,12.066c-7.546,3.046-11.599,11.259-9.474,19.115
 6 | 	c23.98,88.654,90.959,79.434,90.959,90.984c0,14.504-50.485,16.552-55.046,21.114s-0.198,26.701-10.389,30.987
 7 | 	c-1.921,0.808-4.65,1.089-7.979,1.089c-7.676,0-18.532-1.498-29.974-1.498c-9.925,0-20.291,1.127-29.404,5.337
 8 | 	c-24.176,11.168-47.484,32.028-76.378,32.028s-52.202-20.86-76.378-32.028c-9.115-4.211-19.478-5.337-29.404-5.337
 9 | 	c-11.441,0-22.299,1.498-29.974,1.498c-3.327,0-6.059-0.282-7.979-1.089c-10.191-4.286-5.828-26.425-10.389-30.987
10 | 	S25,360.062,25,345.558c0-11.551,66.979-2.331,90.959-90.984c2.125-7.855-1.928-16.068-9.475-19.115l-29.89-12.066
11 | 	c-6.931-2.43-10.938-9.656-9.35-16.808c1.123-5.062,5.728-8.479,10.729-8.478c0.83,0,1.672,0.094,2.51,0.291l19.691,4.616
12 | 	c1.11,0.26,2.215,0.384,3.3,0.384c7.366,0,13.791-5.725,14.305-13.448c0.833-12.519,1.289-26.109,1.307-40.867
13 | 	C119.162,86.075,171.104,33.746,233.962,33.724 M233.97,8.724h-0.009h-0.009C215.19,8.73,196.913,12.5,179.631,19.93
14 | 	c-16.589,7.131-31.519,17.299-44.375,30.222c-12.839,12.906-22.943,27.889-30.031,44.533c-7.37,17.307-11.118,35.599-11.141,54.368
15 | 	c-0.011,9.215-0.202,18.158-0.57,26.722l-7.326-1.718c-2.688-0.63-5.452-0.95-8.213-0.951c-7.973-0.001-15.838,2.694-22.146,7.588
16 | 	c-6.581,5.106-11.196,12.377-12.993,20.474c-4.277,19.273,6.365,38.73,24.807,45.572l21.937,8.855
17 | 	c-14.526,44.586-41.311,53.13-59.348,58.885c-4.786,1.527-8.92,2.846-12.856,4.799C1.693,327.063,0,340.25,0,345.558
18 | 	c0,10.167,4.812,19.445,13.551,26.124c4.351,3.326,9.741,6.07,16.477,8.389c9.181,3.161,19.824,5.167,28.474,6.775
19 | 	c0.418,3.205,1.031,6.648,2.064,10.118c4.289,14.411,13.34,20.864,20.178,23.739c6.488,2.729,13.192,3.044,17.67,3.044
20 | 	c4.38,0,9.01-0.343,13.912-0.706c5.259-0.39,10.697-0.792,16.062-0.792c8.314,0,14.503,0.992,18.92,3.032
21 | 	c6.065,2.802,12.497,6.58,19.307,10.579c18.958,11.134,40.445,23.754,67.555,23.754s48.596-12.62,67.554-23.754
22 | 	c6.81-4,13.242-7.777,19.308-10.579c4.417-2.041,10.606-3.032,18.92-3.032c5.365,0,10.803,0.403,16.061,0.792
23 | 	c4.902,0.363,9.532,0.706,13.912,0.706c4.478,0,11.181-0.315,17.67-3.044c6.838-2.875,15.889-9.328,20.178-23.739
24 | 	c1.033-3.47,1.647-6.913,2.064-10.118c8.65-1.609,19.294-3.614,28.474-6.775c6.737-2.319,12.126-5.063,16.477-8.389
25 | 	c8.738-6.679,13.551-15.957,13.551-26.124c0-5.308-1.693-18.495-17.378-26.278c-3.936-1.953-8.07-3.272-12.856-4.799
26 | 	c-18.037-5.754-44.822-14.299-59.348-58.885l21.936-8.855c18.442-6.842,29.085-26.3,24.808-45.573
27 | 	c-1.797-8.097-6.412-15.368-12.993-20.474c-6.308-4.893-14.171-7.588-22.142-7.588c-2.761,0-5.525,0.32-8.215,0.95l-7.327,1.718
28 | 	c-0.368-8.563-0.559-17.506-0.57-26.722c-0.023-18.784-3.801-37.094-11.23-54.424c-7.131-16.636-17.29-31.615-30.194-44.522
29 | 	c-12.903-12.906-27.875-23.063-44.498-30.188C271.017,12.497,252.727,8.731,233.97,8.724L233.97,8.724z"/>
30 | </svg>
31 | 


--------------------------------------------------------------------------------
/rocketman/static/images/twitter-og.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/rocketman/static/images/twitter-og.png


--------------------------------------------------------------------------------
/rocketman/static/images/twitter.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg width="18px" height="15px" viewBox="0 0 18 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
 4 |     <title>icon-twitter</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <g id="Core:-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 7 |         <g id="Footer" transform="translate(-1255.000000, -85.000000)" fill="#FFFFFF" fill-rule="nonzero">
 8 |             <g id="Group" transform="translate(1230.000000, 83.000000)">
 9 |                 <g id="icon-twitter" transform="translate(25.000000, 2.000000)">
10 |                     <path d="M18,1.74 C17.339,2.029 16.626,2.229 15.881,2.32 C16.644,1.86 17.227,1.139 17.503,0.28 C16.79,0.7 16.001,1.009 15.159,1.17 C14.485,0.45 13.526,0 12.464,0 C10.423,0 8.771,1.66 8.771,3.7 C8.771,3.99 8.804,4.269 8.868,4.539 C5.795,4.38 3.076,2.919 1.254,0.679 C0.936,1.219 0.754,1.86 0.754,2.539 C0.754,3.82 1.405,4.95 2.397,5.61 C1.79,5.589 1.22,5.429 0.723,5.149 L0.723,5.189 C0.723,6.978 1.997,8.478 3.686,8.82 C3.376,8.899 3.049,8.939 2.713,8.939 C2.475,8.939 2.245,8.919 2.018,8.88 C2.49,10.349 3.852,11.419 5.469,11.449 C4.205,12.429 2.612,13.019 0.882,13.019 C0.583,13.019 0.29,13.009 0,12.969 C1.635,14.019 3.576,14.629 5.662,14.629 C12.454,14.629 16.17,9 16.17,4.129 C16.17,3.969 16.166,3.809 16.157,3.649 C16.879,3.129 17.504,2.478 18,1.74" id="Shape"></path>
11 |                 </g>
12 |             </g>
13 |         </g>
14 |     </g>
15 | </svg>


--------------------------------------------------------------------------------
/rocketman/static/images/youtube.svg:
--------------------------------------------------------------------------------
 1 | <svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 |     <g id="Core:-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 3 |         <g id="Footer" transform="translate(-1323.000000, -85.000000)" fill="#FFFFFF" fill-rule="nonzero">
 4 |             <g id="Group" transform="translate(1230.000000, 83.000000)">
 5 |                 <g id="icon-youtube" transform="translate(93.000000, 2.000000)">
 6 |                     <path d="M14,0.1 C15,0.2 16.3,0.1 17,0.9 C17.8,1.7 17.9,3 17.9,4 C18,5.2 18,6.9 18,8 C17.9,9.1 18,10.4 17.5,11.4 C17,12.5 16.1,12.9 15,13 C13.8,13.1 6.4,13.1 4,13 C2.9,12.9 1.6,12.9 0.8,12 C0.1,11.2 0.1,10 -2.22044605e-16,9 C-2.22044605e-16,7.8 -2.22044605e-16,6.1 -2.22044605e-16,4.9 C-2.22044605e-16,3.8 -2.22044605e-16,2.5 0.5,1.5 C1,0.5 2,0.3 3.1,0.2 C4.3,0.1 11.6,-2.22044605e-16 14,0.1 Z M7,3.5 L7,9.5 L12.5,6.5 L7,3.5 Z" id="Shape"></path>
 7 |                 </g>
 8 |             </g>
 9 |         </g>
10 |     </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/rocketman/templates/404.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block body_class %}template-404{% endblock %}
 4 | 
 5 | {% block content %}
 6 |     <h1>Page not found</h1>
 7 | 
 8 |     <h2>Sorry, this page could not be found.</h2>
 9 | {% endblock %}
10 | 


--------------------------------------------------------------------------------
/rocketman/templates/500.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html class="no-js">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <title>Internal server error</title>
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     </head>
 8 |     <body>
 9 |         <h1>Internal server error</h1>
10 | 
11 |         <h2>Sorry, there seems to be an error. Please try again soon.</h2>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/rocketman/templates/base.html:
--------------------------------------------------------------------------------
 1 | {% load static wagtailuserbar %}
 2 | 
 3 | <!DOCTYPE html>
 4 | <html lang="en">
 5 |     <head>
 6 |         <meta charset="utf-8" />
 7 |         <title>
 8 |             {% block title %}
 9 |                 {% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}
10 |             {% endblock %}
11 |             {% block title_suffix %}
12 |                 {% with self.get_site.site_name as site_name %}
13 |                     {% if site_name %}- {{ site_name }}{% endif %}
14 |                 {% endwith %}
15 |             {% endblock %}
16 |         </title>
17 |         <meta name="description" content="{% if self.search_description %}{{ self.search_description }}{% else %}The best re-usable rocket performance maintenance service on Earth.{% endif %}" />
18 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
19 | 
20 |         <meta property="og:title" content="{% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}{% with self.get_site.site_name as site_name %}{% if site_name %}- {{ site_name }}{% endif %}{% endwith %}" />
21 |         <meta property="og:type" content="website" />
22 |         <meta property="og:url" content="//{{ request.site.hostname }}" />
23 |         <meta property="og:image" content="//{{ request.site.hostname }}{% static 'images/facebook-og.png' %}" />
24 |         <meta property="og:description" content="{% if self.search_description %}{{ self.search_description }}{% else %}The best re-usable rocket performance maintenance service on Earth.{% endif %}" />
25 |         <meta property="og:site_name" content="Rocketman" />
26 | 
27 |         <meta name="twitter:card" content="summary_large_image">
28 |         <meta name="twitter:title" content="{% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %} | {{ request.site.site_name }}">
29 |         <meta name="twitter:description" content="{% if self.search_description %}{{ self.search_description }}{% else %}The best re-usable rocket performance maintenance service on Earth.{% endif %}">
30 |         <meta name="twitter:image:src" content="//{{ request.site.hostname }}{% static 'images/twitter-og.png' %}">
31 | 
32 | 
33 |         {# Global stylesheets #}
34 |         <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}">
35 | 
36 |         {% block extra_css %}
37 |             {# Override this in templates to add extra stylesheets #}
38 |         {% endblock %}
39 |     </head>
40 | 
41 |     <body>
42 |         {% wagtailuserbar %}
43 | 
44 |         {% include "includes/header.html" %}
45 | 
46 |         {% block banner %}{% endblock %}
47 | 
48 |         <main id="content" class="container my-4" role="main">
49 |           {% block content %}{% endblock %}
50 |         </main>
51 | 
52 |         {% include "includes/footer.html" %}
53 | 
54 |         {# Global javascript #}
55 |         <script type="text/javascript" src="{% static 'js/index.js' %}"></script>
56 | 
57 |         {% block extra_js %}
58 |             {# Override this in templates to add extra javascript #}
59 |         {% endblock %}
60 |     </body>
61 | </html>
62 | 


--------------------------------------------------------------------------------
/rocketman/templates/contact/contact_page.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | {% load wagtailcore_tags wagtailimages_tags widget_tweaks %}
 3 | 
 4 | {% block content %}
 5 |   <div class="row">
 6 |     <div class="col">
 7 |       <h1 class="cc-inner-title">{{ page.title }}</h1>
 8 |     </div>
 9 |   </div>
10 | 
11 |   <div class="row">
12 |     <div class="col-md-6">
13 |       <div class="cc-contact-text">
14 |         {{ page.intro|richtext }}
15 |       </div>
16 |       <div class="d-none d-md-block">
17 |         <a href="{{ page.map_url }}" target='_blank'>
18 |           <picture>
19 |             {% image page.map_image fill-580x335 as img %}
20 |             <img src="{{ img.url }}" alt="{{ img.alt }}" style='width: 100%; height: auto;'>
21 |           </picture>
22 |         </a>
23 |       </div>
24 |     </div>
25 |     <div class="col-md-6 mt-md-2 mt-0">
26 |       <form action="{% pageurl page %}" method="POST" role="form">
27 |         {% csrf_token %}
28 | 
29 |           {% for field in form %}
30 |             <div class="row">
31 |                 <div class="col-sm-12">
32 |                   {% if field|widget_type == 'textarea' %}
33 |                     <div class="form-group">
34 |                       <label for="{{ field.id_for_label }}">
35 |                         {{ field.label }}
36 |                         {% if field.field.required %}(required){% endif %}
37 |                       </label>
38 |                       {% render_field field class+="form-control" rows="6" placeholder=field.label %}
39 |                       {% if field.errors %}
40 |                         <small class="d-block text-danger text-small cc-font-light">
41 |                           {% for err in field.errors %}
42 |                             * {{ err|escape }}{% if not forloop.last %}<br />{% endif %}
43 |                           {% endfor %}
44 |                         </small>
45 |                       {% endif %}
46 |                       {% if field.help_text %}
47 |                         <small class="form-text text-muted cc-font-light">{{ field.help_text|safe }}</small>
48 |                       {% endif %}
49 |                     </div>
50 |                   {% else %}
51 |                     {% if field.label != '' %}
52 |                       <div class="form-group">
53 |                         <label for="{{ field.id_for_label }}">
54 |                           {{ field.label }}
55 |                           {% if field.field.required %}(required){% endif %}
56 |                         </label>
57 |                         {% render_field field class+="form-control" placeholder=field.label %}
58 |                         {% if field.errors %}
59 |                           <small class="d-block text-danger text-small cc-font-light">
60 |                             {% for err in field.errors %}
61 |                               * {{ err|escape }}{% if not forloop.last %}<br />{% endif %}
62 |                             {% endfor %}
63 |                           </small>
64 |                         {% endif %}
65 |                         {% if field.help_text %}
66 |                           <small class="form-text text-muted cc-font-light">{{ field.help_text|safe }}</small>
67 |                         {% endif %}
68 |                       </div>
69 |                     {% endif %}
70 |                   {% endif %}
71 |                 </div>
72 |             </div>
73 |           {% endfor %}
74 | 
75 |         <button type="submit" class="btn btn-primary btn-lg" style='padding-left: 3.5rem; padding-right: 3.5rem;'>Submit</button>
76 |       </form>
77 |     </div>
78 |   </div>
79 | {% endblock %}
80 | 


--------------------------------------------------------------------------------
/rocketman/templates/contact/contact_page_landing.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | {% load wagtailcore_tags %}
 3 | 
 4 | {% block content %}
 5 |   <div class="row">
 6 |     <div class="col">
 7 |       <h1 class="cc-inner-title">{{ page.title }}</h1>
 8 |     </div>
 9 |   </div>
10 | 
11 |   <div class="row">
12 |     <div class="col-md-6">
13 |       <div class="cc-contact-text cc-contact-text--submitted">
14 |         {{ self.thank_you_text|richtext }}
15 | 
16 |         <a href="/" class="btn btn-primary btn-lg mb-3">
17 |           Continue &rarr;
18 |         </a>
19 |       </div>
20 |     </div>
21 |   </div>
22 | {% endblock %}
23 | 


--------------------------------------------------------------------------------
/rocketman/templates/flex/flex_page.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | {% load wagtailcore_tags %}
 3 | 
 4 | 
 5 | {% block content %}
 6 |   <div class="row">
 7 |     <div class="col-md-8 offset-md-2">
 8 |       <h1 class="cc-inner-title">{{ page.title }}</h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   {% for block in page.body %}
13 |     {% include_block block %}
14 |   {% endfor %}
15 | {% endblock content %}
16 | 


--------------------------------------------------------------------------------
/rocketman/templates/includes/footer.html:
--------------------------------------------------------------------------------
 1 | {% load static menu_tags wagtailcore_tags cache %}
 2 | {% get_menu "header" as navigation %}
 3 | 
 4 | {% cache 2592000 footer_cta_settings %}
 5 |   <section class="py-4 mt-lg-5 mt-0" style='background-color: #814EBF; background-image: url("{% static 'images/contact-overlay.png' %}");'>
 6 |     <div class="container">
 7 |       <div class="row align-items-center">
 8 |         <div class="col-lg-8 text-lg-left text-center">
 9 |           <h2 class="h2 cc-contact-footer-h2">
10 |             {{ settings.site_settings.FooterCTASettings.title }}
11 |           </h2>
12 |           <p class="cc-contact-footer-p mb-0">
13 |             {{ settings.site_settings.FooterCTASettings.subtitle }}
14 |           </p>
15 |         </div>
16 |         <div class="col-lg-4 text-lg-right text-center">
17 |           <a href="{% if settings.site_settings.FooterCTASettings.button_internal_page %}{{ settings.site_settings.FooterCTASettings.button_internal_page.url }}{% elif settings.site_settings.FooterCTASettings.button_external_page %}{{ settings.site_settings.FooterCTASettings.button_external_page }}{% else %}/{% endif %}" class="btn btn-light btn-lg mt-lg-0 mt-3">
18 |             {{ settings.site_settings.FooterCTASettings.button_text }}
19 |           </a>
20 |         </div>
21 |       </div>
22 |     </div>
23 |   </section>
24 | {% endcache %}
25 | 
26 | 
27 | <footer class="bg-dark py-4 text-light text-md-left text-center cc-footer" >
28 |   <div class="container">
29 |     <div class="row mx-lg-n3">
30 |       <div class="px-lg-3 col-lg-3 col-md-6 col-sm-12">
31 |         <div class="cc-footer-title">Links</div>
32 |         {% cache 2592000 site_footer %}
33 |           {% for item in navigation.menu_items.all %}
34 |             <a class="cc-footer-link-lg d-block" href="{{ item.link }}" {% if item.open_in_new_tab %}target="_blank"{% endif %}>
35 |               {{ item.title }}
36 |             </a>
37 |           {% endfor %}
38 |         {% endcache %}
39 |       </div>
40 |         <div class="px-lg-2 col-lg-3 col-md-6 col-sm-12">
41 |           <div class="cc-footer-title">Contact Us</div>
42 |           {{ settings.site_settings.ContactSettings.contact|richtext }}
43 |         </div>
44 |         <div class="px-lg-4 col-lg-3 col-md-6 col-sm-12">
45 |           <div class="cc-footer-title">Hours</div>
46 |           {{ settings.site_settings.HoursSettings.hours|richtext }}
47 |         </div>
48 |         <div class="px-lg-3 col-lg-3 col-md-6 col-sm-12">
49 |           {% cache 2592000 footer_social_settings %}
50 |             {% if settings.site_settings.SocialMediaSettings.facebook %}
51 |               <a href="{{ settings.site_settings.SocialMediaSettings.facebook }}" class="cc-footer-social-icon">
52 |                 <img src="{% static 'images/facebook.svg' %}" alt="Facebook">
53 |               </a>
54 |             {% endif %}
55 |             {% if settings.site_settings.SocialMediaSettings.twitter %}
56 |               <a href="{{ settings.site_settings.SocialMediaSettings.twitter }}" class="cc-footer-social-icon">
57 |                 <img src="{% static 'images/twitter.svg' %}" alt="Twitter">
58 |               </a>
59 |             {% endif %}
60 |             {% if settings.site_settings.SocialMediaSettings.instagram %}
61 |               <a href="{{ settings.site_settings.SocialMediaSettings.instagram }}" class="cc-footer-social-icon">
62 |                 <img src="{% static 'images/instagram.svg' %}" alt="Instagram">
63 |               </a>
64 |             {% endif %}
65 |             {% if settings.site_settings.SocialMediaSettings.youtube %}
66 |               <a href="{{ settings.site_settings.SocialMediaSettings.youtube }}" class="cc-footer-social-icon">
67 |                 <img src="{% static 'images/youtube.svg' %}" alt="YouTube">
68 |               </a>
69 |             {% endif %}
70 |           {% endcache %}
71 |           <div class="cc-footer-copy">&copy; {% now "Y" %} Rocketman</div>
72 |       </div>
73 |     </div>
74 |   </div>
75 | </footer>
76 | 


--------------------------------------------------------------------------------
/rocketman/templates/includes/header.html:
--------------------------------------------------------------------------------
 1 | {% load static menu_tags cache %}
 2 | {% get_menu "header" as navigation %}
 3 | 
 4 | 
 5 | <nav class="navbar navbar-expand-lg navbar-light">
 6 |   <div class="container">
 7 |     <a class="navbar-brand" href="/">
 8 |       <img src="{% static 'images/logo.png' %}" alt="Rocketman">
 9 |     </a>
10 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
11 |       <span class="navbar-toggler-icon"></span>
12 |     </button>
13 |     <div class="collapse navbar-collapse" id="navbarMenu">
14 |       <ul class="navbar-nav ml-auto">
15 |         {% cache 2592000 site_header %}
16 |           {% for item in navigation.menu_items.all %}
17 |             <li class="nav-item active">
18 |               <a class="nav-link" href="{{ item.link }}" {% if item.open_in_new_tab %}target="_blank"{% endif %}>
19 |                 {{ item.title }}
20 |               </a>
21 |             </li>
22 |           {% endfor %}
23 |         {% endcache %}
24 |       </ul>
25 |     </div>
26 |   </div>
27 | </nav>
28 | 


--------------------------------------------------------------------------------
/rocketman/templates/services/service_listing_page.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | {% load wagtailimages_tags %}
 3 | 
 4 | 
 5 | {% block content %}
 6 |   <div class="row">
 7 |     <div class="col-sm-12">
 8 |       <h1 class="cc-inner-title">{{ page.title }}</h1>
 9 |       {% if page.subtitle %}
10 |         <p class="cc-inner-subtitle">{{ page.subtitle }}</p>
11 |       {% endif %}
12 |     </div>
13 |   </div>
14 | 
15 |   <div class="row mt-4">
16 |     {% for card in services %}
17 |     <div class="col-md-6 d-flex align-items-stretch">
18 |       <div class="card mb-3 text-center">
19 |         <a href="{{ card.url }}">
20 |           <picture>
21 |             {% image card.service_image fill-573x369 as card_img %}
22 |             <img src="{{ card_img.url }}" alt="{{ card_img.alt }}" class="lazy card-img-top">
23 |           </picture>
24 |         </a>
25 |         <div class="card-body py-3 px-3">
26 |           <a href="{{ card.url }}">
27 |             <h5 class="card-title">{{ card.title }}</h5>
28 |             {% if card.description %}
29 |               <p class="card-description">{{ card.description }}</p>
30 |             {% endif %}
31 |           </a>
32 | 
33 |           <p class="card-text">
34 |             <a href="{{ card.url }}" class="btn btn-link d-inline">More Details</a>
35 |           </p>
36 |         </div>
37 |       </div>
38 |     </div>
39 |     {% endfor %}
40 |   </div>
41 | 
42 | {% endblock %}
43 | 


--------------------------------------------------------------------------------
/rocketman/templates/services/service_page.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | {% load wagtailimages_tags wagtailcore_tags %}
 3 | 
 4 | 
 5 | {% block content %}
 6 |   <div class="row mb-3">
 7 |     <div class="col-lg-6">
 8 |       <h1 class="cc-inner-title">{{ page.title }}</h1>
 9 |       <p class="cc-inner-subtitle cc-service-subtitle">
10 |         {{ page.description }}
11 |       </p>
12 | 
13 |       {% if page.internal_page or page.external_page %}
14 |         <a href="{% if page.internal_page %}{{ page.internal_page.url }}{% elif page.external_page %}{{ page.external_page }}{% else %}#{% endif %}" class="btn btn-primary btn-lg mb-2 mb-lg-0">
15 |           {{ page.button_text }}
16 |         </a>
17 |       {% endif %}
18 |     </div>
19 |     <div class="col-lg-6">
20 |       <picture>
21 |         {% image page.service_image fill-573x369 as img %}
22 |         <img src="{{ img.url }}" style='width: 100%; height: auto;' alt="{{ img.alt }}">
23 |       </picture>
24 |     </div>
25 |   </div>
26 | 
27 |   {% for block in page.body %}
28 |     {% include_block block %}
29 |   {% endfor %}
30 | {% endblock %}
31 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/call_to_action_block.html:
--------------------------------------------------------------------------------
 1 | <!-- Call to Action Block -->
 2 | <div class="my-md-4 my-2">
 3 |   <div class="row text-center">
 4 |     <div class="col">
 5 |       <h3 class="cc-cta-title">{{ self.title }}</h3>
 6 |       <a href="{{ self.link.url }}" class="btn btn-primary btn-lg" style='padding-left: 3rem; padding-right: 3rem;'>{{ self.link.link_text }}</a>
 7 |     </div>
 8 |   </div>
 9 | </div>
10 | <!-- End Call to Action Block -->
11 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/cards_block.html:
--------------------------------------------------------------------------------
 1 | {% load wagtailimages_tags %}
 2 | 
 3 | <!-- Cards Block -->
 4 | <div class="row justify-content-center">
 5 |   {% for card in self.cards %}
 6 |     <div class="col-md-6 d-flex align-items-stretch{% if not forloop.first %} mt-4 mt-md-0{% endif %}">
 7 |       <div class="card mb-3 text-center">
 8 |         {% if card.link.url %}<a href="{{ card.link.url }}">{% endif %}
 9 |           <picture>
10 |             {% image card.image fill-570x370 as img %}
11 |             <img src="{{ img.url }}" class="card-img-top" alt="{{ img.alt }}">
12 |           </picture>
13 |         {% if card.link.url %}</a>{% endif %}
14 |         <div class="card-body py-3 px-3">
15 |           {% if card.link.url %}<a href="{{ card.link.url }}">{% endif %}
16 |             <h5 class="card-title">
17 |               {{ card.title }}
18 |             </h5>
19 |             {% if card.text %}
20 |               <p class="card-text">{{ card.text }}</p>
21 |             {% endif %}
22 |           {% if card.link.url %}</a>{% endif %}
23 | 
24 |           <p class="card-text">
25 |             {% if card.link.url %}<a href="{{ card.link.url }}" class="btn btn-link d-inline">{% endif %}
26 |               {{ card.link.link_text }}
27 |             {% if card.link.url %}</a>{% endif %}
28 |           </p>
29 | 
30 |         </div>
31 |       </div>
32 |     </div>
33 |   {% endfor %}
34 | </div>
35 | <!-- End Cards Block -->
36 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/image_and_text_block.html:
--------------------------------------------------------------------------------
 1 | {% load static wagtailimages_tags %}
 2 | 
 3 | <!-- Image and Text Block -->
 4 | <div class="my-4">
 5 |   <div class="row">
 6 |     <div class="col-sm-12">
 7 |       <div class='cc-iat cc-iat--{{ self.image_alignment }}'>
 8 |         <div class="cc-iat-image">
 9 |           {% if self.link.url %}
10 |             <a href="{{ self.link.url }}" class="d-block">
11 |           {% endif %}
12 |             <picture>
13 |               {% image self.image fill-786x552 as img %}
14 |               <img src="{{ img.url }}" alt="{{ img.alt }}" style='width: 100%; height: auto;'>
15 |             </picture>
16 |           {% if self.link.url %}
17 |             </a>
18 |           {% endif %}
19 |         </div>
20 |         <div class="cc-iat-image-content" style='background-image: url("{% static 'images/grey-pattern.png' %}")'>
21 |           <h3 class="cc-iat-title">{{ self.title }}</h3>
22 |           {% if self.text %}
23 |             <p class="cc-iat-text">
24 |               {{ self.text }}
25 |             </p>
26 |           {% endif %}
27 | 
28 |           {% if self.link.url %}
29 |             <a href="{{ self.link.url }}" class="btn btn-light btn-lg" style='padding-left: 3rem; padding-right: 3rem;'>
30 |               {{ self.link.link_text }}
31 |             </a>
32 |           {% endif %}
33 |         </div>
34 |       </div>
35 |     </div>
36 |   </div>
37 | </div>
38 | <!-- End Image and Text Block -->
39 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/large_image_block.html:
--------------------------------------------------------------------------------
 1 | {% load wagtailimages_tags %}
 2 | 
 3 | {% image self fill-1200x775 as img %}
 4 | {% image self fill-1200x775 format-webp as webp_img %}
 5 | 
 6 | 
 7 | <div class="row my-4">
 8 |   <div class="col-sm-12">
 9 |     <picture>
10 |       <source srcset="{{ webp_img.url }}" type="image/webp">
11 |       <img src="{{ img.url }}" alt="{{ img.alt }}" style='width: 100%; height: auto;'>
12 |     </picture>
13 |   </div>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/pricing_table_block.html:
--------------------------------------------------------------------------------
 1 | {% load wagtailimages_tags table_block_tags %}
 2 | 
 3 | <!-- Pricing Table Block -->
 4 | <div class="table-responsive d-block my-4">
 5 |   <table role="table" class="table">
 6 |       {% if table_header %}
 7 |           <thead>
 8 |               <tr>
 9 |                   {% for column in table_header %}
10 |                       {% with forloop.counter0 as col_index %}
11 |                           <th style='{% if col_index == 0 %}min-width: 300px;{% else %}min-width: 170px;{% endif %} text-align: center;' scope="col" {% cell_classname 0 col_index %}>
12 |                               {% if column.strip %}
13 |                                   {% if html_renderer %}
14 |                                       {{ column.strip|safe|linebreaksbr }}
15 |                                   {% else %}
16 |                                       {{ column.strip|linebreaksbr }}
17 |                                   {% endif %}
18 |                               {% endif %}
19 |                           </th>
20 |                       {% endwith %}
21 |                   {% endfor %}
22 |               </tr>
23 |           </thead>
24 |       {% endif %}
25 |       <tbody>
26 |       {% for row in data %}
27 |         {% with forloop.counter0 as row_index %}
28 |             <tr>
29 |                 {% for column in row %}
30 |                     {% with forloop.counter0 as col_index %}
31 |                         {% if first_col_is_header and forloop.first %}
32 |                             <th scope="row" {% if col_index > 0 %} class="text-center"{% endif %} {% cell_classname row_index col_index table_header %}>
33 |                                 {% if column.strip %}
34 |                                     {% if html_renderer %}
35 |                                         {{ column.strip|safe|linebreaksbr }}
36 |                                     {% else %}
37 |                                         {{ column.strip|linebreaksbr }}
38 |                                     {% endif %}
39 |                                 {% endif %}
40 |                             </th>
41 |                         {% else %}
42 |                             <td {% if col_index > 0 %} class="text-center"{% endif %} {% cell_classname row_index col_index table_header %}>
43 |                                 {% if column.strip %}
44 |                                     {% if html_renderer %}
45 |                                         {{ column.strip|safe|linebreaksbr }}
46 |                                     {% else %}
47 |                                         {{ column.strip|linebreaksbr }}
48 |                                     {% endif %}
49 |                                 {% endif %}
50 |                             </td>
51 |                         {% endif %}
52 |                     {% endwith %}
53 |                 {% endfor %}
54 |             </tr>
55 |         {% endwith %}
56 |       {% endfor %}
57 |       </tbody>
58 |   </table>
59 | </div>
60 | <!-- End Pricing Table Block -->
61 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/simple_richtext_block.html:
--------------------------------------------------------------------------------
 1 | <!-- Simple RichText Block -->
 2 | <div class="row">
 3 |   <div class="col-md-8 offset-md-2">
 4 |     <div class="cc-simple-richtext">
 5 |       {{ self }}
 6 |     </div>
 7 |   </div>
 8 | </div>
 9 | <!-- End Simple RichText Block -->
10 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/testimonial_block.html:
--------------------------------------------------------------------------------
 1 | <!-- Testimonial Block -->
 2 | <div class="pt-4">
 3 |   <div class="row">
 4 |     <div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 text-center">
 5 |       <h3 class="cc-testimonial-title mb-0">{{ self.quote }}</h3>
 6 |       <p class="cc-testimonial-attribution mb-0">
 7 |         &mdash; {{ self.attribution }}
 8 |       </p>
 9 |     </div>
10 |   </div>
11 | </div>
12 | <!-- End Testimonial Block -->
13 | 


--------------------------------------------------------------------------------
/rocketman/templates/streams/title_block.html:
--------------------------------------------------------------------------------
 1 | <!-- Title Block -->
 2 | <div class="row text-center cc-title-block">
 3 |   <div class="col">
 4 |     <h3 class="cc-title-title mb-0">
 5 |       {{ value.text }}
 6 |     </h3>
 7 |   </div>
 8 | </div>
 9 | <!-- End Title Block -->
10 | 


--------------------------------------------------------------------------------
/rocketman/templates/wagtailadmin/base.html:
--------------------------------------------------------------------------------
1 | {% extends "wagtailadmin/base.html" %}
2 | {% load static %}
3 | 
4 | {% comment %}
5 | {% block branding_logo %}
6 |   <img src="{% static 'images/logo.png' %}" alt="Rocketman Logo">
7 | {% endblock branding_logo %}
8 | {% endcomment %}
9 | 


--------------------------------------------------------------------------------
/rocketman/urls.py:
--------------------------------------------------------------------------------
 1 | from django.conf import settings
 2 | from django.conf.urls import include, url
 3 | from django.contrib import admin
 4 | 
 5 | from wagtail.admin import urls as wagtailadmin_urls
 6 | from wagtail.contrib.sitemaps.views import sitemap
 7 | from wagtail.core import urls as wagtail_urls
 8 | from wagtail.documents import urls as wagtaildocs_urls
 9 | 
10 | urlpatterns = [
11 |     url(r'^admin/', include(wagtailadmin_urls)),
12 |     url(r'^documents/', include(wagtaildocs_urls)),
13 | 
14 |     url(r'^sitemap.xml$', sitemap),
15 |     # For anything not caught by a more specific rule above, hand over to
16 |     # Wagtail's page serving mechanism. This should be the last pattern in
17 |     # the list:
18 |     url(r'', include(wagtail_urls)),
19 | 
20 |     # Alternatively, if you want Wagtail pages to be served from a subpath
21 |     # of your site, rather than the site root:
22 |     #    url(r'^pages/', include(wagtail_urls)),
23 | ]
24 | 
25 | 
26 | if settings.DEBUG:
27 |     import debug_toolbar
28 | 
29 |     from django.conf.urls.static import static
30 |     from django.contrib.staticfiles.urls import staticfiles_urlpatterns
31 | 
32 |     # Serve static and media files from development server
33 |     urlpatterns += staticfiles_urlpatterns()
34 |     urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
35 |     from django.urls import include, path
36 | 
37 |     urlpatterns = [
38 |         path('__debug__/', include(debug_toolbar.urls)),
39 |     ] + urlpatterns
40 | 


--------------------------------------------------------------------------------
/rocketman/wsgi.py:
--------------------------------------------------------------------------------
 1 | """
 2 | WSGI config for rocketman project.
 3 | 
 4 | It exposes the WSGI callable as a module-level variable named ``application``.
 5 | 
 6 | For more information on this file, see
 7 | https://docs.djangoproject.com/en/2.2/howto/deployment/wsgi/
 8 | """
 9 | 
10 | import os
11 | 
12 | from django.core.wsgi import get_wsgi_application
13 | 
14 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "rocketman.settings.production")
15 | 
16 | application = get_wsgi_application()
17 | 


--------------------------------------------------------------------------------
/services/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/services/__init__.py


--------------------------------------------------------------------------------
/services/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class ServicesConfig(AppConfig):
5 |     name = 'services'
6 | 


--------------------------------------------------------------------------------
/services/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-02 19:05
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     initial = True
10 | 
11 |     dependencies = [
12 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
13 |         ('wagtailimages', '0001_squashed_0021'),
14 |     ]
15 | 
16 |     operations = [
17 |         migrations.CreateModel(
18 |             name='ServiceListingPage',
19 |             fields=[
20 |                 ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
21 |                 ('subtitle', models.TextField(blank=True, max_length=500)),
22 |             ],
23 |             options={
24 |                 'abstract': False,
25 |             },
26 |             bases=('wagtailcore.page',),
27 |         ),
28 |         migrations.CreateModel(
29 |             name='ServicePage',
30 |             fields=[
31 |                 ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
32 |                 ('description', models.TextField(blank=True, max_length=500)),
33 |                 ('external_page', models.URLField(blank=True)),
34 |                 ('button_text', models.CharField(blank=True, max_length=50)),
35 |                 ('internal_page', models.ForeignKey(blank=True, help_text='Select an internal Wagtail page', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')),
36 |                 ('service_image', models.ForeignKey(help_text='This image will be used on the Service Listing Page and will be cropped to 570px by 370px on this page.', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
37 |             ],
38 |             options={
39 |                 'abstract': False,
40 |             },
41 |             bases=('wagtailcore.page',),
42 |         ),
43 |     ]
44 | 


--------------------------------------------------------------------------------
/services/migrations/0002_servicepage_body.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-31 17:11
 2 | 
 3 | from django.db import migrations
 4 | import streams.blocks
 5 | import wagtail.core.blocks
 6 | import wagtail.core.fields
 7 | import wagtail.images.blocks
 8 | import wagtail.snippets.blocks
 9 | 
10 | 
11 | class Migration(migrations.Migration):
12 | 
13 |     dependencies = [
14 |         ('services', '0001_initial'),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.AddField(
19 |             model_name='servicepage',
20 |             name='body',
21 |             field=wagtail.core.fields.StreamField([('title', wagtail.core.blocks.StructBlock([('text', wagtail.core.blocks.CharBlock(help_text='Text to display', required=True))])), ('cards', wagtail.core.blocks.StructBlock([('cards', wagtail.core.blocks.ListBlock(wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Bold title text for this card. Max length of 100 characters.', max_length=100)), ('text', wagtail.core.blocks.TextBlock(help_text='Optional text for this card. Max length is 255 characters.', max_length=255, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image will be automagically cropped 570px by 370px')), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))], help_text='Enter a link or select a page'))])))])), ('image_and_text', wagtail.core.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock(help_text='Image the automagically cropped to 786px by 552px')), ('image_alignment', wagtail.core.blocks.ChoiceBlock(choices=[('left', 'Image to the left'), ('right', 'Image to the right')], help_text='Image on the left with text on the right. Or image on the right with text on the left.')), ('title', wagtail.core.blocks.CharBlock(help_text='Max length of 60 characters.', max_length=60)), ('text', wagtail.core.blocks.CharBlock(max_length=140, required=False)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('cta', wagtail.core.blocks.StructBlock([('title', wagtail.core.blocks.CharBlock(help_text='Max length of 200 characters.', max_length=200)), ('link', wagtail.core.blocks.StructBlock([('link_text', wagtail.core.blocks.CharBlock(default='More Details', max_length=50)), ('internal_page', wagtail.core.blocks.PageChooserBlock(required=False)), ('external_link', wagtail.core.blocks.URLBlock(required=False))]))])), ('testimonial', wagtail.snippets.blocks.SnippetChooserBlock(target_model='testimonials.Testimonial', template='streams/testimonial_block.html')), ('pricing_table', streams.blocks.PricingTableBlock(table_options={'autoColumnSize': False, 'colHeaders': False, 'contextMenu': ['row_above', 'row_below', '---------', 'col_left', 'col_right', '---------', 'remove_row', 'remove_col', '---------', 'undo', 'redo'], 'editor': 'text', 'minSpareRows': 0, 'renderer': 'text', 'rowHeaders': True, 'startCols': 4, 'startRows': 4, 'stretchH': 'all'})), ('richtext', wagtail.core.blocks.RichTextBlock(features=['bold', 'italic', 'ol', 'ul', 'link'], template='streams/simple_richtext_block.html')), ('large_image', wagtail.images.blocks.ImageChooserBlock(help_text='This image will be cropped to 1200px by 775px', template='streams/large_image_block.html'))], blank=True, null=True),
22 |         ),
23 |     ]
24 | 


--------------------------------------------------------------------------------
/services/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/services/migrations/__init__.py


--------------------------------------------------------------------------------
/services/models.py:
--------------------------------------------------------------------------------
  1 | from django.core.exceptions import ValidationError
  2 | from django.db import models
  3 | 
  4 | from wagtail.admin.edit_handlers import (
  5 |     FieldPanel, PageChooserPanel, StreamFieldPanel
  6 | )
  7 | from wagtail.core import blocks as wagtail_blocks
  8 | from wagtail.core.fields import StreamField
  9 | from wagtail.core.models import Page
 10 | from wagtail.images.blocks import ImageChooserBlock
 11 | from wagtail.images.edit_handlers import ImageChooserPanel
 12 | from wagtail.snippets.blocks import SnippetChooserBlock
 13 | 
 14 | from home.models import NEW_TABLE_OPTIONS
 15 | from streams import blocks
 16 | 
 17 | 
 18 | class ServiceListingPage(Page):
 19 |     parent_page_types = ["home.HomePage"]
 20 |     subpage_types = ["services.ServicePage"]
 21 |     max_count = 1
 22 | 
 23 |     template = "services/service_listing_page.html"
 24 |     subtitle = models.TextField(
 25 |         blank=True,
 26 |         max_length=500,
 27 |     )
 28 | 
 29 |     content_panels = Page.content_panels + [
 30 |         FieldPanel('subtitle'),
 31 |     ]
 32 | 
 33 |     def get_context(self, request, *args, **kwargs):
 34 |         context = super().get_context(request, *args, **kwargs)
 35 |         context['services'] = ServicePage.objects.live().public()
 36 |         return context
 37 | 
 38 | 
 39 | class ServicePage(Page):
 40 |     parent_page_types = ["services.ServiceListingPage"]
 41 |     subpage_types = []
 42 |     template = "services/service_page.html"
 43 | 
 44 |     description = models.TextField(
 45 |         blank=True,
 46 |         max_length=500,
 47 |     )
 48 |     internal_page = models.ForeignKey(
 49 |         'wagtailcore.Page',
 50 |         blank=True,
 51 |         null=True,
 52 |         related_name='+',
 53 |         help_text='Select an internal Wagtail page',
 54 |         on_delete=models.SET_NULL,
 55 |     )
 56 |     external_page = models.URLField(blank=True)
 57 |     button_text = models.CharField(blank=True, max_length=50)
 58 |     service_image = models.ForeignKey(
 59 |         'wagtailimages.Image',
 60 |         null=True,
 61 |         blank=False,
 62 |         on_delete=models.SET_NULL,
 63 |         help_text='This image will be used on the Service Listing Page and will be cropped to 570px by 370px on this page.',
 64 |         related_name='+',
 65 |     )
 66 | 
 67 |     body = StreamField([
 68 |         ("title", blocks.TitleBlock()),
 69 |         ("cards", blocks.CardsBlock()),
 70 |         ("image_and_text", blocks.ImageAndTextBlock()),
 71 |         ("cta", blocks.CallToActionBlock()),
 72 |         ("testimonial", SnippetChooserBlock(
 73 |             target_model='testimonials.Testimonial',
 74 |             template="streams/testimonial_block.html",
 75 |         )),
 76 |         ("pricing_table", blocks.PricingTableBlock(
 77 |             table_options=NEW_TABLE_OPTIONS,
 78 |         )),
 79 |         ("richtext", wagtail_blocks.RichTextBlock(
 80 |             template="streams/simple_richtext_block.html",
 81 |             features=["bold", "italic", "ol", "ul", "link"]
 82 |         )),
 83 |         ("large_image", ImageChooserBlock(
 84 |             help_text='This image will be cropped to 1200px by 775px',
 85 |             template="streams/large_image_block.html"
 86 |         ))
 87 |     ], null=True, blank=True)
 88 | 
 89 |     content_panels = Page.content_panels + [
 90 |         FieldPanel("description"),
 91 |         PageChooserPanel("internal_page"),
 92 |         FieldPanel("external_page"),
 93 |         FieldPanel("button_text"),
 94 |         ImageChooserPanel("service_image"),
 95 |         StreamFieldPanel("body"),
 96 |     ]
 97 | 
 98 |     def clean(self):
 99 |         super().clean()
100 | 
101 |         if self.internal_page and self.external_page:
102 |             # Both fields are filled out
103 |             raise ValidationError({
104 |                 'internal_page': ValidationError("Please only select a page OR enter an external URL"),
105 |                 'external_page': ValidationError("Please only select a page OR enter an external URL"),
106 |             })
107 | 
108 |         if not self.internal_page and not self.external_page:
109 |             raise ValidationError({
110 |                 'internal_page': ValidationError("You must always select a page OR enter an external URL"),
111 |                 'external_page': ValidationError("You must always select a page OR enter an external URL"),
112 |             })
113 | 


--------------------------------------------------------------------------------
/site_settings/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/site_settings/__init__.py


--------------------------------------------------------------------------------
/site_settings/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class SiteSettingsConfig(AppConfig):
5 |     name = 'site_settings'
6 | 


--------------------------------------------------------------------------------
/site_settings/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 03:51
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     initial = True
10 | 
11 |     dependencies = [
12 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.CreateModel(
17 |             name='SocialMediaSettings',
18 |             fields=[
19 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
20 |                 ('facebook', models.URLField(blank=True, help_text='Enter your Facebook URL')),
21 |                 ('twitter', models.URLField(blank=True, help_text='Enter your Twitter URL')),
22 |                 ('youtube', models.URLField(blank=True, help_text='Enter your YouTube URL')),
23 |                 ('instagram', models.URLField(blank=True, help_text='Enter your Instagram URL')),
24 |                 ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.Site')),
25 |             ],
26 |             options={
27 |                 'abstract': False,
28 |             },
29 |         ),
30 |     ]
31 | 


--------------------------------------------------------------------------------
/site_settings/migrations/0002_contactsettings.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 04:00
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | import wagtail.core.fields
 6 | 
 7 | 
 8 | class Migration(migrations.Migration):
 9 | 
10 |     dependencies = [
11 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
12 |         ('site_settings', '0001_initial'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.CreateModel(
17 |             name='ContactSettings',
18 |             fields=[
19 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
20 |                 ('contact', wagtail.core.fields.RichTextField(blank=True, null=True)),
21 |                 ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.Site')),
22 |             ],
23 |             options={
24 |                 'abstract': False,
25 |             },
26 |         ),
27 |     ]
28 | 


--------------------------------------------------------------------------------
/site_settings/migrations/0003_hourssettings.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 04:03
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | import wagtail.core.fields
 6 | 
 7 | 
 8 | class Migration(migrations.Migration):
 9 | 
10 |     dependencies = [
11 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
12 |         ('site_settings', '0002_contactsettings'),
13 |     ]
14 | 
15 |     operations = [
16 |         migrations.CreateModel(
17 |             name='HoursSettings',
18 |             fields=[
19 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
20 |                 ('hours', wagtail.core.fields.RichTextField(blank=True, null=True)),
21 |                 ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.Site')),
22 |             ],
23 |             options={
24 |                 'abstract': False,
25 |             },
26 |         ),
27 |     ]
28 | 


--------------------------------------------------------------------------------
/site_settings/migrations/0004_footerctasettings.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 04:07
 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 |         ('wagtailcore', '0041_group_collection_permissions_verbose_name_plural'),
11 |         ('site_settings', '0003_hourssettings'),
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.CreateModel(
16 |             name='FooterCTASettings',
17 |             fields=[
18 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
19 |                 ('title', models.CharField(default='We’ll take good care of you [and your car]', max_length=100)),
20 |                 ('subtitle', models.CharField(default='We’ll treat your vehicle as if it’s our own. And we’ve got high standards. Like, really high.', max_length=250)),
21 |                 ('button_text', models.CharField(default='Book an Appointment', max_length=25)),
22 |                 ('button_external_page', models.URLField(blank=True, help_text='If an internal page is selected, it will be used before the external page.')),
23 |                 ('button_internal_page', models.ForeignKey(blank=True, help_text='If an internal page is selected, it will be used before the external page.', null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')),
24 |                 ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.Site')),
25 |             ],
26 |             options={
27 |                 'abstract': False,
28 |             },
29 |         ),
30 |     ]
31 | 


--------------------------------------------------------------------------------
/site_settings/migrations/0005_auto_20191208_0408.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-08 04:08
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('site_settings', '0004_footerctasettings'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='footerctasettings',
15 |             name='button_text',
16 |             field=models.CharField(default='Contact Us', max_length=25),
17 |         ),
18 |         migrations.AlterField(
19 |             model_name='footerctasettings',
20 |             name='subtitle',
21 |             field=models.CharField(max_length=250),
22 |         ),
23 |         migrations.AlterField(
24 |             model_name='footerctasettings',
25 |             name='title',
26 |             field=models.CharField(max_length=100),
27 |         ),
28 |     ]
29 | 


--------------------------------------------------------------------------------
/site_settings/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/site_settings/migrations/__init__.py


--------------------------------------------------------------------------------
/site_settings/models.py:
--------------------------------------------------------------------------------
  1 | from django.core.cache import cache
  2 | from django.core.cache.utils import make_template_fragment_key
  3 | from django.db import models
  4 | 
  5 | from wagtail.admin.edit_handlers import FieldPanel, PageChooserPanel
  6 | from wagtail.contrib.settings.models import BaseSetting, register_setting
  7 | from wagtail.core.fields import RichTextField
  8 | 
  9 | 
 10 | @register_setting
 11 | class ContactSettings(BaseSetting):
 12 | 
 13 |     contact = RichTextField(
 14 |         blank=True,
 15 |         null=True,
 16 |         features=["link"],
 17 |     )
 18 | 
 19 |     panels = [
 20 |         FieldPanel("contact")
 21 |     ]
 22 | 
 23 |     def save(self, *args, **kwargs):
 24 |         key = make_template_fragment_key("footer_contact_settings")
 25 |         cache.delete(key)
 26 |         return super().save(*args, **kwargs)
 27 | 
 28 | 
 29 | @register_setting
 30 | class HoursSettings(BaseSetting):
 31 | 
 32 |     hours = RichTextField(
 33 |         blank=True,
 34 |         null=True,
 35 |         features=[],
 36 |     )
 37 | 
 38 |     panels = [
 39 |         FieldPanel("hours")
 40 |     ]
 41 | 
 42 |     def save(self, *args, **kwargs):
 43 |         key = make_template_fragment_key("footer_hours_settings")
 44 |         cache.delete(key)
 45 |         return super().save(*args, **kwargs)
 46 | 
 47 | 
 48 | @register_setting
 49 | class SocialMediaSettings(BaseSetting):
 50 | 
 51 |     facebook = models.URLField(
 52 |         blank=True,
 53 |         help_text='Enter your Facebook URL'
 54 |     )
 55 |     twitter = models.URLField(
 56 |         blank=True,
 57 |         help_text='Enter your Twitter URL'
 58 |     )
 59 |     youtube = models.URLField(
 60 |         blank=True,
 61 |         help_text='Enter your YouTube URL'
 62 |     )
 63 |     instagram = models.URLField(
 64 |         blank=True,
 65 |         help_text='Enter your Instagram URL'
 66 |     )
 67 | 
 68 |     panels = [
 69 |         FieldPanel("facebook"),
 70 |         FieldPanel("twitter"),
 71 |         FieldPanel("youtube"),
 72 |         FieldPanel("instagram"),
 73 |     ]
 74 | 
 75 |     def save(self, *args, **kwargs):
 76 |         key = make_template_fragment_key("footer_social_settings")
 77 |         cache.delete(key)
 78 |         return super().save(*args, **kwargs)
 79 | 
 80 | 
 81 | @register_setting
 82 | class FooterCTASettings(BaseSetting):
 83 | 
 84 |     title = models.CharField(max_length=100)
 85 |     subtitle = models.CharField(max_length=250)
 86 |     button_text = models.CharField(max_length=25, default='Contact Us')
 87 |     button_internal_page = models.ForeignKey(
 88 |         'wagtailcore.Page',
 89 |         null=True,
 90 |         blank=True,
 91 |         on_delete=models.SET_NULL,
 92 |         related_name='+',
 93 |         help_text='If an internal page is selected, it will be used before the external page.'
 94 |     )
 95 |     button_external_page = models.URLField(blank=True, help_text='If an internal page is selected, it will be used before the external page.')
 96 | 
 97 |     panels = [
 98 |         FieldPanel("title"),
 99 |         FieldPanel("subtitle"),
100 |         FieldPanel("button_text"),
101 |         PageChooserPanel("button_internal_page"),
102 |         FieldPanel("button_external_page"),
103 |     ]
104 | 
105 |     def save(self, *args, **kwargs):
106 |         key = make_template_fragment_key("footer_cta_settings")
107 |         cache.delete(key)
108 |         return super().save(*args, **kwargs)
109 | 


--------------------------------------------------------------------------------
/streams/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/streams/__init__.py


--------------------------------------------------------------------------------
/streams/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class StreamsConfig(AppConfig):
5 |     name = 'streams'
6 | 


--------------------------------------------------------------------------------
/streams/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/streams/migrations/__init__.py


--------------------------------------------------------------------------------
/testimonials/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/testimonials/__init__.py


--------------------------------------------------------------------------------
/testimonials/admin.py:
--------------------------------------------------------------------------------
 1 | from wagtail.contrib.modeladmin.options import ModelAdmin, modeladmin_register
 2 | 
 3 | from .models import Testimonial
 4 | 
 5 | 
 6 | @modeladmin_register
 7 | class TestimonialAdmin(ModelAdmin):
 8 |     """Testimonial admin."""
 9 | 
10 |     model = Testimonial
11 |     menu_label = "Testimonials"
12 |     menu_icon = "placeholder"
13 |     menu_order = 290
14 |     add_to_settings_menu = False
15 |     exclude_from_explorer = False
16 |     list_display = ("quote", "attribution")
17 |     search_fields = ("quote", "attribution")
18 | 


--------------------------------------------------------------------------------
/testimonials/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class TestimonialsConfig(AppConfig):
5 |     name = 'testimonials'
6 | 


--------------------------------------------------------------------------------
/testimonials/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 2.2.8 on 2019-12-07 00:49
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     initial = True
 9 | 
10 |     dependencies = [
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.CreateModel(
15 |             name='Testimonial',
16 |             fields=[
17 |                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
18 |                 ('quote', models.TextField(max_length=500)),
19 |                 ('attribution', models.CharField(max_length=50)),
20 |             ],
21 |             options={
22 |                 'verbose_name': 'Testimonial',
23 |                 'verbose_name_plural': 'Testimonials',
24 |             },
25 |         ),
26 |     ]
27 | 


--------------------------------------------------------------------------------
/testimonials/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CodingForEverybody/rocketman/210be13dc05f07ce82748bf31155818c2c363f5d/testimonials/migrations/__init__.py


--------------------------------------------------------------------------------
/testimonials/models.py:
--------------------------------------------------------------------------------
 1 | from django.db import models
 2 | 
 3 | from wagtail.snippets.models import register_snippet
 4 | 
 5 | 
 6 | @register_snippet
 7 | class Testimonial(models.Model):
 8 |     """A testimonial class."""
 9 | 
10 |     quote = models.TextField(
11 |         max_length=500,
12 |         blank=False,
13 |         null=False,
14 |     )
15 |     attribution = models.CharField(
16 |         max_length=50,
17 |         blank=False,
18 |         null=False,
19 |     )
20 | 
21 |     def __str__(self):
22 |         """The string representation of this class."""
23 |         return f"{self.quote} by {self.attribution}"
24 | 
25 |     class Meta:
26 |         verbose_name = "Testimonial"
27 |         verbose_name_plural = "Testimonials"
28 | 


--------------------------------------------------------------------------------