diff --git a/site/views/404.ejs b/site/views/404.ejs index 3286d2a..da1a871 100644 --- a/site/views/404.ejs +++ b/site/views/404.ejs @@ -13,8 +13,5 @@
- - \ No newline at end of file + diff --git a/site/views/css/style.css b/site/views/css/style.css index afa6e5d..be827a8 100644 --- a/site/views/css/style.css +++ b/site/views/css/style.css @@ -1,17 +1,62 @@ +* { + margin: 0; + padding: 0; + text-decoration: none; +} + +@font-face{ + font-family: os; + src: url(../fonts/ops.ttf); +} + +@font-face{ + font-family: osl; + src: url(../fonts/opsl.ttf); +} + +:root { + --background: whitesmoke; +} + +body { + background: var(--background); + margin-left: auto; + margin-right: auto; + font-family: os; + /* max-width: 1200px; */ + padding: 1rem; +} + +.container { + background-color: dodgerblue; + color: white; + padding: 1rem; + height: 400px; + } + + .containers { + max-width: 1300px; + margin: 0 auto; + display: grid; + grid-gap: 1rem; + } + + .chart { + height: 400px; + } + + @media (min-width: 900px) { + .containers { grid-template-columns: repeat(2, 1fr); } + } + + @media only screen and (max-device-width: 480px) { + .containers { grid-template-columns: repeat(1, 1fr); } + } + + + main svg { position: relative; left: 50%; transform: translate(-50%); } - -footer { - position: absolute; - left: 0; - right: 0; - bottom: 0; - background-color: #D8D8D8; - text-align: center; - height: 50px; - font-size: 25px; - padding-top: 5px; -} \ No newline at end of file diff --git a/site/views/fonts/ops.ttf b/site/views/fonts/ops.ttf new file mode 100644 index 0000000..29bfd35 Binary files /dev/null and b/site/views/fonts/ops.ttf differ diff --git a/site/views/fonts/opsl.ttf b/site/views/fonts/opsl.ttf new file mode 100644 index 0000000..6580d3a Binary files /dev/null and b/site/views/fonts/opsl.ttf differ diff --git a/site/views/index.ejs b/site/views/index.ejs index 19a6a3f..cea57bd 100644 --- a/site/views/index.ejs +++ b/site/views/index.ejs @@ -1,19 +1,57 @@ - - - - - - - - - -
-
-
-
-
- - - + + + + + + + + + IoT plant watering project + + + + +
+
ONE
+
TWO
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
EIGHT
+
NINE
+
TEN
+
ELEVEN
+
TWELVE
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + diff --git a/site/views/js/main.js b/site/views/js/main.js index 0999a60..ef809d5 100644 --- a/site/views/js/main.js +++ b/site/views/js/main.js @@ -99,7 +99,7 @@ function createGraph_2() { } -plot_graphs(); +// plot_graphs(); @@ -121,31 +121,3 @@ plot_graphs(); // }) // } // }) - - - - -// function draw_temp_graph() { -// var trace = { -// type: 'line', -// y: temperatures, -// x: formatted_datetimes, -// text: "Air temperature", -// marker: { color: '#00FFFF', line: {width: 5}} -// } -// var data = [trace] - -// var layout = { -// title: 'Air temperature', -// font: { size: 15, color: '#AAAAAA' }, -// paper_bgcolor: '#111111', -// plot_bgcolor: '#111111', -// title: {text: "Air tempereature",font: {color: '#FFFFFF'}}, -// xaxis: {title: {text: 'Date',font: {color: '#FFFFFF'}}}, -// yaxis: {title: {text: 'Temperature in ºC',font: {color: '#FFFFFF'}}} -// } - -// var config = { responsive: true, scrollZoom: true, displaylogo: false} - -// Plotly.newPlot('temp_chart', data, layout, config) -// }