Update index.html
Browse files- index.html +86 -8
index.html
CHANGED
@@ -5,15 +5,93 @@
|
|
5 |
<meta name="viewport" content="width=device-width" />
|
6 |
<title>My static Space</title>
|
7 |
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
8 |
</head>
|
9 |
<body>
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
18 |
</body>
|
19 |
</html>
|
|
|
5 |
<meta name="viewport" content="width=device-width" />
|
6 |
<title>My static Space</title>
|
7 |
<link rel="stylesheet" href="style.css" />
|
8 |
+
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
9 |
+
<script>mermaid.initialize({startOnLoad:true});</script>
|
10 |
</head>
|
11 |
<body>
|
12 |
+
|
13 |
+
|
14 |
+
<iframe
|
15 |
+
src="https://awacke1-cb-gr-chatbot-blenderbot.hf.space"
|
16 |
+
frameborder="0"
|
17 |
+
width="1280"
|
18 |
+
height="1024"
|
19 |
+
></iframe>
|
20 |
+
|
21 |
+
<iframe
|
22 |
+
src="https://awacke1-image-semantic-search.hf.space"
|
23 |
+
frameborder="0"
|
24 |
+
width="1280"
|
25 |
+
height="1024"
|
26 |
+
></iframe>
|
27 |
+
|
28 |
+
<iframe
|
29 |
+
src="https://awacke1-image-to-multilingual-ocr.hf.space"
|
30 |
+
frameborder="0"
|
31 |
+
width="1280"
|
32 |
+
height="1024"></iframe>
|
33 |
+
<iframe
|
34 |
+
src="https://awacke1-sentence2paragraph.hf.space"
|
35 |
+
frameborder="0"
|
36 |
+
width="1280"
|
37 |
+
height="1024"></iframe>
|
38 |
+
<iframe
|
39 |
+
src="https://awacke1-video-summary.hf.space"
|
40 |
+
frameborder="0"
|
41 |
+
width="1280"
|
42 |
+
height="1024"></iframe>
|
43 |
+
|
44 |
+
|
45 |
+
<iframe
|
46 |
+
src="https://awacke1-ai-quantum.hf.space"
|
47 |
+
frameborder="0"
|
48 |
+
width="1280"
|
49 |
+
height="1024"
|
50 |
+
></iframe>
|
51 |
+
|
52 |
+
|
53 |
+
<div class="mermaid">
|
54 |
+
journey
|
55 |
+
title Create AI
|
56 |
+
section Training
|
57 |
+
Format DataSet Inputs Files, Data Splits: 5: Teacher
|
58 |
+
Model Build w/ SKLearn, TF, Pytorch: 3: Student
|
59 |
+
Determine Model Performance: 1: Teacher, Student
|
60 |
+
section Deploy
|
61 |
+
Web Deploy Local and Cloud: 5: Teacher
|
62 |
+
Architecture Spaces Gradio Streamlit Heroku AWS Azure and GCCP: 5: Teacher
|
63 |
+
section Testing
|
64 |
+
Test Model with Input Datasets: 5: Teacher
|
65 |
+
Examples. Inputs that Work, Inputs That Break Model: 5: Teacher
|
66 |
+
Governance - Analyze, Publish Fairness, Equity, Bias for Datasets and Outputs: 5: Teacher
|
67 |
+
</div>
|
68 |
+
|
69 |
+
<div class="mermaid">
|
70 |
+
sequenceDiagram
|
71 |
+
participant Alice
|
72 |
+
participant Bob
|
73 |
+
Alice->>John: Hello John, how are you?
|
74 |
+
loop Healthcheck
|
75 |
+
John->>John: Fight against hypochondria
|
76 |
+
end
|
77 |
+
Note right of John: Rational thoughts<br/>prevail...
|
78 |
+
John-->>Alice: Great!
|
79 |
+
John->>Bob: How about you?
|
80 |
+
Bob-->>John: Jolly good!
|
81 |
+
</div>
|
82 |
+
|
83 |
+
<div class="card">
|
84 |
+
<h1>Welcome to the Mermaid Modeler Tip Sheet</h1>
|
85 |
+
<p>
|
86 |
+
You can use Mermaid inside HTML5 by including the script and a div with the class or mermaid.
|
87 |
+
</p>
|
88 |
+
<p>
|
89 |
+
Documentation is located here:
|
90 |
+
<a href="https://mermaid.js.org/syntax/flowchart.html" target="_blank"
|
91 |
+
>Mermaid documentation</a
|
92 |
+
>.
|
93 |
+
</p>
|
94 |
+
</div>
|
95 |
+
|
96 |
</body>
|
97 |
</html>
|