Test for weird behaviour on the wins-work pr

winsTest/wins-card-template.html

@@ -0,0 +1,34 @@
+<template id="wins-card-template">
+  <li class="project-card wins-card">
+    <div class="wins-card-top">
+      <img class="wins-card-profile-img" />
+      <div class="project-inner wins-card-top-right">
+        <div class="wins-card-title project-card-inner">
+          <span class="wins-card-name"> </span>
+          <span class="wins-card-icons">
+            <a target="_blank" class="wins-card-linkedin-icon"><img class="linkedin-icon" /></a>
+            <a target="_blank" class="wins-card-github-icon"><img class="github-icon" /></a>
+          </span>
+        </div>
+        <div class="project-inner wins-card-team"></div>
+        <div class="project-inner wins-card-role"></div>
+      </div>
+    </div>
+    <div class="wins-card-bottom">
+      <img class="wins-card-big-quote" />
+      <div class="project-inner wins-card-text">
+        <p class="wins-card-overview"></p>
+        <p class="wins-card-info"></p>
+        <div class="project-inner wins-see-more-div">
+          <span
+            id="0"
+            onclick="seeMore(id)"
+            expandable
+            class="see-more-div"
+            >...see more</span
+          >
+        </div>
+      </div>
+    </div>
+  </li>
+</template>

winsTest/wins-filter-template.html

@@ -0,0 +1,18 @@
+<ul class="filter-list wins-filter" id="filter-list">
+  <li class="filter-item">
+    <a>Role<span class="labelArrow"> ∟ </span></a>
+    <ul class="dropdown" id="role-dropdown"></ul>
+  </li>
+  <li class="filter-item">
+    <a>Team<span class="labelArrow"> ∟ </span></a>
+    <ul class="dropdown" id="team-dropdown"></ul>
+  </li>
+</ul>
+<template id="wins-filter-template-repeat">
+  <li>
+    <div>
+      <input type="checkbox" class="filter-checkbox" />
+      <span id=""></span>
+    </div>
+  </li>
+</template>

winsTest/wins-hero.html

@@ -0,0 +1,11 @@
+<div class='home-getting-started-container content-section section-hack-nights wins-hero'>
+    <img src="/assets/images/wins-page/wins-trophy.png" alt="image of a person being celebrated and holding a trophy">
+    <div>
+    <h1>Let's celebrate together!</h1>
+    <a href='https://docs.google.com/forms/d/e/1FAIpQLSdF0MgS-M_Soi77qTp-MNfxMGqq85yqsHwvfHDngHAMyDQ8uQ/viewform'><button class='btn btn-primary btn-xl btn--wins'>Share your wins</button></a>
+    <!-- <a href='/share-your-wins'><button class='btn btn-primary btn-xl btn--wins'>Share your wins</button></a> -->
+
+
+    </div>
+</div>
+

winsTest/wins-overlay.html

@@ -0,0 +1,26 @@
+<div class="overlay" onclick="hideOverlay()">
+  <div id="overlay-project-card" class="modal-container">
+    <div class="top-buffer" onclick="hideOverlay()"></div>
+    <div class="project-card wins-card center-screen">
+      <div class="wins-card-top">
+        <img class="wins-card-profile-img" src="/assets/images/wins-page/avatar-default.svg">
+        <div class="wins-card-top-right">
+          <div class="wins-card-title project-card-inner">
+            <span id="overlay-name" class="wins-card-name">Blank</span>
+            <span id="overlay-icons" class="wins-card-icons"></span>
+          </div>
+          <div id="overlay-teams" class="project-inner wins-card-team">Team(s): Blank</div>
+          <div id="overlay-roles" class="project-inner wins-card-team">Role(s): Blank</div>
+        </div>
+      </div>
+      <div class="wins-card-bottom">
+        <img class="wins-card-big-quote" src="/assets/images/wins-page/quote-icon.svg">
+        <div class="project-inner overlay-card-text">
+          <p id="overlay-overview">Blank</p>
+          <p id="overlay-info" class="wins-card-info">Blank</p>
+        </div>
+      </div>
+    </div>
+    <div class="bottom-buffer" onclick="hideOverlay()"></div>
+  </div>
+</div>