2018-10-18 17:04:05 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "stylesheet" href = "theme.css" type = "text/css" >
2018-10-21 07:42:38 +00:00
< link rel = "icon" type = "image/png" href = "favicon.png" >
2018-10-18 17:04:05 +00:00
< / head >
< body >
< div class = "py-5" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h1 class = "" > Panorama Image Export< / h1 >
< / div >
< / div >
< / div >
< / div >
< div class = "py-5" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< form class = "" id = "theform" >
< div class = "form-group" > < label > URL< / label > < input type = "text" class = "form-control" placeholder = "https://example.com/0/0/0_0.jpg" name = "url" required = "required" > < small class = "form-text text-muted" > URL of an image contained in a krpano panorama or of a website containing a krpano panorama< / small > < / div >
< div class = "form-group" > < label > Title< / label > < input type = "" class = "form-control" placeholder = "1234 - Shiny Place" name = "title" > < / div >
2018-10-21 07:16:27 +00:00
< div class = "form-group" > < label style = "display: block;" > Resolution< / label > < input type = "" class = "form-control" placeholder = "3840" name = "width" style = "width: 100px; display: inline;" > x < input type = "" class = "form-control" placeholder = "1920" name = "height" style = "width: 100px; display: inline;" > < / div >
2018-10-21 06:57:55 +00:00
< div id = "options" >
< div class = "form-group" > < label style = "display: block;" > Rotation on X/Y/Z axes< / label > < input type = "" class = "form-control" placeholder = "0" name = "rx" style = "width: 100px; display: inline;" > / < input type = "" class = "form-control" placeholder = "0" name = "ry" style = "width: 100px; display: inline;" > / < input type = "" class = "form-control" placeholder = "0" name = "rz" style = "width: 100px; display: inline;" > < / div >
< div class = "form-group" > < label > Transposition< br > < / label > < select class = "custom-control custom-select" name = "transpose" >
< option value = "1" selected = "True" > Default: Flip left-right (mirror)< / option >
< option value = "0" > No transposition< / option >
< / select > < / div >
< / div >
2018-10-21 07:16:27 +00:00
< button type = "submit" class = "btn btn-success" > Submit< / button > < button type = "reset" class = "btn btn-danger" > Reset< / button > < button type = "button" class = "btn btn-info" onclick = "toggleOptions()" > More options< / button >
2018-10-18 17:04:05 +00:00
< / form >
< / div >
< / div >
< / div >
< / div >
2018-10-19 16:21:59 +00:00
< div class = "modal" > < / div >
2018-10-18 17:04:05 +00:00
2018-10-21 07:42:38 +00:00
< script src = "jquery-3.3.1.min.js" > < / script >
< script src = "bootstrap.min.js" > < / script >
< script src = "worker.js" > < / script >
2018-10-18 17:04:05 +00:00
< script >
< / script >
< / body >
< / html >
