Skip to content

Instantly share code, notes, and snippets.

@mrjones-plip

mrjones-plip/_readme.md

Last active December 7, 2019 04:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrjones-plip/e563f95f9b4e4bae8d0a20e87515b056 to your computer and use it in GitHub Desktop.
Save mrjones-plip/e563f95f9b4e4bae8d0a20e87515b056 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
_readme.md

SYN Shop Kiosk/Dashboard Glue

Files that power SYN Shop dashboard. See rtfm for more info

Raw
events.php
<!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>
Raw
index.php
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment