add repository
Browse files- index.html +37 -5
index.html
CHANGED
|
@@ -10,22 +10,54 @@
|
|
| 10 |
margin: 0;
|
| 11 |
padding: 0;
|
| 12 |
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
}
|
| 14 |
</style>
|
| 15 |
</head>
|
| 16 |
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 17 |
<script>
|
| 18 |
(function () {
|
| 19 |
const iframe = document.createElement("iframe");
|
| 20 |
iframe.style.width = "100%";
|
| 21 |
iframe.style.height = "100vh";
|
| 22 |
iframe.style.border = "none";
|
| 23 |
-
iframe.allow="microphone; camera";
|
| 24 |
-
iframe.src="https://open-avatar.holoworld.com.cn:8282/";
|
| 25 |
-
iframe.sandbox="allow-scripts allow-same-origin";
|
| 26 |
-
|
| 27 |
document.body.appendChild(iframe);
|
| 28 |
})();
|
| 29 |
</script>
|
| 30 |
</body>
|
| 31 |
-
</html>
|
|
|
|
| 10 |
margin: 0;
|
| 11 |
padding: 0;
|
| 12 |
overflow: hidden;
|
| 13 |
+
height: 100%; /* Ensure full height */
|
| 14 |
+
}
|
| 15 |
+
.github-container {
|
| 16 |
+
position: absolute;
|
| 17 |
+
top: 10px;
|
| 18 |
+
left: 50%;
|
| 19 |
+
transform: translateX(-50%);
|
| 20 |
+
display: flex;
|
| 21 |
+
align-items: center; /* Vertically align content */
|
| 22 |
+
background: white;
|
| 23 |
+
padding: 10px; /* Spacing inside container */
|
| 24 |
+
border-radius: 6px;
|
| 25 |
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
|
| 26 |
+
z-index: 1; /* Ensure it's above the iframe */
|
| 27 |
+
}
|
| 28 |
+
.github-container img {
|
| 29 |
+
width: 24px;
|
| 30 |
+
height: 24px;
|
| 31 |
+
margin-right: 8px; /* Spacing between icon and text */
|
| 32 |
+
}
|
| 33 |
+
.github-container a {
|
| 34 |
+
text-decoration: none;
|
| 35 |
+
color: #0366d6; /* GitHub link color */
|
| 36 |
+
font-size: 14px;
|
| 37 |
+
}
|
| 38 |
+
.github-container a:hover {
|
| 39 |
+
text-decoration: underline;
|
| 40 |
}
|
| 41 |
</style>
|
| 42 |
</head>
|
| 43 |
<body>
|
| 44 |
+
<div class="github-container">
|
| 45 |
+
<img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" />
|
| 46 |
+
<a href="https://github.com/HumanAIGC-Engineering/OpenAvatarChat" target="_blank">
|
| 47 |
+
open-avatar-chat项目链接
|
| 48 |
+
</a>
|
| 49 |
+
</div>
|
| 50 |
<script>
|
| 51 |
(function () {
|
| 52 |
const iframe = document.createElement("iframe");
|
| 53 |
iframe.style.width = "100%";
|
| 54 |
iframe.style.height = "100vh";
|
| 55 |
iframe.style.border = "none";
|
| 56 |
+
iframe.allow = "microphone; camera";
|
| 57 |
+
iframe.src = "https://open-avatar.holoworld.com.cn:8282/";
|
| 58 |
+
iframe.sandbox = "allow-scripts allow-same-origin";
|
|
|
|
| 59 |
document.body.appendChild(iframe);
|
| 60 |
})();
|
| 61 |
</script>
|
| 62 |
</body>
|
| 63 |
+
</html>
|