flamingo/content/spenden.html

+sort: 100
+template: page_html.html
+title: Spenden
+
+blog:
+    - date: 2020-05-24
+      title: Spendenaufruf und Finanzierungsübersicht
+      body: Freifunk Braunschweig entstehen für den Betrieb laufende Kosten. Auf dieser Seite geben wir dir einen Überblick welche regelmäßigen Ausgaben uns entstehen und wie Du uns finanziell Unterstützen kannst.
+
+
+<div class="container">
+    <div class="page-header" >
+        <h1>Spenden</h1>
+    </div>
+
+    <p>
+        Freifunk Braunschweig entstehen für den Betrieb laufende Kosten.
+        Auf dieser Seite geben wir dir einen Überblick welche regelmäßigen Ausgaben uns entstehen
+        und wie Du uns finanziell Unterstützen kannst.<br />
+        Unsere Finanzierung wickeln wir über den <a href="https://stratum0.org" >Stratum 0 e.V.</a> ab.
+        Die Zahlen auf dieser Seite werden live aus der Buchhaltung des Vereins geladen.
+    </p>
+
+    <div class="row">
+        <div class="cols-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Regelmäßige Ausgaben</h4>
+                </div>
+                <div class="panel-body" >
+                    Freifunk Braunschweig hat regelmäßige Ausgaben für den Betrieb unserer Infrastruktur.<br />
+                    Wir betreiben zur Zeit folgende Server:
+                    <ul>
+                        <li>Gateway 1: 25,00 EUR / Monat</li>
+                        <li>Gateway 3: 7,99 EUR / Monat</li>
+                        <li>Domains: 1,00 EUR / Monat</li>
+                        <li><strong>Summe: 33,99 EUR</strong></li>
+                    </ul>
+                    Gateway 3 wird zur zeit quartalsweise bezahlt.
+                </div>
+            </div>
+        </div>
+        <div class="col-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Gelegentliche Ausgaben</h4>
+                </div>
+                <div class="panel-body" >
+                    Neben unseren regelmäßigen Ausgaben möchten wir euch auch
+                    Aufkleber und Werbeflyer zur Verfügung stellen.<br />
+                    Dazu kommt, dass wir gelegentlich fördernswerte Projekte mit
+                    kleinen Hardwarespenden versorgen.<br />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row" >
+        <div class="panel panel-default" >
+            <div class="panel-heading" >
+                <h4>Fianzierungsübersicht</h4>
+            </div>
+            <div class="panel-body" >
+                Der folgende Graph gibt dir eine Übersicht über die Finanzierung von Freifunk
+                Braunschweig über die letzen sechs Monate:<br />
+                <br >
+                <canvas id="graph" style="width: 100%; height: 300px;"></canvas>
+                Das aktuelle Guthaben des Freifunk Braunschweig beträgt: <span id="finanz_total" >?</span> EUR
+            </div>
+        </div>
+    </div>
+    <div class="row" >
+        <div class="panel panel-default" >
+            <div class="panel-heading" >
+                <h4>Spenden</h4>
+            </div>
+            <div class="panel-body" >
+                Spenden können uns per Überweisung an den Stratum 0 übermittelt werden.
+                Die Bankverbindung lautet:<br />
+                <br />
+                <p style="border-left: 1px solid #888; padding-left: 5px;" >
+                    Kontoinhaber: Stratum 0 e.V.<br />
+                    SWIFT-BIC: NOLADE2HXXX (Nord/LB Hannover)<br />
+                    IBAN: DE40 2505 0000 0200 0249 17<br />
+                    Verwendungszweck: Freifunk Braunschweig
+                </p>
+                <br />
+                Regelmäßige Spenden geben uns mehr Planungssicherheit.
+                Wenn es Dir möglich ist führe die Daueraufträge quartalsweise durch - das
+                verringert Kosten und Aufwand für die Buchhaltung.<br />
+                Natürlich sind auch Einzelspenden willkommen!
+            </div>
+        </div>
+    </div>
+</div>
+<script src="/js/Chart.min.js"></script>
+<script src="/js/finanz.js"></script>
+

flamingo/content/suedstadt.rst

+blog:
+   - date: 2021-01-23
+     title: Freifunk um die Kirchen des Pfarrverbandes Braunschweiger Süden (Update 2021-01-23)
+     body: Der Pressespiegel wurde um einen Link zur Ev.-luth. Propstei Braunschweig ergänzt.
+   - date: 2021-01-03
+     title:  Freifunk um die Kirchen des Pfarrverbandes Braunschweiger Süden
+     body:   Der Pfarrverband Braunschweiger Süden hat sich zum Ziel gesetzt die Attraktivität ihrer Kirchenstandorte zu verbessern. Hierso wird an allen acht Kirchen in den sieben Gemeinden - und wo vorhanden angrenzenden Gemeinderäumen - kostenloses WLAN zur Verfügung gestellt.
+
+
+Freifunk um die Kirchen des Pfarrverbandes Braunschweiger Süden
+===============================================================
+
+.. img::
+   suedstadt_kirchturm.jpg
+   :align: right
+   :width: 400px
+
+   **Kirchturm St. Markus (Südstadt)**
+   Die Freifunk-Router sind an den Kirchen so verteilt, dass neben den
+   Stationen des Pilgerwegs auch große Teile der Kirchen und Gemeindehäuser
+   abgedeckt sind.
+
+Der 
+`Pfarrverband Braunschweiger Süden <https://www.pfarrverband-braunschweiger-sueden.de/>`__
+hat sich zum Ziel gesetzt die Attraktivität
+ihrer Kirchenstandorte zu verbessern.
+Hierso wird an allen acht Kirchen in den sieben Gemeinden - und wo vorhanden in den angrenzenden
+Gemeinderäumen - kostenloses WLAN zur Verfügung gestellt.
+
+Bei der Planung und Inbetriebnahme wurden sie vom Freifunk Braunschweig unterstützt.
+Die Braunschweiger Freifunker haben bei der Begehung der Standorte, sowie bei der
+Planung ihre Erfahrung mit eingebracht.
+Die Inbetriebnahme und Installation wurde von Angehörigen des Pfarrverbandes
+selbst übernommen.
+Das Projekt wurde darüber aus Mitteln der drei 
+`Stadtbezirksräte <https://www.braunschweig.de/politik_verwaltung/politik/ratderstadt/stadtbezirksraete/aufgaben_stbezrat.php>`__
+Stöckheim-Leiferde, Heidberg-Melverode und Südstadt-Rautheim-Mascherode gefördert.
+
+Insgesamt wurden an den acht Standorten 29 WLAN-Accesspoints, sowie andere
+Netzwerktechnik in Betrieb genommen und viele Meter Netzwerkkabel verlegt.
+
+Somit sind die Kirchen und Gemeinden des Pfarrverbandes nun nicht nur in der
+analogen Welt mit dem 
+`Pilgerweg <https://www.pfarrverband-braunschweiger-sueden.de/pilgerweg/>`__,
+sondern auch in der digitalen Welt vernetzt!
+Für Freifunk ist diese Kombination aber aus einem weiteren Grund interessant:
+Die Stationen des Pilgerwegs befinden sich jeweils im Außenbereich der Kirchen und
+ein Ziel des Projektes war es, eben diese Stationen auch mit Freifunk zu versorgen.
+
+Somit steht Freifunk an diesen Standorten nicht nur den Gemeindemitgliedern in den
+Räumen des Pfarrverbandes zur Verfügung, sondern auch jeder anderen Person, die
+auf der Suche nach einem offenen und freien WLAN ist.
+
+.. img::
+   suedstadt_ffbs.jpg
+   :align: right
+   :width: 400px
+
+   **Ein Teil des Freifunk Braunschweig Teams**
+   Da dies Projekt durch die Corona-Pandemie unter Einhaltung von Infektionsschutzmaßnahmen
+   durchgeführt wurde, durften auch nur ein Teil der Braunschweiger Freifunker auf
+   das Gruppenfoto 🙂
+
+Wir Bedanken uns beim Team des Pfarrverbandes Braunschweiger Süden für die gute
+Zusammenarbeit!
+
+Sollen Sie Interesse an der Durchführung ähnlicher Projekte haben 
+`sprechen Sie uns gern an </kontakt.html>`__.
+
+Weiterführende Links
+....................
+
+* `Pilgerweg Braunschweiger Süden <https://www.pfarrverband-braunschweiger-sueden.de/pilgerweg/>`__ beim Pfarrverband Braunschweiger Süden
+* `Artikel in der Braunschweiger Zeitung <https://www.braunschweiger-zeitung.de/braunschweig/article231227298/Kostenloses-W-Lan-rund-um-Kirchen-im-Braunschweiger-Sueden.html>`__
+* `Artikel in regionalHeute <https://regionalheute.de/braunschweig/kirchen-im-braunschweiger-sueden-bieten-gratis-wlan-an-1609138508/>`__
+* `Artikel bei der Ev.-luth. Propstei Braunschweig <https://www.propstei-braunschweig.de/aktuell/nachricht/Artikel/10546//1/Meldungen.html?no_cache=1>`__

