Merge pull request #123 from NGO-Algorithm-Audit/feature/technical-tools-integration

Feature/technical tools integration

Author: jfparie

layouts/shortcodes/web_app.html

@@ -23,7 +23,27 @@ <h3 class="pl-3">{{ .title | markdownify }}
         {{ end }}
 
         <!-- Bias Detection Tool -->
-        <div id="app"></div>
+        <div class="web-app__container">
+          <iframe title="Bias detection example"
+            src="https://local-first-bias-detection.s3.eu-central-1.amazonaws.com/bias-detection.html">
+          </iframe>
+          <style>
+            .web-app__container {
+              background-color: #fff;
+              width: 100%;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              align-items: center;
+            }
+
+            iframe {
+              border: none;
+              width: 100%;
+              height: 770px;
+            }
+          </style>
+        </div>
         <!-- /Bias Detection Tool -->
 
       </div>
@@ -32,6 +52,4 @@ <h3 class="pl-3">{{ .title | markdownify }}
   </div>
 </div>
 <!-- text field -->
-
-<script type="module" src="https://static-files-pdf.s3.amazonaws.com/assets/index.js"></script>
 {{ end }}

themes/bigspring-light/layouts/_default/single.html

@@ -28,7 +28,7 @@ <h2 class="mb-4" style="color: #005aa7;">{{ .Title }}</h2>
 <section class="section">
   <div class="container">
     <div class="row">
-      <div class="col-lg-10 mx-auto">
+      <div class="col-lg-12 mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
     </div>