✨ allow iframes in project yamls

src/_css/basic.css

@@ -149,9 +149,11 @@ instead, display a burger menu.
     padding: 0;
     margin: 0;
   }
+
   header li a {
     border-bottom: none;
   }
+
   header li a:hover {
     border-bottom: none;
   }
@@ -180,7 +182,7 @@ tr:first-of-type {
   background: #eae9f4;
 }
 
-tr:first-of-type > th {
+tr:first-of-type>th {
   text-align: center;
 }
 
@@ -220,3 +222,19 @@ table tbody tr td {
   padding: 0 !important;
   margin: 0 !important;
 }
+
+.iframe-wrap {
+  overflow: hidden;
+  height: 23rem;
+  width: 100%;
+}
+
+iframe {
+  zoom: 0.75;
+  transform: translateX(0);
+  -moz-transform: scale(0.75);
+  transform-origin: 0 0;
+  -moz-transform-origin: 0 0;
+  width: 132%;
+  height: 30rem;
+}

src/_data/school_projects.yml

@@ -17,7 +17,7 @@ Distributed Systems and Algorithms:
   description: Studied and presented the [Raft Consensus Algorithm](https://raft.github.io/) and its implementations.
   repository: https://git.fainsin.bzh/ENSEEIHT/projet-systemes-algorithmes-repartis
   pdf: https://n7.laurent.fainsin.bzh/projet-systemes-algorithmes-repartis/
-  # iframe: https://raft.github.io/raftscope/index.html
+  iframe: https://raft.github.io/raftscope/index.html
 
 Parallel Computing:
   year: December 2022
@@ -42,7 +42,7 @@ Augmented computer Vision:
   year: December 2022
   description: Project in Python to control a virtual avatar from its camera. Used OpenPose and OpenCV.
   repository: https://git.fainsin.bzh/ENSEEIHT/projet-transversal
-  video: /assets/projects/2023-01-29T21-44-00.mkv
+  # video: /assets/projects/2023-01-29T21-44-00.mkv
 
 Augmented Reality:
   year: November 2022

src/utils.jl

@@ -14,7 +14,7 @@ function hfun_print_projects(yaml_files)
     year = """<span class="year">$(project["year"])</span>"""
     image = haskey(project, "image") ? """<img src="$(project["image"])">""" : ""
     video = haskey(project, "video") ? """<video controls autoplay loop><source src="$(project["video"])"></video>""" : ""
-    iframe = haskey(project, "iframe") ? """<iframe src="$(project["iframe"])"></iframe>""" : ""
+    iframe = haskey(project, "iframe") ? """<div class="iframe-wrap"><iframe src="$(project["iframe"])"></iframe></div>""" : ""
 
     html_string = """
     $(html_string)