github/kubeinvaders
1
0
Fork 0
mirror of https://github.com/lucky-sideburn/kubeinvaders.git synced 2026-08-23 21:46:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Eugenio Marzo
2022-10-29 19:21:10 +02:00
parent f3911d4c1a
commit 32a51c73f5
4 changed files with 57 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+4 -2
View File
@@ -11,8 +11,7 @@
8. [Community blogs and videos](#Community-blogs-and-videos)
9. [License](#License)
### Define Chaos Experiments
![Alt Text](./doc_images/programming_mode.png)
![Alt Text](./doc_images/dashboard.png)
### Watch Kubernetes logs through web tail console
![Alt Text](./doc_images/webtail.png)
@@ -20,6 +19,9 @@
### Play Chaos Engineering
![Alt Text](./doc_images/webui.png)
### Define Chaos Experiments
![Alt Text](./doc_images/programming_mode.png)
## Description
Through KubeInvaders you can stress a Kubernetes cluster in a fun way and check how it is resilient.
doc_images/dashboard.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

html5/images/kubeinvaders_spaceship.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

html5/index.html
+53 -39
View File
@@ -7,6 +7,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./bootstrap-5.0.0-dist/css/bootstrap.min.css">
<style>
.btn-light {
border-color: #000000;
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .open .dropdown-toggle.btn-default {
background-color: #5a078b;
color:#FFF;
border-color: #000000;
}
.btn-light:hover {
transform: scale(1.05);
}
@font-face {
font-family: pixel;
src: url('./fonts/pixel.otf');
@@ -18,7 +30,7 @@
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-li bg-light">
<nav class="navbar navbar-expand-lg navbar-li bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@@ -26,8 +38,8 @@
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown" style="margin-top: 0.2%;">
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<font style="color: #000000;">Menu</font>
<a class="nav-link" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<font style="color: #ffffff;">Menu</font>
</a>
<ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="#" onclick="runKubeLinter()">Run KubeLinter On Current Namespace</a></li>
@@ -258,11 +270,13 @@ experiments:
</div>
</div>
<div id="footer" style="margin-top: 5%;">
<div align="center" style="margin-top: 20%;">
<img src="images/kubeinvaders_spaceship.png">
</div>
<div class="container text-center">
<p class="text-muted credit" style="color:#fff">kubeinvaders_version: v1.9.5</p>
</div>
</div>
<script src="kubeinvaders.js"></script>
<script src="./bootstrap-5.0.0-dist/js/bootstrap.min.js"></script>
@@ -349,7 +363,7 @@ experiments:
}
function startProgrammingMode() {
if (programming_mode_switch) {
if (programming_mode_switch) {
programming_mode_switch = false;
$("#programmingModeButton").text("Enable Prog. Mode");
} else {
@@ -362,50 +376,50 @@ experiments:
chaos_program_screen.style.display = "none";
}
if (programming_mode_buttons.style.display === "none") {
programming_mode_buttons.style.display = "block";
programming_mode_buttons.style.display = "block";
} else {
programming_mode_buttons.style.display = "none";
}
game_buttons.style.display = "none";
game_screen.style.display = "none";
}
game_buttons.style.display = "none";
game_screen.style.display = "none";
}
function showSpecialKeys() {
$('#showSpecialKeysModal').modal('show');
modal_opened = true;
}
function showSpecialKeys() {
$('#showSpecialKeysModal').modal('show');
modal_opened = true;
}
function showCurrentChaosContainer() {
getCurrentChaosContainer();
$('#currentChaosContainerModal').modal('show');
modal_opened = true;
}
function showCurrentChaosContainer() {
getCurrentChaosContainer();
$('#currentChaosContainerModal').modal('show');
modal_opened = true;
}
function closeCurrentChaosJobModal() {
$('#currentChaosContainerModal').modal('hide');
modal_opened = false;
}
function closeCurrentChaosJobModal() {
$('#currentChaosContainerModal').modal('hide');
modal_opened = false;
}
function showSetCurrentChaosContainer() {
$('#alert_placeholder2').text('');
getCurrentChaosContainer();
$('#setChaosContainerModal').modal('show');
modal_opened = true;
}
function showSetCurrentChaosContainer() {
$('#alert_placeholder2').text('');
getCurrentChaosContainer();
$('#setChaosContainerModal').modal('show');
modal_opened = true;
}
function closeSetChaosContainerModal() {
$('#setChaosContainerModal').modal('hide');
modal_opened = false;
}
function closeSetChaosContainerModal() {
$('#setChaosContainerModal').modal('hide');
modal_opened = false;
}
function closeKubeLinterModal() {
$('#kubeLinterModal').modal('hide');
modal_opened = false;
}
function closeKubeLinterModal() {
$('#kubeLinterModal').modal('hide');
modal_opened = false;
}
$('textarea').on('input', function() {
$('#alert_placeholder2').text('');
});
$('textarea').on('input', function() {
$('#alert_placeholder2').text('');
});
</script>
</body>