Skip to content

Commit

Permalink
web界面使用 bootswatch css美化
Browse files Browse the repository at this point in the history
  • Loading branch information
yhy0 committed Jan 20, 2024
1 parent 64cde46 commit e0703eb
Show file tree
Hide file tree
Showing 6 changed files with 37 additions and 38 deletions.
56 changes: 28 additions & 28 deletions SCopilot/templates/SCopilot.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Security Copilot Report - Jie</title>
<!-- Include Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<style>
.vuln-card.Low {
border-color: #6c757d;
Expand Down Expand Up @@ -59,7 +59,7 @@
<main>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#yi"/></svg>
<h3 class="fs-4">Security Copilot Report - Jie</h3>
</a>
Expand Down Expand Up @@ -90,10 +90,10 @@ <h4 class="card-title">基本信息</h4>
{{ end }}
<p></p>
{{ if .ipInfo.AllRecords }}
<div class="p-3 col overflow-auto" style="max-height: 80px;">
<div class="col overflow-auto" style="max-height: 80px;">
<ul class="list-group">
{{ range $i, $records := .ipInfo.AllRecords }}
<li class="list-group-item">{{ $records }}</li>
<li class="list-group-item text-danger-emphasis">{{ $records }}</li>
{{ end }}
</ul>
</div>
Expand Down Expand Up @@ -244,7 +244,7 @@ <h4 class="level mb-0">

<div class="tab-pane fade list-group container-fluid mt-3 d-grid gap-3" id="collection-tab-pane" role="tabpanel" aria-labelledby="collection-tab" tabindex="0">
<div class="row">
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-primary" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
Subdomain
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-action="copy" data-clipboard-target="#subdomain-list">
Expand All @@ -253,13 +253,28 @@ <h4 class="level mb-0">
</svg>
</button>
</div>
<ul id="subdomain-list" class="list-group list-group-flush overflow-auto" style="max-height: 24rem;">
<ul id="subdomain-list" class="list-group list-group-flush overflow-auto card-text" style="max-height: 24rem;">
{{range $index, $message := .data.CollectionMsg.Subdomain }}
<li class="list-group-item">{{ $message }}</li>
<li class="list-group-item">{{ $message }}</li>
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card border-primary" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
OtherDomain
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#other-domain-list">
<svg width="16" height="16" fill="currentColor" class="bi bi-clipboard">
<use xlink:href="#clipboard-icon"></use>
</svg>
</button>
</div>
<ul id="other-domain-list" class="list-group list-group-flush overflow-auto" style="max-height: 24rem;">
{{range $index, $message := .data.CollectionMsg.OtherDomain }}
<li class="list-group-item">{{ $message }}</li>
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-warning" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
InnerIp
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#innerIp-list">
Expand All @@ -274,7 +289,7 @@ <h4 class="level mb-0">
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-warning" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
PublicIp
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#publicIp-list">
Expand All @@ -292,22 +307,7 @@ <h4 class="level mb-0">
</div>

<div class="row">
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
OtherDomain
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#other-domain-list">
<svg width="16" height="16" fill="currentColor" class="bi bi-clipboard">
<use xlink:href="#clipboard-icon"></use>
</svg>
</button>
</div>
<ul id="other-domain-list" class="list-group list-group-flush overflow-auto" style="max-height: 24rem;">
{{range $index, $message := .data.CollectionMsg.OtherDomain }}
<li class="list-group-item">{{ $message }}</li>
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-danger" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
Phone & Email & IdCard
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#pei-list">
Expand All @@ -328,7 +328,7 @@ <h4 class="level mb-0">
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-danger" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
Others
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#other-list">
Expand All @@ -345,7 +345,7 @@ <h4 class="level mb-0">
</div>
</div>
<div class="row">
<div class="col mx-2 p-3 card" style="width: 18rem;">
<div class="col mx-2 p-3 card border-success" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
API
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#api-list">
Expand All @@ -360,7 +360,7 @@ <h4 class="level mb-0">
{{ end }}
</ul>
</div>
<div class="col mx-2 p-3 card bd-clipboard" style="width: 18rem;">
<div class="col mx-2 p-3 card border-success" style="width: 18rem;">
<div class="card-header d-flex justify-content-between">
Urls
<button class="copy_btn btn btn-sm btn-outline-secondary" data-clipboard-target="#url-list">
Expand Down
4 changes: 2 additions & 2 deletions SCopilot/templates/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<title>Security Copilot Report - Jie</title>
</head>
Expand All @@ -20,7 +20,7 @@
<main>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#yi"/></svg>
<h3 class="fs-4">Security Copilot Report - Jie</h3>
</a>
Expand Down
7 changes: 3 additions & 4 deletions SCopilot/templates/config.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Security Copilot Report - Jie</title>
<!-- Include Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<style>
.list-group-item {
padding: 0.5rem 1rem;
Expand Down Expand Up @@ -41,7 +41,7 @@
<main>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#yi"/></svg>
<h3 class="fs-4">Security Copilot Report - Jie</h3>
</a>
Expand Down Expand Up @@ -100,7 +100,6 @@ <h3>配置</h3>
</tr>
<tr>
<th scope="row">Sqlmap Api</th>
{{ .sqlmapApi }}
<td colspan="3">
<div class="form-check form-switch">
{{ if .sqlmapApi.Enabled }}
Expand Down Expand Up @@ -142,7 +141,7 @@ <h3>配置</h3>
</div>
<footer class="bg-black bg-body-tertiary text-center mt-auto">
<div class="container">
© {{ .year}} Copyright:
© {{ .year }} Copyright:
<a class="text-dark" href="https://github.com/yhy0/Jie" target="_blank">yhy - Jie</a>
</div>
</footer>
Expand Down
4 changes: 2 additions & 2 deletions SCopilot/templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Security Copilot Report - Jie</title>
<!-- Include Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<style>
.list-group-item {
padding: 0.5rem 1rem;
Expand Down Expand Up @@ -37,7 +37,7 @@
<main>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#yi"/></svg>
<h3 class="fs-4">Security Copilot Report - Jie</h3>
</a>
Expand Down
2 changes: 1 addition & 1 deletion pkg/output/vulnReport.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vulnerability Report - Jie</title>
<!-- Include Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<style>
.vuln-card.Low {
border-color: #6c757d;
Expand Down
2 changes: 1 addition & 1 deletion test/vulnerability_report.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vulnerability Report - Jie</title>
<!-- Include Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lumen/bootstrap.min.css" rel="stylesheet">
<style>
.vuln-card.Low {
border-color: #6c757d;
Expand Down

0 comments on commit e0703eb

Please sign in to comment.