Repository navigation
Expand file tree
/
Copy pathbio.php
More file actions
121 lines (108 loc) · 8.39 KB
/
Copy pathbio.php
File metadata and controls
121 lines (108 loc) · 8.39 KB
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<?php
####################################################################################################
# CREATED FOR HOMEWEATHERSTATION MB SMART TEMPLATE #
# https://weather34.com/homeweatherstation/index.html #
# #
# Release: July 2019 #
# #
# https://www.weather34.com #
####################################################################################################
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";/*!
* Bio Card /Info page css for MB-SMART version July 2019*/
@font-face{font-family:system;font-style:normal;src:local("Arial")}
@font-face{font-family:weathertext2;src:url(css/fonts/verbatim-regular.woff) format("woff"),url(css/fonts/verbatim-regular.woff2) format("woff2"),url(css/fonts/verbatim-regular.ttf) format("truetype")}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
body{font-family:Arial, Helvetica, sans-serif,system;margin:0}
.container{display:flex;padding-left:1rem;padding-right:1rem;width:100%;margin:auto 0;justify-content:center;}
html{font-size:15px}
.card{display:flex;flex-direction:column;margin:1rem 0;background-color:#fff;}
.card .card\:header{display:flex;width:450px;padding:1rem;background-color:rgba(86, 95, 103, 1.000);color:#eee}
.card .card\:header .card\:info{height:60px;display:flex;flex-direction:column;justify-content:center}
.card .card\:header .card\:info h3{margin:0 0 5px;font-weight:500;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.1rem;color:rgba(86, 95, 103, 1.000)}
.card .card\:content ul li .collection .collection\:data span{font-size:.875rem;font-weight:500;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:rgba(61, 70, 77, 1.000);font-size:.75rem;font-weight:500;}a:hover{color:rgba(208, 95, 45, 1.000);}
.weather34darkbrowser{position:relative;background:0;width:100%;max-height:30px;margin:auto;margin-top:-7px;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:12px;position:absolute;left:0;right:0;top:0;padding:4px 15px;margin:11px 50px 0 90px;border-radius:3px;background:rgba(97, 106, 114, 0.3);height:20px;box-sizing:border-box}orange{color:#d35d4e}blue{color:#44a6b5}
.davishardwaresvg{position:absolute;margin-left:240px;}.nanohardwaresvg{position:absolute;margin-left:270px;}body{text-shadow:1px 1px 3px rgba(61,70,77,.2)}
</style>
</head>
<body>
<div class="weather34darkbrowser" url="<?php echo $stationlocation ?> Weather Station Information"></div>
<div class="container">
<div class="card" style="margin-top:50px;overflow:hidden;max-height:370px;">
<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>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>