Hugging Face's logo

Spaces:
ngxson
/
gguf_lora_collection
Running

App Files Community
gguf_lora_collection
File size: 3,470 Bytes 
a87782e
 
9862bc3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a87782e
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
<!doctype html>
<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, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;")
            .replace(/'/g, "&#039;")
            .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>