Monat: September 2020

Was ist Open Bug Bounty
Das Open Bug Bounty Projekt ist eine Platform welche Website Betreibern ermöglicht auf transparente, faire und koordinierte Weise Hilfe und Unterstützung von Sicherheitsforschern zu erhalten, um Webandwendungen sicherer zu machen.

www.openbugbounty.org

Ich bin dort mehr oder weniger aktiv seit dem Jahr 2016. Man benötigt nur einen Twitter Account um sich auf der Seite zu registrieren.
Nun benötigt man noch ein wenig Kenntnisse im Bereich Web Sicherheit um die Webseiten auf Sicherheitslücken abzuklopfen.

Seit 2016 habe ich aktuell 131 Sicherheitslücken auf Open Bug Bounty gemeldet, 82 Sicherheitslücken davon wurden von den jeweiligen Website Betreiben beseitigt. Die Betreiber werden automatisch kontaktiert, leider sind noch immer genug Seiten auf Open Bug Bounty registriert bzw. viele Seiten sind ohne Kontaktinformation.

Mein Open Bug Bounty Profil

Nachdem eine Lücke gemeldet wurde wird der Betreiber automatisch benachrichtigt. Sind keine Kontaktinformation hinterlegt kann dies auch händisch geschehen. Dieser kann sich dann mit dem Finder der Lücke in Verbindung setzen und gemeinsam daran arbeitet die Lücke zu beseitigen.

Die Lücken werden einen bestimmten Zeitraum bis zur Beseitigung der Lücke vertraulich behandelt. Nach dem die Lücke behoben wurde oder der Zeitraum abgelaufen ist, kann jeder die Lücke einsehen.

Viele Lücken auf Open Bug Bounty werden automatisiert gesucht und gemeldet. Meine Lücken die ich gefunden habe sind beim normalen Surfen aufgefallen. Einige davon waren Lücken in einem CMS (Content-Management-System) dadurch konnte ich die gleiche Lücke auf verschiedenen Seiten finden und melden.

Bei Sicherheitslücken auf größeren Seiten besteht die Möglichkeit eine Belohnung vom Betreiber der Seite zu erhalten, dies gehört aber nicht zur Regel und sollte auch nicht die Intention sein.

Social Media Buttons im Footer hinzufügen mit Hilfe von Font Awesome icons.

Änderungen sollten immer in einem eigenen Theme gemacht werden. Bei Änderungen im Bare oder Responsive Theme können diese bei einem Update überschrieben werden.

Ein eigenes Theme kann mit Hilfe des Theme Manager im Backend erstellt werden.

1. Font Awesome einbinden

Falls noch nicht vorhanden nicht vorhanden folgende Datei erstellen.

themes/Frontend/Name_des_themes/frontend/index/header.tpl

In diese Datei fügen wir zuerst folgendes ein:

{extends file="parent:frontend/index/header.tpl"}

Hiermit erweitern wir den Originalinhalt mit unserem Code.

Und nun fügen wir folgendes ein:

{block name="frontend_index_header_css_screen"}
	{$smarty.block.parent}
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
{/block}

2. Buttons einfügen

Jetzt benötigen wir folgende Datei.

themes/Frontend/Name_des_themes/frontend/index/footer-navigation.tpl

Dort fügen wir folgendes ein.

{namespace name="frontend/index/menu_footer"}
{extends file="parent:frontend/index/footer-navigation.tpl"}
{block name="frontend_index_footer_column_service_menu"}
    <div class="footer--column column--menu block">
        {block name="frontend_index_footer_column_service_menu_headline"}
            <div class="column--headline">{s name="sFooterSocialMedia"}{/s}</div>
        {/block}

        {block name="frontend_index_footer_column_service_menu_content"}
            <nav class="column--navigation column--content">
                <ul class="em-social-links">
                    <li><a href="https://twitter.com/blub_txt" target="_blank"><i class="fab fa-twitter-square"></i></a></li>
                    <li><a href="https://www.instagram.com/jnstr_/" target="_blank"><i class="fab fa-instagram"></i></a></li>  
                    <li><a href="mailto:admin@hamsterbaum.de" target="_blank"><i class="fas fa-envelope"></i></a></li>   
                </ul>
            </nav>
        {/block}
    </div>
{/block}

@import "_mixins/social_media_icons";

.em-social-links {
font-size: 40px;
}

.em-social-links li {
display: inline;
}

.em-social-links li a {
display: inline;
transition: opacity .3s ease-in-out;
}

.em-social-links li a:hover {
opacity: 0.6;
transition: opacity .3s ease-in-out;
}

.em-social-links li a i.fa-facebook {
color: #3b5998;
}

.em-social-links li a i.fa-twitter-square {
color: #55acee;
}