Embedding Shiny app in distill post

Hi all,

I have deployed a shiny app https://andrewyimingchen.shinyapps.io/Shiny_ex/, and I want to know if there is a way to embedded this in a distill post?

I tried changing the yml output to html_document and I can directly page of shiny app code to run, but then the aesthetic of the whole page would be different than another page of my distill blog.

I am trying to achieve like this page by Cengiz Zopluoglu
https://cengiz.me/posts/shinyapp/
This is his distill page setup.
https://github.com/czopluoglu/website/blob/master/_posts/shinyapp/shinyapp.Rmd

I'm trying using iframe /iframe but not sure where it went wrong.

The following is my distill article code setup.

Does anyone know where I did wrong or if there is a better way to do it?

Thanks!

---
title: "Generative Art"
description: |
  A generative art generator.
author:
  - name: Andrew Chen
    url: https://www.linkedin.com/in/andrewyimingchen/
date: 04-29-2021
categories: 
  - Shiny
  - Art
output:
  distill::distill_article:
    self_contained: true
---


```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)