SYN Shop Kiosk/Dashboard Glue
Files that power SYN Shop dashboard. See rtfm for more info
Files that power SYN Shop dashboard. See rtfm for more info
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="refresh" content="3600"> | |
</head> | |
<body> | |
<style media="screen"> | |
body, a { | |
margin:0px; | |
padding:0 0 0 0 ; | |
margin:0 0 0 0 ; | |
background-color: black; | |
font-size: 10px; | |
font-family: Helvetica; | |
color:white; | |
text-decoration: none; | |
} | |
h1 { | |
font-weight: bold; | |
font-size: 50pt; | |
padding-top: 0px; | |
} | |
.date { | |
padding-top: 30px; | |
font-size: 15pt; | |
} | |
.event { | |
font-size: 27pt; | |
} | |
</style> | |
<h1>Upcoming Events</h1> | |
<?php | |
require_once('MeetupEvents.php'); | |
$meetup = new MeetupEvents(); | |
$events = $meetup->get_future_meetup_events('synshop'); | |
$count = 1; | |
foreach ( $events as $event){ | |
print "<div class='date'>{$event['human_date']}</div>"; | |
print "<div class='event'>{$event['title']}</div>"; | |
$count++; | |
if ($count > 6) break; | |
} | |
?> | |
</body> | |
</html> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="apple-mobile-web-app-capable" content="yes" /> | |
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"> | |
<meta content="utf-8" http-equiv="encoding"> | |
</head> | |
<body> | |
<style media="screen"> | |
body, a { | |
margin:0px; | |
padding:0 0 0 0 ; | |
margin:0 0 0 0 ; | |
background-color: black; | |
font-size: 10px; | |
font-family: Helvetica; | |
color:white; | |
text-decoration: none; | |
} | |
iframe { | |
border:none; | |
margin:0; | |
padding:0; | |
display: block; | |
float: left; | |
overflow-y: hidden; | |
} | |
#weatherDash { | |
width: 45%; | |
height: 470px; | |
float: left; | |
overflow-y: hidden; | |
} | |
h1 { | |
font-family: Helvetica; | |
} | |
#logoDash { | |
height: 510px; | |
width: 48%; | |
float: left; | |
overflow-y: hidden; | |
font-family: Helvetica; | |
padding-left: 14px; | |
} | |
#eventDash { | |
width: 45%; | |
float: right; | |
height: 970px; | |
overflow-y: hidden; | |
} | |
.invert img { | |
width: 50%; | |
} | |
</style> | |
<iframe id="eventDash" src="events.php" scrolling="no"></iframe> | |
<iframe id="weatherDash" src="/" scrolling="no"></iframe> | |
<iframe id="logoDash" src="/member_fobbing" scrolling="no" class="invert"> | |
</body> | |
</html> |