diff options
Diffstat (limited to 'web/views/index.html')
| -rw-r--r-- | web/views/index.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/web/views/index.html b/web/views/index.html new file mode 100644 index 0000000..97edc88 --- /dev/null +++ b/web/views/index.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Challenge Instancer</title> + + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> + <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> + <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js" integrity="sha384-/TgkGk7p307TH7EXJDuUlgG3Ce1UVolAOFopFekQkkXihi5u/6OCvVKyz1W+idaz" crossorigin="anonymous"></script> + <script src="https://cdn.jsdelivr.net/npm/htmx-ext-sse@2.2.4" integrity="sha384-A986SAtodyH8eg8x8irJnYUk7i9inVQqYigD6qZ9evobksGNIXfeFvDwLSHcp31N" crossorigin="anonymous"></script> +</head> +<body class="bg-light"> + +<div class="container py-5"> + <div class="row justify-content-center"> + <div class="col-9"> + <div class="card"> + <div class="card-body"> + <h4 class="card-title mb-3">Deploy challenge</h4> + + <form hx-post="/deploy" hx-target="#deployment-area" hx-swap="afterbegin"> + <div class="input-group"> + <span class="input-group-text">Challenge</span> + <select id="challenge" name="challenge" class="form-select" required> + <option value="" disabled selected>Choose a challenge</option> + {{range .Challenges}} + <option value="{{.}}"> + {{.}} + </option> + {{end}} + </select> + <button id="deploy-btn" type="submit" class="btn btn-primary"> + Deploy + </button> + </div> + </form> + </div> + </div> + + <div + id="instances" + class="card mt-4"> + <div class="card-body"> + <div class="d-flex justify-content-between align-items-start"> + <h5 class="card-title mb-3">Instances</h5> + <span class="badge bg-primary">Refreshing</span> + </div> + + <div id="instance-action-result"></div> + + <table class="table align-middle"> + <thead> + <tr> + <th scope="col">Instance</th> + <th scope="col">Controls</th> + </tr> + </thead> + <tbody id="instances-tbody" hx-get="/instances" hx-trigger="load, every 5s, poll-instances-now from:body"> + + </tbody> + </table> + </div> + </div> + + <div id="deployment-area"></div> + + </div> + <div class="col"> + <div class="card"> + <div class="card-body"> + <h5 class="card-title mb-3">What is this?</h5> + <p class="card-text"> + This platform allows you to spawn an instance of a challenge for your team. + Each instance is shared across your team and can be stopped at any time. + </p> + <p> + Instances will automatically stop after a while; if more time is needed then + you can stop the instance and deploy a new one. + </p> + <p class="card-text"> + <b>Attacking this platform is out of scope of the CTF and is forbidden.</b> + If there are any issues, please speak to an organiser. + </p> + </div> + </div> + <div class="mt-2 px-3"> + <small class="text-muted"> + Logged in as <b>{{.Team}}</b>. + <a href="/logout">Not you</a>? + </small> + </div> + </div> + </div> +</div> + +</body> +</html> |