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 { h1, h2, h5 {
text-align: center; text-align: center;
margin-bottom: 0;
} }
/* Recent boxes */ /* Recent boxes */
@@ -149,8 +150,12 @@ h1, h2, h5 {
font-size: 0.7em; font-size: 0.7em;
} }
/* Responsive */ /* Responsive: Small screen, mobile, etc. */
@media only screen and (max-width: 1100px) { @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 { #recent #recent_1 .recent_dn, #recent #recent_1 .recent_up {
font-size: 2em; font-size: 2em;
} }
@@ -198,7 +203,13 @@ h1, h2, h5 {
display: none; display: none;
} }
} }
/* Responsive: Larger screen, desktop, etc. */
@media only screen and (min-width: 1100px) { @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 { #recent #recent_1 .recent_dn, #recent #recent_1 .recent_up {
font-size: 3em; font-size: 3em;
} }
@@ -238,10 +249,24 @@ h1 {
height: 1.5em; height: 1.5em;
valign: center; valign: center;
} }
h1 img#app-icon { #hd-cont {
width: 1em; width: max-content;
height: 1em; 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; padding-right: 0.25em;
display: inline;
vertical-align: middle;
} }
#app-advt { #app-advt {
display: block; display: block;
@@ -269,7 +294,6 @@ h1 img#app-icon {
<body> <body>
<div id="spinner"></div> <div id="spinner"></div>
<div id="spinner-desc">Preparing data ...</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_samples">
<div id="recent"> <div id="recent">
</div> </div>
@@ -489,7 +513,11 @@ function show_content() {
$("#spinner") $("#spinner")
.after("<h2>Most recent samples</h2>") .after("<h2>Most recent samples</h2>")
.after("<h5>(ISP: " + isp + ")</h5>") .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(); .hide();
console.timeEnd("speedtest"); console.timeEnd("speedtest");
} }