Spaces:
Running
Running
Update README.md
Browse files
README.md
CHANGED
|
@@ -16,30 +16,75 @@ pinned: false
|
|
| 16 |
<style>
|
| 17 |
:root { color-scheme: light dark; }
|
| 18 |
* { box-sizing: border-box; }
|
| 19 |
-
html, body {
|
|
|
|
|
|
|
|
|
|
| 20 |
body {
|
| 21 |
-
display: grid;
|
|
|
|
|
|
|
| 22 |
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
| 23 |
-
background: #ffffff;
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 33 |
.links a {
|
| 34 |
-
text-decoration: none;
|
| 35 |
-
|
| 36 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
}
|
| 38 |
-
.links a:hover { border-color: #f5a623; color: #f5a623; }
|
| 39 |
</style>
|
| 40 |
</head>
|
| 41 |
|
| 42 |
-
|
| 43 |
<body>
|
| 44 |
<main class="card">
|
| 45 |
<img src="https://cdn-uploads.huggingface.co/production/uploads/629631215de6e0eb3292ae91/tAkDs1-oE1CsPjU7T3hLH.png" alt="kerasformers logo">
|
|
@@ -54,5 +99,4 @@ pinned: false
|
|
| 54 |
</nav>
|
| 55 |
</main>
|
| 56 |
</body>
|
| 57 |
-
</html>
|
| 58 |
-
|
|
|
|
| 16 |
<style>
|
| 17 |
:root { color-scheme: light dark; }
|
| 18 |
* { box-sizing: border-box; }
|
| 19 |
+
html, body {
|
| 20 |
+
min-height: 100vh;
|
| 21 |
+
margin: 0;
|
| 22 |
+
}
|
| 23 |
body {
|
| 24 |
+
display: grid;
|
| 25 |
+
place-items: center;
|
| 26 |
+
width: 100%;
|
| 27 |
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
| 28 |
+
background: #ffffff;
|
| 29 |
+
color: #111318;
|
| 30 |
+
}
|
| 31 |
+
@media (prefers-color-scheme: dark) {
|
| 32 |
+
body { background: #0b0b0d; color: #e8e8ea; }
|
| 33 |
+
}
|
| 34 |
+
.card {
|
| 35 |
+
text-align: center;
|
| 36 |
+
padding: 2rem 1.25rem;
|
| 37 |
+
max-width: 440px;
|
| 38 |
+
}
|
| 39 |
+
.card img {
|
| 40 |
+
width: 78px;
|
| 41 |
+
height: 78px;
|
| 42 |
+
border-radius: 18px;
|
| 43 |
+
display: block;
|
| 44 |
+
margin: 0 auto;
|
| 45 |
+
}
|
| 46 |
+
h1 {
|
| 47 |
+
font-size: 1.55rem;
|
| 48 |
+
font-weight: 700;
|
| 49 |
+
margin: 0.85rem 0 0.35rem;
|
| 50 |
+
letter-spacing: -0.01em;
|
| 51 |
+
}
|
| 52 |
+
p {
|
| 53 |
+
margin: 0 0 1.35rem;
|
| 54 |
+
opacity: 0.72;
|
| 55 |
+
line-height: 1.55;
|
| 56 |
+
font-size: 0.95rem;
|
| 57 |
+
}
|
| 58 |
+
code {
|
| 59 |
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
| 60 |
+
font-size: 0.86em;
|
| 61 |
+
padding: 0.05em 0.35em;
|
| 62 |
+
border-radius: 6px;
|
| 63 |
+
background: rgba(128,128,128,0.16);
|
| 64 |
+
}
|
| 65 |
+
.links {
|
| 66 |
+
display: flex;
|
| 67 |
+
gap: 0.5rem;
|
| 68 |
+
justify-content: center;
|
| 69 |
+
flex-wrap: wrap;
|
| 70 |
+
}
|
| 71 |
.links a {
|
| 72 |
+
text-decoration: none;
|
| 73 |
+
font-size: 0.85rem;
|
| 74 |
+
font-weight: 600;
|
| 75 |
+
color: inherit;
|
| 76 |
+
padding: 0.42rem 0.85rem;
|
| 77 |
+
border-radius: 999px;
|
| 78 |
+
border: 1px solid rgba(128,128,128,0.35);
|
| 79 |
+
transition: all 0.15s ease;
|
| 80 |
+
}
|
| 81 |
+
.links a:hover {
|
| 82 |
+
border-color: #f5a623;
|
| 83 |
+
color: #f5a623;
|
| 84 |
}
|
|
|
|
| 85 |
</style>
|
| 86 |
</head>
|
| 87 |
|
|
|
|
| 88 |
<body>
|
| 89 |
<main class="card">
|
| 90 |
<img src="https://cdn-uploads.huggingface.co/production/uploads/629631215de6e0eb3292ae91/tAkDs1-oE1CsPjU7T3hLH.png" alt="kerasformers logo">
|
|
|
|
| 99 |
</nav>
|
| 100 |
</main>
|
| 101 |
</body>
|
| 102 |
+
</html>
|
|
|