Spaces:
Running
Running
Update templates/result.html
Browse files- templates/result.html +29 -6
templates/result.html
CHANGED
|
@@ -39,7 +39,26 @@
|
|
| 39 |
color: #2c3e50;
|
| 40 |
font-weight: 600;
|
| 41 |
}
|
| 42 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 43 |
/* Content styling */
|
| 44 |
.content-section {
|
| 45 |
background-color: #ffffff;
|
|
@@ -582,15 +601,19 @@
|
|
| 582 |
</style>
|
| 583 |
</head>
|
| 584 |
<body>
|
| 585 |
-
<!-- Header with logo and
|
| 586 |
<div class="header">
|
| 587 |
-
<
|
| 588 |
-
<
|
| 589 |
-
|
| 590 |
-
|
|
|
|
| 591 |
<h1>AI SBOM Generator</h1>
|
|
|
|
|
|
|
| 592 |
</div>
|
| 593 |
</div>
|
|
|
|
| 594 |
|
| 595 |
<div class="container">
|
| 596 |
<div class="content-section">
|
|
|
|
| 39 |
color: #2c3e50;
|
| 40 |
font-weight: 600;
|
| 41 |
}
|
| 42 |
+
|
| 43 |
+
/* header-content div for layout */
|
| 44 |
+
.header .header-content {
|
| 45 |
+
display: flex;
|
| 46 |
+
flex-direction: column; /* Stack title and count */
|
| 47 |
+
}
|
| 48 |
+
.header h1 {
|
| 49 |
+
margin: 0;
|
| 50 |
+
font-size: 28px;
|
| 51 |
+
color: #2c3e50;
|
| 52 |
+
font-weight: 600;
|
| 53 |
+
margin-bottom: 5px; /* Space between title and count */
|
| 54 |
+
}
|
| 55 |
+
/* Added style for sbom-count */
|
| 56 |
+
.header .sbom-count {
|
| 57 |
+
font-size: 14px;
|
| 58 |
+
color: #555;
|
| 59 |
+
font-weight: 500;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
/* Content styling */
|
| 63 |
.content-section {
|
| 64 |
background-color: #ffffff;
|
|
|
|
| 601 |
</style>
|
| 602 |
</head>
|
| 603 |
<body>
|
| 604 |
+
<!-- Header with logo, title, and SBOM count -->
|
| 605 |
<div class="header">
|
| 606 |
+
<a href="https://aetheris.ai/" target="_blank">
|
| 607 |
+
<img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
|
| 608 |
+
</a>
|
| 609 |
+
<!-- Added header-content div -->
|
| 610 |
+
<div class="header-content">
|
| 611 |
<h1>AI SBOM Generator</h1>
|
| 612 |
+
<!-- Display the SBOM count -->
|
| 613 |
+
<div class="sbom-count">Generated AI SBOMs using this tool: <strong>{{ sbom_count if sbom_count else \'N/A\' }}</strong></div>
|
| 614 |
</div>
|
| 615 |
</div>
|
| 616 |
+
|
| 617 |
|
| 618 |
<div class="container">
|
| 619 |
<div class="content-section">
|