Wagtail Deployment - Loose Notes

Jumbotron Resizing

base.html

{# Global stylesheets #}
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}">

home_page.html

<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 }});'>

Bootstrap 4 Cheat Sheet

https://www.creative-tim.com/cheatsheet/bootstrap4#

py-5 : {property}{sides}-{size} : y = top & bottom

d-flex align-items-center : create flexbox container with center alignment

Wagtail - Embed Media

Option #1: [Too Small]

https://docs.wagtail.io/en/stable/advanced_topics/embeds.html

Option #2: [Too Small]

Wagtail’s default rich text editor has a “media” icon that allows embeds to be placed into rich text. You don’t have to do anything to enable this; just make sure the rich text field’s content is being passed through the |richtext filter in the template as this is what calls the embeds module to fetch and nest the embed code

https://docs.wagtail.io/en/stable/advanced_topics/customisation/page_editing_interface.html

sentry.io - Invalid HTTP_HOST header: 'x'. You may need to add 'x' to ALLOWED_HOSTS.

https://github.com/getsentry/sentry-python/issues/641

add to settings/production.py

from sentry_sdk.integrations.logging import ignore_logger

ignore_logger("django.security.DisallowedHost")