iframes

Eventbrite ticket widget:
Because the ticket doesn't display when pasted in the HTML code view, following is the code pasted in-line.

<div style="width:100%; text-align:left;" ><iframe  src="https://www.eventbrite.com/tickets-external?eid=10020683133&ref=etckt&v=2" frameborder="0" height="214" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe><div style="font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;" ><a style="color:#ddd; text-decoration:none;" target="_blank" href="http://www.eventbrite.com/r/etckt">Online Ticketing</a><span style="color:#ddd;"> for </span><a style="color:#ddd; text-decoration:none;" target="_blank" href="https://www.eventbrite.com/e/affordable-computer-classes-tickets-10020683133?ref=etckt">Affordable computer classes</a> <span style="color:#ddd;">powered by</span> <a style="color:#ddd; text-decoration:none;" target="_blank" href="http://www.eventbrite.com?ref=etckt">Eventbrite</a></div></div>


Timeline JS, http://timeline.knightlab.com/, may be a dynamic way to tag and share things ordered chronologically. Entries linked from a Google spreadsheet updates the timeline dynamically. 
It supports posting by multiple team members, perhaps in partner departments. There is a WordPress plug-in.

Google spreadsheet driving the above timeline.


 <iframe src='https://s3.amazonaws.com/cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AinKxd-8JVa5dHF1UlN1RnBJMlR3aGpUSWdsMWV5Rnc&font=Pacifico-Arimo&maptype=watercolor&lang=en&hash_bookmark=true&start_at_slide=8&height=650' width='100%' height='650' frameborder='0'></iframe>


iframe embedded code:

<html lang="en">
<head>
<title>TimelineJS Embed</title>
<meta charset="utf-8">
<meta name="description" content="TimelineJS Embed">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- Style-->
<style>
html, body {
height:100%;
padding: 0px;
margin: 0px;
}

#timeline-embed { height: 100%; }
</style>
<!-- HTML5 shim, for IE6-8 support of HTML elements--><!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
</html>
<body>
<!-- BEGIN Timeline Embed -->
<div id="timeline-embed"></div>
<!-- Override -->
<script type="text/javascript">
var trim_point = window.location.href.indexOf('embed/index.html');
if (trim_point > 0) {
var embed_path = window.location.href.substring(0,trim_point); // supports https access via https://s3.amazonaws.com/cdn.knightlab.com/libs/timeline/latest/embed/index.html
} else {
var embed_path = "http://cdn.knightlab.com/libs/timeline/latest/";
}
</script>
<script type="text/javascript" src="../js/storyjs-embed-cdn.js?v214"></script>
<!-- END Timeline Embed-->
</body>
Comments