add video to index

fastapp.py

@@ -42,6 +42,11 @@ async def index():
     # Return the index.html file
     return FileResponse("static/index.html", media_type="text/html")
 
+@app.get("/video")
+async def video():
+    # Return the index.html file
+    return FileResponse("static/video.html", media_type="text/html")
+
 class TranslationRequest(BaseModel):
     rmlData: str = None
     owlData: str = None

static/index.html

@@ -220,7 +220,18 @@ <h2>Configurations</h2>
 							<section id="doc" class="main special">
 								<header class="major">
 									<h2><a href="https://github.com/dtai-kg/SCOOP-UI/">SCOOP-UI</a> Documentation</h2>
-									<p><a href="https://github.com/dtai-kg/SCOOP">SCOOP</a> is a framework that exploits all artifacts associated with the construction of an RDF graph, i.e. data schemas, ontologies, and mapping rules, and integrates the SHACL shapes extracted from each artifact into a unified shapes graph.</p>
+									<!-- <p><a href="https://github.com/dtai-kg/SCOOP">SCOOP</a> is a framework that exploits all artifacts associated with the construction of an RDF graph, i.e. data schemas, ontologies, and mapping rules, and integrates the SHACL shapes extracted from each artifact into a unified shapes graph.</p>
+								 -->
+									<div style="float: right; width: 50%;">
+										<div id="main" style="text-align: center;">
+											<iframe width="560" height="315" src="https://www.youtube.com/embed/A3kocY7ysjs" frameborder="0" allowfullscreen></iframe>
+										</div>
+									</div>
+									<div style="float: left; width: 50%; text-align: left;">
+										<p><a href="https://github.com/dtai-kg/SCOOP">SCOOP</a> is a framework that exploits all artifacts associated with the construction of an RDF graph, i.e. data schemas, ontologies, and mapping rules, and integrates the SHACL shapes extracted from each artifact into a unified shapes graph.</p>
+									</div>
+									<div style="clear: both;"></div>
+
 								</header>
 								<div class="content">
 									<h3 style="text-align: left; font-weight: bold">SCOOP Framework</h3>
@@ -257,11 +268,11 @@ <h3 style="text-align: left; font-weight: bold">How to Use</h3>
 
 								</div>
 
-									<footer class="major">
+									<!-- <footer class="major">
 									<ul class="actions special">
 										<li><a href="video.html" class="button primary">Demo Video</a></li>
 									</ul>
-								</footer>
+								</footer> -->
 							</section>
 
 					</div>