Hugging Face's logo

Spaces:
aetheris-ai
/
aibom-generator
Running

App Files
a1c00l commited on
Commit
98b3f9b
·
verified ·
1 Parent(s): ca7742f

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +22 -9
templates/index.html CHANGED
@@ -33,11 +33,23 @@
33
  height: 60px;
34
  margin-right: 15px;
35
  }
 
 
 
 
 
36
  .header h1 {
37
  margin: 0;
38
  font-size: 28px;
39
  color: #2c3e50;
40
  font-weight: 600;
 
 
 
 
 
 
 
41
  }
42
 
43
  /* Content styling */
@@ -136,13 +148,16 @@
136
  </style>
137
  </head>
138
  <body>
139
- <!-- Header with logo and title -->
140
  <div class="header">
141
- <div style="display: flex; align-items: center; gap: 10px;">
142
- <a href="https://aetheris.ai/" target="_blank">
143
- <img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
144
- </a>
 
145
  <h1>AI SBOM Generator</h1>
 
 
146
  </div>
147
  </div>
148
 
@@ -176,7 +191,7 @@
176
  <h2>Feedback</h2>
177
  <p>For feedback or improvement requests please create a <a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" rel="noopener noreferrer">GitHub issue</a>.</p>
178
  </div>
179
-
180
  <div class="content-section" style="text-align: center;">
181
  <h3>🗣️ Help Us Spread the Word</h3>
182
  <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>
@@ -188,13 +203,11 @@
188
  <a href="https://www.linkedin.com/company/aetheris-ai" target="_blank" rel="noopener noreferrer">@Aetheris AI</a>
189
  </p>
190
  </div>
191
-
192
- <div class="container">
193
  <!-- Footer -->
194
  <div class="footer">
195
  <p>© 2025 AI SBOM Generator | Powered by Aetheris AI</p>
196
  </div>
197
- </div>
198
  </div>
199
  </body>
200
  </html>
 
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
 
55
  /* Content styling */
 
148
  </style>
149
  </head>
150
  <body>
151
+ <!-- Header with logo, title, and SBOM count -->
152
  <div class="header">
153
+ <a href="https://aetheris.ai/" target="_blank">
154
+ <img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
155
+ </a>
156
+ <!-- Added header-content div -->
157
+ <div class="header-content">
158
  <h1>AI SBOM Generator</h1>
159
+ <!-- Display the SBOM count -->
160
+ <div class="sbom-count">Generated AI SBOMs using this tool: <strong>{{ sbom_count if sbom_count else 'N/A' }}</strong></div>
161
  </div>
162
  </div>
163
 
 
191
  <h2>Feedback</h2>
192
  <p>For feedback or improvement requests please create a <a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" rel="noopener noreferrer">GitHub issue</a>.</p>
193
  </div>
194
+
195
  <div class="content-section" style="text-align: center;">
196
  <h3>🗣️ Help Us Spread the Word</h3>
197
  <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>
 
203
  <a href="https://www.linkedin.com/company/aetheris-ai" target="_blank" rel="noopener noreferrer">@Aetheris AI</a>
204
  </p>
205
  </div>
206
+
 
207
  <!-- Footer -->
208
  <div class="footer">
209
  <p>© 2025 AI SBOM Generator | Powered by Aetheris AI</p>
210
  </div>
 
211
  </div>
212
  </body>
213
  </html>