#151 - adding twitter demo support and show how to share a url

PaulKinlan · Jan 24, 2012 · 95891c1 · 95891c1
1 parent 1180223
commit 95891c1
Show file tree

Hide file tree

Showing 11 changed files with 449 additions and 17 deletions.
diff --git a/server/demos/pages/twitter/index.html b/server/demos/pages/twitter/index.html
diff --git a/server/demos/twitter/README.md b/server/demos/twitter/README.md
@@ -0,0 +1,5 @@
+Twitter
+=======
+
+A Bridge for Twitter Web Intents and Web Intents
+
diff --git a/server/demos/twitter/__init__.py b/server/demos/twitter/__init__.py
diff --git a/server/demos/twitter/layouts/application.html b/server/demos/twitter/layouts/application.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{% block title %}{% endblock %}</title>
+  <link rel="stylesheet" href="styles/bootstrap.min.css">
+  <link rel="stylesheet" href="styles/application.css">
+  <script src='//webintents.org/webintents.min.js'></script>
+  {% block scripts %}{% endblock %}
+</head>
+<body>
+<section>
+{% block content %}{% endblock %}
+</section>
+</body>
+</html>
diff --git a/server/demos/twitter/pages/index.html b/server/demos/twitter/pages/index.html
@@ -0,0 +1,56 @@
+{% extends "demos/twitter/layouts/application.html" %}
+{% block title %}Web Intents: Twitter Demo{% endblock %}
+{% block headline %}Web Intents: Twitter Demos{% endblock %}
+{% block scripts %}
+<script src="//webintents.org/webintents.min.js"></script>
+<intent action="http://webintents.org/share"
+        type="text/uri-list"
+        href="/twitter/twitter_inline.html"
+        disposition="inline"
+        title="Twitter Demo"
+        icon="http://twitter.com/favicon.ico" />
+{% endblock %}
+{% block content %}
+<section>
+<h2>Try it out</h2>
+<p>This is a simple demo.  Share this page to Twitter</p>
+<input id="linkToShare" type="text" value="http://paul.kinlan.me" />
+<input id="shareButton" type="button" value="Share" class="btn primary" />
+
+<h2>Registration</h2>
+<p>
+  It is simple to set up an app to be able to handle incoming data.  
+  This Twitter  bridge was written to let you share your url's directly to Twitter.
+</p>
+<pre>&lt;intent action="http://webintents.org/share"
+  type="text/uri-list"
+  href="twitter_inline.html"
+  disposition="inline" /&gt;
+</pre>
+<p>
+  The above tag just needs to be placed on your page, with a "href" of the page you want to be opened and now
+  your page will be able to be launched via the Web Intent system when a user invokes the "<a href="http://webintents.org/share">share</a>" intent. 
+</p>
+<script>
+  var link = document.getElementById("linkToShare");
+  var share = document.getElementById("shareButton");
+  share.addEventListener("click", function() {
+    var url = link.value;
+    var intent = new Intent("http://webintents.org/share", "text/uri-list", url);
+    window.navigator.startActivity(intent, function(data) {});
+  }, false);
+</script>
+<h2>How to share the link</h2>
+<p>The code for invoking the "share" intent is below.</p>
+<pre>
+  var link = document.getElementById("linkToShare");
+  var share = document.getElementById("shareButton");
+  share.addEventListener("click", function() {
+    var url = link.value;
+    var intent = new Intent("http://webintents.org/share", "text/uri-list", url);
+    window.navigator.startActivity(intent, function(data) {});
+  }, false);
+</pre>
+{
+</section>
+{% endblock %}
diff --git a/server/demos/twitter/static/favicon.ico b/server/demos/twitter/static/favicon.ico
diff --git a/server/demos/twitter/static/robots.txt b/server/demos/twitter/static/robots.txt
@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /
diff --git a/server/demos/twitter/static/scripts/memegen.js b/server/demos/twitter/static/scripts/memegen.js
@@ -0,0 +1,9 @@
+// Copyright 2011 Google Inc. All Rights Reserved.
+function loadImage(img, url) {
+  if(url.substring(0,4) == "data") {
+    img.attr('src', url);
+  }
+  else {
+    img.attr('src', 'proxy?url=' + encodeURIComponent(url));
+  }
+}
diff --git a/server/demos/twitter/static/styles/application.css b/server/demos/twitter/static/styles/application.css
@@ -0,0 +1,29 @@
+html {
+  background-color: #ddd;
+}
+
+body {
+  margin: 30px 50px 30px 50px;
+  box-shadow: 0 0 10px #666;
+  padding: 20px;
+  border-bottom-left-radius: 20px;
+  border-top-right-radius: 20px;
+  background-color: #eee;
+}
+
+#result {
+  height: 600px;
+  width: 800px;
+  box-shadow: inset 0 0 10px #666;
+}
+
+#steps {
+  margin: 0 10px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+
+#steps input {
+  display: block;
+  margin: 0 5px 5px 5px;
+}
diff --git a/server/demos/twitter/static/styles/bootstrap.min.css b/server/demos/twitter/static/styles/bootstrap.min.css
diff --git a/.../demos/static/twitter/twitter_inline.html → .../demos/twitter/static/twitter_inline.html b/.../demos/static/twitter/twitter_inline.html → .../demos/twitter/static/twitter_inline.html