add context about
Browse files- index.html +28 -3
index.html
CHANGED
|
@@ -33,6 +33,14 @@
|
|
| 33 |
html {
|
| 34 |
height: 100%;
|
| 35 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
</style>
|
| 37 |
|
| 38 |
|
|
@@ -108,11 +116,28 @@
|
|
| 108 |
<body class="pb-10 pt-5 bg-gray-100 dark:bg-gray-900 relative">
|
| 109 |
<section class="container px-6 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mx-auto relative"
|
| 110 |
x-data="modelsData">
|
| 111 |
-
<div class="col-span-2
|
| 112 |
-
<h1 class="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 113 |
</div>
|
| 114 |
|
| 115 |
-
<div class="col-span-2 md:col-span-3 flex items-center gap-2 flex flex-wrap lg-auto">
|
| 116 |
<div class="flex text-xs gap-2">
|
| 117 |
<span class="md:px-3 py-1 font-thin dark:text-white">sort by</span>
|
| 118 |
<button :class="buttonClass('sort', 'trending')" class="px-2 md:px-3 py-1 rounded-full text"
|
|
|
|
| 33 |
html {
|
| 34 |
height: 100%;
|
| 35 |
}
|
| 36 |
+
|
| 37 |
+
details>summary {
|
| 38 |
+
list-style: none;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
details>summary::-webkit-details-marker {
|
| 42 |
+
display: none;
|
| 43 |
+
}
|
| 44 |
</style>
|
| 45 |
|
| 46 |
|
|
|
|
| 116 |
<body class="pb-10 pt-5 bg-gray-100 dark:bg-gray-900 relative">
|
| 117 |
<section class="container px-6 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mx-auto relative"
|
| 118 |
x-data="modelsData">
|
| 119 |
+
<div class="col-span-2 lg:col-span-1 flex flex-col gap-2 row-start">
|
| 120 |
+
<h1 class="text-lg font-semibold dark:text-white whitespace-nowrap">Diffusers Models Gallery</h1>
|
| 121 |
+
<details>
|
| 122 |
+
<summary class="text-xs font-thin cursor-pointer focus:outline-none focus:shadow-outline-gray dark:text-white">
|
| 123 |
+
About
|
| 124 |
+
</summary>
|
| 125 |
+
<p class="text-xs font-thin dark:text-white">
|
| 126 |
+
The gallery only displays models with valid images in the model card, and the classifiers use the first image
|
| 127 |
+
in the card.
|
| 128 |
+
|
| 129 |
+
<a href="https://huggingface.co/cafeai/cafe_style" class="text-blue-500 hover:underline"
|
| 130 |
+
target="_blank">cafeai/cafe_style</a>
|
| 131 |
+
generates style tags, while <a href="https://huggingface.co/carbon225/vit-base-patch16-224-hentai"
|
| 132 |
+
class="text-blue-500 hover:underline" target="_blank">carbon225/vit-base-patch16-224-hentai</a> generates
|
| 133 |
+
NSFW tags. Test both models at <a href="https://huggingface.co/spaces/radames/aesthetic-style-nsfw-classifier"
|
| 134 |
+
class="text-blue-500 hover:underline" target="_blank">radames/aesthetic-style-nsfw-classifier</a>.
|
| 135 |
+
The models are not perfect and may make mistakes. Sorry.
|
| 136 |
+
</p>
|
| 137 |
+
</details>
|
| 138 |
</div>
|
| 139 |
|
| 140 |
+
<div class="col-span-2 md:col-span-3 flex items-center gap-2 flex flex-wrap lg-auto lg:ml-auto">
|
| 141 |
<div class="flex text-xs gap-2">
|
| 142 |
<span class="md:px-3 py-1 font-thin dark:text-white">sort by</span>
|
| 143 |
<button :class="buttonClass('sort', 'trending')" class="px-2 md:px-3 py-1 rounded-full text"
|