build

Author: concourse-bot

assets/images/sponsors/RamNode.svg

@@ -142,19 +142,48 @@ body {
   }
 }
 
-.side-by-side {
+.side-by-side,
+.sponsors {
   background-color: rgba(255, 255, 255, 0.2);
   border-radius: 8px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.9);
   text-align: center;
   display: grid;
-  grid-template-columns: 1fr 1fr;
   grid-gap: 0 4%;
   padding: 3em 1.5em;
   margin-left: 1.5em;
   margin-right: 1.5em;
   max-width: 100%;
   box-sizing: border-box;
+
+  & .side-by-side {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+.segment-sponsors {
+  grid-column: 1 / -1;
+  margin-top: 2em;
+  border-top: 1px solid #fff;
+
+  & h1 {
+    font-size: xx-large;
+    font-weight: bold;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    color: #efeeee;
+  }
+}
+
+.sponsor-logos {
+  display: flex;
+  column-gap: 50px;
+  row-gap: 25px;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  max-width: 900px;
+  margin: 1.5em auto;
 }
 
 .side-by-side .segment {
@@ -182,12 +211,12 @@ body {
   margin-bottom: 0em;
 }
 
-.splash-intro > * > .text-links {
+.splash-intro>*>.text-links {
   text-decoration: underline !important;
   color: #efeeee;
 }
 
-.splash-intro > * > .text-links:hover {
+.splash-intro>*>.text-links:hover {
   color: #efeeee;
 }
 
@@ -281,7 +310,7 @@ body {
   padding: 0.5em;
 }
 
-.std-flex-box > div > .tool-select {
+.std-flex-box>div>.tool-select {
   width: 17em;
   height: 2em;
 }
@@ -307,10 +336,12 @@ body {
 }
 
 @media screen and (max-width: 1219px) {
+
   /* Example breakpoint for tablets */
   .side-by-side,
   .download-ctr {
-    grid-template-columns: 1fr; /* Two equal columns */
+    grid-template-columns: 1fr;
+    /* Two equal columns */
   }
 }
 
@@ -385,12 +416,16 @@ body {
     gap: 0.5em;
   }
 
-  .std-flex-box > div {
+  .std-flex-box>div {
     width: 100%;
   }
 
-  .std-flex-box > div > .tool-select {
+  .std-flex-box>div>.tool-select {
     width: 100%;
     max-width: 100%;
   }
 }
+
+.twemoji {
+  vertical-align: sub !important;
+}

assets/images/sponsors/SAP_logo.svg

@@ -5630,6 +5630,34 @@ <h3 id="release-text">Download the latest release:</h3>
         </div>
       </div>
     </div>
+    <div class="segment-sponsors">
+      <h1>Sponsored By</h1>
+      <div class="sponsor-logos">
+        <a href="https://www.cloudfoundry.org/" target="_blank">
+          <img src="/assets/images/sponsors/cloud_foundry.png" alt="Cloud Foundry Foundation" title="Cloud Foundry Foundation" style="height: 100px;">
+        </a>
+      </div>
+      <div class="sponsor-logos">
+        <a href="https://www.pix4d.com/" target="_blank">
+          <img src="/assets/images/sponsors/pix4d.svg" alt="Pix4D" title="Pix4D" style="height: 40px;">
+        </a>
+        <a href="https://www.sap.com" target="_blank">
+          <img src="/assets/images/sponsors/SAP_logo.svg" alt="SAP" title="SAP" style="height: 40px;">
+        </a>
+        <a href="https://ramnode.com/?ref=A792924" target="_blank">
+          <img src="/assets/images/sponsors/RamNode.svg" alt="RamNode" title="RamNode (affiliate link that supports the project)" style="height: 30px;">
+        </a>
+      </div>
+
+      <a href="project/#sponsorship">
+        <md-filled-button id="sponsor-button">
+          <span class="twemoji">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 21.35-1.45-1.32C5.4 15.36 2 12.27 2 8.5 2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z"></path></svg>
+          </span>
+          Support the project
+        </md-filled-button>
+      </a>
+    </div>
   </div>
 </div>