awacke1's picture
Update index.html
8dde814
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My static Space</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
</head>
<body>
<iframe
src="https://awacke1-cb-gr-chatbot-blenderbot.hf.space"
frameborder="0"
width="1280"
height="1024"
></iframe>
<iframe
src="https://awacke1-image-semantic-search.hf.space"
frameborder="0"
width="1280"
height="1024"
></iframe>
<iframe
src="https://awacke1-image-to-multilingual-ocr.hf.space"
frameborder="0"
width="1280"
height="1024"></iframe>
<iframe
src="https://awacke1-sentence2paragraph.hf.space"
frameborder="0"
width="1280"
height="1024"></iframe>
<iframe
src="https://awacke1-video-summary.hf.space"
frameborder="0"
width="1280"
height="1024"></iframe>
<iframe
src="https://awacke1-ai-quantum.hf.space"
frameborder="0"
width="1280"
height="1024"
></iframe>
<div class="mermaid">
journey
title Create AI
section Training
Format DataSet Inputs Files, Data Splits: 5: Teacher
Model Build w/ SKLearn, TF, Pytorch: 3: Student
Determine Model Performance: 1: Teacher, Student
section Deploy
Web Deploy Local and Cloud: 5: Teacher
Architecture Spaces Gradio Streamlit Heroku AWS Azure and GCCP: 5: Teacher
section Testing
Test Model with Input Datasets: 5: Teacher
Examples. Inputs that Work, Inputs That Break Model: 5: Teacher
Governance - Analyze, Publish Fairness, Equity, Bias for Datasets and Outputs: 5: Teacher
</div>
<div class="mermaid">
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts<br/>prevail...
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
</div>
<div class="card">
<h1>Welcome to the Mermaid Modeler Tip Sheet</h1>
<p>
You can use Mermaid inside HTML5 by including the script and a div with the class or mermaid.
</p>
<p>
Documentation is located here:
<a href="https://mermaid.js.org/syntax/flowchart.html" target="_blank"
>Mermaid documentation</a
>.
</p>
</div>
</body>
</html>