Skip to content

Commit

Permalink
comparison table
Browse files Browse the repository at this point in the history
  • Loading branch information
@gerbil
gerbil committed Jan 24, 2025
1 parent 91e2e5e commit 352898e
Show file tree
Hide file tree
Showing 5 changed files with 214 additions and 4 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Comparison table:
| Custom resources view | + | + | + | + |
| Custom resources generator | + | - | - | - |
| Network view (services/endpoints) | + | + | + | + |
| Network policies vizualisation | + | - | - | - |
| Network policies visualization | + | - | - | - |
| Storage view | + | + | + | + |
| Configs view (including secrets) | + | + | + | + |
| Logs viewer (basic) | + | + | + | + |
Expand Down
69 changes: 69 additions & 0 deletions assets/css/table.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
.custom-table-responsive {
margin-top: 40px;
background-color: #efefef;
padding: 10px;
border-radius: 4px;
font-weight: 300; }

.custom-table {
min-width: 100%;
}

.custom-table thead tr, .custom-table thead th {
border-top: none;
border-bottom: none !important;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .1rem; }

.custom-table tbody th, .custom-table tbody td {
color: #777;
font-weight: 400;
padding-bottom: 10px;
padding-top: 10px;
font-weight: 300; }

.custom-table tbody th small, .custom-table tbody td small {
color: #b3b3b3;
font-weight: 300; }

.custom-table tbody tr:not(.spacer) {
text-align: center;
vertical-align: middle;
border-radius: 7px;
overflow: hidden;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }

.custom-table tbody td img{
height: 24px;
display: block;
margin-left: auto;
margin-right: auto;
}

.custom-table tbody tr:not(.spacer):hover {
-webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1); }

.custom-table tbody tr th, .custom-table tbody tr td {
background: #fff;
border: none; }

.custom-table tbody tr th:first-child, .custom-table tbody tr td:first-child {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px; }

.custom-table tbody tr th:last-child, .custom-table tbody tr td:last-child {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px; }

.custom-table tbody tr.spacer td {
padding: 0 !important;
height: 10px;
border-radius: 0 !important;
background: transparent !important; }

.custom-table tbody tr.active {
opacity: .4; }
Binary file added assets/images/notsupported.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/supported.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
147 changes: 144 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link rel="stylesheet" href="assets/css/tailwind.css">
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/table.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
Expand Down Expand Up @@ -78,12 +79,152 @@ <h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">KubeGUI</h1>
<h6 class="font-medium text-gray-600 text-lg md:text-2xl uppercase mb-8">Free for personal use.<br/>Commercial usage requires a license.</h6>
<h1 class="font-normal text-gray-900 text-4xl md:text-7xl leading-none mb-8">Now with multi cluster support!</h1>
<p class="font-normal text-gray-600 text-md md:text-xl mb-16">Batteries included. No external dependencies! KubeGUI can work even in `air gapped` environments.</p>
<a href="#" class="px-7 py-3 md:px-9 md:py-4 font-medium md:font-semibold bg-gray-700 text-gray-50 text-sm rounded-md hover:bg-gray-50 hover:text-gray-700 transition ease-linear duration-500" onclick="window.open('https://buy.stripe.com/cN2cNAfJs5It8CY8ww', '_blank');">Buy</a>
<p class="font-light text-xs mt-4">Invoice available on demand.</p>
<a href="#" class="px-7 py-3 md:px-9 md:py-4 font-medium md:font-semibold bg-gray-700 text-gray-50 text-sm rounded-md hover:bg-gray-50 hover:text-gray-700 transition ease-linear duration-500" onclick="window.open('https://buy.stripe.com/cN2cNAfJs5It8CY8ww', '_blank');">Order Kubegui via stripe.com</a>
<p class="font-light text-s mt-4">Invoice available on demand.</p>
</div>

<div class="table-responsive custom-table-responsive">
<table class="table custom-table">
<thead>
<tr>
<th scope="col">Feature</th>
<th scope="col">Kubegui</th>
<th scope="col">LENS</th>
<th scope="col">Kubernetes dashboard</th>
<th scope="col">k9s</th>
<th scope="col">Portainer</th>
</tr>
</thead>
<tbody>
<tr scope="row">
<td>Price</td>
<td>$50</td>
<td>$300</td>
<td>Free</td>
<td>Free</td>
<td>$1200</td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Desktop version</td>
<td><img src="assets/images/supported.png" /></td>
<td><img src="assets/images/supported.png" /></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Multi cluster support</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>AI support for fix suggestions</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Common resource controls</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Custom resource controls</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Advanced resource editor</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Custom resource generator</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Network policies visualization</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Official Kubernetes libs usage</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>No external dependecies</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Advanced logs viewer</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Pods shell direct access</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
<tr class="spacer"><td colspan="100"></td></tr>
<tr>
<td>Pod port forwarding</td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
<td><img src="assets/images/supported.png"/></td>
<td><img src="assets/images/notsupported.png"/></td>
</tr>
</tbody>
</table>
</div>
</div>

</section>

<section class="py-10 md:py-16">
Expand Down

0 comments on commit 352898e

Please sign in to comment.