Skip to content

Commit

Permalink
update on favicon and index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@deb-cod
deb-cod authored Jul 3, 2024
1 parent 49fde1b commit fb23240
Show file tree
Hide file tree
Showing 2 changed files with 83 additions and 46 deletions.
Binary file modified favicon.ico
View file
Binary file not shown.
129 changes: 83 additions & 46 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<meta charset="UTF-8" />
<link rel="shortcut icon" href="favicon.ico">
<script type="text/javascript" src="speedtest.js"></script>
Expand All @@ -13,29 +14,6 @@



//LIST OF TEST SERVERS. See documentation for details if needed
var SPEEDTEST_SERVERS=[
{ //this server doesn't actually exist, remove it
name:"Example Server 1", //user friendly name for the server
server:"//test1.mydomain.com/", //URL to the server. // at the beginning will be replaced with http:// or https:// automatically
dlURL:"backend/garbage.php", //path to download test on this server (garbage.php or replacement)
ulURL:"backend/empty.php", //path to upload test on this server (empty.php or replacement)
pingURL:"backend/empty.php", //path to ping/jitter test on this server (empty.php or replacement)
getIpURL:"backend/getIP.php" //path to getIP on this server (getIP.php or replacement)
},
{ //this server doesn't actually exist, remove it
name:"Example Server 2", //user friendly name for the server
server:"//test2.example.com/", //URL to the server. // at the beginning will be replaced with http:// or https:// automatically
dlURL:"garbage.php", //path to download test on this server (garbage.php or replacement)
ulURL:"empty.php", //path to upload test on this server (empty.php or replacement)
pingURL:"empty.php", //path to ping/jitter test on this server (empty.php or replacement)
getIpURL:"getIP.php" //path to getIP on this server (getIP.php or replacement)
}
//add other servers here, comma separated
];



//INITIALIZE SPEEDTEST
var s = new Speedtest(); //create speedtest object
s.setParameter("telemetry_level", "basic"); //enable telemetry
Expand Down Expand Up @@ -331,6 +309,7 @@
object-fit: cover; */

position: relative;


}
* {
Expand Down Expand Up @@ -361,15 +340,26 @@
width: auto;
}


.container {

background-color: #F9FAFB;
padding-left: 140px;
padding-right: 140px;
padding-left: 7%;
padding-right: 7%;
padding-top: 16px;
padding-bottom: 24px;
/* padding-bottom: 24px; */
padding-bottom: 2.5%;
flex: 1;
overflow: auto;


/* width: 100%; */
/* max-width: 1200px; */
/* padding: 20px; */
display: flex;
flex-direction: column;
flex-wrap: wrap;

}

.child-container {
Expand All @@ -380,12 +370,29 @@
flex-direction: column;
justify-content: center;
align-items: center;


width: 100%;
/* background-color: #FFFFFF; */
/* padding: 20px; */
border-radius: 8px;
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */


}

div.testGroup {
display: flex;
flex-direction: row;
/* flex-direction: row; */
gap: 24px;
top:10%;


/* display: flex; */
/* flex-wrap: wrap; */
justify-content: center;
/* gap: 20px; */
margin-bottom: 20px;
}


Expand Down Expand Up @@ -464,13 +471,13 @@
flex-shrink: 0;
}

#test {
.test {
top: 125px;
position: absolute;
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
align-items: center;
}

div.testArea {
Expand All @@ -484,6 +491,7 @@
border-radius: 16px;
border: 1px solid var(--Monochrome-Grey-7, #D1D5DB);
background: var(--Monochrome-White, #FFF);

}

div.testArea2 {
Expand All @@ -509,14 +517,20 @@

.title-class{
display:flex;
top: 44px;
/* top: 44px; */
top: 3.6%;
position: absolute;
color: #1F2937;
font-family: Roboto;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;

/* font-size: 24px; */
/* font-weight: 600; */
margin-bottom: 20px;
/* color: #1F2937; */
}

div.testName {
Expand All @@ -528,19 +542,6 @@
line-height: normal;
}

div.testArea {
display: flex;
width: 248px;
padding: 24px 33px 24px 24px;
flex-direction: column;
align-items: flex-start;
gap: 12px;

border-radius: 16px;
border: 1px solid var(--Monochrome-Grey-7, #D1D5DB);
background: var(--Monochrome-White, #FFF);
}


div.meterText {
color: var(--Gray-900, #111827);
Expand Down Expand Up @@ -571,7 +572,7 @@
width: 95%;
max-width: 40em;
margin: 0 auto;
margin-top: 2em;
/* margin-top: 2em; */
border-radius: 8px;
}

Expand All @@ -581,6 +582,42 @@
height: auto;
margin: 0.25em 0;
}




@media (max-width: 768px) {
.testGroup {
flex-direction: row;
gap: 12px;
}

}

@media (max-width: 614px) {
.testArea,
.testArea2 {
width: 100% !important;
padding: 12px !important;
border-radius: 8px !important;
gap: 6px !important;
}

.title-class {
font-size: 24px !important;
}

.container {
padding: 10px !important;
}

#startStopBtn {
width: 100%;
padding: 10px;
}


}
</style>

<title>Talview Speedtest</title>
Expand All @@ -601,7 +638,7 @@


<!-- <a class="privacy" href="#" onclick="I('privacyPolicy').style.display=''">Privacy</a> -->
<div id="test">
<div class="test">
<div class="testGroup">
<div class="testArea2">
<div class="testName">Ping</div>
Expand Down Expand Up @@ -635,7 +672,7 @@
</div> -->
<div id="shareArea" style="display:none">
<h3>Share results</h3>
<!-- <p>Test ID: <span id="testId"></span></p> -->
<p>Test ID: <span id="testId"></span></p>
<input type="text" value="" id="resultsURL" readonly="readonly"
onclick="this.select();this.focus();this.select();document.execCommand('copy');alert('Link copied')" />
<!-- <img src="" id="resultsImg" /> -->
Expand Down

0 comments on commit fb23240

Please sign in to comment.