From 5d17547a3418d3114c362aa0aa0fff1748e9e833 Mon Sep 17 00:00:00 2001
From: federico Tartarini <federicotartarini@gmail.com>
Date: Wed, 6 Dec 2023 20:40:23 +1100
Subject: [PATCH] feat: added iframe HeatWatch video

---
 blog/2023-10-20-heatwatch/index.md | 2 +-
 src/css/custom.css                 | 8 +-------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/blog/2023-10-20-heatwatch/index.md b/blog/2023-10-20-heatwatch/index.md
index e70fb36..0beffea 100644
--- a/blog/2023-10-20-heatwatch/index.md
+++ b/blog/2023-10-20-heatwatch/index.md
@@ -15,7 +15,7 @@ description: Blogpost about the HeatWatch application
 At the [Heat and Health Research Incubator](https://www.sydney.edu.au/medicine-health/our-research/research-centres/heat-and-health-research-incubator.html) with [Ollie Jay](https://www.linkedin.com/in/ollie-jay-793a1b11/) and our community partners, we are currently developing the HeatWatch, a web application that people in the community can use to calculate their personalised heat health risk. 
 The application is free to use, you can access it via this [link](https://heatwatch.sydney.edu.au/). 
 
-![heatwatch](./heatwatch.png)
+<iframe width="100%" class="youtube-video" src="https://www.youtube.com/embed/liyCFwcNpGY?si=CRSA64bU9x4SGbdY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 
 <!--truncate-->
 
diff --git a/src/css/custom.css b/src/css/custom.css
index 9614d62..fce4311 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -90,13 +90,7 @@ html[data-theme='dark'] .header--github-link:before {
 
 /* resize youtube videos */
 .youtube-video {
-  height: 550px;
-}
-
-@media screen and (max-width: 1350px) {
-  .youtube-video {
-    height: 450px;
-  }
+  height: 410px;
 }
 
 @media screen and (max-width: 900px) {