home.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. {{ define "home.html" }}
  2. <!DOCTYPE html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <link rel="stylesheet" href="/static/bootstrap-5.0.2-dist/css/bootstrap.min.css">
  6. </head>
  7. <body style="background-color: black;">
  8. <div class="container-fluid sticky-top pb-0" style="background-color: black; opacity: 0.5;">
  9. <div class="row align-items-center justify-content-center h-100 shadow-lg p-0 mb-0 rounded">
  10. <div class="col-sm-8 p-3">
  11. <div style="color: rgba(35, 207, 0, 0.87); font-size: xx-large; font-family: monospace; opacity: 1;">
  12. <a href="/home" style="color: rgba(35, 207, 0, 0.87)">// Kyoketsu</a>
  13. </div>
  14. </div>
  15. <div class="col-sm-8 p-3">
  16. <form method="post"
  17. hx-target="#response-div"
  18. hx-post="/refresh"
  19. hx-ext="json-enc">
  20. <input type="text" name="ip_address" placeholder="192.168.50.1/24" required>
  21. <button type="submit">send</button>
  22. </form>
  23. </div>
  24. </div>
  25. </div>
  26. <table class="table table-dark table-bordered table-hover table-">
  27. <thead>
  28. <tr>
  29. <th scope="col"><p style="font-family: monospace;">FQDN</p></th>
  30. <th scope="col"><p style="font-family: monospace;">IPv4 Address</p></th>
  31. <th scope="col"><p style="font-family: monospace;">Ping Response?</p></th>
  32. <th scope="col"><p style="font-family: monospace;">Listening Ports</p></th>
  33. </tr>
  34. </thead>
  35. <tbody id="response-div">
  36. {{ range . }}
  37. <tr>
  38. {{ template "ip_table.html" . }}
  39. </tr>
  40. {{ end }}
  41. </tbody>
  42. </table>
  43. <script src="/static/htmx.min.js"></script>
  44. <script src="/static/json-enc.js"></script>
  45. </body>
  46. </html>
  47. {{ end }}