flamingo/content/tplink-archer-c50.rst

+template: page.html
+
+
+TP-Link Archer C50 V4 flashen
+=============================
+
+Der TP-Link Archer C50 V4 lässt sich nur über TFTP erfolgreich flashen. Der Vorgang wird hier im Einzelnen beschrieben.
+
+Dieses Vorgehen benötigt ein Linux oder MacOS und einen funktionierenden TFTP Server.
+Ein zusätzlicher Switch hat sich als nützlich erwiesen.
+
+Firmware vorbereiten
+--------------------
+
+Zuerst die gewünschte Freifunk Firmware herunterladen und als *ff.bin* abspeichern. Unsere Firmware findet man
+`hier <https://firmware.freifunk-bs.de/selector/?q=TP-Link%E2%81%A3%20Archer%C2%A0C50%E2%81%A3%20v4%E2%81%A3%20Upgrade>`__.
+
+Als nächstes eine originale Firmware von TP-Link herunterladen. Im Test hat
+`diese Version (180313) <https://static.tp-link.com/2018/201805/20180528/Archer%20C50(EU)_V4_180313.zip>`__ funktioniert.
+Das Archiv entpacken und die Firmware (*.bin*) als *tpl.bin* abspeichern.
+
+Dann müssen die beiden zusammengeführt werden, dazu folgende Befehle ausführen:
+
+.. code-block:: sh
+
+   dd if=/dev/zero of=tp_recovery.bin bs=196608 count=1
+   dd if=tpl.bin of=tmp.bin bs=131584 count=1
+   dd if=tmp.bin of=boot.bin bs=512 skip=1
+   cat boot.bin >> tp_recovery.bin
+   cat ff.bin >> tp_recovery.bin
+
+Via TFTP flashen
+----------------
+
+Der eigene Rechner muss unter 192.168.0.66 erreichbar sein. Es empfiehlt sich, den eigenen Rechner über einen Switch mit dem
+Knoten zu verbinden, um auch beim Neustart des Knotens eine permanente Verbindung zu haben.
+Der TFTP Server muss die *tp_recovery.bin* ausliefern.
+
+Den Knoten nun ausschalten, mit einem Werkzeug den Reset-Taster halten und wieder einschalten und mindestens 10 Sekunden den
+Reset-Taster gedrückt halten.
+Der Knoten sollte dann die vorbereitete Firmware flashen und als Freifunkknoten im Config-Mode wieder starten.
+

flamingo/content/verbinden.html

