feat(homepage): add sponsors with logo (#695)

* feat(homepage): add sponsors with logo

* ci: remove yarn.lock reference from the Docker file

* chore(tos): update the terms of service for 2020/2021

* chore(tos): fix header size

.gitignore

@@ -9,3 +9,5 @@ npm-debug.log
 .idea
 *.pem
 images-optimized
+yarn.lock
+package-lock.json

Dockerfile

@@ -1,7 +1,7 @@
 FROM node:10 AS builder
 
 WORKDIR /app
-COPY package.json yarn.lock ./
+COPY package.json ./
 RUN yarn
 RUN npm install -g bower
 RUN npm install -g polymer-cli --unsafe-perm

package.json

@@ -12,6 +12,7 @@
     "jshint-stylish": "^2.0.0",
     "plylog": "^0.5.0",
     "polymer-analyzer": "^2.7.0",
+    "polymer-cli": "^1.9.11",
     "polyserve": "0.23.0",
     "superagent": "^3.2.1"
   },

src/lancie-commission/lancie-commission.html

@@ -51,6 +51,10 @@
         width: calc(100% - 10px);
       }
 
+      a {
+        color: var(--secondary-color);
+      }
+
       @media (max-width: 600px) {
         lancie-commission-member {
           width: 100%;

src/lancie-home-page/lancie-home-page.html

@@ -77,30 +77,14 @@
 
     <lancie-banner></lancie-banner>
 
-    <!-- <lancie-info-blocks></lancie-info-blocks> -->
-
-    <!-- Uncomment the code below once you have sponsors for the event and updated the lancie-sponsors file -->
-    <!-- <lancie-section type="primary" header="Partners &amp; Sponsors">
-      <lancie-sponsors></lancie-sponsors>
-    </lancie-section> -->
+    <lancie-info-blocks></lancie-info-blocks>
 
     <!-- Uncomment the code below once you have finalised the timetable for the event and updated the lancie-timeline file -->
     <!-- <lancie-section type="primary" header="Timetable">
       <lancie-timeline></lancie-timeline>
     </lancie-section> -->
 
-    <!-- <lancie-section type="primary" header="Updates">
-      <div>
-        <p>
-          Don't worry, we hate junkmail too. We will not share your details with anyone.<br/>
-          You will only receive emails relevant to the event, such as when
-          the ticket sales are opened.
-        </p>
-        <lancie-subscribe-mail-form></lancie-subscribe-mail-form>
-      </div>
-    </lancie-section> -->
-
-    <lancie-section header="Area FiftyLAN">
+    <lancie-section type="primary" header="Area FiftyLAN">
       <div class="intro-container">
         <div class="intro-text">
           <p>
@@ -228,7 +212,11 @@
       <lancie-faq markdown="data/faq.md?ver=1.0"></lancie-faq>
     </lancie-section>
 
-    <lancie-section header="7th LANcie of W.I.S.V. 'Christiaan Huygens'">
+    <lancie-section type="primary" header="Partners &amp; Sponsors">
+      <lancie-sponsors></lancie-sponsors>
+    </lancie-section>
+
+    <lancie-section type="secondary" header="7th LANcie of W.I.S.V. 'Christiaan Huygens'">
       <lancie-commission></lancie-commission>
     </lancie-section>
 
@@ -252,6 +240,17 @@
     <lancie-terms-of-service id="termsOfService">
       <paper-button on-tap="closeDialog">Close</paper-button>
     </lancie-terms-of-service>
+
+    <lancie-section type="primary" header="Updates">
+      <div>
+        <p>
+          Don't worry, we hate junkmail too. We will not share your details with anyone.<br/>
+          You will only receive emails relevant to the event, such as when
+          the ticket sales are opened.
+        </p>
+        <lancie-subscribe-mail-form></lancie-subscribe-mail-form>
+      </div>
+    </lancie-section>
   </template>
 </dom-module>
 <script>

src/lancie-home-page/lancie-info-blocks.html

@@ -72,25 +72,25 @@ <h2>[[item.header]]</h2>
           type: Object,
           value: function() {
             return [{
-                header: '28 Feb - 1 Mar',
+                header: '26 - 28 Feb',
                 text: 'Save the date!',
                 icon: 'date-range',
               },{
-                header: 'X (Sports & Culture)',
-                text: 'Mekelweg 8, Delft',
+                header: 'Fully online!',
+                text: 'Compete from home!',
                 icon: 'location-on',
               },{
                 header: 'Many tournaments',
                 text: 'Win amazing prizes!',
-                icon: 'playlist-add',
+                icon: 'videogame-asset',
               },{
-                header: '230 seats',
-                text: 'Bring some friends!',
-                icon: 'event-seat',
+                header: 'Watch the stream',
+                text: 'Or even participate!',
+                icon: 'party-mode',
               },{
-                header: '€40,- all-in access',
-                text: 'Meals and stay included',
-                icon: 'local-activity',
+                header: 'Get a goodiebag',
+                text: 'What\'s in it?',
+                icon: 'airport-shuttle',
               }];
           }
         }

src/lancie-icons.html

@@ -3,7 +3,7 @@
 
 <iron-iconset-svg size="24" name="lancie">
   <svg><defs>
-    <g id="date-range"><path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"></path></g>
+    <g id="airport-shuttle"><path d="M17 5H3c-1.1 0-2 .89-2 2v9h2c0 1.65 1.34 3 3 3s3-1.35 3-3h5.5c0 1.65 1.34 3 3 3s3-1.35 3-3H23v-5l-6-6zM3 11V7h4v4H3zm3 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7-6.5H9V7h4v4zm4.5 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM15 11V7h1l4 4h-5z"/></g>
     <g id="account-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></g>
     <g id="add-shopping-cart"><path d="M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z"/></g>
     <g id="arrow-downward"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></g>
@@ -12,6 +12,7 @@
     <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></g>
     <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></g>
     <g id="create"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></g>
+    <g id="date-range"><path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/></g>
     <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></g>
     <g id="description"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></g>
     <g id="email"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></g>
@@ -26,11 +27,13 @@
     <g id="mail"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></g>
     <g id="markunread-mailbox"><path d="M20 6H10v6H8V4h6V0H6v6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></g>
     <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></g>
+    <g id="party-mode"><path d="M20 4h-3.17L15 2H9L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 3c1.63 0 3.06.79 3.98 2H12c-1.66 0-3 1.34-3 3 0 .35.07.69.18 1H7.1c-.06-.32-.1-.66-.1-1 0-2.76 2.24-5 5-5zm0 10c-1.63 0-3.06-.79-3.98-2H12c1.66 0 3-1.34 3-3 0-.35-.07-.69-.18-1h2.08c.07.32.1.66.1 1 0 2.76-2.24 5-5 5z" /></g>
     <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></g>
     <g id="person-add"><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></g>
     <g id="phone"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></g>
     <g id="refresh"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></g>
     <g id="send"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></g>
+    <g id="videogame-asset"><path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></g>
     <g id="discord" viewBox="0 0 250 250">
       <path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/>
       <path d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></g>

src/lancie-sponsors/lancie-sponsors.html

@@ -23,13 +23,16 @@
 
       .vertical-flex {
         display: flex;
+        width: 100%;
         flex-direction: column;
       }
 
       .vertical-flex > div {
         display: flex;
+        width: 100%;
         flex-direction: row;
         flex-wrap: wrap;
+        justify-content: space-evenly;
       }
     </style>
 
@@ -38,29 +41,25 @@
         <h3>Presented by</h3>
         <div>
           <a href="https://ch.tudelft.nl" target="_blank" rel="noopener noreferrer"><img src="images-optimized/lancie/logo_CH.png"></a>
-          <a href="https://www.tudelft.nl" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/logo_SC.png"></a>
+          <a href="https://tudelft.nl" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/logo_SC.png"></a>
         </div>
       </div>
       <div class="vertical-flex">
         <h3>Premium sponsors</h3>
         <div>
-          <a href="https://uturn-now.com/en/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/UTURN.png"></a>
-          <a href="https://ogd.nl/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/ogd.png"></a>
-          <a href="https://www.netcompany.com/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/Netcompany.png"></a>
+          <a href="https://topdesk.com/nl/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/topdesk.png"></a>
+          <a href="https://netcompany.com/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/Netcompany.png"></a>
         </div>
       </div>
       <div class="vertical-flex">
         <h3>Supporting partners</h3>
         <div >
-          <a href="https://www.coolermaster.com/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/Cooler_Master_Logo.png"></a>
+          <a href="https://noctua.at/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/noctua.png"></a>
+          <a href="https://estunt.nl/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/estunt.jpg"></a>
+          <a href="https://coolermaster.com/nl/nl-nl/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/Cooler_Master_Logo.png"></a>
+          <a href="https://linneweever.nl/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/linneweever.png"></a>
+          <a href="https://nadeo.com/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/nadeo.png"></a>
           <a href="https://raccoon.games/" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/raccoon-games.png"></a>
-          <a href="https://noctua.at/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/noctua.png"></a>
-          <a href="https://www.estunt.nl/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/estunt.jpg"></a>
-          <a href="https://esportsdelft.nl" target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/dsea.png"></a>
-          <a href="https://www.eminent-online.com/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/eminent.png"></a>
-          <a href="https://bytecode.nl/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/bytecode.png"></a>
-          <a href="https://nadeo.com/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/nadeo.png"></a>
-          <a href="https://jigsaw.nl/"target="_blank" rel="noopener noreferrer"><img src="images-optimized/logos/jigsaw.png"></a>
         </div>
       </div>
     </div>