app has been added

melih-unsal · Aug 16, 2023 · e82285e · e82285e
1 parent c303773
commit e82285e
Show file tree

Hide file tree

Showing 13 changed files with 93 additions and 1 deletion.
diff --git a/app.css b/app.css
@@ -0,0 +1,4 @@
+iframe {
+    border-radius: 15px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
+}
diff --git a/app.js b/app.js
@@ -0,0 +1,31 @@
+document.addEventListener("DOMContentLoaded", function() {
+document.getElementById("appButton").addEventListener("click", function() {
+    var iframe = document.createElement("iframe");
+    iframe.src = "https://demogpt.streamlit.app/?embed=true";
+    iframe.style.width = "80%";
+    iframe.style.height = "80vh";
+    iframe.style.position = "fixed";
+    iframe.style.top = "10%";
+    iframe.style.left = "10%";
+    iframe.style.zIndex = "1000";
+    iframe.style.border = "none";
+    document.body.appendChild(iframe);
+
+    // Add an overlay background to emphasize the iframe
+    var overlay = document.createElement("div");
+    overlay.style.position = "fixed";
+    overlay.style.top = "0";
+    overlay.style.left = "0";
+    overlay.style.width = "100%";
+    overlay.style.height = "100%";
+    overlay.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
+    overlay.style.zIndex = "999";
+    document.body.appendChild(overlay);
+
+    // Close the iframe when clicking outside
+    overlay.addEventListener("click", function() {
+        document.body.removeChild(iframe);
+        document.body.removeChild(overlay);
+    });
+});
+});
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 
         <meta name="description" content="None">
 
-
+        <link rel="stylesheet" href="./app.css">
 
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
         <link rel="stylesheet" href="assets/css/bootstrap.min.css">
@@ -21,6 +21,8 @@
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="./app.js"></script>
+
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/mission_and_vision/index.html b/mission_and_vision/index.html
@@ -15,12 +15,15 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
+
 
 </head>
 
@@ -168,6 +171,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/pipeline/index.html b/pipeline/index.html
@@ -15,12 +15,15 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
+
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +171,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/python/index.html b/python/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/roadmap/index.html b/roadmap/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/src_plan/index.html b/src_plan/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/src_plan_chains/index.html b/src_plan_chains/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/src_plan_chains_prompts/index.html b/src_plan_chains_prompts/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/src_plan_chains_prompts_tasks/index.html b/src_plan_chains_prompts_tasks/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/test/index.html b/test/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>

diff --git a/values/index.html b/values/index.html
@@ -15,12 +15,14 @@
         <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
         <link rel="stylesheet" href="../assets/css/dracula-ui.css">
         <link rel="stylesheet" href="../assets/css/mkdocs.css">
+        <link rel="stylesheet" href="../app.css">
 
 
             <link  rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
 
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
                 <script>hljs.initHighlightingOnLoad();</script>
+                <script src="../app.js"></script>
 
 </head>
 
@@ -168,6 +170,9 @@
         <div class="container">
             <div class="row row-preview">
                 <div class="col">
+                    <a href="javascript:void(0);" id="appButton" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
+                        <i class="fa fa-window-maximize"></i> App
+                    </a>
                     <a href="https://github.com/melih-unsal/DemoGPT" target="_blank" class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
                         <i class="fa fa-github"></i> GitHub
                     </a>