feat: add industry collaboration prospectus

content/collaborations/_index.md

@@ -33,4 +33,4 @@ layout: single
 
 {{< pages/collaborations/join-collaboration >}}
 
-{{< pages/collaborations/start-new-collaboration >}}
\ No newline at end of file
+{{< pages/collaborations/start-new-collaboration >}}

layouts/shortcodes/pages/collaborations/collaborating.html

@@ -2,8 +2,15 @@
 
 <section id="collaboration-at-the-eclipse-foundation" class="row collaborations-collaborating">
     <div class="col-md-10 collaborations-col collaborations-collaborating-bg">
-        <div class="title-wrapper">
-            <h2 class="margin-0">Collaborating at the <span class="line-break" >Eclipse Foundation</span></h2>
+        <div class="shadow-xl">
+            <div class="title-wrapper">
+              <h2 class="margin-0">Collaborating at the <br> Eclipse Foundation</h2>
+            </div>
+            <div class="cta-wrapper margin-top-30">
+              <a class="btn btn-primary btn-huge" href="{{ "/collaborations/documents/industry-collaborations-at-eclipse-foundation.pdf" | relURL }}">
+                Download the Industry Collaboration Prospectus
+              </a>
+            </div>
         </div>
     </div>
     <div class="col-md-14 collaborations-col">
@@ -28,3 +35,4 @@
         </div>
     </div>
 </section>
+

less/base/_utility-classes.less

@@ -51,3 +51,9 @@
 .bg-hover-neutral-tinted-darker:hover {
   background-color: #c3c3c3;
 }
+
+.shadow-xl {
+  filter: 
+    drop-shadow(0px 0px 30px #000)
+    drop-shadow(0px 0px 30px #00000077);
+}

less/page_css_file/collaborations/styles.less

@@ -161,6 +161,14 @@
       text-align: right;
     }
   }
+  
+  .cta-wrapper {
+    text-align: center;
+
+    @media (min-width: @screen-md-min) {
+      text-align: right;      
+    }
+  }
 }
 
 .collaborations-collaborating-item {