index.qmd

---
image: assets/images/new_logo.svg
image-alt: "website-logo"
comments: false
link-external-newwindow: false
author-meta: stesiam
description-meta: "Stelios' (stesiam) website: A Statistics undergrad shares his passion for R programming, data analysis, Shiny web apps, and data visualizations."
pagetitle: Homepage
format: 
  html:
    css: front.css
    page-layout: full
---


```{=html}
<div class="home_wrapper">

  <div class="links_wrapper">

    <div class="img_prof_wrapper">
       <img src="assets/images/new_logo.svg" alt="website logo">
    </div>
    
    <div class="title_prof_wrapper">
       <h1>Hello 👋, I'm Stelios!</h1>
    </div>
    <hr>


  <div class= "button_wrapper">
    <a href="mailto:stesiam@proton.me"><button type="button" class="btn  btn-outline-primary btn-rounded"><i class="fa-regular fa-envelope"></i> Email</button></a>
    <a href="https://github.com/stesiam" target="_blank"><button type="button" class="btn  btn-outline-primary btn-rounded"><i class="fa-brands fa-github"></i> GitHub</button></a>
    <a href="https://bsky.app/profile/stesiam.bsky.social" target="_blank"><button type="button" class="btn  btn-outline-primary btn-rounded"><i class="fa-brands fa-bluesky"></i> BlueSky</button></a>
    <a href="https://fosstodon.org/@stesiam" target="_blank"><button type="button" class="btn  btn-outline-primary btn-rounded"><i class="fa-brands fa-mastodon"></i> Mastodon</button></a>
    <a href="https://www.youtube.com/channel/UC3bT3jSPiBNeD0Gw9s7O8Qg" target="_blank"><button type="button" class="btn  btn-outline-primary btn-rounded"><i class="fa-brands fa-youtube"></i> YouTube</button></a>
</div>
</div>

<div class="bio_wrapper">

  <p>I am an undergraduate student of <a href="https://www.unipi.gr/en/department-of-statistics-and-insurance-science/">Statistics and Insurance Science</a> at University of Piraeus. On my website I upload <a href="posts/">various posts</a> closely related with Statistics and <i class="fa-brands fa-r-project"></i>. Also, you can have a look on my <a href="web-apps/">Shiny Apps</a> and my <a href="gallery/">visualizations</a>. </p>

</div>
</div>
```