index.qmd

---
css: css/style.css
---


<center>
# Operation Galiwatch

Monitoring pollinator populations on Galiano Island, Canada. 

We're developing low-cost data collection and analysis systems for long-term pollinator and bird surveillance and hyperlocal weather and climate monitoring.
</center>


<br>

<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css">

<div class="galrow">

<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="project.html#study-site">
  <img src="images/gali_thumbnail.jpg" alt="mountain" class="image" style="width: 100%;">   
  <div class="overlay">   
  <div class="imgtext">The Site</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>

<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="project.html#weather-monitoring">
  <img src="images/weather_station.jpg" alt="windsock" class="image"style="width: 100%;">   
  <div class="overlay">   
  <div class="imgtext">Weather Monitoring</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>

<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="project.html#pollinator-detection">
  <img src="images/bee4.png" alt="bee" class="image"style="width: 100%;">   
  <div class="overlay"> 
  <div class="imgtext">Pollinator Detection</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>

<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="project.html#hummingbirds">
  <img src="images/one_of_each.png" alt="hummer" class="image"style="width: 100%;">   
  <div class="overlay"> 
  <div class="imgtext">Hummingbird Detection</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>

<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="project.html#birdsong">
  <img src="images/sound.png" alt="Birdsong" class="image"style="width: 100%;">   
  <div class="overlay"> 
  <div class="imgtext">Birdsong</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>


<div class="galcolumn">
<div class="imgbox">
<a target="_top" href="gallery.html">
  <img src="images/mushroom.jpg" alt="mushroom" class="image"style="width: 100%;">   
  <div class="overlay"> 
  <div class="imgtext">Gallery</div>
  <div class="learntext">Learn more  <i class="fas fa-arrow-right"></i></div>
  </div>
</a>
</div>
</div>