projects.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<title>The GovLab | Projects</title>
    <meta content="The GovLab | Projects" property="og:title"/>
    <meta content="Building new technology to solve public problems. Our projects try to answer the questions that stand between today and more effective and legitimate governance tomorrow." property="og:description">

    <meta property="og:type" content="website" />
    <meta property="og:image" content="http://www.thegovlab.org/static/img/thegovlab-og.png" />
    <meta content="The GovLab" property="og:site_name">
    <script src="https://use.typekit.net/zez3buj.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <link href="static/img/favicon-transparent.png" rel="shortcut icon">

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
    rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="static/vendor/normalize.css">
    <link rel="stylesheet" href="static/vendor/slick.css">
    <script src='https://www.thegovlab.org/static/vendor/slick.min.js'></script>
    <link rel="stylesheet" href="static/styles/styles.css">

    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

    <!-- Google tag (gtag.js): GA4 "govlab website - GA4", property 386235487 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-T9R501J4RE"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-T9R501J4RE');
    </script>
<script type="text/javascript">
    //this code loads the lighthouse widget. Additional config parameters to edit available on https://support.helpdocs.io/article/ykv7l5jthy-lighthouse-widget-api
        window.hdlh = {
          widget_key: "8bi8g1ygumkphadqnumx",
          primary_color: '#C1D37F',
          logo: 'https://newjersey.github.io/cv/img/fas_logo.png',
          brand: '',
          color_mode: 'dark',
          disable_authorship: true,
          launcher_button_image: 'https://newjersey.github.io/cv/img/question_12.svg',
          i18n: { // change the value of the strings we use inside Lighthouse, for internationalization
      contact_button: 'Ask a scientist your question',
      contact_name_placeholder: 'Name (Optional)',
      contact_email_placeholder: 'Email (Required)',
      search_placeholder: 'Ask your questions here...',
      contact_message_placeholder: 'Type your question or message for us here...',
          }
        };
        (function(h,d){var s=d.createElement("script");s.type='text/javascript';s.async=true;s.src=h+"?t="+new Date().getTime();d.head.appendChild(s);})("https://lighthouse.helpdocs.io/load",document);
    document.addEventListener('readystatechange', function() {
        if (document.readyState === "complete") {
        ready_alert();
    }
    });
    //The following code is to show the text box descring the widget.
    function ready_alert(){
        //delay text box to compensate for widget loading time
        setTimeout(function() {
        document.getElementById("covid-19").style.display="block";
      }, 1000);
      //hide text box on mouseover
        var test = document.getElementById("covid-19");
          test.addEventListener("mouseover", myFunction);
          function myFunction(){document.getElementById("covid-19").style.display="none";};
          //hide textbox after 12seconds
    setTimeout(function() {
    document.getElementById("covid-19").style.display="none";
    }, 12000);


    };
      </script>

      <script src="https://momentjs.com/downloads/moment.js"></script>

<script src="https://cdn.jsdelivr.net/npm/@directus/sdk-js@5.3.4/dist/directus-sdk.umd.min.js"></script>
</head>
<body id="" data-feedly-mini="yes">

    <!-- Class for google material icons ".material-icons" -->
    <header class="b-top-nav ">
        <div class="e-nav-group">
            <div class="e-nav-item js-nav-trigger e-nav-trigger">
                <i class="material-icons">menu</i>
            </div>
            <form class="e-search m-active" action="">
                <div class="e-nav-item js-search-trigger e-search-trigger">
                    <i class="material-icons">search</i>
                </div>
                <input class="js-search-value" type="text">
                <input class="js-search-submit" type="submit" value="Search">
            </form>
        </div>

        <div class="e-logo">
            <a href="./"><img src="static/img/the-govlab-logo-white.png" alt=""></a>
        </div>

        <div class="e-social-media e-nav-group">
            <a class="e-site-button" style="color: rgba(255,255,255,0.7); background-color: rgba(255,255,255,0.2); padding: 5px; font-size: 12pt; font-weight: 600" href="./our-sites.html">OUR SITES</a>
            <a href="https://twitter.com/TheGovLab" class="e-nav-item" target="_blank"><i class="e-social-media-item fa fa-twitter"></i></a>
            <!-- <a href="#" class="e-nav-item" target="_blank"><i class="e-social-media-item fa fa-facebook"></i></a> -->
            <a href="https://www.youtube.com/user/TheGovLab" class="e-nav-item" target="_blank"><i class="e-social-media-item fa fa-youtube-play"></i></a>
        </div>
    </header>

    <!-- Main Menu (Off Canvas) -->
    <nav class="b-main-menu">
        <a href="./">Home</a>
        <a href="./about.html">About</a>
        <a href="./projects.html">Projects</a>
        <a href="./events.html" >Events</a>
        <!-- <a href="./events.html">Events</a> -->
        <a href="./publications.html">Publications</a>
        <a href="./team.html">Team</a>
        <a href="./global-advisory-council.html">Global Advisory Council</a>
        <a href="./our-transparency.html">Our Transparency</a>
        <a href="./job-board.html">Job Board</a>
        <a href="./contact.html">Contact</a>
    </nav>




