tts / test /hello.mp3
VeuReu's picture
Upload 35 files
8169748 verified
<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8"/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no"
/>
<meta
name="description"
content="We’re on a journey to advance and democratize artificial intelligence through open source and open science."
/>
<meta property="fb:app_id" content="1321688464574422"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@huggingface"/>
<meta
property="og:title"
content="Hugging Face – The AI community building the future."
/>
<meta property="og:type" content="website"/>
<title>Hugging Face – The AI community building the future.</title>
<style>
body {
margin: 0;
}
main {
background-color: white;
height: 100vh;
text-align: center;
font-family: Source Sans Pro, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
Noto Color Emoji;
}
img {
width: 6rem;
height: 6rem;
margin: 7rem 1rem 1rem;
}
h1 {
font-size: 3.75rem;
line-height: 1;
color: rgba(31, 41, 55, 1);
font-weight: 700;
box-sizing: border-box;
margin: 0 auto;
}
p {
color: rgba(107, 114, 128, 1);
font-size: 1.125rem;
line-height: 1.75rem;
max-width: 28rem;
box-sizing: border-box;
margin: 0 auto;
}
.spinner-wrapper {
position: absolute;
left: 50%;
margin-left: -15px;
}
.spinner-text {
margin-bottom: 20px;
}
.spinner {
margin: 0;
height: 22px;
width: 22px;
animation: rotateSpinner 0.8s infinite linear;
color: black;
border: 2px solid black;
border-right-color: transparent;
border-radius: 50%;
}
@keyframes rotateSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.dark main {
background-color: rgb(11, 15, 25);
}
.dark h1 {
color: rgb(209, 213, 219);
}
.dark p,
.dark .spinner-text,
.dark .spinner {
color: rgb(156, 163, 175);
}
.dark .spinner {
border-color: rgb(209, 213, 219);
border-right-color: rgb(11, 15, 25);
}
</style>
<script>
// On page load or when changing themes, best to add inline in `head` to avoid FOUC
const key = "_tb_global_settings";
let theme = window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
try {
const storageTheme = JSON.parse(window.localStorage.getItem(key)).theme;
if (storageTheme) {
theme = storageTheme === "dark" ? "dark" : "light";
}
} catch (e) {
}
if (theme === "dark") {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<main>
<img
src="https://huggingface.co/front/assets/huggingface_logo.svg"
alt=""
/>
<div class="spinner-text">
Preparing Space
</div>
<div class="spinner-wrapper">
<div class="spinner"></div>
</div>
</main>
</body>
<script>
setInterval(function () {
let oReq = new XMLHttpRequest();
oReq.open("GET", location.href);
oReq.send();
oReq.onload = function () {
if (oReq.status === 200) {
window.location.reload();
}
};
}, 1000);
</script>
</html>