asolkar/speed-data-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added app icon to website display

Browse Source
This commit is contained in:
Mahesh Asolkar
2025-12-23 13:31:37 -08:00
parent c7fcf0ecd5
commit fb9b974e0d
1 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/index.html
View File

@@ -58,6 +58,7 @@ body {
}
h1, h2, h5 {
text-align: center;
margin-bottom: 0;
}
/* Recent boxes */
@@ -149,8 +150,12 @@ h1, h2, h5 {
font-size: 0.7em;
}
/* Responsive */
/* Responsive: Small screen, mobile, etc. */
@media only screen and (max-width: 1100px) {
#hd-cont img#app-icon {
width: 2em;
height: 2em;
}
#recent #recent_1 .recent_dn, #recent #recent_1 .recent_up {
font-size: 2em;
}
@@ -198,7 +203,13 @@ h1, h2, h5 {
display: none;
}
}
/* Responsive: Larger screen, desktop, etc. */
@media only screen and (min-width: 1100px) {
#hd-cont img#app-icon {
width: 4em;
height: 4em;
}
#recent #recent_1 .recent_dn, #recent #recent_1 .recent_up {
font-size: 3em;
}
@@ -238,10 +249,24 @@ h1 {
height: 1.5em;
valign: center;
}
h1 img#app-icon {
width: 1em;
height: 1em;
#hd-cont {
width: max-content;
font-size: 1.5em;
margin-right: auto;
margin-left: auto;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
#hd-cont .hd-txt {
font-size: 1.5em;
font-weight: bold;
display: inline;
vertical-align: middle;
}
#hd-cont img#app-icon {
padding-right: 0.25em;
display: inline;
vertical-align: middle;
}
#app-advt {
display: block;
@@ -269,7 +294,6 @@ h1 img#app-icon {
<body>
<div id="spinner"></div>
<div id="spinner-desc">Preparing data ...</div>
<div id="app-advt"><img id="app-icon" src="icon.png" /><a href="https://git.heshapps.com/asolkar/speed-data-docker">Presented by Heshapps.com - speed-data-docker</a></div>
<div id="recent_samples">
<div id="recent">
</div>
@@ -489,7 +513,11 @@ function show_content() {
$("#spinner")
.after("<h2>Most recent samples</h2>")
.after("<h5>(ISP: " + isp + ")</h5>")
.after("<h1>Network Speed Data</h1>")
.after("<div id=\"app-advt\"><a href=\"https://git.heshapps.com/asolkar/speed-data-docker\">Presented by Heshapps.com - speed-data-docker</a></div>")
.after($('<div id="hd-cont"></div>').append(
$('<img id="app-icon" src="icon.png" />'),
$('<div class="hd-txt">Network Speed Data</div>')
))
.hide();
console.timeEnd("speedtest");
}