diff --git a/ipynb-viewer/src/App.js b/ipynb-viewer/src/App.js
index df60fd1..f11c684 100644
--- a/ipynb-viewer/src/App.js
+++ b/ipynb-viewer/src/App.js
@@ -14,8 +14,9 @@ class App extends React.Component {
           subtitle="I've always wanted to publish my jupyter notebooks as blogs. Finally I can."
           // coverImg="https://notionpress.com/blog/wp-content/uploads/2018/06/Cover-design.png"
           // file={ipynb}
-          file="https://raw.githubusercontent.com/jakevdp/PythonDataScienceHandbook/master/notebooks/00.00-Preface.ipynb"
+          // file="https://raw.githubusercontent.com/jakevdp/PythonDataScienceHandbook/master/notebooks/00.00-Preface.ipynb"
           // file="https://raw.githubusercontent.com/fastai/course-v3/master/nbs/dl1/00_notebook_tutorial.ipynb"
+          file="https://raw.githubusercontent.com/DazhiZhong/DazhiZhong.github.io/master/test.ipynb"
         />
       </div>
     )
diff --git a/ipynb-viewer/src/JupViewer.js b/ipynb-viewer/src/JupViewer.js
index 3a42371..6dcbbb4 100644
--- a/ipynb-viewer/src/JupViewer.js
+++ b/ipynb-viewer/src/JupViewer.js
@@ -120,12 +120,14 @@ class JupViewer extends React.Component {
         var stdout = ``
         var errors = ``
         var img_data = `data:image/png;base64,`
+        var html_data = ``
 
         //booleans
         var stdout_found = false
         var text_found = false
         var error_found = false
         var img_found = false
+        var html_found = false
 
         //maxlines for each output type
         var lines_stdout = 3
@@ -145,6 +147,12 @@ class JupViewer extends React.Component {
                     img_data += outputs[outs]["data"]["image/png"]
                     img_found = true
                 }
+                if ("text/html" in outputs[outs]["data"]) {
+                    outputs[outs]["data"]["text/html"].forEach((element)=>{
+                        html_data += element;
+                    });
+                    html_found=true
+                }
             }
             if ("name" in outputs[outs]) {
                 for (var text in outputs[outs]["text"]) {
@@ -236,6 +244,9 @@ class JupViewer extends React.Component {
                             backgroundColor: 'white'
                         }} />
                 </div>
+                <div style={{ display: html_found ? '' : 'none'}}>
+                    <div style={{ overflow: 'scroll'}} dangerouslySetInnerHTML={{ __html: html_data }} />
+                </div>
                 <div style={{ padding: '5px 3px', display: error_found ? '' : 'none' }}>
                     <Tag color="#f50"
                     >error</Tag><br></br>