SPONSORSHIP, better alert

Author: bartoszwalacik

_includes/sponsorship-alert.html

@@ -0,0 +1,10 @@
+<div style="padding-top: 12px; color:red;">
+
+    <div class="alert">
+        JaVers needs funding to sustain. You can
+        <a href="/sponsorship">sponsor
+        JaVers development easily</a>
+        via Open Collective.
+    </div>
+
+</div>

_layouts/page.html

@@ -48,17 +48,7 @@
 
                 {% if page.url contains '/sponsorship' %}
                 {% else %}
-                    <div style="padding-top: 12px; color:red;">
-
-                        <div class="alert">
-                            JaVers needs funding to sustain. You can
-                            <a href="/sponsorship">sponsor</a>
-                            JaVers development easily
-                            via
-                            <a href="https://opencollective.com/javers">Open Collective</a>.
-                        </div>
-
-                    </div>
+                    {% include sponsorship-alert.html %}
                 {% endif %}
 
                 <h1 itemprop="headline">{{ page.title }}</h1>

css/style.css

@@ -52,7 +52,9 @@ pre.highlight > code {
     border-width: 4px;
     border-color: #2874a6;
     color: #154360;
-    margin-bottom: 15px;
+    margin-bottom: 12px;
+    margin-left:8px;
+    margin-right:8px;
     font-size: 1em;
     font-family: 'Ubuntu', sans-serif;
 }

index.html

@@ -4,6 +4,8 @@
 description: With JaVers you can forget about troublesome data versioning. Let the changes in your data be managed by JaVers.
 ---
 
+{% include sponsorship-alert.html %}
+
 <header class="container-fluid hero-container">
     <div class="hero">
         <h1 style="color:#EA4D1A;">Object auditing and diff framework for Java</h1>