projects.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Brainhack Global</title>

  <!-- Google fonts -->
  <link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:600i" rel="stylesheet">

  <!-- font awesome -->
  <link href="assets/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">

  <!-- bootstrap -->
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />

  <!-- animate.css -->
  <link rel="stylesheet" href="assets/animate/animate.css" />
  <link rel="stylesheet" href="assets/animate/set.css" />

  <!-- gallery -->
  <link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">

  <!-- favicon -->
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">


  <link rel="stylesheet" href="assets/style.css">

</head>

<body>
  <div class="topbar animated fadeInLeftBig"></div>


  <!-- Header Starts -->
  <div class="navbar-wrapper">
    <div class="container">

      <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="top-nav">
        <div class="container">
          <div class="navbar-header">
            <!-- Logo Starts -->
            <a class="navbar-brand" href="http://brainhack.org/"><img src="images/logo_1.png" alt="logo">
            </a>
            <!-- #Logo Ends -->


            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>

          </div>


          <!-- Nav Starts -->
          <div class="navbar-collapse  collapse">
            <ul class="nav navbar-nav navbar-right scroll">
              <li class="active"><a href="index.html#home">Home</a></li>
              <li><a href="index.html#about">About</a></li>
              <li><a href="index.html#schedule">Schedule</a></li>
              <li><a href="index.html#details">Locations</a></li>
              <li><a href="projects.html">Projects</a></li>
              <li><a href="codeofconduct.html">Code of Conduct</a></li>
            </ul>
          </div>
          <!-- #Nav Ends -->

        </div>
      </div>

    </div>
  </div>

  <div id="home" class="container spacer">
    <div class="row">
      <h1 class="text-center wowload fadeInLeft" id="projects">Projects</h1>
    </div>
  </div>

  <div id="submit" class="container spacer">
      <h2>Submitting a Project</h2>
      <p class="project-description">We invite submissions of project ideas, suggestions, and resources that may be useful for others to this Brainhack project page. To submit something, please send an email to <a href="mailto:brainhackorg@gmail.com">brainhackorg@gmail.com</a> with "Brainhack Global 2017 Project and Resource Submission" as the subject and the following information in the body. Your submission is likely to be edited for brevity and content.<p>
        <ul>
          <li>Listing size: listings can be two sizes, "big" or "small", where big is twice the size of small. For the items below, the limit in parentheses corresponds to the larger size.
          <li>Name: 16 (32) character name of the project or resource (anything longer might be truncated).</li>
          <li>Location: The primary brainhack event where this project or resource will be represented.</li>
          <li>URL: Link to project webpage or github repo, if it exists</li>
          <li>Description: 200 (400) character  description of the project, anything longer will be truncated</li>
          <li>Contact information: email for project leader or other person to contact for more information.</li>
          <li>Project logo: preferably a 222 x 180 (466 x 180) 72 dpi image in png format</li>
        </ul>
  </div>

<div id="project" class="container">
  <h2>Project Listing</h2>
  <p>Enter a search term below to filter the projects and resources:<p>
  <p><input type="text" class="quicksearch" placeholder="Search" /></p>

</div>

