forked from ktrue/CU-HWS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbio.php
107 lines (99 loc) · 24.9 KB
/
bio.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?php include('settings.php');$url = (isset($_SERVER['HTTPS']) ? 'https://' : 'http://').$_SERVER['SERVER_NAME'];?>
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Weather Station Bio Info card</title>
<style>
@charset "UTF-8";/*!
* Flexgrid v2.2.0 (https://flexgrid.co)
* Copyright 2015-2017 Morten Sørensen ([email protected])
* Licensed under MIT (https://github.com/moso/flexgrid/blob/master/LICENSE)
*/*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0}.container,.container\:fluid{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container{width:100%}@media (min-width:34rem){.container{width:36rem}}@media (min-width:48rem){.container{width:45rem}}@media (min-width:62rem){.container{width:59rem}}@media (min-width:75rem){.container{width:72rem}}.container\:fluid{width:100%}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.lg,.lg\:1,.lg\:10,.lg\:11,.lg\:12,.lg\:2,.lg\:3,.lg\:4,.lg\:5,.lg\:6,.lg\:7,.lg\:8,.lg\:9,.lg\:auto,.md,.md\:1,.md\:10,.md\:11,.md\:12,.md\:2,.md\:3,.md\:4,.md\:5,.md\:6,.md\:7,.md\:8,.md\:9,.md\:auto,.sm,.sm\:1,.sm\:10,.sm\:11,.sm\:12,.sm\:2,.sm\:3,.sm\:4,.sm\:5,.sm\:6,.sm\:7,.sm\:8,.sm\:9,.sm\:auto,.xl,.xl\:1,.xl\:10,.xl\:11,.xl\:12,.xl\:2,.xl\:3,.xl\:4,.xl\:5,.xl\:6,.xl\:7,.xl\:8,.xl\:9,.xl\:auto,.xs,.xs\:1,.xs\:10,.xs\:11,.xs\:12,.xs\:2,.xs\:3,.xs\:4,.xs\:5,.xs\:6,.xs\:7,.xs\:8,.xs\:9,.xs\:auto{position:relative;min-height:1px;width:100%;padding-left:1rem;padding-right:1rem}.xs{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xs\:auto{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:none}.xs\:1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.xs\:2,.xs\:3{-webkit-box-flex:0}.xs\:2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.xs\:3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.xs\:4,.xs\:5{-webkit-box-flex:0}.xs\:4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.xs\:5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.xs\:6,.xs\:7{-webkit-box-flex:0}.xs\:6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.xs\:7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.xs\:8,.xs\:9{-webkit-box-flex:0}.xs\:8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.xs\:9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.xs\:10,.xs\:11{-webkit-box-flex:0}.xs\:10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.xs\:11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.xs\:12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.xs\:pull\:1{right:8.33333333%}.xs\:pull\:2{right:16.66666667%}.xs\:pull\:3{right:25%}.xs\:pull\:4{right:33.33333333%}.xs\:pull\:5{right:41.66666667%}.xs\:pull\:6{right:50%}.xs\:pull\:7{right:58.33333333%}.xs\:pull\:8{right:66.66666667%}.xs\:pull\:9{right:75%}.xs\:pull\:10{right:83.33333333%}.xs\:pull\:11{right:91.66666667%}.xs\:pull\:12{right:100%}.xs\:push\:1{left:8.33333333%}.xs\:push\:2{left:16.66666667%}.xs\:push\:3{left:25%}.xs\:push\:4{left:33.33333333%}.xs\:push\:5{left:41.66666667%}.xs\:push\:6{left:50%}.xs\:push\:7{left:58.33333333%}.xs\:push\:8{left:66.66666667%}.xs\:push\:9{left:75%}.xs\:push\:10{left:83.33333333%}.xs\:push\:11{left:91.66666667%}.xs\:push\:12{left:100%}.xs\:offset\:0{margin-left:0}.xs\:offset\:1{margin-left:8.33333333%}.xs\:offset\:2{margin-left:16.66666667%}.xs\:offset\:3{margin-left:25%}.xs\:offset\:4{margin-left:33.33333333%}.xs\:offset\:5{margin-left:41.66666667%}.xs\:offset\:6{margin-left:50%}.xs\:offset\:7{margin-left:58.33333333%}.xs\:offset\:8{margin-left:66.66666667%}.xs\:offset\:9{margin-left:75%}.xs\:offset\:10{margin-left:83.33333333%}.xs\:offset\:11{margin-left:91.66666667%}@media (min-width:34rem){.sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.sm\:auto{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:none}.sm\:1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.sm\:2,.sm\:3{-webkit-box-flex:0}.sm\:2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.sm\:3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.sm\:4,.sm\:5{-webkit-box-flex:0}.sm\:4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.sm\:5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.sm\:6,.sm\:7{-webkit-box-flex:0}.sm\:6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.sm\:7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.sm\:8,.sm\:9{-webkit-box-flex:0}.sm\:8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.sm\:9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.sm\:10,.sm\:11{-webkit-box-flex:0}.sm\:10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.sm\:11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.sm\:12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sm\:pull\:1{right:8.33333333%}.sm\:pull\:2{right:16.66666667%}.sm\:pull\:3{right:25%}.sm\:pull\:4{right:33.33333333%}.sm\:pull\:5{right:41.66666667%}.sm\:pull\:6{right:50%}.sm\:pull\:7{right:58.33333333%}.sm\:pull\:8{right:66.66666667%}.sm\:pull\:9{right:75%}.sm\:pull\:10{right:83.33333333%}.sm\:pull\:11{right:91.66666667%}.sm\:pull\:12{right:100%}.sm\:push\:1{left:8.33333333%}.sm\:push\:2{left:16.66666667%}.sm\:push\:3{left:25%}.sm\:push\:4{left:33.33333333%}.sm\:push\:5{left:41.66666667%}.sm\:push\:6{left:50%}.sm\:push\:7{left:58.33333333%}.sm\:push\:8{left:66.66666667%}.sm\:push\:9{left:75%}.sm\:push\:10{left:83.33333333%}.sm\:push\:11{left:91.66666667%}.sm\:push\:12{left:100%}.sm\:offset\:0{margin-left:0}.sm\:offset\:1{margin-left:8.33333333%}.sm\:offset\:2{margin-left:16.66666667%}.sm\:offset\:3{margin-left:25%}.sm\:offset\:4{margin-left:33.33333333%}.sm\:offset\:5{margin-left:41.66666667%}.sm\:offset\:6{margin-left:50%}.sm\:offset\:7{margin-left:58.33333333%}.sm\:offset\:8{margin-left:66.66666667%}.sm\:offset\:9{margin-left:75%}.sm\:offset\:10{margin-left:83.33333333%}.sm\:offset\:11{margin-left:91.66666667%}}@media (min-width:48rem){.md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.md\:auto{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:none}.md\:1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.md\:2,.md\:3{-webkit-box-flex:0}.md\:2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.md\:3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.md\:4,.md\:5{-webkit-box-flex:0}.md\:4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.md\:5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.md\:6,.md\:7{-webkit-box-flex:0}.md\:6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.md\:7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.md\:8,.md\:9{-webkit-box-flex:0}.md\:8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.md\:9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.md\:10,.md\:11{-webkit-box-flex:0}.md\:10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.md\:11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.md\:12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.md\:pull\:1{right:8.33333333%}.md\:pull\:2{right:16.66666667%}.md\:pull\:3{right:25%}.md\:pull\:4{right:33.33333333%}.md\:pull\:5{right:41.66666667%}.md\:pull\:6{right:50%}.md\:pull\:7{right:58.33333333%}.md\:pull\:8{right:66.66666667%}.md\:pull\:9{right:75%}.md\:pull\:10{right:83.33333333%}.md\:pull\:11{right:91.66666667%}.md\:pull\:12{right:100%}.md\:push\:1{left:8.33333333%}.md\:push\:2{left:16.66666667%}.md\:push\:3{left:25%}.md\:push\:4{left:33.33333333%}.md\:push\:5{left:41.66666667%}.md\:push\:6{left:50%}.md\:push\:7{left:58.33333333%}.md\:push\:8{left:66.66666667%}.md\:push\:9{left:75%}.md\:push\:10{left:83.33333333%}.md\:push\:11{left:91.66666667%}.md\:push\:12{left:100%}.md\:offset\:0{margin-left:0}.md\:offset\:1{margin-left:8.33333333%}.md\:offset\:2{margin-left:16.66666667%}.md\:offset\:3{margin-left:25%}.md\:offset\:4{margin-left:33.33333333%}.md\:offset\:5{margin-left:41.66666667%}.md\:offset\:6{margin-left:50%}.md\:offset\:7{margin-left:58.33333333%}.md\:offset\:8{margin-left:66.66666667%}.md\:offset\:9{margin-left:75%}.md\:offset\:10{margin-left:83.33333333%}.md\:offset\:11{margin-left:91.66666667%}}@media (min-width:62rem){.lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.lg\:auto{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:none}.lg\:1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.lg\:2,.lg\:3{-webkit-box-flex:0}.lg\:2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.lg\:3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.lg\:4,.lg\:5{-webkit-box-flex:0}.lg\:4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.lg\:5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.lg\:6,.lg\:7{-webkit-box-flex:0}.lg\:6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.lg\:7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.lg\:8,.lg\:9{-webkit-box-flex:0}.lg\:8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.lg\:9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.lg\:10,.lg\:11{-webkit-box-flex:0}.lg\:10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.lg\:11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.lg\:12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.lg\:pull\:1{right:8.33333333%}.lg\:pull\:2{right:16.66666667%}.lg\:pull\:3{right:25%}.lg\:pull\:4{right:33.33333333%}.lg\:pull\:5{right:41.66666667%}.lg\:pull\:6{right:50%}.lg\:pull\:7{right:58.33333333%}.lg\:pull\:8{right:66.66666667%}.lg\:pull\:9{right:75%}.lg\:pull\:10{right:83.33333333%}.lg\:pull\:11{right:91.66666667%}.lg\:pull\:12{right:100%}.lg\:push\:1{left:8.33333333%}.lg\:push\:2{left:16.66666667%}.lg\:push\:3{left:25%}.lg\:push\:4{left:33.33333333%}.lg\:push\:5{left:41.66666667%}.lg\:push\:6{left:50%}.lg\:push\:7{left:58.33333333%}.lg\:push\:8{left:66.66666667%}.lg\:push\:9{left:75%}.lg\:push\:10{left:83.33333333%}.lg\:push\:11{left:91.66666667%}.lg\:push\:12{left:100%}.lg\:offset\:0{margin-left:0}.lg\:offset\:1{margin-left:8.33333333%}.lg\:offset\:2{margin-left:16.66666667%}.lg\:offset\:3{margin-left:25%}.lg\:offset\:4{margin-left:33.33333333%}.lg\:offset\:5{margin-left:41.66666667%}.lg\:offset\:6{margin-left:50%}.lg\:offset\:7{margin-left:58.33333333%}.lg\:offset\:8{margin-left:66.66666667%}.lg\:offset\:9{margin-left:75%}.lg\:offset\:10{margin-left:83.33333333%}.lg\:offset\:11{margin-left:91.66666667%}}@media (min-width:75rem){.xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xl\:auto{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:none}.xl\:1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.xl\:2,.xl\:3{-webkit-box-flex:0}.xl\:2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.xl\:3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.xl\:4,.xl\:5{-webkit-box-flex:0}.xl\:4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.xl\:5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.xl\:6,.xl\:7{-webkit-box-flex:0}.xl\:6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.xl\:7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.xl\:8,.xl\:9{-webkit-box-flex:0}.xl\:8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.xl\:9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.xl\:10,.xl\:11{-webkit-box-flex:0}.xl\:10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.xl\:11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.xl\:12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.xl\:pull\:1{right:8.33333333%}.xl\:pull\:2{right:16.66666667%}.xl\:pull\:3{right:25%}.xl\:pull\:4{right:33.33333333%}.xl\:pull\:5{right:41.66666667%}.xl\:pull\:6{right:50%}.xl\:pull\:7{right:58.33333333%}.xl\:pull\:8{right:66.66666667%}.xl\:pull\:9{right:75%}.xl\:pull\:10{right:83.33333333%}.xl\:pull\:11{right:91.66666667%}.xl\:pull\:12{right:100%}.xl\:push\:1{left:8.33333333%}.xl\:push\:2{left:16.66666667%}.xl\:push\:3{left:25%}.xl\:push\:4{left:33.33333333%}.xl\:push\:5{left:41.66666667%}.xl\:push\:6{left:50%}.xl\:push\:7{left:58.33333333%}.xl\:push\:8{left:66.66666667%}.xl\:push\:9{left:75%}.xl\:push\:10{left:83.33333333%}.xl\:push\:11{left:91.66666667%}.xl\:push\:12{left:100%}.xl\:offset\:0{margin-left:0}.xl\:offset\:1{margin-left:8.33333333%}.xl\:offset\:2{margin-left:16.66666667%}.xl\:offset\:3{margin-left:25%}.xl\:offset\:4{margin-left:33.33333333%}.xl\:offset\:5{margin-left:41.66666667%}.xl\:offset\:6{margin-left:50%}.xl\:offset\:7{margin-left:58.33333333%}.xl\:offset\:8{margin-left:66.66666667%}.xl\:offset\:9{margin-left:75%}.xl\:offset\:10{margin-left:83.33333333%}.xl\:offset\:11{margin-left:91.66666667%}}.xs\:first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.xs\:last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.xs\:top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.xs\:middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.xs\:bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.xs\:start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.xs\:center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.xs\:end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xs\:around{-ms-flex-pack:distribute;justify-content:space-around}.xs\:between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:34rem){.sm\:first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.sm\:last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.sm\:top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sm\:middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sm\:bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.sm\:start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.sm\:center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sm\:end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sm\:around{-ms-flex-pack:distribute;justify-content:space-around}.sm\:between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width:48rem){.md\:first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.md\:last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.md\:top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.md\:middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.md\:bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.md\:start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.md\:center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.md\:end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.md\:around{-ms-flex-pack:distribute;justify-content:space-around}.md\:between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width:62rem){.lg\:first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.lg\:last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.lg\:top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lg\:middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lg\:bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.lg\:start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.lg\:center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.lg\:end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.lg\:around{-ms-flex-pack:distribute;justify-content:space-around}.lg\:between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width:75rem){.xl\:first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.xl\:last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.xl\:top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.xl\:middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.xl\:bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.xl\:start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.xl\:center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.xl\:end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xl\:around{-ms-flex-pack:distribute;justify-content:space-around}.xl\:between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}html{font-size:15px}.container\:fluid,.container\:fluid>.row,body,html{height:95%}body{background-color:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;color:#222}@media (min-width:576px){.container\:fluid>.row .xl{max-width:460px}}.card{display:flex;flex-direction:column;margin:1rem 0;background-color:#fff}.card .card\:header{display:flex;width:100%;padding:1rem;background-color:#2d3844;color:#a7b6bd}.card .card\:header .card\:info{height:57px;display:flex;flex-direction:column;justify-content:center}.card .card\:header .card\:info h3{margin:0 0 5px;font-weight:600;line-height:1}.card .card\:header .card\:info p{margin:0;font-weight:300;line-height:1}.card .card\:header .card\:image{display:flex;align-items:center;height:57px;margin-left:auto}.card .card\:header .card\:image img{width:auto;height:57px;border-radius:0;border:0}.card .card\:content ul{margin:0;padding:0;list-style:none}.card .card\:content ul li{height:80px;border-bottom:1px solid #eee;display:flex;padding:1rem 1.5rem;text-decoration:none;outline:0}.card .card\:content ul li,.card .card\:content ul li a:focus{background-color:rgba(45,56,68,.04)}.card .card\:content ul li .collection{display:flex;flex-direction:row}.card .card\:content ul li .collection .collection\:icon{display:flex;align-items:center;width:43px;height:47px}.card .card\:content ul li .collection .collection\:data{display:flex;flex-direction:column;justify-content:center;height:47px;margin-left:1.5rem}.card .card\:content ul li .collection .collection\:data h3{margin:0;font-size:1.3rem;color:#2d3844}.card .card\:content ul li .collection .collection\:data span{font-size:.875rem;font-weight:300;color:rgba(45,56,68,.75)}.card .card\:content ul li .collection svg{max-width:43px;height:calc(80px - 2rem)}.card .card\:content ul li .collection svg.ghost{height:calc(70px - 2rem)}.card .card\:content ul li:last-of-type{border-bottom:0;padding:calc(1rem + .5px) 1.5rem}a{text-decoration:none;color:#aaa;font-size:.875rem;font-weight:300;color:rgba(45,56,68,.75)}.weather34darkbrowser{position:relative;background:0;width:100%;max-height:30px;margin:auto;margin-top:-10px;margin-left:-0px;border-top-left-radius:5px;border-top-right-radius:5px;padding-top:45px;background-image:radial-gradient(circle,#EB7061 6px,transparent 8px),radial-gradient(circle,#F5D160 6px,transparent 8px),radial-gradient(circle,#81D982 6px,transparent 8px),radial-gradient(circle,rgba(97,106,114,1) 2px,transparent 2px),radial-gradient(circle,rgba(97,106,114,1) 2px,transparent 2px),radial-gradient(circle,rgba(97,106,114,1) 2px,transparent 2px),linear-gradient(to bottom,rgba(59,60,63,0.4) 40px,transparent 0);background-position:left top,left top,left top,right top,right top,right top,0 0;background-size:50px 45px,90px 45px,130px 45px,50px 30px,50px 45px,50px 60px,100%;background-repeat:no-repeat,no-repeat;margin-bottom:-20px;}.weather34darkbrowser[url]:after{content:attr(url);color:#aaa;font-size:14px;position:absolute;left:0;right:0;top:0;padding:2px 15px;margin:11px 50px 0 90px;border-radius:3px;background:rgba(97, 106, 114, 0.3);height:20px;box-sizing:border-box}
</style>
</head>
<body>
<div class="weather34darkbrowser" url="<?php echo $stationlocation ?> Weather Station Information"></div>
<div class="container:fluid">
<div class="row xs:center xs:middle">
<div class="xl">
<div class="card" style="margin-top:80px;overflow:hidden;max-height:400px;">
<div class="card:header">
<div class="card:info">
<h3><?php echo $stationlocation ;?></h3>
<p>Weather Station Information</p>
</div>
<div class="card:image">
<img src="img/weather34logo.svg" alt="weather34 logo">
</div>
</div>
<div class="card:content">
<ul>
<li>
<a href="#!">
<div class="collection">
<div class="collection:icon">
<svg id="weather34 i-mail" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="rgba(255, 93, 46, 1.000)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M2 26 L30 26 30 6 2 6 Z M2 6 L16 16 30 6" />
</svg>
</div>
<div class="collection:data">
<h3>Mail</h3>
<span><?php echo $email;?></span>
</div>
</div>
</a>
</li>
<li>
<a href="#!">
<div class="collection">
<div class="collection:icon">
<svg id="weather34 i-twitter" viewBox="0 0 64 64" width="32" height="32">
<path stroke-width="0" fill="rgba(0, 154, 171, 1.000)" d="M60 16 L54 17 L58 12 L51 14 C42 4 28 15 32 24 C16 24 8 12 8 12 C8 12 2 21 12 28 L6 26 C6 32 10 36 17 38 L10 38 C14 46 21 46 21 46 C21 46 15 51 4 51 C37 67 57 37 54 21 Z" />
</svg>
</div>
<div class="collection:data">
<h3>Twitter</h3>
<a href="https://twitter.com/<?php echo $twitter;?>" target="_blank">https://twitter.com/<?php echo $twitter;?></a>
</div>
</div>
</a>
</li>
<li>
<a href="#!">
<div class="collection">
<div class="collection:icon">
<svg id="i-website" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="rgba(144, 177, 42, 1.000)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M10 29 C10 29 10 24 16 24 22 24 22 29 22 29 L10 29 Z M2 6 L2 23 30 23 30 6 2 6 Z" />
</svg>
</div>
<div class="collection:data">
<h3>Website</h3>
<a href="<?php echo $url;?>" title="weather34" target="_blank"><?php echo $url;?></a>
</div>
</div>
</a>
</li>
<li>
<a href="#!">
<div class="collection">
<div class="collection:icon">
<svg id="weather34 i-download" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="rgba(242, 58, 48, 1.000)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M28 22 L28 30 4 30 4 22 M16 4 L16 24 M8 16 L16 24 24 16" />
</svg>
</div>
<div class="collection:data">
<h3>Template Download</h3>
<a href="https://github.com/ktrue/CU-HWS/archive/master.zip" target="_blank">CU-HWS-master.zip</a>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>