Skip to content

Libraries: add common.css for styles shared by the tools #361

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
j-w9 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Libraries: add common.css for styles shared by the tools #361

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 5 additions & 8 deletions AirspeedFit/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot AirspeedFit</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script src='../modules/plotly.js/dist/plotly.min.js'></script>

<script src="../modules/build/floating-ui/dist/umd/popper.min.js"></script>
Expand All @@ -25,10 +26,6 @@
</head>

<style>
div.plotly-notifier {
visibility: hidden;
}

.tippy-box {
font-size: 20px;
}
Expand All @@ -45,16 +42,16 @@
}
</style>

<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<table><tr><td style="width:1200px">
<h1 style="text-align:center"><a href="" style="color: #000000; text-decoration:none;">ArduPilot AirspeedFit in flight airspeed calibration</a></h1>
<h1 style="text-align:center"><a href="" class="title">ArduPilot AirspeedFit in flight airspeed calibration</a></h1>
</td></tr></table>

<body>
Expand Down
14 changes: 5 additions & 9 deletions AnalyticTune/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduCopter Analytic Tune Tool</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script type="text/javascript" src="AnalyticTune.js"></script>
<script type="text/javascript" src="../Libraries/FileSaver.js"></script>
<script type="text/javascript" src="../Libraries/Array_Math.js"></script>
Expand All @@ -21,21 +22,16 @@
<script src='../modules/plotly.js/dist/plotly.min.js'></script>
<script src='../modules/fft.js/dist/fft.js'></script>
</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduCopter Analytic Tune Tool</a></h1>
<h1><a href="" class="title">ArduCopter Analytic Tune Tool</a></h1>

<body onload="load(); update_all_hidden(); setup_plots();">

Expand Down
7 changes: 4 additions & 3 deletions DFULoader/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<title>ArduPilot Bootloader DFU Loader</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script src="dfu.js"></script>
<script src="dfuse.js"></script>
<script src="dfu-util.js"></script>
Expand All @@ -23,12 +24,12 @@
</style>
</head>
<body>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>
<p>
<span id="status"></span>
Expand Down
9 changes: 5 additions & 4 deletions Dev/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,17 @@
<meta charset="utf-8" />
<title>ArduPilot WIP Web Tools</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<h1 style="text-align:center; width:1200px"><a href="" style="color: #000000; text-decoration:none;">ArduPilot WIP Web Tools</a></h1>
<h1 style="text-align:center; width:1200px"><a href="" class="title">ArduPilot WIP Web Tools</a></h1>

<div style="max-width:1200px;">

Expand Down
13 changes: 5 additions & 8 deletions FilterReview/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Filter Review</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script src='../modules/plotly.js/dist/plotly.min.js'></script>
<script src='../modules/fft.js/dist/fft.js'></script>

Expand Down Expand Up @@ -33,25 +34,21 @@
<script type="text/javascript" src="../Libraries/LogHelpers.js"></script>

</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<table><tr><td style="width:1200px">
<h1 style="text-align:center; margin-block-end: 0.25em;"><a href="" style="color: #000000; text-decoration:none;">ArduPilot Filter Review Tool</a></h1>
<h1 style="text-align:center; margin-block-end: 0.25em;"><a href="" class="title">ArduPilot Filter Review Tool</a></h1>
</td></tr></table>

<body>

<style>
div.plotly-notifier {
visibility: hidden;
}

.tippy-box {
font-size: 20px;
}
Expand Down
14 changes: 5 additions & 9 deletions FilterTool/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Filter Analysis</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script type="text/javascript" src="filters.js"></script>
<script type="text/javascript" src="../Libraries/FileSaver.js"></script>
<script type="text/javascript" src="../Libraries/Array_Math.js"></script>
Expand All @@ -12,21 +13,16 @@

<script src='../modules/plotly.js/dist/plotly.min.js'></script>
</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduPilot Filter Analysis</a></h1>
<h1><a href="" class="title">ArduPilot Filter Analysis</a></h1>

