Updated look and feel of where's Jason page

This commit is contained in:
Jason Williams 2018-08-02 17:17:40 -06:00
parent 79a774c79e
commit 6a14a952e8

View File

@ -21,14 +21,20 @@
<title>Welcome to JnF.me</title> <title>Welcome to JnF.me</title>
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
<style type="text/css"> <style type="text/css">
* {margin: 0; border: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; text-align: center;} * {box-sizing: border-box; margin: 0; border: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; text-align: center;}
html, body {height: 100%; min-height: 100%;} html, body {height: 100%; min-height: 100%;}
body {background-color: #333333;} body {background-color: #333333;}
p {font-size: 10vh;} p {font-size: 10vh;}
h1 {font-size: 20vh; color: #FFFFFF;} h1 {font-size: 20vh; color: #FFFFFF;}
#container {width: 100%; height: 100%; border: 1.5vw solid #333333; background-color: #3e5381;}
#centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
</style> </style>
<body> <body>
<div id="container">
<div id="centered">
<p>Where tf is Jason?</p> <p>Where tf is Jason?</p>
<h1><?= ucwords($output['device_tracker.jasonsphone_jason']['state']) ?></h1> <h1><?= ucwords($output['device_tracker.jasonsphone_jason']['state']) ?></h1>
</div>
</div>
</body> </body>
</html> </html>