diff --git a/img/tweet.png b/img/tweet.png new file mode 100644 index 0000000000000000000000000000000000000000..23a463fa89302b87c64074ee9ff4d24f4071c717 Binary files /dev/null and b/img/tweet.png differ diff --git a/index.html b/index.html index 8bd96c2f7d1987a6ab8907d0ca9eb050c33e8a5c..c442491c1ee7406332e2d0bad0969b5130e9b479 100644 --- a/index.html +++ b/index.html @@ -138,7 +138,7 @@ <a class="article-link" href="#"></a> <div class="article-content"> - <iframe src="https://www.youtube.com/watch?v=XY6idnRlPsU"></iframe> + <iframe src="https://www.youtube.com/embed/XY6idnRlPsU?si=HnFL8-if6-zB6tU2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> </div> @@ -157,9 +157,7 @@ <div class="article-content-container"> <a class="article-link" href="#"></a> - <div class="article-content"> - <iframe src="https://twitter.com/NASA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"></iframe> - </div> + <img class="article-image article-image-full" src="img/tweet.png"></img> </div> </div> </article> diff --git a/styles.css b/styles.css index f7a0bb6f48fa23d00c57e571809bd04919213ada..cf7ed2a0118c0dbfa9a575f2f0f78e16be98349b 100644 --- a/styles.css +++ b/styles.css @@ -221,6 +221,13 @@ main { object-fit: cover; } +.article-content-container > .article-image-full { + position: absolute; + width: 100%; + height: 100%; + object-fit: contain; +} + .article-content-container > .article-content { position: absolute; top: 0; @@ -387,7 +394,7 @@ main { display: block; } -iframe { +.article-content > iframe { width: 100%; height: 100%; }