The following form will display the attenuation and phase lag for an
ArduPilot 4.2 filter setup.
Expand Down
14 changes: 5 additions & 9 deletions HardwareReport/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Hardware Report</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script type="text/javascript" src="HardwareReport.js"></script>
<script type="text/javascript" src="../Libraries/DecodeDevID.js"></script>
<script type="text/javascript" src="../Libraries/FileSaver.js"></script>
Expand All @@ -19,21 +20,16 @@
<script src="../modules/build/tippyjs/dist/tippy-bundle.umd.min.js"></script>

</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduPilot Hardware Report</a></h1>
<h1><a href="" class="title">ArduPilot Hardware Report</a></h1>

<input id="fileItem" type="file" accept=".param,.parm,.bin" onchange="load()">

Expand Down
14 changes: 5 additions & 9 deletions KinematicTool/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Kinematic Tool</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">

<script src="./ardupilot/control.js"></script>
<script type="text/javascript" src="KinematicTool.js"></script>
Expand All @@ -17,21 +18,16 @@
<script src="../modules/build/tippyjs/dist/tippy-bundle.umd.min.js"></script>

</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduPilot Kinematic Tool</a></h1>
<h1><a href="" class="title">ArduPilot Kinematic Tool</a></h1>

<body onload="initial_load(); run_attitude()">

Expand Down
14 changes: 5 additions & 9 deletions KinematicTool/plane/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Kinematic Tool</title>
<link rel="icon" href="../../images/AP_favicon.png">
<link rel="stylesheet" href="../../Libraries/common.css">

<script src="../ardupilot/control.js"></script>
<script type="text/javascript" src="KinematicTool.js"></script>
Expand All @@ -17,21 +18,16 @@
<script src="../../modules/build/tippyjs/dist/tippy-bundle.umd.min.js"></script>

</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduPilot Kinematic Tool</a></h1>
<h1><a href="" class="title">ArduPilot Kinematic Tool</a></h1>

<body onload="initial_load(); run_attitude()">

Expand Down
20 changes: 20 additions & 0 deletions Libraries/common.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
/* Styles shared by the tools */

/* Hide Plotly notifications */
div.plotly-notifier {
visibility: hidden;
}

/* Page header with the ArduPilot logo and GitHub links */
table.header {
width: 1200px;
}
table.header img.github {
width: 60px;
}

/* Tool title, links back to the page */
h1 a.title {
color: #000000;
text-decoration: none;
}
14 changes: 5 additions & 9 deletions LogFinder/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot Log Finder</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script type="text/javascript" src="LogFinder.js"></script>
<script type="text/javascript" src="../Libraries/FileSaver.js"></script>
<script type="text/javascript" src="../Libraries/LoadingOverlay.js"></script>
Expand All @@ -22,21 +23,16 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

</head>
<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<style>
div.plotly-notifier {
visibility: hidden;
}
</style>

<h1><a href="" style="color: #000000; text-decoration:none;">ArduPilot Log Finder</a></h1>
<h1><a href="" class="title">ArduPilot Log Finder</a></h1>

<body onload="initial_load(); reset();">

Expand Down
13 changes: 5 additions & 8 deletions MAGFit/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<title>ArduPilot MAGFit</title>
<link rel="icon" href="../images/AP_favicon.png">
<link rel="stylesheet" href="../Libraries/common.css">
<script src='../modules/plotly.js/dist/plotly.min.js'></script>

<script src='../modules/build/matrix/matrix.umd.js'></script>
Expand All @@ -27,25 +28,21 @@
</head>

<style>
div.plotly-notifier {
visibility: hidden;
}

.tippy-box {
font-size: 20px;
}
</style>

<table style="width:1200px"><tr><td>
<table class="header"><tr><td>
<a href="https://ardupilot.org"><img src="../images/ArduPilot.png"></a>
</td><td>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/github-mark.png" class="github"></a>
<br>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" style="width:60px"></a>
<a href="https://github.com/ArduPilot/WebTools"><img src="../images/GitHub_Logo.png" class="github"></a>
</td></tr></table>

<table><tr><td style="width:1200px">
<h1 style="text-align:center"><a href="" style="color: #000000; text-decoration:none;">ArduPilot MAGFit in flight compass calibration</a></h1>
<h1 style="text-align:center"><a href="" class="title">ArduPilot MAGFit in flight compass calibration</a></h1>
</td></tr></table>

<body>
Expand Down
Loading
Loading