mrjones-plip/_readme.md

## _readme.md

      
    Raw
  

              _readme.md
            
          
    SYN Shop Kiosk/Dashboard Glue

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

  
## 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>

## 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>
	<!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>