aeth
/
kyoketsu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							{{ define "home.html" }}
<!DOCTYPE html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="/static/bootstrap-5.0.2-dist/css/bootstrap.min.css">
    </head>

    <body style="background-color: black;">
        <div class="container-fluid sticky-top pb-0">
            <div class="row align-items-center justify-content-center h-100 shadow-lg p-0 mb-0 rounded">
                <div class="col-sm-8 p-3">
                    <div style="color: rgba(35, 207, 0, 0.87); font-size: xx-large; font-family: monospace;">
                        <a href="/home" style="color: rgba(35, 207, 0, 0.87)">// Kyoketsu</a>
                    </div>
                </div>
                <div class="col-sm-8 p-3">
                    <form method="post"
                          hx-target="#response-div"
                          hx-post="/refresh"
                          hx-ext="json-enc">
                          <input type="text" name="ip_address" placeholder="192.168.50.1/24" required>
                          <button type="submit">send</button>
                    </form>


                </div>
            </div>
        </div>
        <div class="container-fluid row">
            <div class="col"></div>
            <div class="col-auto p-3 m-3 position-absolute top-50 start-50 translate-middle" style="max-width: 80vw;">
                <img src="/static/img/chiralworkslogo-dark.png" style="max-height: 120vh;"/>
            </div>
            <div class="col"></div>
        </div>
        <div class="row container-fluid">
            <div class="col border border-white text-white"><p class="font-monospace fs-3">FQDN</p></div>
            <div class="col border border-white text-white"><p class="font-monospace fs-3">IPv4 Address</p></div>
            <div class="col border border-white text-white"><p class="font-monospace fs-3">Ping Response?</p></div>
            <div class="col border border-white text-white"><p class="font-monospace fs-3">Listening Ports</p></div>
        </div>
        <div id="response-div"></div>
        {{ range . }}
            {{ template "ip_table.html" . }}
        {{ end }}

    
        <script src="/static/htmx.min.js"></script>
        <script src="/static/json-enc.js"></script>

    </body>


</html>
{{ end }}