announce bar docs

Author: psychologianauki

docs/main.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block announce %}
+  <div style="width: 100%; height: 100%; background-color: teal; display: flex; justify-content: center; align-items: center; padding-bottom: 7px; padding-top: 7px;">
+    <a href="https://dqops.com/best-practices-for-effective-data-quality-improvement/" style="width: 100%; height: 100%; background-color: teal; display: flex; justify-content: center; align-items: center; color: white;">
+        A step-by-step guide to improve data quality. Download new eBook
+        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#FFFFFF" width="16" height="16"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M15.1997 10.4919L13.2297 8.52188L10.0197 5.31188C9.33969 4.64188 8.17969 5.12188 8.17969 6.08188V12.3119V17.9219C8.17969 18.8819 9.33969 19.3619 10.0197 18.6819L15.1997 13.5019C16.0297 12.6819 16.0297 11.3219 15.1997 10.4919Z" fill="#FFFFFF"></path> </g></svg>
+    </a>
+</div>
+{% endblock %}

docs/stylesheets/extra.css

@@ -71,3 +71,11 @@ p:has(span.center-content) {
 .ebook-image-home {
   padding-top: 40px;
 }
+.md-banner__inner {
+  margin: 0;
+  padding: 0;
+}
+.md-grid {
+  max-width: unset;
+  width: unset;
+}