+template: page_html.html
+
+
+<div class="container" >
+    <div class="page-header" >
+        <h1>Hier gibt es freies WLAN!</h1>
+    </div>
+    <div class="alert alert-info" >
+    <p>An diesem Ort gibt es freies WLAN der Initiative
+        <strong>Freifunk Braunschweig</strong>.
+        Freifunk ist ein kostenloses, unzensiertes Netz von Bürgern
+        für Bürger. <br />
+        Gemeinsam mit unserer lockalen Community
+        unterstützen wir jeden beim Anbieten von Freiem WLAN - egal
+        ob zu Hause, an der Bushaltestelle oder im Gewerbe. <br />
+    </p>
+    </div>
+    <div class="row" >
+        <div class="col-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Jetzt surfen! <i class="fa fa-wifi" style="font-size: 150%;"></i></h4>
+                </div>
+                <div class="panel-body" >
+                    So kannst Du direkt lossurfen - und das ganz ohne AGBs oder Anmeldung:
+                    <ul>
+                        <li>Aktiviere das W-LAN an deinem Gerät</li>
+                        <li>Wähle das W-LAN <i>Freifunk</i> aus</li>
+                        <li>Surfe kostenlos, unzensiert und ohne Anmeldung!</li>
+                    </ul>
+                    Ausserdem gibt es in der Umgebung noch <span class="nodecount">?</span> weitere Zugänge. 
+                    <a href="https://freifunk-bs.de/map/#!v:m" >Hier geht es zur Karte</a>.
+                </div>
+            </div>
+        </div>
+        <div class="col-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Mitmachen <i class="fas fa-people-carry" style="font-size: 150%;"></i></h4>
+                </div>
+                <div class="panel-body" >
+                    Freifunk lebt von seiner Community.<br />
+                    Jeder kann mitmachen und den Freifunkgedanken weitertragen. <br />
+                    So kannst Du mitmachen:
+                    <ul>
+                        <li>Stelle seber einen <a href="/mitmachen/geraete.html">Router</a> auf</li>
+                        <li>Unterstütze uns mit einer <a href="/spenden.html" >Spende</a></li>
+                        <li>Wir <a href="/index.html" >Treffen</a> uns jeden Mittwoch - lerne die Menschen hinter Freifunk kennen</li>
+                        <li>Arbeite und entwickle an der <a href="/irc.html">Technik</a> mit</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

flamingo/plugins/blog.py

+from flamingo.core.data_model import Content
+
+import logging
+logger = logging.getLogger("project.plugin.blog")
+
+class Blog:
+
+    def contents_parsed(self, context):
+
+        #collect 'blog'-update snippets from all sites
+        for content in context.contents:
+            if "blog" in content:
+                for b in content["blog"]:
+                    if not ("date" in b and "title" in b and "body" in b):
+                        logger.warn("blog entry in article {} is malformed! 'date', 'title' or 'body' is missing!".format(content["path"]))
+                        continue
+                    c = Content()
+                    c["date"] = b["date"]
+                    c["content_title"] = b["title"]
+                    c["content_body"] = b["body"]
+                    c["url"] = "/"+content["output"]
+                    c["path"] = "/dev/null"
+                    c["output"] = "/dev/null"
+                    c["feedtag"] = True
+                    context.contents.add(c)
+
+        # collect legacy firmware releases
+        for content in context.contents.filter(path__startswith="firmware/v").order_by("-content_title"):
+            for branch in content["branches"]:
+                if not ("date" in branch and "channel" in branch and "name" in branch):
+                    logger.warn("firmware entry in file {} is malformed! 'date', 'channel' or 'name' missing for branch {}".format(content["path"], branch))
+                    continue
+                c = Content()
+                c["date"] = branch["date"]
+                c["content_title"] = "Neue Firmware {} freigegeben".format(content["title"])
+                c["content_body"] = "Es wurde eine neue Firmware im Zweig '{}' freigegeben. Das Release heißt '{}'.".format(branch["channel"], branch["name"])
+                c["url"] = "/mitmachen/firmware.html"
+                c["path"] = "/dev/null"
+                c["output"] = "/dev/null"
+                c["feedtag"] = True
+                context.contents.add(c)
+
+        # collect parker firmware releases
+        for content in context.contents.filter(path__startswith="parker/firmware/v").order_by("-content_title"):
+            for branch in content["branches"]:
+                if not ("date" in branch and "channel" in branch and "name" in branch):
+                    logger.warn("firmware entry in file {} is malformed! 'date', 'channel' or 'name' missing for branch {}".format(content["path"], branch))
+                    continue
+                c = Content()
+                c["date"] = branch["date"]
+                c["content_title"] = "Neue Firmware {} freigegeben".format(content["title"])
+                c["content_body"] = "Es wurde eine neue Firmware im Zweig '{}' freigegeben. Das Release heißt '{}'.".format(branch["channel"], branch["name"])
+                c["url"] = "/parker/firmware.html"
+                c["path"] = "/dev/null"
+                c["output"] = "/dev/null"
+                c["feedtag"] = True
+                context.contents.add(c)

flamingo/plugins/raw.py

