<!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>