Spaces:
Running
Running
Update templates/error.html
Browse files- templates/error.html +152 -52
templates/error.html
CHANGED
@@ -4,7 +4,7 @@
|
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
<title>Error Generating AI SBOM</title>
|
7 |
-
<style>
|
8 |
body {
|
9 |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
10 |
margin: 0;
|
@@ -27,28 +27,61 @@
|
|
27 |
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
|
28 |
display: flex;
|
29 |
align-items: center;
|
|
|
30 |
margin-bottom: 30px;
|
31 |
}
|
|
|
|
|
|
|
|
|
32 |
.header img {
|
33 |
height: 60px;
|
34 |
margin-right: 15px;
|
35 |
}
|
36 |
-
|
37 |
-
.header .header-content {
|
38 |
display: flex;
|
39 |
-
flex-direction: column;
|
40 |
}
|
41 |
.header h1 {
|
42 |
margin: 0;
|
43 |
font-size: 28px;
|
44 |
color: #2c3e50;
|
45 |
font-weight: 600;
|
46 |
-
margin-bottom: 5px;
|
47 |
}
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
52 |
font-weight: 500;
|
53 |
}
|
54 |
|
@@ -70,6 +103,13 @@
|
|
70 |
padding-bottom: 10px;
|
71 |
}
|
72 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
73 |
.content-section p {
|
74 |
margin-bottom: 20px;
|
75 |
font-size: 16px;
|
@@ -95,7 +135,7 @@
|
|
95 |
padding-bottom: 10px;
|
96 |
}
|
97 |
|
98 |
-
.error-
|
99 |
background-color: #ffebee;
|
100 |
border-left: 4px solid #e74c3c;
|
101 |
padding: 15px;
|
@@ -125,31 +165,23 @@
|
|
125 |
.button:hover {
|
126 |
background-color: #2980b9;
|
127 |
text-decoration: none;
|
|
|
128 |
}
|
129 |
-
|
130 |
-
|
131 |
-
|
132 |
-
|
133 |
-
|
134 |
-
|
135 |
-
|
136 |
-
|
137 |
-
|
138 |
-
|
139 |
-
.support-section h2 {
|
140 |
-
color: #2c3e50;
|
141 |
-
margin-top: 0;
|
142 |
-
margin-bottom: 20px;
|
143 |
-
font-size: 22px;
|
144 |
-
border-bottom: 2px solid #f0f0f0;
|
145 |
-
padding-bottom: 10px;
|
146 |
}
|
147 |
-
|
148 |
-
|
149 |
-
|
150 |
-
|
151 |
-
line-height: 1.7;
|
152 |
-
color: #555;
|
153 |
}
|
154 |
|
155 |
a {
|
@@ -171,38 +203,106 @@
|
|
171 |
font-size: 14px;
|
172 |
margin-top: 30px;
|
173 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
174 |
</style>
|
175 |
</head>
|
176 |
<body>
|
177 |
-
<!-- Header with logo, title, and SBOM count -->
|
178 |
-
<div class="header">
|
179 |
-
<a href="https://aetheris.ai/" target="_blank">
|
180 |
-
<img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
|
181 |
-
</a>
|
182 |
-
<!-- Added header-content div -->
|
183 |
-
<div class="header-content">
|
184 |
-
<h1>AI SBOM Generator</h1>
|
185 |
-
</div>
|
186 |
-
</div>
|
187 |
-
|
188 |
<div class="container">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
189 |
<!-- Error Section -->
|
190 |
<div class="error-section">
|
191 |
-
<h2>
|
192 |
-
<div class="error-
|
193 |
<p>{{ error }}</p>
|
194 |
</div>
|
195 |
-
<a href="/" class="button">Try Again</a>
|
196 |
</div>
|
197 |
|
198 |
<!-- Support Section -->
|
199 |
-
<div class="
|
200 |
-
<h2
|
201 |
-
<p>If
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
202 |
</div>
|
203 |
-
|
204 |
<!-- Info Section -->
|
205 |
-
<div class="content-section" style="text-align: center
|
206 |
<!-- Display the SBOM count -->
|
207 |
<div class="sbom-count">π Generated AI SBOMs using this tool: <strong>{{ sbom_count if sbom_count else 'N/A' }}</strong></div>
|
208 |
</div>
|
|
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
<title>Error Generating AI SBOM</title>
|
7 |
+
<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=o69l1hsrtw08ET9dIC7sKffMV1Iaj4FexR0o2jjJRP9jKF-V1JtcU8uoA_ppv4cylzMtMYwiTxOkzqOCLBhDodVDnhuE2Ff289DM8oeYIxTKTinDsIVHuoNFBgYo6-bMkDpYMZyjExsq4-EkwivOjGsNGmMnfiSiLJ3cUB5r3MkprrAmu_vEubvvxJN1Dr7F9LQUpmpRaOCe0LuHleJFjPMlObSgGN3AfzamFoQNc7aRyXAAmq5g7kFIHXN20EbM8A3nMnwwE9Tcn1zmYT4sKdNyiQJ-gWapEhCsX7xyeD9JplPxuPcbfbUkRHcYg4fLp9f098_c2I0wdqsn8acX_1nOjr1VjPHVSPGGVpHzAvKpJOgiOFHSo4P0IuTibXWmYBd8CHhac0EBr9ABphSBOJMjwlncBQPgQkAoV8e8blcB-E99aK64bHCvi4o-a4l-NgiUnW17rGxLlhwTwOACVE9FeENwEXxuaa45xsC5J23ptGXubJqhQPFMP5vJbqXq2T4PhpXm2xrxHEqvRgHSthWtBjAyOR_nO1m0k6lADqqFw54vmdgv3tvXdi0Lwr2AEErrVD9rPnLLUcfzfFnU3sGAKw8jGewkrLEU15iZngNCbZdojNzlF579HEFQPZQ3kbVaV_duOQmeMhHWc7QLzPEEufmhg8OakQAWQCAVR-CIax06nzCyhV8vsZVOs_HJRLJvPtr_YGLnxahUZjKw70JI_4RbdUXMcYgp3Uf4h-wCuQnlsTQM1_4wqx_qmTHDSQsxis8HhqiPU-2z3rAoCqwanrJlsMilYo5bKTNEnEbRG_uaKjSn8MPfgWUZqdlvmCDEmV0kNJ1GW1Im68ECXTSgVdLcZ1LIPWVobPf8EzaxD-TYu4dSbxDybt7asElrCM64Hzm2yZ88kznLMA16sRQjqV5fLorL5MJwoC3t-aJpWKIDoT6s4tSQn3AkEtnzt0PSBrMwwM8C4uS9U-EDcp571aRnhakL8RTeZDlPUFhLPh8RSwoL9bvmRTD5jMQ6P5if5MfLHlu9SN4IvWJevXeaO8pg4-3r-DBbUmd4crWKverBeOMlDLz37Izos_GEAQek8pg9UHeHmd5AdvTZwtm5tYL0T8KvFsyn4Jdl2Osr4-0VBs18RgoXjFINKeEoqczzHCg5iU7xXqGr_SqMQIZJuZCsIySJxRoIMdWgeIiuYVHQwzO_0BC_WrRXA9emGQQAWg1iCFk4J6VGzGepp-I0thTN-NeQ1Gm9Q62-PHwD9p7UR547gAPTtC66pmuzmX3e5ppyMdFm8EqJ25MI5q22ait7b0OQQOvbGSDkRUhpNS4zxQGYbWj_fdm8wj9dlvutB_A3bQeuDK5BOUJ6kx-ZA5Q409atleP_JInb8m1B1uDIZfqcMtMbYjeGKUPIRO1VKr9AoK61_FwHG_XYLSTUBb3SfeHO26-rSKRT3B78ikkkjVHAEwbqPOg-4v8Cl1PLCft2E8xCIaZFUQU0vXbRn9jwq2jwn0MPVWXzYA_FFbW78BfRx_yzzlXY9nfbrQJLXamlbybkkCDIHNCzfuIPFNvMTLPS83_Vn96Nn1rFF6BZp32SsriO2tOo_yVaGk43zWQ09FaxTJfH4dmaDwcLQDIpZXvqIOIUAccs0TamsUBtdarRCWg3OAwx8zI9p5NIwuEICug3TAjKDKDBTmYwAW-L0OSiDJ0c0sQBfQeXQCobnG6_pzNpqn0GCWiv" nonce="cd913194d6100f8d165f6115cf5ef81d" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly9tYWlsLWF0dGFjaG1lbnQuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2F0dGFjaG1lbnQvdS8wLz91aT0yJmlrPTI5MzQwOTYwNGImYXR0aWQ9MC4xJnBlcm1tc2dpZD1tc2ctZjoxODM1MTAyNDUyNzcxMTM4MDU0JnRoPTE5Nzc5N2Y1M2ZkZjJhMDYmdmlldz1hdHQmZGlzcD1zYWZlJnJlYWxhdHRpZD1mX21iemFlNzdwMCZ6dyZzYWRkYmF0PUFOR2pkSjlSb29WXzJ2cWhFc2lyQ1BfSlFUTkk1eXVoX09vd3JXUUVCcS1aaWRDbjlqMDF3T3JNaGpTcnNoREVvd1RIZ010YVhselBwcGtJVFV6Qm5sNGhTMFlndjBPUm0xdE8td083N3BjZG5PTjc3M0hfNmlyY0hLbmZzZEhMdFB3OUw0Sk1VaVBCWVQzRk4wRzJFZERPbjFoSHNvY1lQWWVlbUJZRzVMZEJqaS0yQnNJNTFhVV9HYUdlN200SEw5ODVSN01rX3FVS2o5STdUSkNhaHd3WmVnUEhib0hXemlHZFlFMHZqUUVHQVZCNkFmV1JxSTltNnpPM0NpRFFkQ0FJY0M5OXBEcGh3VTBoUG4zdGhiS29tRENYeFczcHVzVGVwVEJEMk9pX1FHTWVLaGpXVDY3RGExMEdNdThOeWozNW05dEM3Yk50U3ZMOWc5T0RJcWFMQmJ3TkVHQ0w3cDB5NG10c0plVEk4SHFkRjFBLWhubVVRaG5VM0dTMFRjanZqOTc3VlhmVXBxR3pZeVplcU1yQ1J1OGJOLTBfTTQwVDNybkxYQTRuQ1huQ3RMUWdfM1VUNkF5WWZDVjZiR3ZjVC0ta0JlTW9xTkhFRTdtZWdQRlFFSUFwXzdrLXJEYkg3OXJMcU1PWHRlMHREdmlHZW5BYXBvSlg4MVVaa2Z0RTBrVTB3RkxsREYtRld5dFg1bHFMWnB2Z2tWT1RTV2NFR2s2MzNhMVRpTEQ0Z3lKQ1FYVjY5QzVIb1R6VWhsVEdIQ0VQNnlkbTVnZ2VUaGhXWklPSWdJT21HSXkzbjByaUtnelVnNWJnLXNlai1CMUFSQ0FvSjl2OTRweVprNXNPUENCTlRZV19tUW83c0pNZGxXNzFNYlI4bjk1ZFJBZ25WazJPRndvUDV2c2tNcHlZcGhUUndOMElVcjVBSkVkN2VMZG1UUVBxUW1FZGR3c1E1VXp2RXJRbFZPY2Joby1hbDEteWtvalE5YjBfWXlVLWFMWlVGLVE1M2NSVnNVRXNvYlBPdEN1ZTNjUjlvYXN5VlVKV095T3BoQXpfWDVBX3VmMTkzeHV4aFhEM0t4eGpwNHRhYlF3Mko2SmhqYjBteURVcE5KU2xsRjBpVTFZcFZzdHJ3S2JDUWZ5OWNPZEp6cExRM05xUm90UzJnWkJIN3o3RFlpWFpZRzIyRmctenFqQjBlcGtGTkctemJfUng2ellvZjVON253d0ZFb0F6VF9JaUdzdWJPOVdFQ29LYVY0blgtaGljUUVOWlZmN1VrdXhDQUxvV08zX3VhTlBSUU9qTHJsTm0xeHhLdnhIQVREalZBbGpPRm15ZjFSYVlfTnMyZlZuZno5UkhBZ2RvSHpOLUs1aUFSQVlmY3FfeEljeFJRVHZkTm9QWjdpUmtaMElKblE"/><style>
|
8 |
body {
|
9 |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
10 |
margin: 0;
|
|
|
27 |
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
|
28 |
display: flex;
|
29 |
align-items: center;
|
30 |
+
justify-content: space-between;
|
31 |
margin-bottom: 30px;
|
32 |
}
|
33 |
+
.header-left {
|
34 |
+
display: flex;
|
35 |
+
align-items: center;
|
36 |
+
}
|
37 |
.header img {
|
38 |
height: 60px;
|
39 |
margin-right: 15px;
|
40 |
}
|
41 |
+
.header-content {
|
|
|
42 |
display: flex;
|
43 |
+
flex-direction: column;
|
44 |
}
|
45 |
.header h1 {
|
46 |
margin: 0;
|
47 |
font-size: 28px;
|
48 |
color: #2c3e50;
|
49 |
font-weight: 600;
|
50 |
+
margin-bottom: 5px;
|
51 |
}
|
52 |
+
.header-right {
|
53 |
+
display: flex;
|
54 |
+
gap: 10px;
|
55 |
+
}
|
56 |
+
.generate-another-btn {
|
57 |
+
padding: 12px 20px;
|
58 |
+
background-color: #3498db;
|
59 |
+
color: white;
|
60 |
+
text-decoration: none;
|
61 |
+
border-radius: 6px;
|
62 |
+
font-weight: 500;
|
63 |
+
font-size: 15px;
|
64 |
+
transition: background-color 0.3s;
|
65 |
+
}
|
66 |
+
.generate-another-btn:hover {
|
67 |
+
background-color: #2980b9;
|
68 |
+
text-decoration: none;
|
69 |
+
color: white;
|
70 |
+
}
|
71 |
+
|
72 |
+
/* Error message styling */
|
73 |
+
.error-message {
|
74 |
+
text-align: left;
|
75 |
+
padding: 15px;
|
76 |
+
background-color: #f8d7da;
|
77 |
+
border: 1px solid #f5c6cb;
|
78 |
+
border-radius: 8px;
|
79 |
+
margin-bottom: 20px;
|
80 |
+
}
|
81 |
+
.error-message h2 {
|
82 |
+
margin: 0;
|
83 |
+
font-size: 18px;
|
84 |
+
color: #721c24;
|
85 |
font-weight: 500;
|
86 |
}
|
87 |
|
|
|
103 |
padding-bottom: 10px;
|
104 |
}
|
105 |
|
106 |
+
.content-section h3 {
|
107 |
+
color: #2c3e50;
|
108 |
+
margin-top: 0;
|
109 |
+
margin-bottom: 15px;
|
110 |
+
font-size: 18px;
|
111 |
+
}
|
112 |
+
|
113 |
.content-section p {
|
114 |
margin-bottom: 20px;
|
115 |
font-size: 16px;
|
|
|
135 |
padding-bottom: 10px;
|
136 |
}
|
137 |
|
138 |
+
.error-details {
|
139 |
background-color: #ffebee;
|
140 |
border-left: 4px solid #e74c3c;
|
141 |
padding: 15px;
|
|
|
165 |
.button:hover {
|
166 |
background-color: #2980b9;
|
167 |
text-decoration: none;
|
168 |
+
color: white;
|
169 |
}
|
170 |
+
|
171 |
+
.github-button {
|
172 |
+
display: inline-block;
|
173 |
+
padding: 12px 20px;
|
174 |
+
background-color: #3498db;
|
175 |
+
color: white;
|
176 |
+
text-decoration: none;
|
177 |
+
border-radius: 6px;
|
178 |
+
font-weight: 500;
|
179 |
+
transition: background-color 0.3s;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
180 |
}
|
181 |
+
.github-button:hover {
|
182 |
+
background-color: #2980b9;
|
183 |
+
text-decoration: none;
|
184 |
+
color: white;
|
|
|
|
|
185 |
}
|
186 |
|
187 |
a {
|
|
|
203 |
font-size: 14px;
|
204 |
margin-top: 30px;
|
205 |
}
|
206 |
+
|
207 |
+
/* Mobile responsiveness */
|
208 |
+
@media (max-width: 768px) {
|
209 |
+
.container {
|
210 |
+
padding: 0 15px;
|
211 |
+
}
|
212 |
+
|
213 |
+
.header {
|
214 |
+
flex-direction: column;
|
215 |
+
text-align: center;
|
216 |
+
padding: 15px;
|
217 |
+
}
|
218 |
+
|
219 |
+
.header-left {
|
220 |
+
margin-bottom: 15px;
|
221 |
+
}
|
222 |
+
|
223 |
+
.header img {
|
224 |
+
margin-bottom: 10px;
|
225 |
+
margin-right: 0;
|
226 |
+
}
|
227 |
+
|
228 |
+
.button, .generate-another-btn {
|
229 |
+
width: 100%;
|
230 |
+
text-align: center;
|
231 |
+
margin-bottom: 10px;
|
232 |
+
}
|
233 |
+
}
|
234 |
</style>
|
235 |
</head>
|
236 |
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
237 |
<div class="container">
|
238 |
+
<!-- Header with logo, title, and generate another button -->
|
239 |
+
<div class="header">
|
240 |
+
<div class="header-left">
|
241 |
+
<a href="https://aetheris.ai/" target="_blank">
|
242 |
+
<img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
|
243 |
+
</a>
|
244 |
+
<div class="header-content">
|
245 |
+
<h1>AI SBOM Generator</h1>
|
246 |
+
</div>
|
247 |
+
</div>
|
248 |
+
<div class="header-right">
|
249 |
+
<a href="/" class="generate-another-btn">π Generate Another AI SBOM</a>
|
250 |
+
</div>
|
251 |
+
</div>
|
252 |
+
|
253 |
+
<!-- Error Message -->
|
254 |
+
<div class="error-message">
|
255 |
+
<h2>β Error Generating AI SBOM</h2>
|
256 |
+
</div>
|
257 |
+
|
258 |
+
<!-- Try Again Button -->
|
259 |
+
<div style="text-align: left; margin-bottom: 20px;">
|
260 |
+
<a href="/" class="button">π Try Again</a>
|
261 |
+
</div>
|
262 |
+
|
263 |
<!-- Error Section -->
|
264 |
<div class="error-section">
|
265 |
+
<h2>What Happened?</h2>
|
266 |
+
<div class="error-details">
|
267 |
<p>{{ error }}</p>
|
268 |
</div>
|
|
|
269 |
</div>
|
270 |
|
271 |
<!-- Support Section -->
|
272 |
+
<div class="content-section">
|
273 |
+
<h2>π οΈ Need Help?</h2>
|
274 |
+
<p>If this error persists or you believe it's a bug, please help us improve the tool by reporting it:</p>
|
275 |
+
<a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" rel="noopener noreferrer" class="github-button">
|
276 |
+
π Report Issue on GitHub
|
277 |
+
</a>
|
278 |
+
<p style="margin-top: 15px; font-size: 14px; color: #666;">
|
279 |
+
<strong>When reporting:</strong> Please include the error message above and the model ID you were trying to process.
|
280 |
+
</p>
|
281 |
+
</div>
|
282 |
+
|
283 |
+
<!-- Help Section -->
|
284 |
+
<div class="content-section">
|
285 |
+
<h2>π‘ Common Solutions</h2>
|
286 |
+
<p><strong>Model not found:</strong> Verify the model ID format is correct (e.g., <code>owner/model-name</code>) and that the model exists on Hugging Face.</p>
|
287 |
+
<p><strong>Access issues:</strong> Some models may be private or require authentication. Try with a public model first.</p>
|
288 |
+
<p><strong>Temporary issues:</strong> If you're experiencing connectivity problems, please try again in a few moments.</p>
|
289 |
+
</div>
|
290 |
+
|
291 |
+
<!-- Social Section -->
|
292 |
+
<div class="content-section" style="text-align: center;">
|
293 |
+
<h3>π£οΈ Help Us Spread the Word</h3>
|
294 |
+
<p>If you find this tool useful, share it with your network! <a href="https://sbom.aetheris.ai" target="_blank" rel="noopener noreferrer">https://sbom.aetheris.ai</a></p>
|
295 |
+
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fsbom.aetheris.ai" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">
|
296 |
+
<button style="background-color: #0077b5; color: white; border: none; border-radius: 6px; padding: 12px 20px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background-color 0.3s;">π Share on LinkedIn</button>
|
297 |
+
</a>
|
298 |
+
<p style="margin-top: 10px; font-size: 14px;">
|
299 |
+
Follow us for updates:
|
300 |
+
<a href="https://www.linkedin.com/company/aetheris-ai" target="_blank" rel="noopener noreferrer">@Aetheris AI</a>
|
301 |
+
</p>
|
302 |
</div>
|
303 |
+
|
304 |
<!-- Info Section -->
|
305 |
+
<div class="content-section" style="text-align: center;">
|
306 |
<!-- Display the SBOM count -->
|
307 |
<div class="sbom-count">π Generated AI SBOMs using this tool: <strong>{{ sbom_count if sbom_count else 'N/A' }}</strong></div>
|
308 |
</div>
|