home-intro.html

<!--
<div clas="carousel-item active"><img alt="fanboat" src="https://publiclab.org/system/images/photos/000/024/687/original/barataria.jpg" /></div>
<div class="carousel-item"><img alt="oil testing" src="https://publiclab.org/system/images/photos/000/024/688/original/gowanus.jpg" /></div>
<div class="carousel-item"><img alt="barnraising at val verde" src="https://publiclab.org/system/images/photos/000/024/686/original/valverde.jpg" /></div>
<div class="carousel-item"><img alt="newtown creek" src="https://publiclab.org/system/images/photos/000/024/689/original/newtown.jpg" /></div>
<div class="carousel-item"><img alt="beach" src="https://publiclab.org/system/images/photos/000/024/685/original/beach.jpg" /></div>
-->
<div class="container">
<div style="overflow:hidden;width:100%;margin-bottom:50px;margin-top:-51px;">
<img alt="fanboat" src="https://publiclab.org/system/images/photos/000/024/687/original/barataria.jpg" />
</div>

<h2 class="lead-text">Public Lab is a community where you can learn how to investigate environmental concerns. Using inexpensive DIY techniques, we seek to change how people see the world in environmental, social, and political terms. <a href="/signup">Join now &raquo;</a></h2>

<br />
<div class="col-12 text-center">
	<h3>
		<a href="https://twitter.com/intent/follow?original_referer=http%3A%2F%2Fpubliclab.org%2Fhome&region=follow_link&screen_name=PublicLab&tw_p=followbutton&variant=2.0"><i style="text-decoration:none;" class="fa fa-twitter"></i></a>
		&nbsp;
		<a href="https://www.facebook.com/PublicLab"><i style="text-decoration:none;" class="fa fa-facebook"></i></a>
		&nbsp;
		<a href="https://instagram.com/publiclab"><i style="text-decoration:none;" class="fa fa-instagram"></i></a>
		&nbsp;
		<a href="https://www.youtube.com/c/publiclab"><i style="text-decoration:none;" class="fa fa-youtube-play"></i></a>
	</h3>
</div>
<br />
<hr />
<br />
<br />

<div class="row text-center">

	<div class="col-md-6">
		<h2>Questions and Answers</h2>
		<p>We work together to ask and answer questions as a community:</p>
		<p><a class="btn btn-primary btn-lg" href="/questions">Browse Q&A &raquo;</a></p>
		<p>...and ask your own!</p>
	</div>

	<div class="col-md-6">
		<h2>Environmental topics</h2>
		<p>Find people & projects related to your interests & concerns:</p>
		<p style="font-size:1.4em;">
	<a class="badge badge-primary" href="/tag/air-quality">air-quality</a>
	<a class="badge badge-primary" href="/tag/agriculture">agriculture</a>
	<a class="badge badge-primary" href="/tag/balloon-mapping">balloon-mapping</a>
	<a class="badge badge-primary" href="/tag/microplastics">microplastics</a>
	<a class="badge badge-primary" href="/tag/mining">mining</a>
	<a class="badge badge-primary" href="/tag/noise">noise</a>
	<a class="badge badge-primary" href="/tag/oil-and-gas">oil-and-gas</a>
	<a class="badge badge-primary" href="/tag/sensors">sensors</a>
	<a class="badge badge-primary" href="/tag/stormwater">stormwater</a>
	<a class="badge badge-primary" href="/tag/waste">waste</a>
	<a class="badge badge-primary" href="/tag/water-quality">water-quality</a>
	</p>
	<p><a href="/tags">More topics...</a></p>

	</div>

</div>


<br />
<br />

<style>
  h1, h2, h3, h4 {
    font-family:Junction Light;
  }
  #bottom {
    padding-bottom: 20px;
  }
  #bottom img {
    width: 90%;
    padding:5%;
  }
  #bottom h2 {
    margin-bottom:14px;
    padding:10px;
  }
  #bottom h4 {
    color:#888;
    font-size:1.6em;
    line-height:1.2em;
    padding:10px;
  }
  #bottom p {
    padding:10px;
  }
  #activity-header {
    display: none;
  }
  .activity-menu,
  .activity-dropdown {
    display: none;
  }
</style>

<div class="row" id="bottom">

  <div class="col-md-4">
    <img class="rounded-circle" src="/system/images/photos/000/006/671/original/canoe.jpg"/>
    <h2 class="the-problem"> I. The Problem </h2>
    <h4>Communities lack access to <a href="/methods">the tools and techniques</a> needed to participate in decisions being made about their communities, especially when facing environmental hazards.</h4>
    <p><a href="/blog" class="btn btn-primary btn-lg">Read stories &raquo;</a></p>
  </div>

  <div class="col-md-4">
    <img class="rounded-circle" src="/system/images/photos/000/021/901/original/regional-br.jpg"/>
    <h2> II. The Collaboration </h2>
    <h4>We are an open network of <a href="/people">community organizers, educators, technologists and researchers</a> working to create low cost solutions for <a href="/methods">monitoring air, water and land</a>.</h4>
    <h4>Discover, collaborate on, and contribute to <a href="/places">locally important matters</a> with the support of a <a href="/locations">global community</a>.</h4>
    <p><a href="/questions" class="btn btn-primary btn-lg">Ask a question &raquo;</a></p>
  </div>

  <div class="col-md-4">
    <img class="rounded-circle" src="/system/images/photos/000/006/673/large/LizBklnNRG.jpg"/>
    <h2> III. The Solution </h2>
    <h4>Join us today, as we work together to build and inspire a community of DIY activists and explorers using simple tools to build a <a href="/archive">growing body of data</a> about our local environments.</h4>
    <p><a href="/methods" class="btn btn-primary btn-lg">Browse methods &raquo;</a></p>
  </div>
</div>

  <br style="clear:both;" />


<hr />

<br /><br />

	<div class="col-12 text-center">
		<h2>Public Lab Blog</h2>
	</div>

	<div class="col-12 text-center">
		<p>
			<a href="/blog">More of the blog</a> | 
			<a href="/research">All recent work &raquo;</a>
		</p>
	</div>


<br style="clear:both;" />
</div>
<div class="container">

<% cache('feature_home-intro', skip_digest: true) do %>
  <%= feature("home-intro") %>
<% end %>

<div class="dashboard">
  <% cache('home-blog', expires_in: 60.minutes, skip_digest: true) do %>
    <div class="tab-pane active" id="notes">
      <% unless @notes.nil? || @notes.length == 0 %>
        <%= render partial: "notes/notes", locals: { paginated: false } %>
        <p><center><a class="btn btn-outline-secondary" href="/blog">Read more</a></center></p>
      <% end %>
    </div>
  <% end %>
</div>

</div>