+from bs4 import BeautifulSoup
+from flamingo.core.utils.html import extract_title
+
+from flamingo.core.parser import ContentParser
+
+
+class RawParser(ContentParser):
+    FILE_EXTENSIONS = ['html']
+
+    def parse(self, file_content, content):
+        markup_string = self.parse_meta_data(file_content, content)
+
+        soup = BeautifulSoup(markup_string, 'html.parser')
+        title = extract_title(soup)
+
+        content['content_title'] = title
+        content['content_body'] = markup_string
+
+
+class Raw:
+    def parser_setup(self, context):
+        context.parser.add_parser(RawParser(context))
+

flamingo/plugins/rst_ffbs_box.py

+from docutils.parsers.rst import directives
+from docutils.nodes import raw
+
+from flamingo.plugins.rst import NestedDirective
+
+def ffbsbox(context):
+    class Div(NestedDirective):
+        def run(self):
+            html = self.parse_content(context)
+
+            return [
+                raw('', '<div style="float:right; clear:right; width:20%; border-top:1px solid; border-bottom:1px solid; margin-left:2em; margin-top:1.5em; margin-bottom:1.5em;">{}</div>'.format(html), format='html'),
+            ]
+
+    return Div
+
+
+class rstFfbsBox:
+    def parser_setup(self, context):
+        directives.register_directive('ffbsbox', ffbsbox(context))

flamingo/settings.py

@@ -2,14 +2,46 @@ import os
 
 PLUGINS = [
     'flamingo.plugins.Redirects',
-    'flamingo.plugins.Layers',
     'flamingo.plugins.rstBootstrap3',
-    'flamingo.plugins.rstFile',
     'flamingo.plugins.rstPygments',
     'plugins/title.py::Title',
     'plugins/git.py::Git',
+    'plugins/raw.py::Raw',
+    'plugins/rst_ffbs_box.py::rstFfbsBox',
+    'plugins/blog.py::Blog',
+    'flamingo.plugins.Feeds',
 ]
 
-LAYERS = [
+# remove flamingo core HTML plugin.
+# we can now use our own "Raw"
+DEFAULT_PLUGINS = [x for x in DEFAULT_PLUGINS if  x != "flamingo.plugins.HTML"]
+
+POST_BUILD_LAYERS = [
         'static',
 ]
+
+THEME_PATHS = [
+        'theme/',
+]
+
+FEEDS_DOMAIN = 'https://freifunk-bs.de'
+FEEDS = [
+    {
+        'id': 'freifunk-bs.de/feed',
+        'title': 'freifunk-bs.de',
+        'type': 'atom',
+        'output': 'all.atom.xml',
+        'lang': 'en',
+        'contents':
+            lambda ctx: ctx.contents.filter(feedtag=True).order_by("date"),
+        'entry-id':
+            lambda content: 'tag:freifunk-bs.de,{}:/{}'.format(
+                content['date'],
+                os.path.basename(content['url']),
+            ),
+        'published':
+            lambda content: content['date'].strftime('%Y-%m-%d %H:%M:%S+01:00'),
+        'updated':
+            lambda content: content['date'].strftime('%Y-%m-%d %H:%M:%S+01:00'),
+    },
+]

flamingo/static/css/bootstrap.css

-@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
+/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
 /*!
  * bootswatch v3.2.0
  * Homepage: http://bootswatch.com
@@ -890,7 +916,7 @@ html {
 }
 body {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.42857143;
   color: #444444;
   background-color: #fcfcfc;
@@ -2347,7 +2373,7 @@ output {
   width: 100%;
   height: 36px;
   padding: 8px 12px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.42857143;
   color: #777777;
   background-color: #ffffff;
@@ -3128,7 +3154,7 @@ tbody.collapse.in {
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
-  font-size: 13px;
+  font-size: 14px;
   text-align: left;
   background-color: #ffffff;
   border: 1px solid #cccccc;

flamingo/static/css/small-business.css

@@ -189,3 +189,45 @@ a.anchor{
 	color: #EEE;
 	background-color: rgba(20,20,20,0.7);
 }
+
+h3 {
+    font-size: 20px;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../webfonts/OpenSans-Regular.ttf');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url('../webfonts/OpenSans-Bold.ttf');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: url('../webfonts/OpenSans-Italic.ttf');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  src: url('../webfonts/OpenSans-BoldItalic.ttf');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+.panel-heading h4 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}