Hugging Face's logo

Spaces:
ngxson
/
redirection_to_gguf_lora
Running

App Files Community
ngxson HF staff commited on
Commit
9862bc3
·
verified ·
1 Parent(s): 6c8cde9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +110 -18
index.html CHANGED
@@ -1,21 +1,113 @@
1
  <!doctype html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>Redirected page</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Redirected page</h1>
12
- <p>
13
- Redirected page
14
- <a href="https://huggingface.co/collections/ggml-org/gguf-lora-adapters-677c49455d8f7ee034dd46f1" target="_blank">Click here to go to GGUF LoRA collection</a>.
15
- </p>
16
- </div>
17
- <script>
18
- top.window.location.href = "https://huggingface.co/collections/ggml-org/gguf-lora-adapters-677c49455d8f7ee034dd46f1";
19
- </script>
20
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  </html>
 
1
  <!doctype html>
2
  <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>GGUF LoRA adapters</title>
7
+ <style>
8
+ body {
9
+ padding: 2rem;
10
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
11
+ background: radial-gradient(150% 100% at 50% 68%,transparent 60%,rgb(59 130 246 / .3) 100%);
12
+ }
13
+
14
+ h1 {
15
+ font-size: 24px;
16
+ margin-top: 0;
17
+ }
18
+
19
+ p {
20
+ color: rgb(107, 114, 128);
21
+ font-size: 15px;
22
+ margin-bottom: 10px;
23
+ margin-top: 5px;
24
+ }
25
+
26
+ .card {
27
+ max-width: 620px;
28
+ margin: 0 auto;
29
+ padding: 16px;
30
+ /* border: 1px solid lightgray; */
31
+ border-radius: 16px;
32
+ }
33
+
34
+ .card p:last-child {
35
+ margin-bottom: 0;
36
+ }
37
+
38
+ a, a:visited {
39
+ text-decoration: none;
40
+ color: black;
41
+ }
42
+
43
+ .model {
44
+ color: rgb(30, 30, 30);
45
+ padding: 1em;
46
+ border-radius: .5rem;
47
+ border-width: 1px;
48
+ border-bottom-color: rgb(243, 244, 246);
49
+ border-bottom-left-radius: 8px;
50
+ border-bottom-right-radius: 8px;
51
+ border-bottom-style: solid;
52
+ border-bottom-width: 1px;
53
+ border-left-color: rgb(243, 244, 246);
54
+ border-left-style: solid;
55
+ border-left-width: 1px;
56
+ border-right-color: rgb(243, 244, 246);
57
+ border-right-style: solid;
58
+ border-right-width: 1px;
59
+ border-top-color: rgb(243, 244, 246);
60
+ border-top-left-radius: 8px;
61
+ border-top-right-radius: 8px;
62
+ border-top-style: solid;
63
+ border-top-width: 1px;
64
+ 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;
65
+ background-image: linear-gradient(to right, rgb(249, 250, 251), rgb(255, 255, 255));
66
+ }
67
+
68
+ .model:hover {
69
+ background-image: linear-gradient(to right, rgb(209, 209, 211), rgb(236, 236, 236));
70
+ }
71
+ </style>
72
+ </head>
73
+ <body>
74
+ <div class="card">
75
+ <h1>GGUF LoRA adapters</h1>
76
+ <p>
77
+ 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:
78
+ </p>
79
+ <br/>
80
+
81
+ <div id="output"></div>
82
+
83
+ <script>
84
+ function escapeHtml(unsafe) {
85
+ return unsafe
86
+ .replace(/&/g, "&amp;")
87
+ .replace(/</g, "&lt;")
88
+ .replace(/>/g, "&gt;")
89
+ .replace(/"/g, "&quot;")
90
+ .replace(/'/g, "&#039;")
91
+ .replace(/\n/g, "<br/>");
92
+ }
93
+
94
+ fetch("https://huggingface.co/api/collections/ggml-org/gguf-lora-adapters-677c49455d8f7ee034dd46f1")
95
+ .then((response) => response.json())
96
+ .then((data) => {
97
+ const content = data.items.map((it) => {
98
+ return `
99
+ <a href="https://huggingface.co/${it.id}" target="_blank">
100
+ <p class="model">
101
+ ${it.id.split('/').pop()}
102
+ </p>
103
+ </a>
104
+ ${it.note ? `<span style="color: rgb(107, 114, 128); font-size: 15px;">${escapeHtml(it.note.html)}</span>` : ''}
105
+ `;
106
+ });
107
+
108
+ document.getElementById("output").innerHTML = content.join("");
109
+ });
110
+ </script>
111
+ </div>
112
+ </body>
113
  </html>