kuba/fm-dx-webserver
1
0
Fork 0
mirror of https://github.com/KubaPro010/fm-dx-webserver.git synced 2026-07-30 16:59:15 +02:00
Code Issues Activity

flags

Browse Source
This commit is contained in:
NoobishSVK
2024-01-21 18:57:43 +01:00
parent 135b2c838d
commit 59469dbeb8
10 changed files with 296 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/css/styles.css
+23 -8
View File
@@ -1,5 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap');
:root {
--color-main: #111;
@@ -88,10 +87,20 @@ h2 {
margin-bottom: 0;
}
h3 {
font-size: 22px;
}
.flex-container {
display: flex;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.no-bg {
background: transparent !important;
}
@@ -170,9 +179,8 @@ h2 {
}
.text-big {
font-size: 72px;
font-size: 60px;
font-weight: 300;
/*font-family: "Monomaniac One", sans-serif;*/
}
.text-medium {
@@ -247,7 +255,7 @@ input[type="text"]:hover {
display: flex;
}
.modal-content {
max-width: 90%;
min-width: 90% !important;
margin: auto;
}
.panel-10, .panel-33, .panel-90 {
@@ -261,11 +269,18 @@ input[type="text"]:hover {
}
.panel-33 h2 {
padding: 20px;
padding-top: 5px;
}
.text-medium-big {
font-size: 32px;
}
.text-big {
font-size: 54px;
font-size: 40px;
display: block;
margin-top: -50px;
margin-top: -25px;
}
.text-big#data-ps {
margin: 0;
}
.panel-100 {
width: 90%;
@@ -478,8 +493,8 @@ input[type="range"]::-moz-range-thumb {
.modal-content {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
top: 50vh;
left: 50vw;
transform: translate(-50%, -50%);
background-color: var(--color-main);
padding: 30px;
web/index.html
+7 -2
View File
@@ -3,6 +3,7 @@
<head>
<title>FM-DX Webserver [Noobish's Server]</title>
<link href="css/styles.css" type="text/css" rel="stylesheet">
<link href="css/flags.min.css" type="text/css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" type="text/css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="icon" type="image/png" href="favicon2.png" />
@@ -15,7 +16,7 @@
<div class="flex-container">
<div class="panel-90 no-bg">
<div class="flex-container">
<div class="panel-75 hover-brighten" id="ps-container" style="height: 110px;">
<div class="panel-75 hover-brighten flex-center" id="ps-container" style="height: 110px;">
<span class="text-big" id="data-ps"></span>
</div>
@@ -23,9 +24,12 @@
<h2>
<div id="data-pty" style="color:white;"></div>
</h2>
<h3 style="margin-top:5px;">
<h3 style="margin-top:0;" class="flex-center">
<span id="data-tp" class="color-4">TP</span>
<span style="margin-left: 15px; color: #ff5776;" id="data-st"></span>
<div style="display:inline-block">
<span style="margin-left: 18px;display: block;margin-top: 2px;" id="data-flag"></span>
</div>
</h3>
</div>
</div>
@@ -114,6 +118,7 @@
<option value="theme4">Cyan</option>
<option value="theme5">Orange</option>
<option value="theme6">Pink</option>
<option value="theme7">Monochrome</option>
</select>
<div style="margin-bottom: 20px;">
web/main.js
+2
View File
@@ -193,6 +193,8 @@ function updatePanels(parsedData) {
document.querySelector('#data-rt0').innerHTML = parsedData.rt0;
document.querySelector('#data-rt1').innerHTML = parsedData.rt1;
document.querySelector('#data-flag').innerHTML = '<i title="' + parsedData.country_name + '" class="flag-sm flag-sm-' + parsedData.country_iso + '"></i>';
const signalValue = signalToggle.checked ? (parsedData.signal - 11.75) : parsedData.signal;
const integerPart = Math.floor(signalValue);
const decimalPart = (signalValue - integerPart).toFixed(1).slice(1); // Adjusted this line
web/themes.js
+4
View File
@@ -22,6 +22,10 @@ const themes = {
theme6: {
'--color-main': '#21091d',
'--color-main-bright': '#ed51d3',
},
theme7: {
'--color-main': '#111',
'--color-main-bright': '#aaa',
}
};