index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>CannyLab @ UC Berkeley</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

  <link href="/assets/base.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="/assets/extra.css" media="screen" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="/assets/public/favicon.ico" />

  <script src="/assets/modernizr.js" type="text/javascript"></script>
</head>

<body>
  <div class="wrapper">
    <div class="profile">
      <section class="profile-masthead" id="masthead">
        <a href="/">
          <header class="profile-logo">
            <div class="profile-logo-image">
              <img alt="CannyLab " src="/images/logo.png" />
            </div>
            <div class="profile-name" style="color:#2d3c48">
              <h1>CannyLab @ UC Berkeley</h1>
            </div>
          </header>
        </a>
        <aside class="profile-summary">
          <div class="summary-location summary-module">
            <a href="http://github.com/cannylab"><img src="/images/GitHub-Mark-120px-plus.png" height="25px"></a>
          </div>
        </aside>
        <br>
        <div>
          <nav class="menu-navigation" style="margin-top: -2.5em;">
            <ul class="menu-navigation-list" style="text-align: right; width: 100%;">
              <li class="menu-navigation-list-item">Home</li>
              <li class="menu-navigation-list-item">|</li>
              <li class="menu-navigation-list-item"><a href="/people.html">People</a></li>
              <li class="menu-navigation-list-item">|</li>
              <li class="menu-navigation-list-item"><a href="/connect.html">Get Involved</a></li>
            </ul>
          </nav>
        </div>
      </section>


      <section class="profile-content" id="content">
        <!-- TODO header? -->

        <div class="profile-description">
          <p>The CannyLab @ UC Berkeley is a research group that fosters a deeply interdisciplinary approach to
            designing, developing and exploring data and information.</p>
        </div>

        <article class="profile-menu" id="menu">
          <div id='osp' class='menu-category'>
            <h3 class="menu-category-name">Open Source Projects</h3>
            <ol class="menu-category-list has-images">
              <li class="menu-item">
                <!-- --------- -->
                <!-- --------- -->
                <!-- --------- -->
                <!-- Add your projects here -->
                <!-- --------- -->
                <!-- --------- -->
                <!-- --------- -->
                <div class="menu-item-info">
                  <h4 class="menu-item-name">tsnecuda</h4>
                  <span class="menu-item-price">
                    <a href="https://github.com/CannyLab/tsne-cuda" target="_blank">GitHub</a> &nbsp; &nbsp;
                    <a href="https://arxiv.org/abs/1807.11824" target="_blank">arXiv</a>
                  </span>
                  <p class="menu-item-description" style="height:auto">GPU accelerated t-distributed stochastic neighbor
                    embedding</p>
                  <img src="/repo_images/tsnecuda.png" style="width: 100%;">
                </div>
              </li>
              <li class="menu-item">

                <!-- --------- -->
                <div class="menu-item-info">
                  <h4 class="menu-item-name">TAPE</h4>
                  <span class="menu-item-price">
                    <a href="https://github.com/songlab-cal/tape" target="_blank">GitHub</a> &nbsp; &nbsp;
                    <a href="https://www.biorxiv.org/content/10.1101/676825v1" target="_blank">bioRxiv</a>
                  </span>
                  <p class="menu-item-description" style="height:auto">Library of protein embedding and structure
                    prediction models.</p>
                  <img src="/repo_images/protein-tape.png" style="width: 100%;">
                </div>
              </li>
              <!-- --------- -->
              <!-- --------- -->
          </div>
          </ol>
          <br>
          <br>
    </div>

    <div id='datasets' class='menu-category'>
      <h3 class="menu-category-name">Datasets</h3>
      <ol class="menu-category-list has-images">
        <!-- --------- -->
        <!-- --------- -->
        <!-- --------- -->
        <!-- Add your datasets here -->
        <!-- --------- -->
        <!-- --------- -->
        <!-- --------- -->
        <li class="menu-item">
          <div class="menu-item-info">
            <img src="/repo_images/svld.png" style="width: 100%;">
            <h4 class="menu-item-name">SVLD</h4>
            <span class="menu-item-price">
              <a href="https://cannylab.github.io/svld/" target="_blank">Link</a> &nbsp; &nbsp;
              <a href="https://arxiv.org/abs/2006.08335" target="_blank">arXiv</a>
            </span>
            <p class="menu-item-description" style="height:auto">Socially Relevant Vision & Language Data</p>

          </div>
        </li>

        <!-- --------- -->
        <!-- --------- -->
        <!-- --------- -->

      </ol>
    </div>

    <div id='papers' class='menu-category'>
      <h3 class="menu-category-name">Recent Papers</h3>
      <ol class="menu-category-list has-images">
        <div w3-include-html="papers.html"></div>
      </ol>
      <div id='paper_display'></div>

    </div>

    <a id="btn-view-full-menu" class="btn-view-full-menu" href="http://github.com/CannyLab">Check out all of our
      projects on GitHub!</a>
    </article>

    <!-- <section class="profile-modules" id="modules">
          <ul class='twitter-columns'>
            <li class="profile-module module-twitter">
              <h2 class="module-name">Tweets</h2>
              <a class="twitter-timeline" href="https://twitter.com/SquareEng" data-widget-id="281462446621851648"
                data-screen-name="SquareEng" data-chrome="none" data-link-color="#50a9ca"
                data-heading-style="color:#2d3c48;font-size:22px;font-weight:300;line-height:17px;font-family:'SQMarket', 'Helvetica Neue',sans-serif;"
                height="635" width="100%"></a>
              <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>
            </li>
            <li class="profile-module">
              <h2 class="module-name">Join us</h2>
              <ul class="module-list">
                <li><a href="https://developer.squareup.com/blog/">Engineering Blog</a> &ndash;
                  developer.squareup.com/blog</li>
                <li><a href="https://squareup.com/careers">Careers Page</a> &ndash; squareup.com/careers</li>
                <li class="module-social">
                  <a href="https://twitter.com/SquareEng" target="_blank"><i class="icon-twitter"></i></a>
                  <a href="https://plus.google.com/communities/109244258569782858265" target="_blank"><i
                      class="icon-gplus"></i></a>
                </li>
              </ul>
            </li>
          </ul>
        </section> -->
    </section>
  </div>
  </div>

  <footer class="footer">
    <nav class="footer-navigation">
      <!-- <i class="icon-square-footer"></i>
      <ul class="footer-navigation-list">
        <li class="footer-navigation-item"><a href="https://squareup.com/developers">Square Developer</a></li>
        <li class="footer-navigation-item"><a href="https://github.com/cashapp">Cash App</a></li>
        <li class="footer-navigation-item"><a href="https://squareup.com/security">Security</a></li>
        <li class="footer-navigation-item"><a href="https://squareup.com/legal/privacy">Privacy</a></li>
        <li class="footer-navigation-item"><a href="https://squareup.com/help" class="track">Help Center</a></li>
      </ul> -->
      <p class="copyright">© 2020 Regents of the University of California. All rights reserved.</p>
    </nav>
  </footer>

  <script type="text/javascript">
    if (window == window.top) document.body.style.display = "block"; else window.top.location = window.location;

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-40704740-1']);
    _gaq.push(['_trackPageview']);

    (function () {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

  </script>

  <script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script>
    function includeHTML() {
      var z, i, elmnt, file, xhttp;
      /* Loop through a collection of all HTML elements: */
      z = document.getElementsByTagName("*");
      for (i = 0; i < z.length; i++) {
        elmnt = z[i];
        /*search for elements with a certain atrribute:*/
        file = elmnt.getAttribute("w3-include-html");
        if (file) {
          /* Make an HTTP request using the attribute value as the file name: */
          xhttp = new XMLHttpRequest();
          xhttp.onreadystatechange = function () {
            if (this.readyState == 4) {
              if (this.status == 200) { elmnt.innerHTML = this.responseText; }
              if (this.status == 404) { elmnt.innerHTML = "Page not found."; }
              /* Remove the attribute, and call this function once more: */
              elmnt.removeAttribute("w3-include-html");
              includeHTML();
            }
          }
          xhttp.open("GET", file, true);
          xhttp.send();
          /* Exit the function: */
          return;
        }
      }
    }

    includeHTML();
  </script>

</body>

</html>