feat: added iframe HeatWatch video

FedericoTartarini · Dec 6, 2023 · 5d17547 · 5d17547
1 parent 1304ac0
commit 5d17547
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git 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
@@ -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) {