<div class="prj-grid container">

  <div class="prj-grid-item grid-small">
    <div class="entry-thumbnail">
        <a href="https://github.com/LIMO-EEG-Toolbox">
            <img src="images/page_5_width_860_222x180.png"  alt="LIMO-EEG" title="LIMO EEG" /><span class="overlay"></span>
        </a>
              <div class="category"><a href="http://brainhack.org/categories/brainhack-global-2017/locations#warwick" rel="category tag">Warwick</a>
              </div> <!-- end .category -->
    </div><!-- end .entry_thumbnail -->
    <h2 class="title truncate grid-big"><a href="https://github.com/LIMO-EEG-Toolbox">
        LIMO EEG
    </a></h2>
    <div class="entry-content">
        <div class="bottom-bg">
            <div class="excerpt">Tutorial of the LIMO EEG toolbox (linear analyses of eeg data with robust stats) covering it's open nature and how people can contribute, develop and get credit or papers with the project.
              </div>
              <div class="contact">
                    Contact: <a href="mailto:cyril.pernet@ed.ac.uk">Cyril Pernet</a>
              </div>
            </div><!-- end .excerpt -->
        </div><!-- end .bottom-bg -->
    </div><!-- end .rj-grid-item-->

  <div class="prj-grid-item grid-small">
    <div class="entry-thumbnail">
        <a href="https://github.com/LIMO-EEG-Toolbox">
            <img src="images/page_5_width_860_222x180.png"  alt="LIMO-EEG" title="LIMO EEG" /><span class="overlay"></span>
        </a>
              <div class="category"><a href="http://brainhack.org/categories/brainhack-global-2017/locations#warwick" rel="category tag">Warwick</a>
              </div> <!-- end .category -->
    </div><!-- end .entry_thumbnail -->
    <h2 class="title truncate grid-big"><a href="https://github.com/LIMO-EEG-Toolbox">
        LIMO EEG
    </a></h2>
    <div class="entry-content">
        <div class="bottom-bg">
            <div class="excerpt">Tutorial of the LIMO EEG toolbox (linear analyses of eeg data with robust stats) covering it's open nature and how people can contribute, develop and get credit or papers with the project.
              </div>
              <div class="contact">
                    Contact: <a href="mailto:cyril.pernet@ed.ac.uk">Cyril Pernet</a>
              </div>
            </div><!-- end .excerpt -->
        </div><!-- end .bottom-bg -->
    </div><!-- end .rj-grid-item-->

  <div class="prj-grid-item grid-small">
    <div class="entry-thumbnail">
        <a href="https://github.com/poldracklab/fmriprep/labels/potential%20hackathon%20project ">
            <img src="images/fmriprep-222x180.png"  alt="fmriprep" title="FMRIPREP tool" /><span class="overlay"></span>
        </a>
              <div class="category"><a href="http://brainhack.org/categories/brainhack-global-2017/locations#leipzig" rel="category tag">Global</a>
              </div> <!-- end .category -->
    </div><!-- end .entry_thumbnail -->
    <h2 class="title truncate grid-small"><a href="https//github.com/margulies/surfdist">
        FMRIPREP
    </a></h2>
    <div class="entry-content">
        <div class="bottom-bg">
            <div class="excerpt">
                     <a href="http://fmriprep.readthedocs.io" target="_blank">FMRIPREP</a> is a robust fMRI preprocessing tool that aims to provide the best results regardless of the input data's origin. Here is a <a href="https://github.com/poldracklab/fmriprep/labels/potential%20hackathon%20project">list</a> of ways that you can contribute to this ongoing development effort.
              </div>
              <div class="contact">
                    Contact: <a href="mailto:krzysztof.gorgolewski@gmail.com">Chris Gorgolewski</a>
              </div>
            </div><!-- end .excerpt -->
        </div><!-- end .bottom-bg -->
    </div><!-- end .rj-grid-item-->


  <div class="prj-grid-item grid-big">
    <div class="entry-thumbnail">
        <a href="https//github.com/margulies/surfdist">
            <img src="images/ADHD200_logo-466x180.png"  alt="surfdist" title="ADHD-200 Preprocessed" /><span class="overlay"></span>
        </a>
              <div class="category"><a href="http://brainhack.org/categories/brainhack-global-2017/locations#leipzig" rel="category tag">Resource</a>
              </div> <!-- end .category -->
    </div><!-- end .entry_thumbnail -->
    <h2 class="title truncate grid-big"><a href="https//github.com/margulies/surfdist">
        ADHD-200 Preprocessed
    </a></h2>
    <div class="entry-content">
        <div class="bottom-bg">
            <div class="excerpt">
                    The ADHD-200 Preprocessed repository contains functional and structural data on individuals with ADHD and healthy controls that have been processed using three different pipelines.
              </div>
              <div class="contact">
                    Contact: <a href="mailto:cameron.craddock@gmail.com">Cameron Craddock</a>
              </div>
            </div><!-- end .excerpt -->
        </div><!-- end .bottom-bg -->
    </div><!-- end .rj-grid-item-->



  </div><!-- end .prj-grid -->


      <!-- Footer Starts -->
      <div id="contact" class="footer text-center spacer">
        <p class="wowload flipInX">
          <a href="https://brainhack-slack-invite.herokuapp.com/"><i class="fa fa-slack fa-2x"></i></a>
          <a href="https://twitter.com/brainhackorg"><i class="fa fa-twitter fa-2x"></i></a>
          <a href="mailto:brainhackorg@gmail.com"><i class="fa fa-envelope fa-2x"></i></a> </p>
        Copyright 2017 Brainhack Global. All rights reserved.
      </div>
      <!-- # Footer Ends -->

      <a href="#home" class="gototop "><i class="fa fa-angle-up  fa-3x"></i></a>


      <!-- jquery -->
      <script src="assets/jquery.js"></script>

      <!-- isotope -->
      <script src="assets/isotope.pkgd.js"></script>

      <!-- wow script -->
      <script src="assets/wow/wow.min.js"></script>


      <!-- boostrap -->
      <script src="assets/bootstrap/js/bootstrap.js" type="text/javascript"></script>

      <!-- jquery mobile -->
      <script src="assets/mobile/touchSwipe.min.js"></script>
      <script src="assets/respond/respond.js"></script>

      <!-- gallery -->
      <script src="assets/gallery/jquery.blueimp-gallery.min.js"></script>

      <!-- custom script -->
      <script src="assets/script.js"></script>

      <script>
      // quick search regex
      var qsRegex;

      // init Isotope
      var $grid = $('.prj-grid').isotope({
        itemSelector: '.prj-grid-item',
        layoutMode: 'fitRows',
        filter: function() {
          return qsRegex ? $(this).text().match( qsRegex ) : true;
        }
      });

      // use value of search field to filter
      var $quicksearch = $('.quicksearch').keyup( debounce( function() {
        qsRegex = new RegExp( $quicksearch.val(), 'gi' );
        $grid.isotope();
      }, 200 ) );

      // debounce so filtering doesn't happen every millisecond
      function debounce( fn, threshold ) {
        var timeout;
        return function debounced() {
          if ( timeout ) {
            clearTimeout( timeout );
          }
          function delayed() {
            fn();
            timeout = null;
          }
          timeout = setTimeout( delayed, threshold || 100 );
        }
      }

        $('.map').click(function() {
          $('.map iframe').css("pointer-events", "auto");
        });
        $(".map").mouseleave(function() {
          $('.map iframe').css("pointer-events", "none");
        });
      </script>

</body>

</html>