Spaces:
Running
Running
Ron Au
commited on
Commit
·
880cedd
1
Parent(s):
9828b28
feat(fonts): Add Lato as fallback
Browse files- static/index.html +4 -2
- static/style.css +1 -1
static/index.html
CHANGED
|
@@ -11,12 +11,16 @@
|
|
| 11 |
</style>
|
| 12 |
<link rel="shortcut icon" href="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" />
|
| 13 |
<link rel="stylesheet" id="stylesheet-tag" />
|
|
|
|
|
|
|
|
|
|
| 14 |
<script type="module" id="script-tag"></script>
|
| 15 |
<script>
|
| 16 |
const basePath = document.location.origin + document.location.pathname;
|
| 17 |
document.getElementById('stylesheet-tag').href = `${basePath}static/style.css`;
|
| 18 |
document.getElementById('script-tag').src = `${basePath}static/js/index.js`;
|
| 19 |
</script>
|
|
|
|
| 20 |
</head>
|
| 21 |
<body>
|
| 22 |
<main>
|
|
@@ -29,10 +33,8 @@
|
|
| 29 |
<h1>This Pokémon<br />Does Not Exist</h1>
|
| 30 |
<label for="name-input">Enter your trainer name</label>
|
| 31 |
<form class="name-form" action="">
|
| 32 |
-
<!-- <div class="name-interactive"> -->
|
| 33 |
<input id="name-input" name="name" type="text" placeholder="Ash" maxlength="75" />
|
| 34 |
<button type="submit">Submit</button>
|
| 35 |
-
<!-- </div> -->
|
| 36 |
</form>
|
| 37 |
<p>
|
| 38 |
Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
|
|
|
|
| 11 |
</style>
|
| 12 |
<link rel="shortcut icon" href="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" />
|
| 13 |
<link rel="stylesheet" id="stylesheet-tag" />
|
| 14 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 15 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 16 |
+
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
|
| 17 |
<script type="module" id="script-tag"></script>
|
| 18 |
<script>
|
| 19 |
const basePath = document.location.origin + document.location.pathname;
|
| 20 |
document.getElementById('stylesheet-tag').href = `${basePath}static/style.css`;
|
| 21 |
document.getElementById('script-tag').src = `${basePath}static/js/index.js`;
|
| 22 |
</script>
|
| 23 |
+
|
| 24 |
</head>
|
| 25 |
<body>
|
| 26 |
<main>
|
|
|
|
| 33 |
<h1>This Pokémon<br />Does Not Exist</h1>
|
| 34 |
<label for="name-input">Enter your trainer name</label>
|
| 35 |
<form class="name-form" action="">
|
|
|
|
| 36 |
<input id="name-input" name="name" type="text" placeholder="Ash" maxlength="75" />
|
| 37 |
<button type="submit">Submit</button>
|
|
|
|
| 38 |
</form>
|
| 39 |
<p>
|
| 40 |
Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
|
static/style.css
CHANGED
|
@@ -42,7 +42,7 @@ body {
|
|
| 42 |
margin: 0;
|
| 43 |
background-color: whitesmoke;
|
| 44 |
background-image: linear-gradient(300deg, var(--theme-highlight), white);
|
| 45 |
-
font-family: 'Gill Sans', 'Gill Sans Mt', 'sans-serif';
|
| 46 |
overflow-x: hidden;
|
| 47 |
}
|
| 48 |
|
|
|
|
| 42 |
margin: 0;
|
| 43 |
background-color: whitesmoke;
|
| 44 |
background-image: linear-gradient(300deg, var(--theme-highlight), white);
|
| 45 |
+
font-family: 'Gill Sans', 'Gill Sans Mt', 'Lato', 'sans-serif';
|
| 46 |
overflow-x: hidden;
|
| 47 |
}
|
| 48 |
|