portfolio.qmd

---
title: "Portfolio"
output: distill::distill_article
---



<style>

.grid-research{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  grid-gap: 20px;
  text-align: center;
  grid-auto-rows: 200px;

}



.grid-research img{
  width: 120px;
  border-radius: 100%;

}

.flip-card-back >a{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  display:block;
  text-align: right;
}

.flip-card {
  /* background-color: transparent; */
  perspective: 1000px;
}

.flip-card-back > p{
    font-size: smaller;
    text-align: justify;
    hyphens: auto;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 20px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  /* -webkit-backface-visibility: hidden; */
  backface-visibility: hidden;
  border-radius: 20px;
  background-color: var(--bs-body-bg);
}

.flip-card-back {
  transform: rotateY(180deg);
  padding: 10px;
}
</style>


Here's an overview of some of the projects I've worked on so far. These include a mix of private projects, teaching, and research I've conducted as part of my employment at ZHAW. If you'd like to learn more about my work, simply hover over a card for additional details or click on a card to find out even more!

```{=html}

<div class="grid-research">

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/hermelin_150.png">
                <p>Evaluating Weasel Detections</p>
            </div>
            <div class="flip-card-back">
                <p>
                    To determine the success of a weasel conservation project, I analyzed weasel detections and sightings.
                </p>
                <a href="https://erfolgskontrolle.wieselundco.ch/" target="_blank" class="grid-external"></a>

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

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/reh-strasse_150.png">
                <p>Forecasting Wildlife-Vehicle Collisions</p>

            </div>
            <div class="flip-card-back">
                <p>
                    Based on numerous years of collecting incidents of wildlife-vehicle collisions, we created three different models to forecast such collisions for areas where no collision data is available.
                </p>
                <a href="https://www.zhaw.ch/de/lsfm/institute-zentren/iunr/geooekologie/geoinformatik/projekte/praevention-von-wildtierunfaellen-auf-verkehrsinfrastrukturen/" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/arc2r_150.png">
                <p>Spatial R for ArcGIS Users</p>
            </div>
            <div class="flip-card-back">
                <p>
                    An introduction to doing spatial analysis in R, targeted for people coming with an ArcGIS background.
                </p>
                <a href="https://arc2r.github.io/book" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/coding_in_GIS2_fixed_150.png">
                <p>Spatial Python for Bachelor Students</p>
            </div>
            <div class="flip-card-back">
                <p>
                    In the bachelor course <em>Applied Geoinformatics</em> (ZHAW), I teach geospatial analysis in python.
                </p>
                <a href="https://modul-agi.github.io" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/research-methods_150.png">
                <p>R for Master Students</p>
            </div>
            <div class="flip-card-back">
                <p>
                    In the masters course <em>Research Methods</em> I teach data processing, visualization and analysis of spatial and non-spatial data.
                </p>
                <a href="https://researchmethods-zhaw.github.io/" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/patterns-and-trends2_150.png">
                <p>Spatial R for Master Students</p>
            </div>
            <div class="flip-card-back">
                <p>
                    In the masters course <em>Computational Movement Analysis</em> I teach processing, visualization and analysis of movement data.
                </p>
                <a href="https://computationalmovementanalysis.github.io/" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/lidar.png">
                <p>Detecting Microhabitats with LiDAR</p>
                    
            </div>
            <div class="flip-card-back">
                <p>
                    Together with a bachelor student, we developed a simple method to detect microhabitats (i.e. wood piles) with countrywide available LiDAR data.
                </p>
                <a href="https://digitalcollection.zhaw.ch/handle/11475/22837" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/tubecam_small.png">
                <p>Detecting Weasels with "TubeCam"</p>
            </div>
            <div class="flip-card-back">
                <p>
                    I initiated and lead a research project to develop a novel method to detect weasels <em>Mustela erminea</em> and least weasels <em>Mustela nivalis</em>
                </p>
                <a href="https://www.zhaw.ch/en/lsfm/institute-zentren/iunr/geooekologie/wildtiermanagement/referenzprojekte/tubecam/" target="_blank" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/cantons_150.png">
                <p>How open are our cantons?</p>
            </div>
            <div class="flip-card-back">
                <p>
                    I use the restAPI from geodienste.ch to determine how open the individual cantons are with their geodata on said portal.
                </p>
                <a href="/apps/geodienste-kantone/" target="_blank"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/arcgis-vs-qgis_150.png">
                <p>ArcGIS vs QGIS for Education</p>
            </div>
            <div class="flip-card-back">
                <p>
                    In this blogpost, I'm making a case for using QGIS (and FOSS in general) when teaching geospatial on a bachelor and master level.
                </p>
                <a href="/blog/2022-11-30-ArcGIS-vs-QGIS/" target="_blank"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/bookdown.png">
                <p>Making a Case for Literate Programming</p>
            </div>
            <div class="flip-card-back">
                <p>
                    In this talk I'm making a case for using literate programming tools (e.g. <code>rmarkdown</code> / <code>bookdown</code>) in research and teaching. 
                </p>
                <a href="/literate-programming-bookdown/" target="_blank" class="grid-external"></a>
            </div>
        </div>
    </div>

    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <img src="images/geospatial-cloud.png" alt="Avatar">
                <p>Geospatial Analysis in the Cloud</p>
            </div>
            <div class="flip-card-back">
                <p>
                    These are the slides to a quick introduction I give to bachelor students to introduce them to the possibilities of doing large scale geospatial analysis in the cloud.
                </p>
                <a href="https://remote-sensing-zhaw.github.io/google-earth-engine-intro/" target="_blank"></a>
            </div>
        </div>
    </div>
</div>

```