senat campaign: Initial models and templates

majak/settings/base.py

@@ -32,9 +32,10 @@ DATABASES["default"]["ATOMIC_REQUESTS"] = True
 # ------------------------------------------------------------------------------
 INSTALLED_APPS = [
     "search",
+    "senat_campaign",
     "senator",
-    "pirates",
     "users",
+    "pirates",
     "wagtail.contrib.forms",
     "wagtail.contrib.redirects",
     "wagtail.contrib.modeladmin",

senat_campaign/apps.py

+from django.apps import AppConfig
+
+
+class SenatCampaignConfig(AppConfig):
+    name = "senat_campaign"

senat_campaign/migrations/0001_initial.py

+# Generated by Django 3.0.6 on 2020-05-13 19:15
+
+import django.db.models.deletion
+import wagtail.core.blocks
+import wagtail.core.fields
+import wagtail.documents.blocks
+import wagtail.images.blocks
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ("wagtailcore", "0045_assign_unlock_grouppagepermission"),
+        ("wagtailimages", "0022_uploadedimage"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="SenatCampaignCookiesPage",
+            fields=[
+                (
+                    "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",
+                    ),
+                ),
+                (
+                    "body",
+                    wagtail.core.fields.RichTextField(blank=True, verbose_name="obsah"),
+                ),
+            ],
+            options={"verbose_name": "Cookies",},
+            bases=("wagtailcore.page",),
+        ),
+        migrations.CreateModel(
+            name="SenatCampaignNewsIndexPage",
+            fields=[
+                (
+                    "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",
+                    ),
+                ),
+            ],
+            options={"verbose_name": "Aktuality",},
+            bases=("wagtailcore.page",),
+        ),
+        migrations.CreateModel(
+            name="SenatCampaignProgramPage",
+            fields=[
+                (
+                    "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",
+                    ),
+                ),
+                (
+                    "committee_preference",
+                    wagtail.core.fields.StreamField(
+                        [
+                            (
+                                "committee",
+                                wagtail.core.blocks.CharBlock(label="výbor či komise"),
+                            )
+                        ],
+                        blank=True,
+                        verbose_name="preferované výbory a komise",
+                    ),
+                ),
+                (
+                    "content",
+                    wagtail.core.fields.StreamField(
+                        [
+                            (
+                                "item",
+                                wagtail.core.blocks.StructBlock(
+                                    [
+                                        (
+                                            "title",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="titulek"
+                                            ),
+                                        ),
+                                        (
+                                            "perex",
+                                            wagtail.core.blocks.TextBlock(
+                                                label="perex na úvodní stránku"
+                                            ),
+                                        ),
+                                        (
+                                            "body",
+                                            wagtail.core.blocks.RichTextBlock(
+                                                label="text bodu"
+                                            ),
+                                        ),
+                                        (
+                                            "image",
+                                            wagtail.images.blocks.ImageChooserBlock(
+                                                label="ilustrační obrázek"
+                                            ),
+                                        ),
+                                    ]
+                                ),
+                            )
+                        ],
+                        blank=True,
+                        verbose_name="programové body",
+                    ),
+                ),
+            ],
+            options={"verbose_name": "Program",},
+            bases=("wagtailcore.page",),
+        ),
+        migrations.CreateModel(
+            name="SenatCampaignWebSettings",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "first_name",
+                    models.CharField(max_length=250, verbose_name="jméno kandidáta"),
+                ),
+                (
+                    "last_name",
+                    models.CharField(max_length=250, verbose_name="příjmení kandidáta"),
+                ),
+                (
+                    "facebook",
+                    models.URLField(blank=True, null=True, verbose_name="Facebook URL"),
+                ),
+                (
+                    "instagram",
+                    models.URLField(
+                        blank=True, null=True, verbose_name="Instagram URL"
+                    ),
+                ),
+                (
+                    "twitter",
+                    models.URLField(blank=True, null=True, verbose_name="Twitter URL"),
+                ),
+                (
+                    "linkedin",
+                    models.URLField(blank=True, null=True, verbose_name="LinkedIn URL"),
+                ),
+                (
+                    "contacts",
+                    wagtail.core.fields.StreamField(
+                        [
+                            (
+                                "item",
+                                wagtail.core.blocks.StructBlock(
+                                    [
+                                        (
+                                            "name",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="jméno"
+                                            ),
+                                        ),
+                                        (
+                                            "job",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="pozice", required=False
+                                            ),
+                                        ),
+                                        (
+                                            "phone",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="telefon", required=False
+                                            ),
+                                        ),
+                                        (
+                                            "email",
+                                            wagtail.core.blocks.EmailBlock(
+                                                label="email", required=False
+                                            ),
+                                        ),
+                                        (
+                                            "photo",
+                                            wagtail.images.blocks.ImageChooserBlock(
+                                                label="fotka"
+                                            ),
+                                        ),
+                                    ]
+                                ),
+                            )
+                        ],
+                        blank=True,
+                        verbose_name="kontaktní osoby",
+                    ),
+                ),
+                (
+                    "site",
+                    models.OneToOneField(
+                        editable=False,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="wagtailcore.Site",
+                    ),
+                ),
+            ],
+            options={"verbose_name": "Senát kampaň",},
+        ),
+        migrations.CreateModel(
+            name="SenatCampaignNewsPage",
+            fields=[
+                (
+                    "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",
+                    ),
+                ),
+                ("date", models.DateField(verbose_name="datum")),
+                ("perex", models.TextField(verbose_name="perex")),
+                (
+                    "body",
+                    wagtail.core.fields.RichTextField(
+                        blank=True, verbose_name="článek"
+                    ),
+                ),
+                (
+                    "photo",
+                    models.ForeignKey(
+                        blank=True,
+                        null=True,
+                        on_delete=django.db.models.deletion.PROTECT,
+                        to="wagtailimages.Image",
+                        verbose_name="fotka",
+                    ),
+                ),
+            ],
+            options={"verbose_name": "Aktualita",},
+            bases=("wagtailcore.page",),
+        ),
+        migrations.CreateModel(
+            name="SenatCampaignHomePage",
+            fields=[
+                (
+                    "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",
+                    ),
+                ),
+                (
+                    "headline",
+                    models.CharField(
+                        blank=True, max_length=250, verbose_name="podtitulek pod jménem"
+                    ),
+                ),
+                (
+                    "claim",
+                    models.CharField(
+                        blank=True,
+                        max_length=250,
+                        null=True,
+                        verbose_name="slogan pod fotkou",
+                    ),
+                ),
+                (
+                    "about_left",
+                    wagtail.core.fields.RichTextField(
+                        blank=True, verbose_name="kdo jsem (levý sloupec)"
+                    ),
+                ),
+                (
+                    "about_right",
+                    wagtail.core.fields.RichTextField(
+                        blank=True, verbose_name="kdo jsem (pravý sloupec)"
+                    ),
+                ),
+                (
+                    "about_gallery",
+                    wagtail.core.fields.StreamField(
+                        [
+                            (
+                                "photo",
+                                wagtail.images.blocks.ImageChooserBlock(label="fotka"),
+                            )
+                        ],
+                        blank=True,
+                        verbose_name="kdo jsem - galerie",
+                    ),
+                ),
+                (
+                    "financials",
+                    wagtail.core.fields.StreamField(
+                        [
+                            (
+                                "link",
+                                wagtail.core.blocks.StructBlock(
+                                    [
+                                        (
+                                            "label",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="název"
+                                            ),
+                                        ),
+                                        (
+                                            "url",
+                                            wagtail.core.blocks.URLBlock(label="odkaz"),
+                                        ),
+                                    ],
+                                    label="odkaz",
+                                ),
+                            ),
+                            (
+                                "document",
+                                wagtail.core.blocks.StructBlock(
+                                    [
+                                        (
+                                            "label",
+                                            wagtail.core.blocks.CharBlock(
+                                                label="název"
+                                            ),
+                                        ),
+                                        (
+                                            "doc",
+                                            wagtail.documents.blocks.DocumentChooserBlock(
+                                                label="dokument"
+                                            ),
+                                        ),
+                                    ],
+                                    label="dokument",
+                                ),
+                            ),
+                        ],
+                        blank=True,
+                        verbose_name="transparentní financování",
+                    ),
+                ),
+                (
+                    "top_photo",
+                    models.ForeignKey(
+                        blank=True,
+                        null=True,
+                        on_delete=django.db.models.deletion.PROTECT,
+                        to="wagtailimages.Image",
+                        verbose_name="hlavní fotka",
+                    ),
+                ),
+            ],
+            options={"verbose_name": "Senát kampaň",},
+            bases=("wagtailcore.page",),
+        ),
+    ]

