Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>GGUF LoRA adapters</title> | |
| <style> | |
| body { | |
| padding: 2rem; | |
| font-family: Source Sans Pro,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; | |
| background: radial-gradient(150% 100% at 50% 68%,transparent 60%,rgb(59 130 246 / .3) 100%); | |
| } | |
| h1 { | |
| font-size: 24px; | |
| margin-top: 0; | |
| } | |
| p { | |
| color: rgb(107, 114, 128); | |
| font-size: 15px; | |
| margin-bottom: 10px; | |
| margin-top: 5px; | |
| } | |
| .card { | |
| max-width: 620px; | |
| margin: 0 auto; | |
| padding: 16px; | |
| /* border: 1px solid lightgray; */ | |
| border-radius: 16px; | |
| } | |
| .card p:last-child { | |
| margin-bottom: 0; | |
| } | |
| a, a:visited { | |
| text-decoration: none; | |
| color: black; | |
| } | |
| .model { | |
| color: rgb(30, 30, 30); | |
| padding: 1em; | |
| border-radius: .5rem; | |
| border-width: 1px; | |
| border-bottom-color: rgb(243, 244, 246); | |
| border-bottom-left-radius: 8px; | |
| border-bottom-right-radius: 8px; | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| border-left-color: rgb(243, 244, 246); | |
| border-left-style: solid; | |
| border-left-width: 1px; | |
| border-right-color: rgb(243, 244, 246); | |
| border-right-style: solid; | |
| border-right-width: 1px; | |
| border-top-color: rgb(243, 244, 246); | |
| border-top-left-radius: 8px; | |
| border-top-right-radius: 8px; | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; | |
| background-image: linear-gradient(to right, rgb(249, 250, 251), rgb(255, 255, 255)); | |
| } | |
| .model:hover { | |
| background-image: linear-gradient(to right, rgb(209, 209, 211), rgb(236, 236, 236)); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="card"> | |
| <h1>GGUF LoRA adapters</h1> | |
| <p> | |
| Content of the <b><a href="https://huggingface.co/collections/ggml-org/gguf-lora-adapters-677c49455d8f7ee034dd46f1" target="_blank">ggml-org/gguf-lora-adapters</a></b> collection: | |
| </p> | |
| <br/> | |
| <div id="output"></div> | |
| <script> | |
| function escapeHtml(unsafe) { | |
| return unsafe | |
| .replace(/&/g, "&") | |
| .replace(/</g, "<") | |
| .replace(/>/g, ">") | |
| .replace(/"/g, """) | |
| .replace(/'/g, "'") | |
| .replace(/\n/g, "<br/>"); | |
| } | |
| fetch("https://huggingface.co/api/collections/ggml-org/gguf-lora-adapters-677c49455d8f7ee034dd46f1") | |
| .then((response) => response.json()) | |
| .then((data) => { | |
| const content = data.items.map((it) => { | |
| return ` | |
| <a href="https://huggingface.co/${it.id}" target="_blank"> | |
| <p class="model"> | |
| ${it.id.split('/').pop()} | |
| </p> | |
| </a> | |
| ${it.note ? `<span style="color: rgb(107, 114, 128); font-size: 15px;">${escapeHtml(it.note.html)}</span>` : ''} | |
| `; | |
| }); | |
| document.getElementById("output").innerHTML = content.join(""); | |
| }); | |
| </script> | |
| </div> | |
| </body> | |
| </html> | |