Dribdat customization for EvalHack

evalhack.css

@import url(https://fonts.googleapis.com/css2?family=Lato);

body, p, div, span, h1, h2, h3, h4, h5, h6 { font-family:Lato }

/* Show event graphic, hiding detail info on event page */
.jumbotron.event-info * { display:none }
.jumbotron.event-info { background:url(https://blog.datalets.ch/workshops/2020/ipdet/IPDET_Hackathon-C.jpg) no-repeat center; background-size: contain; height:240px; width: 100% }

/* Customize the top navigation */
.navbar.navbar-light { background: #f7e94a; }
.navbar-nav .nav-item a { color: black; }
.navbar-nav .nav-item a:hover { text-decoration: none; color: #00c; }
#navbar-main-collapse .navbar-nav .nav-item { margin-left: 2em; }
.navbar-nav .nav-item .fa { display: none; }

/* Adjust layout of event page */
.event-header { margin-bottom: 2em; margin-top: 2em; }
.event-header h3 { color: black; }
.event-header h4 { color: black; font-size: 80%; } 

/* Hide the title of the category in info-box */
.category-container h3:first-child,
.nav-categories .btn:first-child {
  display: none;
}

/* Customise and animate category buttons */
.nav-categories .btn {
  background: #001489; 
  border: 2px solid white;
  color: white; 
  opacity: 1; 
  width: 3em;
  height: 4em;
  overflow: hidden;
  transition-property: width;
  transition-duration: 1s;
}
.nav-categories label.active {
  font-weight: bold;
  width: 9em; 
  color: #ea9a00;
}
.nav-categories .btn:hover,
.nav-categories .btn:active {
  width: 9em;
  transition-property: width;
  transition-duration: 1s;
  background: #13c;
}

/* Customise honeycomb color scheme */
.honeycomb .hexagon { border-bottom: 1px solid rgba(0,0,0,.4); }
.honeycomb .hexagon:nth-child(2n+1) { background-color: #e3e3e3; }
.honeycomb .hexagon:nth-child(2n) { background-color: #f7e94a; }

/* Only show category-selected projects, instead of just fading */
.honeycomb .project { display: none; }
.honeycomb .project.category-highlight { display: inline-block; }

/* Scroll the honeycomb */
/*.honeycomb {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}*/

ipdet-logo.svg

<svg version="1.1" id="ipdet-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 345.39 130" style="enable-background:new 0 0 345.39 130;" xml:space="preserve">
  <g>

      <g class="et">
          <path class="t" style="fill:#001489;" d="M343.39,20.73c-1.1-1.1-2.5-1.65-4.21-1.65h-26.25h-12.7h-26.37c-1.71,0-3.11,0.55-4.21,1.65
        c-1.1,1.1-1.65,2.5-1.65,4.21c0,1.71,0.55,3.11,1.65,4.21c1.1,1.1,2.5,1.65,4.21,1.65h26.37v77.28c0,1.79,0.61,3.3,1.83,4.52
        c1.22,1.22,2.73,1.83,4.52,1.83c1.79,0,3.3-0.61,4.52-1.83c1.22-1.22,1.83-2.73,1.83-4.52V30.81h26.25c1.71,0,3.11-0.55,4.21-1.65
        s1.65-2.5,1.65-4.21C345.04,23.24,344.49,21.83,343.39,20.73z"></path>
          <path class="e" style="fill:#001489;" d="M252.98,114.43c1.87,0,3.38-0.55,4.52-1.65c1.14-1.1,1.71-2.54,1.71-4.33
        c0-1.71-0.57-3.09-1.71-4.15c-1.14-1.06-2.65-1.59-4.52-1.59h-48.84V72.19h35.04c1.87,0,3.38-0.55,4.52-1.65
        c1.14-1.1,1.71-2.5,1.71-4.21c0-1.71-0.57-3.12-1.71-4.21c-1.14-1.1-2.64-1.65-4.52-1.65h-35.04V30.81h48.84
        c1.87,0,3.38-0.53,4.52-1.59c1.14-1.06,1.71-2.44,1.71-4.15c0-1.79-0.57-3.24-1.71-4.34c-1.14-1.1-2.65-1.65-4.52-1.65H197.8
        c-1.79,0-3.29,0.59-4.52,1.77c-1.22,1.18-1.83,2.71-1.83,4.58v82.65c0,1.79,0.61,3.3,1.83,4.52c1.22,1.22,2.73,1.83,4.52,1.83
        H252.98z"></path>
      </g>

      <g class="pid">
          <path class="p" style="fill:#001489;" d="M48.39,111.6c1.18-1.22,1.77-2.73,1.77-4.52V80.35h18.07c6.11,0,11.52-1.3,16.24-3.9
        c4.72-2.6,8.4-6.23,11.05-10.87c2.64-4.64,3.97-9.93,3.97-15.87c0-6.18-1.32-11.66-3.97-16.42c-2.65-4.76-6.33-8.49-11.05-11.17
        c-4.72-2.69-10.13-4.03-16.24-4.03H43.82c-1.79,0-3.3,0.59-4.52,1.77c-1.22,1.18-1.83,2.71-1.83,4.58v82.65
        c0,1.79,0.61,3.3,1.83,4.52c1.22,1.22,2.73,1.83,4.52,1.83C45.69,113.43,47.21,112.82,48.39,111.6 M50.16,29.8h18.07
        c3.74,0,7.04,0.86,9.89,2.56c2.85,1.71,5.08,4.05,6.71,7.02c1.63,2.97,2.44,6.41,2.44,10.32c0,3.66-0.82,6.92-2.44,9.77
        c-1.63,2.85-3.87,5.09-6.71,6.71c-2.85,1.63-6.15,2.44-9.89,2.44H50.16V29.8z"></path>
          <path class="i" style="fill:#001489;" d="M11.28,111.6c1.18-1.22,1.77-2.73,1.77-4.52V24.43c0-1.87-0.59-3.4-1.77-4.58
        c-1.18-1.18-2.71-1.77-4.58-1.77c-1.79,0-3.29,0.59-4.52,1.77c-1.22,1.18-1.83,2.71-1.83,4.58v82.65c0,1.79,0.61,3.3,1.83,4.52
        c1.22,1.22,2.73,1.83,4.52,1.83C8.58,113.44,10.1,112.82,11.28,111.6"></path>

          <g class="swirl">
              <path class="dot" style="fill:#001489;" d="M118.59,73.63c4.03,0,7.29-3.26,7.29-7.29c0-4.02-3.27-7.29-7.29-7.29
        c-4.03,0-7.29,3.27-7.29,7.29C111.3,70.37,114.56,73.63,118.59,73.63"></path>

              <path class="d" style="fill:#001489;" d="M117.26,116.34c-3.19,0-5.79-2.58-5.79-5.77c0-3.19,2.57-5.78,5.76-5.78h0.02
        c20.74,0,37.61-16.87,37.61-37.61c0-20.74-16.87-37.62-37.61-37.62c-3.19,0-5.77-2.59-5.77-5.77c0-3.19,2.59-5.77,5.77-5.77
        c27.11,0,49.16,22.05,49.16,49.16C166.43,94.29,144.37,116.34,117.26,116.34"></path>

              <g class="yellow-swirl">
                  <path class="out-arc" style="fill:#F7E94A;" d="M140.04,129.33c-2.24,0-4.37-1.31-5.31-3.5c-1.26-2.93,0.1-6.33,3.03-7.58
        c0.08-0.03,0.16-0.07,0.25-0.1c28.12-11.43,41.76-43.52,30.41-71.6c-5.5-13.62-15.99-24.27-29.53-30.01
        c-13.55-5.73-28.53-5.85-42.18-0.33c-2.96,1.2-6.32-0.23-7.52-3.19c-1.2-2.96,0.23-6.32,3.19-7.52c16.51-6.67,34.63-6.53,51.01,0.4
        c16.39,6.93,29.08,19.83,35.74,36.31c13.75,34.02-2.81,72.9-36.9,86.68l-0.55,0.19C141.14,129.25,140.59,129.33,140.04,129.33"></path>
                  <path class="in-arc" style="fill:#F7E94A;" d="M117.13,99.39c-5.29,0-10.52-1.33-15.27-3.92l-0.33-0.1l-0.8-0.58
        c-2.52-1.81-3.17-5.3-1.44-7.9c1.47-2.21,4.21-3.09,6.63-2.28l0.46,0.13l0.55,0.31c0.03,0.02,0.07,0.04,0.1,0.06
        c4.73,2.72,10.23,3.43,15.51,2c5.3-1.44,9.74-4.86,12.5-9.63c2.76-4.77,3.5-10.33,2.09-15.64c-1.41-5.3-4.79-9.72-9.52-12.46
        c-2.76-1.59-3.71-5.13-2.11-7.89c1.6-2.76,5.13-3.71,7.89-2.11c7.41,4.28,12.71,11.21,14.91,19.5c2.2,8.28,1.04,16.94-3.25,24.37
        c-4.29,7.43-11.21,12.76-19.48,15C122.77,99.01,119.94,99.39,117.13,99.39"></path>
              </g>
          </g>
      </g>
  </g>
</svg>