Added contributors

index.html

@@ -19,7 +19,8 @@
         <h1>LM Pub Quiz</h1>
         <h2 class="subtitle">Evaluate language models using multiple choice items</h2>
         <nav>
-            <a href=""><i class="bi bi-git"></i> Library</a> /
+            <a href="https://github.com/lm-pub-quiz/lm-pub-quiz"><i class="bi bi-git"></i> Library</a> /
+            <a href="https://lm-pub-quiz.github.io/lm-pub-quiz"><i class="bi bi-journal-text"></i> Documentation</a> /
             <a href=""><i class="bi bi-database"></i> BEAR Dataset</a> /
             <a href=""><i class="bi bi-file-earmark"></i> Paper</a> /
             <a href=""><i class="bi bi-file-zip"></i> Raw Results</a> 
@@ -277,5 +278,44 @@ <h2>Citation</h2>
     publisher = "Association for Computational Linguistics",
 }</pre>
     </section>
+
+    <section class="contributors-section">
+      <h2>Meet the Contributors</h2>
+      <div class="contributors-container">
+        <div class="shadow-box contributor-card">
+          <img src="media/portrait_jacek.jpg" alt="Portrait of Jacek Wiland" class="portrait">
+          <h3>Jacek Wiland</h3>
+          <p class="contributor-role">Core Contributor</p>
+          <ul class="contact-info">
+            <li><a href="https://github.com/stw2/"><i class="bi bi-github"></i> Github Profile</a></li>
+          </ul>
+        </div>
+        <div class="shadow-box contributor-card">
+          <img src="media/portrait_max.jpg" alt="Portrait of Max Ploner" class="portrait">
+          <h3>Max Ploner</h3>
+          <p class="contributor-role">Core Contributor</p>
+          <ul class="contact-info">
+            <li><a href="https://maxploner.de/"><i class="bi bi-cursor"></i> Website</a>
+            <li><a href="https://github.com/plonerma/"><i class="bi bi-github"></i> Github Profile</a></li>
+          </ul>
+        </div>
+        <div class="shadow-box contributor-card">
+          <img src="media/portrait_alan.jpg" alt="Portrait of Alan Akbik" class="portrait">
+          <h3>Alan Akbik</h3>
+          <p class="contributor-role">Core Contributor</p>
+          <ul class="contact-info">
+            <li><a href="https://alanakbik.github.io/"><i class="bi bi-cursor"></i> Website</a>
+            <li><a href="https://github.com/alanakbik/"><i class="bi bi-github"></i> Github Profile</a></li>
+          </ul>
+        </div>
+        <div class="shadow-box contributor-card">
+          <h3>Sebastian Pohl</h3>
+          <p class="contributor-role">Contributor</p>
+          <ul class="contact-info">
+            <li><a href="https://github.com/oneSebastian/"><i class="bi bi-github"></i> Github Profile</a></li>
+          </ul>
+        </div>
+      </div>
+    </section>
 </body>
 </html>

style.css

@@ -12,8 +12,8 @@
     --nc-bg-1: #FFFFFF;
     --nc-bg-2: #F6F8FA;
     --nc-bg-3: #E5E7EB;
-    --nc-lk-1: #0070F3;
-    --nc-lk-2: #0366D6;
+    --nc-lk-1: var(--primary-color);
+    --nc-lk-2: #0055AA;
     --nc-lk-tx: #FFFFFF;
     --nc-ac-1: #79FFE1;
     --nc-ac-tx: #0C4047;
@@ -23,14 +23,15 @@
 header {
   --nc-tx-1: #ffffff;
   --nc-tx-2: #eeeeee;
-  --nc-lk-1: #3291FF;
-  --nc-lk-2: #0070F3;
+  --nc-lk-1: #aaccff;
+  --nc-lk-2: #dddddd;
   --nc-lk-tx: #FFFFFF;
   background-color: var(--primary-color);
 }
 
 h1, h2, h3 {
   margin-bottom: 1rem;
+  padding-bottom: .5rem;
 }
 
 h2 {
@@ -90,13 +91,14 @@ figcaption {
   padding-top: 0.5rem;
   padding-left: 0.8rem;
   padding-right: 0.8rem;
-  text-align: right;
+  text-align: left;
 }
 
 .shadow-box {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   padding: 1.25rem;
   margin-top: 3rem;
+  background-color: var(--nc-bg-1);
 }
 
 .badge {
@@ -127,3 +129,56 @@ figcaption {
   border-radius: 50%;
   box-shadow: 2px 2px 8px 8px rgba(0,0,0,0.1);
 }
+
+.contributors-section {
+  margin-top: 3rem;
+  background: none;
+}
+
+.contributors-section > h2 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  border-bottom: none;
+}
+
+.contributors-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  gap: 3rem 1rem;
+}
+
+div.contributor-card {
+  flex: 0 0 240px;
+  box-sizing: border-box;
+  margin-top: 0;
+}
+
+div.contributor-card img.portrait{
+  width: 100%;
+  border-radius: 200px;
+}
+
+div.contributor-card h3 {
+  text-align: center;
+  font-size: 1.2rem;
+  font-weight: normal;
+  margin-bottom: 0.2rem;
+}
+
+div.contributor-card ul.contact-info {
+  list-style-type: none;
+  padding: 0;
+  text-align: center;
+  font-size: .9rem;
+}
+
+div.contributor-card ul.contact-info li a {
+  text-decoration: none;
+}
+
+div.contributor-card p.contributor-role {
+  text-align: center;
+  font-weight: lighter;
+  margin-bottom: 1rem;
+}