index.Rmd

---
title: ""
image: "resources/logo_dynamic_hero.png"
site: distill::distill_website
links:
  - label: Blog
    url: "blog.html"
  - label: DataViz
    url: "challenges.html"
  - label: Projects
    url: "projects.html"
---

<style>
    
.parallax { 

  /* The image used */
  background-image: url("resources/sailplot.png");

  /* Set a specific height */
  height: 100vh; 
  
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.welcome {
  position: absolute;
  left: 0;
  top: 25vh;
  width: 100vw;
  text-align: center;
  color: #000;
}

.welcome span.title {
  font-family: 'Bitter', serif;
  color: #000;
  font-size: 48px;
  letter-spacing: 10px;
  line-height: 1.6;
}

.welcome span.surrounding {
  font-family: 'Bitter', serif;
  color: #000;
  font-size: 24px;
  letter-spacing: 5px;
}

.welcome span.downarrow {
  font-size: 42px;
}


.downbutton {
  background: rgba(0,0,0,0);
  border: none;
  outline: none;
  color: #1BC7DC;
  text-align: center;
  font-size: 42px;
}

d-title.d-title {
  display: none;
}

.greeting {
  min-height: 50vh;
  padding-top: 25vh;
  font-size: 20px;
  text-align: center;
  line-height: 1.25;
}

</style>



<div class="parallax l-screen">
<div class="welcome">
  <span class="surrounding">Welcome to the</span><br><br><br> 
  <span class="title">jolly data blog</span><br><br><br> 
  <span class="downarrow"> 
    <button class="downbutton" onclick="window.scroll({ top: window.innerHeight+50,  left: 0,  behavior: 'smooth' });"> 
      <img src="resources/logo_dynamic.png" width="130px"> 
    </button> 
  </span>
</div>
</div>



```{r setup, include=FALSE}
knitr::opts_chunk$set(echo=F, message=F, warning=F)
```

```{css echo=FALSE}
.rounded-circle {
    border-radius: 30%!important;
}

```

```{r load_packages, message=FALSE, warning=FALSE, include=FALSE}
library("fontawesome")

library(metathis)
meta() %>%
  meta_description(
    "The personal website of Christian A. Gebhard"
  ) %>%
  meta_name("github-repo" = "nucleic-acid/jollydatablog") %>%
  meta_viewport() %>%
  meta_social(
    title = "jollydata.blog",
    url = "https://jollydata.blog/",
    image = "https://jollydata.blog/resource/logo_dynamic.png",
    image_alt = "The jolly data jolly in an ocean of data.",
    og_type = "website",
    og_author = c("Christian A. Gebhard"),
    twitter_card_type = "summary",
    twitter_creator = "@c_gebhard"
  )

```





<div class="greeting">

This is my personal website, where I write about the exploration of open datasets, data visualization and other topics concerning `r fa(name = "r-project")` or `r fa(name = "python")`.

<br>

I want to share what I learn, while I sail across the vast oceans of data.  
Check out the [**blog**](blog.html) for the latest posts!

<br>

You can find a [**gallery**](challenges.html) of my contributions to DataViz challenges and a collection of my ongoing [**projects**](projects.html) that might interest you.
</div>