2024-02-01 14:50:24 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > 3lips< / title >
<!-- load lib js -->
< script src = "./public/lib/bootstrap-5.2.3.min.js" > < / script >
<!-- load lib css -->
< link rel = "stylesheet" href = "./public/lib/bootstrap-5.2.3.min.css" >
< style >
body {
font-family: Arial, sans-serif;
margin: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
input, select {
margin-bottom: 10px;
}
.custom-location-fields {
display: none;
}
.calculator-form {
max-width: 600px;
margin: 0 auto;
}
body .jumbotron h1 {
font-family: 'Helvetica', sans-serif !important;
font-weight: bold;
font-size: 3.5rem !important;
}
@media (min-width: 768px) {
body .jumbotron h1 {
font-family: 'Helvetica', sans-serif !important;
font-weight: bold;
font-size: 5rem !important;
}
}
< / style >
< / head >
< body style = "background-color:#f78c58;" >
< div class = "container-md" >
< div class = "row justify-content-center" >
< div class = "col-md-6" >
< div class = "jumbotron" >
< h1 class = "display-4 text-center" > 3lips< / h1 >
2024-03-05 11:51:07 +00:00
< p class = "lead" > Target localisation for multi-static radar using ellipse intersections. Requires input of < a href = "https://github.com/30hours/blah2" target = "_blank" > blah2< / a > servers, and choice of algorithm for association and target localisation. This program exposes an API endpoint to generate geographic coordinates and a < a href = "https://github.com/CesiumGS/cesium" target = "_blank" > Cesium< / a > map for display.< / p >
2024-02-01 14:50:24 +00:00
< p class = "lead" > See < a href = "https://github.com/30hours/3lips" target = "_blank" > github.com/30hours/3lips< / a > for more details.< / p >
< / div >
< div class = "calculator-form" >
< form action = "/api" method = "get" >
< div class = "mb-3" >
< label class = "form-label fw-bold" > Servers:< / label >
{% for server in servers %}
2024-02-08 12:17:40 +00:00
< button type = "button" class = "btn btn-success toggle-button active w-100 mb-1" name = "server" data-toggle = "button" aria-pressed = "true" value = "{{ server.url }}" onclick = "toggle_button(this)" > {{ server.name }}< / button >
< input type = "hidden" name = "server" value = "{{ server.url }}" >
2024-02-01 14:50:24 +00:00
{% endfor %}
< / div >
< div class = "mb-3" >
< label class = "form-label fw-bold" > Associator:< / label >
< select class = "form-select" name = "associator" >
{% for associator in associators %}
< option value = "{{ associator.id }}" > {{ associator.name }}< / option >
{% endfor %}
< / select >
< / div >
< div class = "mb-3" >
2024-03-05 11:51:07 +00:00
< label class = "form-label fw-bold" > Target Localisation:< / label >
< select class = "form-select" name = "localisation" >
{% for localisation in localisations %}
< option value = "{{ localisation.id }}" > {{ localisation.name }}< / option >
2024-02-01 14:50:24 +00:00
{% endfor %}
< / select >
< / div >
2024-02-04 10:47:40 +00:00
< div class = "mb-3" >
< label class = "form-label fw-bold" > ADSB:< / label >
< select class = "form-select" name = "adsb" >
{% for adsb in adsbs %}
< option value = "{{ adsb.url }}" > {{ adsb.name }}< / option >
{% endfor %}
< / select >
< / div >
2024-02-01 14:50:24 +00:00
< div class = "mb-1" >
< label class = "form-label fw-bold" > Run:< / label >
2024-02-07 12:44:56 +00:00
< button type = "submit" class = "btn btn-dark w-100" id = "buttonApi" > API< / button >
2024-02-01 14:50:24 +00:00
< / div >
2024-02-04 10:47:40 +00:00
< div class = "mb-3" >
2024-02-07 12:44:56 +00:00
< button type = "button" class = "btn btn-dark w-100" id = "buttonMap" > Map< / button >
2024-02-04 10:47:40 +00:00
< / div >
2024-02-01 14:50:24 +00:00
< / form >
< / div >
< / div >
< / div >
< / div >
< script src = "/public/js/index.js" > < / script >
< / body >
< / html >
