Added sponsors section to homepage

diff --git a/static/images/sponsors/diagramsnet.png b/static/images/sponsors/diagramsnet.png
new file mode 100644 (file) index 0000000..218d7b8
--- /dev/null
+++ b/static/images/sponsors/diagramsnet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8e4d70edcc50f71c3d32332198e354b8693abed2fad62836b477ba5f3ad159d
+size 12261

diff --git a/static/images/sponsors/stellarhosted.png b/static/images/sponsors/stellarhosted.png
new file mode 100644 (file) index 0000000..7f14d3b
--- /dev/null
+++ b/static/images/sponsors/stellarhosted.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd5559c2d0670696b371e83116196cb74e3d702fec9fa6b12cfb9fd45edfed78
+size 16164

diff --git a/themes/bookstack/layouts/index.html b/themes/bookstack/layouts/index.html
index 466d22725c27ad95d39d04ffff028ea3f9137b70..e72e5ccc1c3e2cc5839d425c1ea3acd61bec1882 100644 (file)
--- a/themes/bookstack/layouts/index.html
+++ b/themes/bookstack/layouts/index.html
@@ -10,6 +10,14 @@
                          <a href="https://demo.bookstackapp.com">Demo</a> &nbsp;-&nbsp;
                          <a href="/docs/admin/installation">Install</a>
                        </p>
+
+                               <p class="nomargin">
+                                       <br>
+                                       Latest Blog Post: <br>
+                                       {{ range first 1 ( where .Site.Pages "Section" "blog") }}
+                                                       <a href="{{.Permalink}}">{{ .Title }}</a>
+                                       {{ end }}
+                               </p>
                    </div>
                    <div class="col-md-8 screenshot-container-parent">
                        <div class="screenshot-container">
@@ -27,7 +35,7 @@
 
 
   <div class="container md-margin-top">
-        <h2 id="features">Features</h2>
+        <h2 id="features" class="nomargin margin-bottom">Features</h2>
         <div class="row">
             <div class="col-sm-4">
                 <h4><span class="icon" aria-hidden="true">{{partial "icon/code.svg"}}</span>Free &amp; Open Source</h4>
@@ -128,6 +136,45 @@
             </div>
         </div>
     </div>
+
+
+       <div class="shaded-border md-margin-top">
+               <div class="container md-margin-top">
+                       <div class="row">
+                               <div class="col-sm-4">
+                                       <h2 id="sponsors" class="nomargin margin-bottom">Project Sponsors</h2>
+                                       <p>
+                                               Shown are our bronze, silver and gold project sponsors. <br>
+                                               Big thanks to these companies for supporting the project. <br>
+                                               Note: Listed services are not tested, vetted nor supported by the official BookStack project in any manner. <br>
+                                               <br>
+                                               <a target="_blank" href="https://github.com/sponsors/ssddanbrown">View all sponsors &raquo;</a>
+                                       </p>
+                               </div>
+                               <div class="col-sm-8 text-center">
+                                       <p><br></p>
+                                       <h5>Our Bronze Sponsors</h5>
+
+                                       <div class="sponsor-list">
+
+                                               <a href="https://www.diagrams.net/" target="_blank">
+                                                       <img width="280" src="/images/sponsors/diagramsnet.png" alt="Diagrams.net logo">
+                                               </a>
+
+                                               <a href="https://www.stellarhosted.com/" target="_blank">
+                                                       <img width="280" src="/images/sponsors/stellarhosted.png" alt="Stellar Hosted Logo">
+                                               </a>
+
+                                       </div>
+
+                               </div>
+                       </div>
+
+               </div>
+       </div>
+
+
+
     <div class="shaded shaded-border md-margin-top padded-vertical large">
        <div class="container">
                <div class="row">

diff --git a/themes/bookstack/sass/styles.scss b/themes/bookstack/sass/styles.scss
index 3ac512e375fee8f04ca6a1faa3fd93adad23c581..5d743c772019becb7ce679bdc188cffb1b49ab8c 100644 (file)
--- a/themes/bookstack/sass/styles.scss
+++ b/themes/bookstack/sass/styles.scss
@@ -13,14 +13,14 @@
 @import "photoswipe";
 
 .md-margin-top {
-  margin-top: $-xxl*1.6;
+  margin-top: $-xxl*1.4;
   @include smaller-than($screen-lg) {
     margin-top: $-m;
   }
 }
 
 .md-margin-bottom {
-  margin-bottom: $-xxl*1.6;
+  margin-bottom: $-xxl*1.4;
   @include smaller-than($screen-lg) {
     margin-bottom: $-m;
   }
@@ -84,6 +84,19 @@
   border-radius: 2px;
 }
 
+.sponsor-list {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  a {
+    display: block;
+    flex: 1;
+    margin: $-s $-xl;
+    min-width: 140px;
+  }
+}
+
 header .menu, footer .menu {
   text-align: right;
   a {