Template:Surf the web with Posh Mamas Code

From OpenSocial Directory

  <?xml version="1.0" encoding="UTF-8" ?> 
  <Module>
  <ModulePrefs title="Surf the web with Posh Mamas" title_url="http://me.dium.com/" author="Me.dium" author_email="support@me.dium.com" author_affiliation="Me.dium, Inc." author_location="Boulder, CO" category="communication" category2="tools" description="Hang out with other Posh Mamas online, thanks to this lovely little gadget from Me.dium." screenshot="http://me.dium.com/images/widget/screenshots/posh.png" thumbnail="http://me.dium.com/images/widget/thumbnails/posh.png" height="300" width="400" scaling="false" scrolling="false">
  <Require feature="opensocial-0.5" /> 
  </ModulePrefs>
  <Content type="html">
  <![CDATA[ 
			<script type="text/javascript">
			    _IG_RegisterOnloadHandler(request);

			    function request() {
			      var req = opensocial.newDataRequest();
			      req.add(req.newFetchPersonRequest("VIEWER"), "viewer");
			      req.add(req.newFetchPersonRequest("OWNER"), "owner");
			      req.send(response);
			    }

			    function response(data) {
			      var owner = data.get("owner").getData().getDisplayName();
			      var viewer = data.get("viewer").getData().getDisplayName();
			      if (viewer == "Anonymous") viewer = "you";
			      document.getElementById('ownerName').innerHTML = owner;
			      document.getElementById('viewerName').innerHTML = viewer;
			    }
			</script>
		
			<div style="height: 200px; width: 440px; overflow:hidden;background: url(http://me.dium.com/images/widget/background/posh.png) no-repeat;">
				<a target="posh" href="http://www.poshmama.com" style="position: absolute; top: 50px; left: 225px; height: 20px; width: 160px;display:block;"></a>
				<table style="padding: 4px; color: #666; font-size: 11px; font-weight: bold; font-family: arial; width:230px; height: 80px; position:absolute; top: 80px; left:195px;"><tr><td valign="middle">
					Hi <span id="viewerName">mama</span>,
					you can appear on this cool gadget with me, <span id="ownerName">a Posh Mama</span>, and other Posh Mamas.
					<div style="padding-top: 10px; font-weight: normal;">Please join us for all the fun at <a style="color:#F56A69;" href="http://me.dium.com/" target="_blank">Me.<span style="color:#666">dium</span></a>.</div>
				</td></tr></table>
				<iframe frameborder="0" style="border:none; width=200px; height:200px;" scrolling="no" ALLOWTRANSPARENCY="true"    
				 src="http://widget.getmedium.com/widget/map.html?update=http://widget.getmedium.com/updates/paulg_2932.xml&h=200&w=200&co_brand_height=0&theme=myworld&skin=http://me.dium.com/images/widget/background/transparent.png&proxy=http://me.dium.com/proxy?url="></iframe>
			</div>
		

  ]]> 
  </Content>
  </Module>