LoRA Studio ads (#9)
Browse files- feat: ads to LoRA studio (d9ac2aac4dd16f168915f9d118c85d37330bdb8b)
- banner.webp +0 -0
- index.html +32 -1
banner.webp
ADDED
|
index.html
CHANGED
|
@@ -100,7 +100,7 @@
|
|
| 100 |
// `http://localhost:7860/api/models?page=${page}&sort=${sort}&style=${style}`
|
| 101 |
// );
|
| 102 |
const res = await fetch(
|
| 103 |
-
|
| 104 |
);
|
| 105 |
const data = await res.json();
|
| 106 |
const models = data.models.map((model) => ({
|
|
@@ -136,6 +136,37 @@
|
|
| 136 |
</head>
|
| 137 |
|
| 138 |
<body class="pb-10 pt-5 bg-gray-100 dark:bg-gray-900 relative">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 139 |
<section
|
| 140 |
class="container px-6 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mx-auto relative"
|
| 141 |
x-data="modelsData"
|
|
|
|
| 100 |
// `http://localhost:7860/api/models?page=${page}&sort=${sort}&style=${style}`
|
| 101 |
// );
|
| 102 |
const res = await fetch(
|
| 103 |
+
`https://huggingface-projects-diffusers-gallery-bot.hf.space/api/models?page=${page}&sort=${sort}&style=${style}`
|
| 104 |
);
|
| 105 |
const data = await res.json();
|
| 106 |
const models = data.models.map((model) => ({
|
|
|
|
| 136 |
</head>
|
| 137 |
|
| 138 |
<body class="pb-10 pt-5 bg-gray-100 dark:bg-gray-900 relative">
|
| 139 |
+
<section class="container mx-auto w-full px-6 mb-8 mt-2">
|
| 140 |
+
<div
|
| 141 |
+
class="w-full px-8 py-8 lg:py-12 rounded-3xl bg-neutral-950 flex-col lg:flex-row items-start justify-between lg:items-center flex gap-5 ring-4 ring-neutral-500/20"
|
| 142 |
+
>
|
| 143 |
+
<div>
|
| 144 |
+
<p class="text-2xl font-extrabold text-white drop-shadow">
|
| 145 |
+
LoRA Studio is here!
|
| 146 |
+
</p>
|
| 147 |
+
<p class="text-base font-medium drop-shadow mt-1 lg:mt-3 text-white">
|
| 148 |
+
Discover all the diffusion models on the LoRA Studio hub.
|
| 149 |
+
<br />
|
| 150 |
+
<span
|
| 151 |
+
class="bg-gradient-to-r from-cyan-500 to-pink-500 italic text-sm bg-clip-text text-transparent"
|
| 152 |
+
>
|
| 153 |
+
Try, share and like your favorite models!
|
| 154 |
+
</span>
|
| 155 |
+
</p>
|
| 156 |
+
</div>
|
| 157 |
+
<a
|
| 158 |
+
href="https://huggingface.co/spaces/enzostvs/lora-studio"
|
| 159 |
+
target="_blank"
|
| 160 |
+
class="bg-neutral-950 rounded-full px-6 py-3 inline-block relative overflow-hidden text-white font-bold z-[1] ring-[4px] ring-cyan-500/20 group"
|
| 161 |
+
>
|
| 162 |
+
<span
|
| 163 |
+
class="absolute top-0 left-0 w-full h-full bg-cover z-[-1] opacity-70 group-hover:opacity-100 transition-all duration-200"
|
| 164 |
+
style="background-image: url('./banner.webp')"
|
| 165 |
+
></span>
|
| 166 |
+
Discover LoRA Studio
|
| 167 |
+
</a>
|
| 168 |
+
</div>
|
| 169 |
+
</section>
|
| 170 |
<section
|
| 171 |
class="container px-6 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mx-auto relative"
|
| 172 |
x-data="modelsData"
|