senat_campaign/models.py

+from django.db import models
+from wagtail.admin.edit_handlers import (
+    FieldPanel,
+    ObjectList,
+    StreamFieldPanel,
+    TabbedInterface,
+)
+from wagtail.contrib.settings.models import BaseSetting, register_setting
+from wagtail.core import blocks
+from wagtail.core.fields import RichTextField, StreamField
+from wagtail.core.models import Page
+from wagtail.documents.blocks import DocumentChooserBlock
+from wagtail.images.blocks import ImageChooserBlock
+from wagtail.images.edit_handlers import ImageChooserPanel
+
+
+class SenatCampaignHomePage(Page):
+    # top section
+    headline = models.CharField("podtitulek pod jménem", max_length=250, blank=True)
+    top_photo = models.ForeignKey(
+        "wagtailimages.Image",
+        on_delete=models.PROTECT,
+        blank=True,
+        null=True,
+        verbose_name="hlavní fotka",
+    )
+    claim = models.CharField("slogan pod fotkou", max_length=250, blank=True, null=True)
+    # about
+    about_left = RichTextField("kdo jsem (levý sloupec)", blank=True)
+    about_right = RichTextField("kdo jsem (pravý sloupec)", blank=True)
+    about_gallery = StreamField(
+        [("photo", ImageChooserBlock(label="fotka"))],
+        verbose_name="kdo jsem - galerie",
+        blank=True,
+    )
+    # financials
+    financials = StreamField(
+        [
+            (
+                "link",
+                blocks.StructBlock(
+                    [
+                        ("label", blocks.CharBlock(label="název")),
+                        ("url", blocks.URLBlock(label="odkaz")),
+                    ],
+                    label="odkaz",
+                ),
+            ),
+            (
+                "document",
+                blocks.StructBlock(
+                    [
+                        ("label", blocks.CharBlock(label="název")),
+                        ("doc", DocumentChooserBlock(label="dokument")),
+                    ],
+                    label="dokument",
+                ),
+            ),
+        ],
+        verbose_name="transparentní financování",
+        blank=True,
+    )
+
+    content_panels = Page.content_panels + [
+        FieldPanel("headline"),
+        ImageChooserPanel("top_photo"),
+        FieldPanel("claim"),
+        FieldPanel("about_left", classname="full"),
+        FieldPanel("about_right", classname="full"),
+        StreamFieldPanel("about_gallery"),
+        StreamFieldPanel("financials"),
+    ]
+
+    subpage_types = [
+        "senat_campaign.SenatCampaignNewsIndexPage",
+        "senat_campaign.SenatCampaignProgramPage",
+        "senat_campaign.SenatCampaignCookiesPage",
+    ]
+
+    # flag for rendering anchor links in menu
+    is_home = True
+
+    class Meta:
+        verbose_name = f"Senát kampaň"
+
+    def get_context(self, request):
+        context = super().get_context(request)
+
+        # get news
+        context["articles"] = (
+            self.get_descendants()
+            .type(SenatCampaignNewsPage)
+            .live()
+            .order_by("-senatcampaignnewspage__date")[:3]
+        )
+
+        try:
+            context["news_url"] = (
+                self.get_children()
+                .type(SenatCampaignNewsIndexPage)
+                .live()
+                .get()
+                .get_url(request)
+            )
+        except Page.DoesNotExist:
+            context["news_url"] = "#"
+
+        # get page with program
+        try:
+            context["program_page"] = (
+                self.get_children()
+                .type(SenatCampaignProgramPage)
+                .live()
+                .specific()
+                .get()
+            )
+        except Page.DoesNotExist:
+            context["program_page"] = None
+
+        return context
+
+
+class SenatCampaignNewsIndexPage(Page):
+    parent_page_types = ["senat_campaign.SenatCampaignHomePage"]
+    subpage_types = ["senat_campaign.SenatCampaignNewsPage"]
+
+    # flag for rendering anchor links in menu
+    is_home = False
+
+    class Meta:
+        verbose_name = f"Aktuality"
+
+    def get_context(self, request):
+        context = super().get_context(request)
+        articles = self.get_children().live().order_by("-senatcampaignnewspage__date")
+        context["articles"] = articles
+        return context
+
+
+class SenatCampaignNewsPage(Page):
+    date = models.DateField("datum")
+    perex = models.TextField("perex")
+    body = RichTextField("článek", blank=True)
+    photo = models.ForeignKey(
+        "wagtailimages.Image",
+        verbose_name="fotka",
+        on_delete=models.PROTECT,
+        null=True,
+        blank=True,
+    )
+
+    content_panels = Page.content_panels + [
+        FieldPanel("date"),
+        FieldPanel("perex"),
+        FieldPanel("body", classname="full"),
+        ImageChooserPanel("photo"),
+    ]
+
+    parent_page_types = ["senat_campaign.SenatCampaignNewsIndexPage"]
+    subpage_types = []
+
+    # flag for rendering anchor links in menu
+    is_home = False
+
+    class Meta:
+        verbose_name = f"Aktualita"
+
+    def get_context(self, request):
+        context = super().get_context(request)
+        context["related_articles"] = (
+            self.get_siblings(inclusive=False)
+            .live()
+            .order_by("-senatcampaignnewspage__date")[:3]
+        )
+        return context
+
+
+class ProgramBlock(blocks.StructBlock):
+    title = blocks.CharBlock(label="titulek")
+    perex = blocks.TextBlock(label="perex na úvodní stránku")
+    body = blocks.RichTextBlock(label="text bodu")
+    image = ImageChooserBlock(label="ilustrační obrázek")
+
+    class Meta:
+        icon = "doc-full"
+        label = "programový bod"
+
+
+class SenatCampaignProgramPage(Page):
+    committee_preference = StreamField(
+        [("committee", blocks.CharBlock(label="výbor či komise"))],
+        verbose_name="preferované výbory a komise",
+        blank=True,
+    )
+    content = StreamField(
+        [("item", ProgramBlock())], verbose_name="programové body", blank=True
+    )
+
+    content_panels = Page.content_panels + [
+        StreamFieldPanel("committee_preference"),
+        StreamFieldPanel("content"),
+    ]
+
+    parent_page_types = ["senat_campaign.SenatCampaignHomePage"]
+    subpage_types = []
+
+    # flag for rendering anchor links in menu
+    is_home = False
+
+    class Meta:
+        verbose_name = f"Program"
+
+
+class SenatCampaignCookiesPage(Page):
+    body = RichTextField("obsah", blank=True)
+
+    content_panels = Page.content_panels + [
+        FieldPanel("body", classname="full"),
+    ]
+
+    parent_page_types = ["senat_campaign.SenatCampaignHomePage"]
+    subpage_types = []
+
+    # flag for rendering anchor links in menu
+    is_home = False
+
+    class Meta:
+        verbose_name = f"Cookies"
+
+
+class ContactBlock(blocks.StructBlock):
+    name = blocks.CharBlock(label="jméno")
+    job = blocks.CharBlock(label="pozice", required=False)
+    phone = blocks.CharBlock(label="telefon", required=False)
+    email = blocks.EmailBlock(label="email", required=False)
+    photo = ImageChooserBlock(label="fotka")
+
+    class Meta:
+        icon = "person"
+        label = "kontaktní osoba"
+
+
+@register_setting
+class SenatCampaignWebSettings(BaseSetting):
+    first_name = models.CharField("jméno kandidáta", max_length=250)
+    last_name = models.CharField("příjmení kandidáta", max_length=250)
+    facebook = models.URLField("Facebook URL", blank=True, null=True)
+    instagram = models.URLField("Instagram URL", blank=True, null=True)
+    twitter = models.URLField("Twitter URL", blank=True, null=True)
+    linkedin = models.URLField("LinkedIn URL", blank=True, null=True)
+    contacts = StreamField(
+        [("item", ContactBlock())], verbose_name="kontaktní osoby", blank=True
+    )
+
+    # TODO Matomo
+    # TODO donations
+
+    first_tab_panels = [
+        FieldPanel("first_name"),
+        FieldPanel("last_name"),
+    ]
+
+    second_tab_panels = [
+        FieldPanel("facebook"),
+        FieldPanel("instagram"),
+        FieldPanel("twitter"),
+        FieldPanel("linkedin"),
+    ]
+
+    third_tab_panels = [
+        StreamFieldPanel("contacts"),
+    ]
+
+    edit_handler = TabbedInterface(
+        [
+            ObjectList(first_tab_panels, heading="Nastavení"),
+            ObjectList(second_tab_panels, heading="Sociální sítě"),
+            ObjectList(third_tab_panels, heading="Kontakty"),
+        ]
+    )
+
+    class Meta:
+        verbose_name = f"Senát kampaň"
+
+    @property
+    def full_name(self):
+        return f"{self.first_name} {self.last_name}"
+
+    @property
+    def has_program(self):
+        return SenatCampaignProgramPage.objects.in_site(self.site).live().exists()
+
+    @property
+    def has_news(self):
+        return SenatCampaignNewsIndexPage.objects.in_site(self.site).live().exists()
+
+    @property
+    def has_callendar(self):
+        # TODO
+        return False
+
+    @property
+    def has_donations(self):
+        # TODO
+        return False
+
+    @property
+    def cookies_page_url(self):
+        try:
+            return (
+                SenatCampaignCookiesPage.objects.in_site(self.site)
+                .live()
+                .get()
+                .get_url()
+            )
+        except Page.DoesNotExist:
+            return "#"

