ryanoakley commited on
Commit
32c65b5
Β·
verified Β·
1 Parent(s): 5b6eb3b

Update templates/error.html

Browse files
Files changed (1) hide show
  1. 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
- /* Added header-content div for layout */
37
- .header .header-content {
38
  display: flex;
39
- flex-direction: column; /* Stack title and count */
40
  }
41
  .header h1 {
42
  margin: 0;
43
  font-size: 28px;
44
  color: #2c3e50;
45
  font-weight: 600;
46
- margin-bottom: 5px; /* Space between title and count */
47
  }
48
- /* Added style for sbom-count */
49
- .header .sbom-count {
50
- font-size: 14px;
51
- color: #555;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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-message {
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
- /* Support section styling */
131
- .support-section {
132
- background-color: #ffffff;
133
- border-radius: 8px;
134
- padding: 25px;
135
- margin-bottom: 30px;
136
- box-shadow: 0 2px 10px rgba(0,0,0,0.05);
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
- .support-section p {
149
- margin-bottom: 20px;
150
- font-size: 16px;
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>Error Generating AI SBOM</h2>
192
- <div class="error-message">
193
  <p>{{ error }}</p>
194
  </div>
195
- <a href="/" class="button">Try Again</a>
196
  </div>
197
 
198
  <!-- Support Section -->
199
- <div class="support-section">
200
- <h2>Need Help?</h2>
201
- <p>If the error persists, please log an issue on our <a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" rel="noopener noreferrer">GitHub issues page</a>. Include the error message above and any additional details that might help us troubleshoot the problem.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>