new frontend added
This commit is contained in:
Neythen
parent
f27e4eec4d
commit
40d19b9fa0
@ -1 +1 @@
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": false, "point": false, "logos": true, "chart": false, "title": true, "symbols": {"NEO,USD": {"current": 43.45, "24hr_change": -8.868602959790408}, "BTC,USD": {"current": 60427, "24hr_change": -5.50343462209234}, "ETH,BTC": {"current": 0.07072443, "24hr_change": -7.189558281316787}, "ADA,GBP": {"current": 1.41, "24hr_change": -6.194047327868864}}}
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": false, "point": false, "logos": true, "chart": false, "title": true, "symbols": {"NEO,USD": {"current": 43.15, "24hr_change": -1.600187916156379}, "BTC,USD": {"current": 60805, "24hr_change": -0.013075042984485738}, "ETH,BTC": {"current": 0.07031509, "24hr_change": -1.3369356155844327}, "ADA,GBP": {"current": 1.4, "24hr_change": -2.1414474393242457}}}
|
||||
@ -1 +1 @@
|
||||
{"feature": "Current Weather", "speed": "medium", "animation": "down", "temp": "celsius", "wind_speed": "miles/sec", "colour": "white", "city_colour": "yellow", "title": true, "locations": {"Beijing": {"main_weather": "Clear", "description": "clear sky", "temp": 0.94, "min_temp": 0.94, "max_temp": 13.85, "feels_like": 0.94, "humidity": 72, "clouds": 0, "wind_speed": 0.6, "wind_direction": 307, "visibility": 10000, "uv": 0, "rain_chance": 0}, "London": {"main_weather": "Clouds", "description": "few clouds", "temp": 9.54, "min_temp": 7.43, "max_temp": 11.11, "feels_like": 8.23, "humidity": 88, "clouds": 20, "wind_speed": 2.57, "wind_direction": 230, "visibility": 10000, "uv": 0, "rain_chance": 0}, "Tokyo": {"main_weather": "Clouds", "description": "broken clouds", "temp": 12.24, "min_temp": 12.24, "max_temp": 15.91, "feels_like": 11.09, "humidity": 60, "clouds": 75, "wind_speed": 0.89, "wind_direction": 33, "visibility": 10000, "uv": 0, "rain_chance": 0.02}, "Moscow": {"main_weather": "Clear", "description": "clear sky", "temp": -2.25, "min_temp": -2.57, "max_temp": 0.29, "feels_like": -7.63, "humidity": 80, "clouds": 0, "wind_speed": 4.84, "wind_direction": 273, "visibility": 10000, "uv": 0, "rain_chance": 0}}, "current_weather": true}
|
||||
{"feature": "Current Weather", "speed": "medium", "animation": "down", "temp": "celsius", "wind_speed": "miles/sec", "colour": "white", "city_colour": "yellow", "title": true, "locations": {"Tokyo": {"main_weather": "Clouds", "description": "broken clouds", "temp": 10.83, "min_temp": 10.83, "max_temp": 16.51, "feels_like": 9.82, "humidity": 71, "clouds": 75, "wind_speed": 2.06, "wind_direction": 310, "visibility": 10000, "uv": 0, "rain_chance": 0.05}, "London": {"main_weather": "Clouds", "description": "overcast clouds", "temp": 7.5, "min_temp": 7.44, "max_temp": 11.01, "feels_like": 5.84, "humidity": 85, "clouds": 86, "wind_speed": 2.53, "wind_direction": 269, "visibility": 10000, "uv": 0, "rain_chance": 0}, "Moscow": {"main_weather": "Clouds", "description": "overcast clouds", "temp": 0.41, "min_temp": -2.12, "max_temp": 0.41, "feels_like": -2.13, "humidity": 83, "clouds": 100, "wind_speed": 2.13, "wind_direction": 230, "visibility": 10000, "uv": 0, "rain_chance": 0}, "Beijing": {"main_weather": "Clear", "description": "clear sky", "temp": -0.06, "min_temp": -0.06, "max_temp": 13.01, "feels_like": -0.06, "humidity": 49, "clouds": 0, "wind_speed": 0.31, "wind_direction": 4, "visibility": 10000, "uv": 0, "rain_chance": 0}}, "current_weather": true}
|
||||
@ -1 +1 @@
|
||||
{"feature": "Current Weather", "speed": "medium", "animation": "continuous", "temp": "celsius", "wind_speed": "miles/sec", "colour": "white", "city_colour": "yellow", "title": true, "locations": {"Beijing": [{"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 0.94, "max_temp": 13.85}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 6.16, "max_temp": 13.29}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 5.69, "max_temp": 9.87}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 5.62, "max_temp": 9.94}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 2.8, "max_temp": 9.15}, {"main_weather": "Clear", "description": "clear sky", "min_temp": -0.28, "max_temp": 3.8}, {"main_weather": "Clear", "description": "clear sky", "min_temp": -1.2, "max_temp": 3.28}, {"main_weather": "Clear", "description": "clear sky", "min_temp": -0.49, "max_temp": 5.87}], "London": [{"main_weather": "Clear", "description": "clear sky", "min_temp": 7.43, "max_temp": 11.11}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 7.51, "max_temp": 11}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 7.05, "max_temp": 12.71}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 8.97, "max_temp": 12.83}, {"main_weather": "Clouds", "description": "few clouds", "min_temp": 8.1, "max_temp": 12.31}, {"main_weather": "Rain", "description": "light rain", "min_temp": 6.12, "max_temp": 10.84}, {"main_weather": "Rain", "description": "light rain", "min_temp": 4.61, "max_temp": 9.35}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 5.3, "max_temp": 8.62}], "Tokyo": [{"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 12.24, "max_temp": 15.91}, {"main_weather": "Rain", "description": "light rain", "min_temp": 13.48, "max_temp": 14.39}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 12.63, "max_temp": 17.46}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 12.47, "max_temp": 16.3}, {"main_weather": "Rain", "description": "light rain", "min_temp": 13.08, "max_temp": 14.47}, {"main_weather": "Rain", "description": "moderate rain", "min_temp": 11.16, "max_temp": 15.37}, {"main_weather": "Rain", "description": "moderate rain", "min_temp": 12.42, "max_temp": 14.94}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 10.5, "max_temp": 14.7}], "Moscow": [{"main_weather": "Clouds", "description": "few clouds", "min_temp": -2.57, "max_temp": 0.29}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": -1.92, "max_temp": 0.29}, {"main_weather": "Snow", "description": "light snow", "min_temp": -1.86, "max_temp": 0.44}, {"main_weather": "Snow", "description": "light snow", "min_temp": -1.68, "max_temp": 0.94}, {"main_weather": "Snow", "description": "rain and snow", "min_temp": -0.34, "max_temp": 3.57}, {"main_weather": "Snow", "description": "light snow", "min_temp": -0.52, "max_temp": 1.01}, {"main_weather": "Snow", "description": "light snow", "min_temp": -5.53, "max_temp": 0.3}, {"main_weather": "Snow", "description": "light snow", "min_temp": -5.31, "max_temp": -2.03}]}, "current_weather": true}
|
||||
{"feature": "Current Weather", "speed": "medium", "animation": "continuous", "temp": "celsius", "wind_speed": "miles/sec", "colour": "white", "city_colour": "yellow", "title": true, "locations": {"Tokyo": [{"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 10.83, "max_temp": 16.51}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 12.8, "max_temp": 17.57}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 13.22, "max_temp": 15.53}, {"main_weather": "Rain", "description": "light rain", "min_temp": 13.76, "max_temp": 15.19}, {"main_weather": "Rain", "description": "moderate rain", "min_temp": 13.58, "max_temp": 15.32}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 12.47, "max_temp": 16.75}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 10.07, "max_temp": 14.43}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 9.46, "max_temp": 14.2}], "London": [{"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 7.44, "max_temp": 11.01}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 6.86, "max_temp": 12.12}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 8.91, "max_temp": 13.56}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 8.83, "max_temp": 12.04}, {"main_weather": "Clouds", "description": "scattered clouds", "min_temp": 4.98, "max_temp": 10}, {"main_weather": "Rain", "description": "light rain", "min_temp": 5.58, "max_temp": 8.88}, {"main_weather": "Rain", "description": "light rain", "min_temp": 5.59, "max_temp": 8.54}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 4.17, "max_temp": 7.12}], "Moscow": [{"main_weather": "Clouds", "description": "overcast clouds", "min_temp": -2.12, "max_temp": 0.41}, {"main_weather": "Snow", "description": "light snow", "min_temp": -1.86, "max_temp": 0.22}, {"main_weather": "Snow", "description": "light snow", "min_temp": -1.12, "max_temp": 1.31}, {"main_weather": "Snow", "description": "rain and snow", "min_temp": 0.91, "max_temp": 4.36}, {"main_weather": "Snow", "description": "light snow", "min_temp": 0.48, "max_temp": 2.38}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": -3.31, "max_temp": -0.3}, {"main_weather": "Snow", "description": "light snow", "min_temp": -5.11, "max_temp": -1.24}, {"main_weather": "Snow", "description": "snow", "min_temp": -5.1, "max_temp": 0.92}], "Beijing": [{"main_weather": "Clouds", "description": "few clouds", "min_temp": -0.06, "max_temp": 13.01}, {"main_weather": "Clouds", "description": "few clouds", "min_temp": 5.04, "max_temp": 9.55}, {"main_weather": "Clouds", "description": "overcast clouds", "min_temp": 6, "max_temp": 10.32}, {"main_weather": "Clouds", "description": "broken clouds", "min_temp": 2.93, "max_temp": 8.23}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 0.5, "max_temp": 3.43}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 0.02, "max_temp": 5.54}, {"main_weather": "Clouds", "description": "few clouds", "min_temp": -0.38, "max_temp": 5.35}, {"main_weather": "Clear", "description": "clear sky", "min_temp": 0.59, "max_temp": 8.15}]}, "current_weather": true}
|
||||
@ -1 +1 @@
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": false, "point": false, "logos": false, "chart": false, "title": true, "symbols": {"NZD,GBP": {"current": 1.9148, "24hr_change": 0.015700000000000047}, "CAD,USD": {"current": 1.2533, "24hr_change": 0.0008000000000001339}}}
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": false, "point": false, "logos": false, "chart": false, "title": true, "symbols": {"NZD,GBP": {"current": 1.922, "24hr_change": 0.007199999999999873}, "CAD,USD": {"current": 1.2554, "24hr_change": 0.0020999999999999908}}}
|
||||
@ -1 +0,0 @@
|
||||
{"stocks": "16/11/2021 14:09:37", "crypto": "16/11/2021 14:07:15", "news": "16/11/2021 13:47:18", "weather": "16/11/2021 14:07:00", "forex": "16/11/2021 19:47:20", "sports": "16/11/2021 13:59:46"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": true, "point": true, "logos": false, "chart": false, "title": true, "symbols": {"MSFT": {"current": 340.32, "opening": 335.665}, "GOOG": {"current": 2987.62, "opening": 2983.36}}}
|
||||
{"feature": "Stocks", "speed": "medium", "animation": "down", "percent": true, "point": true, "logos": false, "chart": false, "title": true, "symbols": {"MSFT": {"current": 340.11, "opening": 339.29}, "GOOG": {"current": 2982.49, "opening": 2984.38}}}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
779
static/app.js
779
static/app.js
File diff suppressed because it is too large
Load Diff
139
static/style.css
139
static/style.css
@ -16,22 +16,32 @@ body {
|
||||
|
||||
/* Top logo bar */
|
||||
header {
|
||||
display: block;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 30px;
|
||||
border-bottom: 2px solid white;
|
||||
padding-bottom: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 200px;
|
||||
height: 70px;
|
||||
}
|
||||
.update-btn,
|
||||
.update-btn:hover {
|
||||
.update-btn {
|
||||
background-color: gray;
|
||||
float: right;
|
||||
margin-top: 20px;
|
||||
color: white;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.hostname-text {
|
||||
margin: 0;
|
||||
align-self: flex-end;
|
||||
font-style: italic;
|
||||
color: greenyellow;
|
||||
font-size: 18px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/* General Ticker */
|
||||
@ -40,15 +50,58 @@ header {
|
||||
justify-content: space-around;
|
||||
list-style-type: none;
|
||||
}
|
||||
.btn-stop-display,
|
||||
.btn-stop-display:hover {
|
||||
.btn-stop-display {
|
||||
background-color: purple;
|
||||
color: white;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.set-btn,
|
||||
.set-btn:hover {
|
||||
.btn-warning {
|
||||
background-color: #ffc107;
|
||||
color: white;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.btn-warning:hover {
|
||||
background-color: greenyellow;
|
||||
color: white;
|
||||
}
|
||||
.btn-warning:active {
|
||||
background-color: #ffce45;
|
||||
color: white;
|
||||
}
|
||||
.btn-stop-display:hover {
|
||||
background-color: #b000b9;
|
||||
color: white;
|
||||
}
|
||||
.btn-stop-display:active {
|
||||
background-color: #3e065f;
|
||||
color: white;
|
||||
}
|
||||
.set-btn {
|
||||
background-color: gray;
|
||||
color: white;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.set-btn:hover,
|
||||
.fa-chevron-right:hover,
|
||||
.fa-chevron-left:hover,
|
||||
.fa-chevron-up:hover,
|
||||
.fa-chevron-down:hover,
|
||||
.fa-minus:hover,
|
||||
.update-btn:hover,
|
||||
.save-btn:hover {
|
||||
background-color: #8ca1a5;
|
||||
color: white;
|
||||
}
|
||||
.set-btn:active:active,
|
||||
.fa-chevron-right:active,
|
||||
.fa-chevron-left:active,
|
||||
.fa-chevron-up:active,
|
||||
.fa-chevron-down:active,
|
||||
.fa-minus:active,
|
||||
.update-btn:active,
|
||||
.save-btn:active {
|
||||
background-color: #6c4a4a;
|
||||
color: white;
|
||||
}
|
||||
.row-2 {
|
||||
border-bottom: 2px solid white;
|
||||
@ -79,6 +132,7 @@ header {
|
||||
.fa-minus {
|
||||
background-color: gray;
|
||||
padding: 10px;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.icons-list {
|
||||
margin-block: 70px;
|
||||
@ -98,11 +152,11 @@ header {
|
||||
text-align: center;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.save-btn,
|
||||
.save-btn:hover {
|
||||
.save-btn {
|
||||
background-color: gray;
|
||||
color: white;
|
||||
padding-inline: 40px;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@ -114,52 +168,79 @@ header {
|
||||
li.active {
|
||||
background-color: skyblue;
|
||||
}
|
||||
.row-1, .row-3{
|
||||
.row-1,
|
||||
.row-3 {
|
||||
margin-block: 50px;
|
||||
}
|
||||
.w-115-px {
|
||||
width: 115px;
|
||||
}
|
||||
.h-50-px {
|
||||
height: 50px;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.mr-5 {
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
.font-6 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
#connected-text {
|
||||
left: calc(100% + 1.25rem);
|
||||
display: none;
|
||||
}
|
||||
#selected-display-text {
|
||||
color: blue;
|
||||
}
|
||||
#top-row-text,
|
||||
#bottom-row-text {
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
padding-right: 150px;
|
||||
display: none;
|
||||
}
|
||||
#second-row {
|
||||
display: none;
|
||||
}
|
||||
/* Responsiveness */
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.buttons-list{
|
||||
.buttons-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 25px;
|
||||
position: relative;
|
||||
right: 20px;
|
||||
}
|
||||
.row-1, .row-3{
|
||||
.row-1,
|
||||
.row-3 {
|
||||
margin-block: 25px;
|
||||
}
|
||||
.screen-saver{
|
||||
.screen-saver {
|
||||
margin-block: 25px;
|
||||
}
|
||||
.display-none-div{
|
||||
.display-none-div {
|
||||
display: none;
|
||||
}
|
||||
.icons-list{
|
||||
.icons-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.icons-list a{
|
||||
.icons-list a {
|
||||
margin-left: -120px;
|
||||
}
|
||||
|
||||
.remove{
|
||||
.remove {
|
||||
margin-right: -100px;
|
||||
margin-left: -100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
.icons-list a{
|
||||
position: relative;
|
||||
.icons-list a {
|
||||
position: relative;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user