senat_campaign/static/senat_campaign/css/style.css

+/*
+*
+* Custom styling for Piráti senate candidate website
+* Author: Daniel Hlavacek
+* Author's website: https://danielhlavacek.cz/
+*
+*/
+
+/* GENERAL */
+
+body {
+  font-size: 16px;
+  /*padding-top: 79px;*/
+  font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+a:hover {
+  color: #757575;
+}
+
+/* HEADINGS */
+
+h1, h1.lead {
+  font-size: 3.6rem;
+}
+
+h2, h2.lead {
+  font-size: 2.8rem;
+}
+
+h3, h3.lead {
+  font-size: 2.1rem;
+}
+
+h4, h4.lead {
+  font-size: 1.65rem;
+}
+
+h5, h5.lead {
+  font-size: 1.3rem;
+}
+
+h6, h6.lead {
+  font-size: 1rem;
+}
+
+@media screen and (max-width: 500px) {
+  h1, h1.lead {
+    font-size: 3rem;
+  }
+  h2, h2.lead {
+    font-size: 2.4rem;
+  }
+  h3, h3.lead {
+    font-size: 1.85rem;
+  }
+  h4, h4.lead {
+    font-size: 1.4rem;
+  }
+  h5, h5.lead {
+    font-size: 1.2rem;
+  }
+  h6, h6.lead {
+    font-size: 1rem;
+  }
+}
+
+h1.lead, h2.lead, h3.lead, h4.lead, h5.lead, h6.lead {
+  font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+
+
+h1.homepage-heading {
+  font-size: 6rem;
+}
+h1.heading {
+  font-size: 4rem;
+}
+h2.page-subheading {
+  font-size: 4rem;
+}
+h3.page-subheading {
+  font-size: 3.8rem;
+}
+
+@media screen and (max-width: 1200px) {
+  h1.homepage-heading {
+    font-size: 5.4rem;
+  }
+  h1.heading {
+    font-size: 4rem;
+  }
+  h2.page-subheading {
+    font-size: 4rem;
+  }
+  h3.page-subheading {
+    font-size: 3.6rem;
+  }
+}
+
+@media screen and (max-width: 991px) {
+  h1.homepage-heading {
+    font-size: 4.4rem;
+  }
+  h1.heading {
+    font-size: 3.7rem;
+  }
+  h2.page-subheading {
+    font-size: 3.7rem;
+  }
+  h3.page-subheading {
+    font-size: 3.2rem;
+  }
+}
+
+@media screen and (max-width: 440px) {
+  h1.homepage-heading {
+    font-size: 3.8rem;
+  }
+  h1.heading {
+    font-size: 3.4rem;
+  }
+  h2.page-subheading {
+    font-size: 3.4rem;
+  }
+  h3.page-subheading {
+    font-size: 3rem;
+  }
+}
+
+@media screen and (max-width: 370px) {
+  h1.homepage-heading {
+    font-size: 3.6rem;
+  }
+  h2.page-subheading {
+    font-size: 3rem;
+  }
+  h3.page-subheading {
+    font-size: 2.6rem;
+  }
+}
+
+@media screen and (max-width: 330px) {
+  h1.homepage-heading {
+    font-size: 3rem;
+  }
+  h2.page-subheading {
+    font-size: 2.8rem;
+  }
+  h3.page-subheading {
+    font-size: 2.3rem;
+  }
+}
+
+
+
+/* BUTTONS */
+
+.btn-dark {
+  background: black;
+}
+
+.btn {
+  border-radius: 0;
+  padding: 0.7rem 1.6rem;
+}
+
+.btn {
+  font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.btn-lg {
+  border-radius: 0;
+  padding: 0.7rem 3rem;
+}
+
+/* TOOLS AND FIXES */
+
+.lazyload, .lazyloading {
+  opacity: 0;
+}
+
+.lazyloaded {
+  opacity: 1;
+  transition: opacity .5s;
+}
+
+/* SECTIONS */
+
+.section--primary {
+  background: #ffffff;
+  color: #000000;
+}
+
+.section--alternate {
+  background: #f7f7f7;
+  color: #000000;
+}
+
+.section--black {
+  background: #000000;
+  color: #ffffff;
+}
+
+/* SECTION SIZING */
+
+section {
+  padding: 4rem 0rem;
+}
+
+.section--lead {
+  padding: 6rem 0rem;
+}
+
+.section--no-bottom-padding {
+  padding-bottom: 0rem;
+}
+
+@media screen and (max-width: 991px) {
+  section {
+    padding: 3.5rem 0rem;
+  }
+  .section--lead {
+    padding: 4rem 0rem;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  section {
+    padding: 3rem 0rem;
+  }
+  .section--lead {
+    padding: 3.5rem 0rem;
+  }
+}
+
+@media screen and (max-width: 575px) {
+  section {
+    padding: 2.5rem 0rem;
+  }
+  .section--lead {
+    padding: 3rem 0rem;
+  }
+}
+
+/* HEADER */
+
+.navbar {
+  background: #212121;
+}
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-dark .navbar-toggler {
+  color: #ffffff;
+  border: none;
+  margin-right: -1rem;
+}
+
+.navbar.sticky-top {
+  top: -1px;
+}
+
+.nav-link {
+  display: block;
+  padding: .5rem 1rem;
+  text-transform: uppercase;
+  font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1.2rem;
+}
+
+.navbar-brand {
+  font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 2.2rem;
+  text-transform: uppercase;
+}
+
+@media screen and (max-width: 420px) {
+  .navbar-brand {
+    font-size: 2rem;
+  }
+}
+
+@media screen and (max-width: 390px) {
+  .navbar-brand {
+    font-size: 1.8rem;
+  }
+}
+
+@media screen and (max-width: 350px) {
+  .navbar-brand {
+    font-size: 1.6rem;
+  }
+}
+
+.navbar-brand--alt {
+  display: none;
+}
+
+@media screen and (max-width: 330px) {
+  .navbar-brand--alt {
+    display: block;
+  }
+  .navbar-brand--primary {
+    display: none;
+  }
+}
+
+.brand-wrapper {
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+@media screen and (min-width: 1200px) {
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 0.8rem;
+    padding-left: 0.8rem;
+  }
+}
+
+@media screen and (min-width: 576px) and (max-width: 1199.99px) {
+  .navbar .navbar-collapse .navbar-nav {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+}
+
+.header__socials {
+  display: flex;
+  margin-left: -0.5rem;
+}
+
+.header__socials a {
+  padding: 0.5rem;
+}
+
+.header__socials a i {
+	font-size: 1rem;
+	color: white;
+}
+
+.header__socials.header__socials--mobile {
+  margin-left: -0.7rem;
+  padding-top: 0.4rem;
+}
+
+.header__socials.header__socials--mobile a {
+  padding: 0.7rem;
+}
+
+.header__socials.header__socials--mobile a i {
+  font-size: 1.3rem;
+  color: rgba(255,255,255,.5);
+}
+
+.support_button {
+    color: #fff;
+    background-color: #5bb85d;
+    border-color: #5bb85d;
+}
+
+
+/*--/ Hamburger Navbar /--*/
+
+.navbar-toggler {
+  position: relative;
+}
+
+.navbar-toggler:focus,
+.navbar-toggler:active {
+  outline: 0;
+}
+
+.navbar-toggler span {
+  display: block;
+  background-color: #ffffff;
+  height: 2px;
+  width: 30px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  left: 0;
+  opacity: 1;
+}
+
+.navbar-toggler span:nth-child(1),
+.navbar-toggler span:nth-child(3) {
+  transition: -webkit-transform .35s ease-in-out;
+  transition: transform .35s ease-in-out;
+  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(1) {
+  position: absolute;
+  left: 12px;
+  top: 10px;
+  -webkit-transform: rotate(135deg);
+  transform: rotate(135deg);
+  opacity: 0.9;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(2) {
+  height: 12px;
+  visibility: hidden;
+  background-color: transparent;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(3) {
+  position: absolute;
+  left: 12px;
+  top: 10px;
+  -webkit-transform: rotate(-135deg);
+  transform: rotate(-135deg);
+  opacity: 0.9;
+}
+
+
+/* FOOTER */
+
+.footer__top {
+  background: #212121;
+}
+
+.footer__bottom {
+  background: #000000;
+}
+
+footer {
+  color: #8a8a8a;
+}
+
+footer a {
+  color: #8a8a8a;
+}
+
+footer a:hover {
+  color: #ffffff;
+  text-decoration: none;
+}
+
+footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
+  color: #ffffff;
+}
+
+.footer__top {
+  padding: 4rem 0rem;
+}
+
+@media screen and (max-width: 991px) {
+  .footer__top {
+    padding: 3.5rem 0rem;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .footer__top {
+    padding: 3rem 0rem;
+  }
+}
+
+@media screen and (max-width: 575px) {
+  .footer__top {
+    padding: 2.5rem 0rem;
+  }
+}
+
+.footer__bottom {
+  padding: 2rem 0rem;
+}
+
+.footer__bottom a {
+  border-bottom: 1px dotted;
+}
+
+.footer__bottom a:hover {
+  border-bottom: none;
+  text-decoration: none;
+  color: #8a8a8a;
+}
+
+.footer__list-heading {
+  text-transform: uppercase;
+  margin-bottom: 1.6rem;
+}
+
+/* UVOD */
+
+.uvod__image-wrapper {
+  max-width: 180px;
+  display: inline-block;
+}
+
+.uvod__button {
+  margin-right: 2rem;
+}
+
+/* PROGRAM */
+
+.priorities__box {
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+  border: none;
+  border-radius: 0;
+}
+
+.priorities__box .card-title {
+  font-weight: bold;
+}
+
+.priorities__list {
+  font-weight: bold;
+  list-style: none;
+  padding-left: 0;
+}
+
+.priorities__list li {
+  margin-bottom: 0.5rem;
+  display: flex;
+}
+
+.priorities__list li .bullet {
+  background: #5bb85d;
+  color: white;
+  border-radius: 50%;
+  width: 1.4rem;
+  height: 1.4rem;
+  font-size: 0.8rem;
+  text-align: center;
+  margin-right: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.priorities__list li:last-child {
+  margin-bottom: 0;
+}
+
+@media screen and (min-width: 1200px) {
+  .priorities__box {
+    max-width: 18rem;
+  }
+
+  .priorities__button {
+    max-width: 18rem;
+  }
+}
+
+.priority__heading {
+  font-weight: bold;
+}
+
+.priority__icon {
+  max-width: 10rem;
+  margin-bottom: 1.6rem;
+}
+
+@media screen and (max-width: 768px) {
+  .priority__icon {
+    max-width: 8rem;
+  }
+}
+
+@media screen and (max-width: 575px) {
+  .priority {
+    display: flex;
+  }
+  .priority__icon {
+    width: 7rem;
+    flex-shrink: 0;
+    margin-right: 1.6rem;
+  }
+}
+
+@media screen and (max-width: 400px) {
+  .priority__icon {
+    width: 5rem;
+  }
+}
+
+@media screen and (max-width: 340px) {
+  .priority__icon {
+    width: 4rem;
+  }
+}
+
+.priority a {
+  color: black;
+}
+
+.priority a:hover {
+  color: black;
+  text-decoration: none;
+}
+
+/* ABOUT */
+.about-images img {
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+}
+
+/* NEWS */
+.news__item {
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+  border-radius: 0;
+  border: 0;
+  height: 100%;
+  color: black;
+  transition: all 0.5s ease-in-out;
+
+}
+
+.news__item:hover {
+  text-decoration: none;
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, 0.73);
+  color: black;
+}
+
+.news__item:hover .card-img-top {
+  opacity: 0.9;
+}
+
+.news__item .card-footer {
+  border-radius: 0;
+  border: 0;
+}
+
+.card-footer .text-muted {
+  color: #707070 !important;
+}
+
+.news__item .card-img, .news__item .card-img-top {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.news__item .card-body h5 {
+	font-weight: bold;
+}
+
+.news__item .card-body p:last-child {
+	margin-bottom: 0;
+}
+
+.news__item .card-body p {
+	color: #797676;
+}
+
+.news__item .card-footer span {
+  color: #707070 !important;
+  font-weight: 400;
+  font-size: 0.9rem;
+}
+
+/* CALENDAR */
+.calendar {
+  display: flex;
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+}
+
+.calendar__left {
+  background: #e1242a;
+  color: white;
+  padding: 1.8rem;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+}
+
+.calendar__icon {
+  margin-bottom: 2rem;
+}
+
+.calendar__icon i {
+  font-size: 9rem;
+}
+
+.calendar__right {
+  width: 100%;
+  padding: 0.8rem 0;
+}
+
+.calendar__row {
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+}
+
+.calendar__row__date1 h3 {
+  font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  color: #e1242a;
+  margin-bottom: 0;
+}
+
+.calendar__row__date1 {
+  padding: 0.5rem 1.5rem;
+}
+
+.calendar__row__date2 {
+  padding: 0.5rem;
+  min-width: 6.8rem;
+}
+
+.calendar__row__content {
+  padding: 0.5rem 1.2rem;
+}
+
+.calendar__row__date2 h6, .calendar__row__content h6 {
+  font-weight: bold;
+  margin-bottom: 0;
+}
+
+.calendar__row__date2 p, .calendar__row__content p {
+  color: #6c757d;
+  margin-bottom: 0;
+}
+
+@media screen and (min-width: 1200px) {
+  .calendar__row__date2 {
+    min-width: 7.6rem;
+  }
+}
+
+@media screen and (max-width: 991px) {
+  .calendar {
+    flex-direction: column;
+  }
+  .calendar__left {
+    flex-direction: row;
+  }
+  .calendar__icon {
+    order: 1;
+  }
+  .calendar__icon {
+    order: 1;
+  }
+  .calendar__left-content {
+    order: 0;
+  }
+  .calendar__icon i {
+    font-size: 5rem;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  .calendar__row__date1 {
+    display: none;
+  }
+  .calendar__row__date2 h6 {
+    color: #e1242a;
+  }
+  .calendar__row__date2 {
+    padding: 0.5rem 0.5rem 0.5rem 1.2rem;
+  }
+}
+
+@media screen and (max-width: 430px) {
+  .calendar__icon {
+    display: none;
+  }
+}
+
+
+.calendar__modal .modal-header {
+    background: #e1242a;
+    color: white;
+    border-bottom: 0;
+    border-radius: 0;
+}
+
+.calendar__modal .modal-body {
+    background: #e1242a;
+    color: white;
+    padding-top: 0;
+}
+
+.calendar__modal .nav-link {
+  color: white;
+}
+
+.calendar__modal .modal-content {
+  border-radius: 0;
+}
+
+.calendar__modal .nav-pills .nav-link {
+	border-radius: 0;
+}
+
+.calendar__modal .nav-pills .nav-link.active {
+  background-color: white;
+  color:black;
+}
+
+.calendar__modal .modal-header .close {
+  padding: 0.2rem 1rem 1rem 1rem;
+  text-shadow: none;
+	color: white;
+	font-weight: 300;
+  line-height: 3rem;
+  font-size: 3rem;
+}
+
+
+/* FINANCING */
+.finance__item {
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+  display: flex;
+  margin-bottom: 1rem;
+  align-items: center;
+}
+
+.finance__content h6 {
+  font-weight: bold;
+  margin-bottom: 0;
+}
+
+.finance__content {
+  padding: 0.8rem 1rem 0.8rem 0rem;
+  flex-grow: 1;
+}
+
+.finance__icon {
+  padding: 0.7rem 1.1rem;
+}
+
+.finance__item {
+  color: black;
+}
+
+.finance__item:hover {
+  text-decoration: none;
+}
+
+.finance__action {
+  padding: 0rem;
+}
+
+@media screen and (max-width: 450px) {
+  .finance__action {
+    display: none;
+  }
+}
+
+
+/* FOOTER */
+.person {
+  display: flex;
+  align-items: center;
+}
+
+.person__photo {
+  margin-right: 1rem;
+  flex-shrink: 0;
+  width: 5rem;
+  height: 5rem;
+}
+
+@media screen and (max-width: 450px) {
+  .person__photo {
+    width: 4rem;
+    height: 4rem;
+  }
+}
+
+@media screen and (max-width: 350px) {
+  .person__photo {
+    width: 3rem;
+    height: 3rem;
+  }
+}
+
+.person__photo-inner {
+  border-radius: 50%;
+  overflow: hidden;
+  border: 0.3rem solid white;
+  width: 100%;
+  height: 100%;
+}
+
+.person__content h6 {
+  font-weight: bold;
+  margin-bottom: 0;
+}
+
+.person__content a {
+  display: block;
+  word-break: break-all;
+}
+
+.socials {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.socials a {
+  margin-right: 2.6rem;
+}
+
+@media screen and (max-width: 991px) {
+  .socials a {
+    margin-right: 1.6rem;
+  }
+}
+
+.socials a:last-child {
+  margin-right: 0;
+}
+
+.socials a i {
+  font-size: 2.6rem;
+  color: white;
+}
+
+@media screen and (max-width: 767.99px) {
+  .socials {
+    justify-content: flex-start;
+  }
+  .socials a i {
+    font-size: 1.8rem;
+  }
+}
+
+
+
+/* PAGINATION */
+.page-link {
+  padding: .8rem 1.1rem;
+  color: #333;
+  background-color: #f3f3f3;
+  border: 1px solid #f3f3f3;
+  font-weight: bold;
+}
+
+.page-link:hover {
+  color: #333;
+  background-color: #e9ecef;
+  border-color: #e9ecef;
+}
+
+.page-link:focus {
+  box-shadow: 0 0 0 .2rem rgba(168, 168, 168, 0.25);
+}
+
+.page-item {
+  margin-right: 0.5rem;
+}
+
+.page-item:last-child {
+  margin-right: 0;
+}
+
+.page-item.active .page-link {
+  color: #fff;
+  background-color: #333;
+  border-color: #333;
+}
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+
+
+/* ARTICLE */
+.article__header {
+  padding: 4rem 0 2rem 0;
+}
+
+.article__date {
+  margin-bottom: 0;
+  color: #707070;
+}
+
+.article__tags .badge {
+  font-size: 1rem;
+  background: white;
+  border-radius: 0;
+  padding: 0.8rem 1.3rem;
+  font-weight: normal;
+}
+
+
+/* SHARING BOX */
+.article__sharing-box {
+  box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+  border: none;
+  border-radius: 0;
+}
+
+.article__sharing-box h3 {
+  margin-bottom: 0;
+}
+
+.article__sharing-box .icon i {
+  font-size: 2.4rem;
+}
+
+.article__sharing-box .icon {
+  margin-bottom: 2.8rem;
+}
+
+.article__sharing-box .card-body {
+  padding: 2rem;
+  margin-bottom: 1rem;
+}
+
+.btn-facebook {
+  color: #fff;
+  background-color: #3b5998;
+  border-color: #3b5998;
+}
+
+.btn-twitter {
+  color: #fff;
+  background-color: #55acee;
+  border-color: #55acee;
+}
+
+.btn-linkedin {
+  color: #fff;
+  background-color: #007bb5;
+  border-color: #007bb5;
+}
+
+.btn-facebook:hover {
+  color: #fff;
+  background-color: #253860;
+  border-color: #253860;
+}
+
+.btn-twitter:hover {
+  color: #fff;
+  background-color: #448cc4;
+  border-color: #448cc4;
+}
+
+.btn-linkedin:hover {
+  color: #fff;
+  background-color: #006291;
+  border-color: #006291;
+}
+
+.sharing-buttons {
+  display: flex;
+  justify-content: space-between;
+}
+
+.sharing-buttons a {
+  flex: 1;
+  margin-right: 8px;
+  padding: .375rem .75rem;
+}
+
+.sharing-buttons a:last-child {
+  margin-right: 0;
+}
+
+.sharing-box__content {
+  margin-bottom: 0.6rem;
+}
+
+@media screen and (max-width: 991px) {
+  .article__sharing-box .card-body {
+    padding: 1.8rem;
+    margin-bottom: 0;
+  }
+  .article__sharing-box .image {
+    display: none;
+  }
+
+  .sharing-box__content {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1rem;
+  }
+
+  .article__sharing-box .icon {
+    margin-bottom: 0;
+    margin-right: 1.2rem;
+  }
+}
+
+/* ARTICLE CONTENT */
+article img {
+  max-width: 100%;
+  height: auto;
+  margin-top: 1rem;
+  margin-bottom: 3rem;
+}
+
+
+
+/* ARTICLE CONTENT */
+
+.priority-alt__icon {
+	max-width: 8rem;
+	margin-right: 1.6rem;
+}
+
+
+.priority-alt__content {
+	display: flex;
+	align-items: center;
+	margin-bottom: 2rem;
+}

senat_campaign/static/senat_campaign/js/scripts.js

+
+  // Scroll to an element
+  function scrollToElement(elementId, margin, upOnly) {
+
+        // Defaults
+        if (margin === undefined) {
+          margin = 30;
+        }
+        if (upOnly === undefined) {
+          upOnly = 0;
+        }
+
+        // Target position and current position
+        var targetOffset = $(elementId).offset().top - (margin);
+        var currentOffset = $(window).scrollTop();
+
+        if (upOnly == 1) {
+          // Check if target position is higher, we don't scroll down
+          if (targetOffset < currentOffset) {
+            // Animate the body to the position
+            $('html, body').animate({
+              scrollTop: targetOffset
+            }, 400);
+           }
+        } else {
+          $('html, body').animate({
+             scrollTop: targetOffset
+          }, 400);
+        }
+
+  }
+
+  // Universal scrolling
+  $(document).on('click','.js-scroll-anchor', {} ,function(e){
+    e.preventDefault();
+    scrollToElement($(this).attr("href"), 79);
+  });
+
+  $('[data-fancybox="gallery"]').fancybox({
+    buttons: [
+      // "zoom",
+      //"share",
+      //"slideShow",
+      //"fullScreen",
+      //"download",
+      // "thumbs",
+      "close"
+    ],
+  });

senat_campaign/static/senat_campaign/vendor/fancybox/jquery.fancybox.min.css

+body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

senat_campaign/static/senat_campaign/vendor/fontawesome/css/brands.css

+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands'; }

senat_campaign/static/senat_campaign/vendor/fontawesome/css/brands.min.css

+@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}