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