<div id='projectlist'>
    <section class="b-projects-landing b-top-section" >
        <h2>Building new technology to solve public problems</h2>
        <h3>Our Projects try to answer the questions that stand between today and more effective and legitimate governance tomorrow</h3>
        <div class="e-view-switcher">
            <i class="e-view-button material-icons js-view-grid-trigger m-active" title="View in Grid Layout" @click="showThumb()">view_module</i>
            <i class="e-view-button material-icons js-view-list-trigger" title="View in List Layout" @click="showList()">view_headline</i>
        </div>
    </section>
    <div class="b-project-view m-grid" >
        <section class="b-projects-list-wrapper m-data">
            <div class="e-project-type">
                <h4>Smarter Governance Through</h4>
                <h2>Data</h2>
            </div>
            <div class="e-project-list">
                <h3 class="e-project-question">How to open up <strong>government data</strong> for solving problems?</h3>
                <!-- <div :class="[listview ? ' e-project-group-list' : 'e-project-group']"> -->
                  <div class="e-project-group">
        <div class="e-project-item"  v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='How to open up government data for solving problems?'">

            <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>


            <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
            <div class="e-project-blurb">
                <p>{{project.description}}</p>        </div>
        </div>
        </div>


            <h3 class="e-project-question"><strong>Data Collaboratives:</strong> How to create public value by exchanging data across sectors?</h3>
            <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='Data Collaboratives: How to create public value by exchanging data across sectors?'">
          <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

        <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
        <div class="e-project-blurb">
            <p>{{project.description}}</p>        </div>
    </div>
    </div>


        <h3 class="e-project-question">How to create an inter-disciplinary knowledge base of governance innovation?</h3>
        <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='How to create an inter-disciplinary knowledge base of governance innovation?'">
      <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

    <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
    <div class="e-project-blurb">
        <p>{{project.description}}</p>        </div>
    </div>
    </div>

    <h3 class="e-project-question">How to leverage distributed ledger technologies to improve people's lives?</h3>
    <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='How to leverage distributed ledger technologies to improve people`s lives?'">
      <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

    <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
    <div class="e-project-blurb">
    <p>{{project.description}}</p>
    </div>
    </div>
    </div>

        </div>

      </section>
      <section class="b-projects-list-wrapper m-collective-intelligence">
          <div class="e-project-type">
              <h4>Smarter Governance Through</h4>
              <h2>People-led innovation</h2>
          </div>
          <div class="e-project-list">
              <h3 class="e-project-question">How do we build legitimacy and grow capacity by empowering local experts to solve public problems?</h3>
              <div class="e-project-group">
      <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='How do we build legitimacy and grow capacity by empowering local experts to solve public problems?'">
            <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

          <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
          <div class="e-project-blurb">
              <p>{{project.description}}</p>        </div>
      </div>
      </div>


    <h3 class="e-project-question"><b>CrowdLaw:</b> What is tech-enabled civic engagement in law and policymaking?</h3>
          <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='CrowdLaw: What is tech-enabled civic engagement in law and policymaking?'">
        <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

      <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
      <div class="e-project-blurb">
          <p>{{project.description}}</p>        </div>
    </div>
    </div>

    

      <h3 class="e-project-question"><b>Smarter Crowdsourcing:</b> How do we curate and tap global expertise to develop implementable solutions to intractable problems?</h3>
      <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='Smarter Crowdsourcing: How do we curate and tap global expertise to develop implementable solutions to intractable problems?'">
      <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

    <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
    <div class="e-project-blurb">
      <p>{{project.description}}</p>        </div>
    </div>
    </div>

    <h3 class="e-project-question"><b>Public Entrepreneurship:</b> How can we enable the public and government officials to equip themselves with the skillset and mindset needed to solve complex public problems?</h3>
    <div class="e-project-group">
    <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="subtag[subtag.findIndex(s=>{return s.value==project.subtag})]  && subtag[subtag.findIndex(s=>{return s.value==project.subtag})].text=='Public Entrepreneurship: How can we enable the public and government officials to equip themselves with the skillset and mindset needed to solve complex public problems?'">
  
        <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>
        <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            

    <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
    <div class="e-project-blurb">
    <p>{{project.description}}</p>
    </div>
    </div>
    </div>

      </div>

    </section>
    <section class="b-projects-list-wrapper m-design-thinking">
        <div class="e-project-type">
            <!-- <h4>Smarter Governance Through</h4> -->
            <h2>Archives</h2>
    </div>

    <div class="e-project-list">
      <h3 class="e-project-question"></h3>
      <div class="e-project-group">
      <div class="e-project-item m-active-True" v-for="project in projectsData" v-if="maintag[maintag.findIndex(s=>{return s.value==project.maintag})]  && maintag[maintag.findIndex(s=>{return s.value==project.maintag})].text == 'archives'">
        <a  v-if="!project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + project.main_picture_2020+ ')' }"></div></a>
            <a v-if="project.picture" :href="'./project/'+project.slug"><div class="e-card-image " :style="{ backgroundImage: 'url(' + client.url+'assets/'+project.picture.id+ ')' }"></div></a>

      <h2><a :href="'./project/'+project.slug">{{project.name}}</a></h2>
      <div class="e-project-blurb">
      <p>{{project.description}}</p>
      </div>
      </div>
      </div>
    </div>
    </section>
    </div>

    </div>
    <script src='https://cdn.jsdelivr.net/npm/vue@2.0.3/dist/vue.js'></script>
    <script src="https://cdn.jsdelivr.net/npm/vue-meta/dist/vue-meta.min.js"></script>
    <script src="static/js/projects.js"></script>



    <footer class='b-footer'>
        <div class="e-wrap">
            <div class="e-content m-sections">
                <h4>Sections</h4>
                <a href="./">Home</a>
                <a href="./about.html">About</a>
                <a href="./projects.html">Projects</a>
                <!-- <a href="./events.html">Events</a> -->
                <a href="./events.html" >Events</a>
                <a href="./publications.html">Publications</a>
                <a href="./team.html">Team</a>
                <a href="./global-advisory-council.html">Advisory Council</a>
                <a href="./our-transparency.html">Our Transparency</a>
                <a href="./job-board.html">Job Board</a>
                <a href="./contact.html">Contact</a>
                <a href="./brand.html">Brand Assets</a>
            </div>
            <div class="e-content">
                <a class="e-our-funders" href="./our-transparency.html" target="_blank">OUR FUNDERS</a>
            </div>

        <div class="e-content">
                 <h4>Affiliated With</h4>
                    <a class="e-partner-logo burnes-logo" href="http://northeastern.edu" target="_blank"><img
                            src="static/img/burnes-logo-northeastern.png" alt="Northeastern University"></a>
                    <h4>Founded At</h4>
                    <a class="e-partner-logo" href="http://engineering.nyu.edu/tandon" target="_blank"><img
                            src="static/img/partners/nyu.png"
                            alt="NYU Tandon School of Engineering - New York University"></a>

        </div>
        </div>
    </footer>

    <div class="b-copyright">
        <div class="e-wrap">
            <a class="e-cc-badge" rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
            This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a><br><br>
        </div>
    </div>
    <div id="overlay"></div>

    <script src="static/js/scripts.js"></script>
    <script src="static/vendor/slick.min.js"></script>
    <script src="static/vendor/EasePack.min.js"></script>
    <script src="static/vendor/rAF.js"></script>
    <script src="static/vendor/TweenLite.min.js"></script>


</body>
</html>