Merge pull request #215 from fuseumass/211-add-new-sponsors-logos-to-…

…website

211 add new sponsors logos to website

assets/js/sponsors-partners.js

@@ -0,0 +1,76 @@
+const sponsors = [
+  'UMass-Engineering',
+  'UMass-Manning-CICS',
+  'UMass-Berthiaume-Center',
+  'MITRE',
+];
+const sponsorsLinks = [
+  'https://engineering.umass.edu/',
+  'https://www.cics.umass.edu/',
+  'https://www.isenberg.umass.edu/centers/berthiaume-center-for-entrepreneurship',
+  'https://www.mitre.org/',
+];
+const partners = [
+  'Wolfram-Alpha',
+  'echo3d',
+  'Google-Cloud',
+  'Insomnia-Cookies',
+  'M5',
+  'Major-League-Hacking',
+  'Standout-Stickers',
+  'Silver-Screen-Design',
+];
+const partnersLinks = [
+  'https://www.wolfram.com/',
+  'https://www.echo3d.com/',
+  'https://cloud.google.com/',
+  'https://insomniacookies.com/',
+  'https://www.umassamherstm5.org/',
+  'https://mlh.io/',
+  'http://hackp.ac/mlh-StandOutStickers-hackathons',
+  'https://www.silverscreendesign.com/',
+];
+
+const makeCompanyRow = () => {
+  const rowDivElement = document.createElement('div');
+  rowDivElement.classList.add(
+    'row',
+    'gap-y',
+    'justify-content-center',
+    'align-items-center',
+  );
+  return rowDivElement;
+};
+
+const makeCompanyCol = (name, link, relation) => {
+  const colDivElement = document.createElement('div');
+  colDivElement.classList.add('col', 'col-6', 'm-2');
+  colDivElement.style.width = '100%';
+  colDivElement.style.maxWidth = '15rem';
+
+  colDivElement.innerHTML = `
+        <a target="_blank" href="${link}">
+          <img src="assets/img/${relation}/hackumass-xi/${name}.png" alt="${name}" title="${name}"/>
+        </a>`;
+  return colDivElement;
+};
+
+const sponsorsContainer = document.getElementById('sponsors-container');
+sponsorsContainer.style.maxWidth = '70%';
+sponsorsContainer.style.margin = 'auto';
+const partnersContainer = document.getElementById('partners-container');
+partnersContainer.style.maxWidth = '70%';
+partnersContainer.style.margin = 'auto';
+
+const sponsorsRow = makeCompanyRow();
+const partnersRow = makeCompanyRow();
+
+sponsors.forEach((name, i) => {
+  sponsorsRow.appendChild(makeCompanyCol(name, sponsorsLinks[i], 'sponsors'));
+});
+partners.forEach((name, i) => {
+  partnersRow.appendChild(makeCompanyCol(name, partnersLinks[i], 'partners'));
+});
+
+sponsorsContainer.appendChild(sponsorsRow);
+partnersContainer.appendChild(partnersRow);

index.html

@@ -797,8 +797,10 @@ <h2 class="primary-color">Our Sponsors</h2>
             </div>
           </header>
         </div>
+        <div id="sponsors-container"></div>
+
 
-        <div class="partner-container" style="margin-top: -75px">
+        <!-- <div class="partner-container" style="margin-top: -75px">
           <div class="partner partner-small">
             <a target="_blank" href="https://amazon.com" style="margin-top: 80px"><img
                 src="assets/img/sponsors/diamond/amazon.png" alt="Amazon" /></a>
@@ -816,11 +818,11 @@ <h2 class="primary-color">Our Sponsors</h2>
         </div>
 
         <div class="partner-container" style="margin-top: -30px">
-          <!-- <div class="partner partner-medium">
+           <div class="partner partner-medium">
             <a target="_blank" href="https://www.digitalocean.com/"
               style="margin-top: 20px; width: 85%; height: 85%"><img src="assets/img/sponsors/diamond/DigitalOcean.png"
                 alt="DigitalOcean" /></a>
-          </div> -->
+          </div> 
 
           <div class="partner partner-medium">
             <a target="_blank" href="https://engineering.umass.edu/" style="margin-top: 20px"><img
@@ -831,13 +833,19 @@ <h2 class="primary-color">Our Sponsors</h2>
             <a target="_blank" href="https://www.isenberg.umass.edu/centers/berthiaume-center-for-entrepreneurship" style="margin-top: 20px"><img
                 src="assets/img/sponsors/diamond/UMass_Berthiaume.png" alt="Engineering" /></a>
           </div>
-        </div>
-
+        </div> -->
+        <br/>
+        <br/>
+        <br/>
         <header class="section-header" style="margin-bottom: 35px">
-          <div >
-          <h2 class="primary-color">Partners</h2>
-        </div>
+            <div >
+                <h2 class="primary-color">Our Partners</h2>
+            </div>
         </header>
+        <div id="partners-container"></div>
+
+
+        <!-- </div>
         <div class="partner-container" style="margin-top: 50px">
           <div class="partner partner-small">
             <a target="_blank" href="https://www.echo3d.co/" style="width: 95%; height: 95%"><img
@@ -879,7 +887,7 @@ <h2 class="primary-color">Partners</h2>
                 src="assets/img/partners/standout-stickers.png" alt="StandOut Stickers" /></a>
           </div>
         </div>
-      </section>
+      </section> -->
       <!--  <center>
           <div style="width: 40%; height: 35%">
             <a target="_blank" href="https://aws.amazon.com"><img src="assets/img/sponsors/title/amazon_logo_generic.png" alt="Amazon logo" /></a>
@@ -1243,6 +1251,7 @@ <h4>
     <!-- Scripts -->
     <!-- <script src="assets/js/our-team.js"></script> -->
     <script src="assets/js/our-team-tab.js"></script>
+    <script src="assets/js/sponsors-partners.js"></script>
     <script src="assets/js/core.min.js"></script>
     <script src="assets/js/thesaas.min.js"></script>
     <script src="assets/js/script.js"></script>