Polyglot Studio: twitter

<html>

<head>
  <style>
    /* 
* Example style!
* You can do whatever the hell you want on your site :-)
*/
    h2 {
      clear: both;
    }

p,
    a {
      font-size: 9pt;
      margin: 10px 0 0 0;
      color: #3d3d3d;
    }

a,
    a:visited {
      color: #427fed;
    }

a:hover {
      color: #82afff;
    }

ul li {
      list-style: none;
      overflow: hidden;
      border: 1px solid #dedede;
      margin: 5px;
      padding: 5px;
    }

ul li:hover {
      background-color: #f0f3fb;
    }

.user,
    .tweet,
    .timePosted {
      float: left;
    }

.user {
      width: 25%;
    }

.tweet {
      width: 50%;
    }

.timePosted {
      width: 15%;
    }

.user {
      clear: left;
    }

.user a {
      width: 100px;
    }

.user span span {
      width: 100px;
      display: block;
      margin-top: 10px;
    }

.user img,
    .user a>span {
      float: left;
    }

.user div {
      clear: left;
    }

.interact {
      float: left;
      width: 10%;
      margin-top: -7px;
    }

.interact a {
      margin-left: 5px;
      float: left;
    }

.user a>span {
      margin-left: 10px;
    }

.media img {
      max-width: 250px;
      max-height: 250px;
    }

#linkage {
      position: fixed;
      top: 0px;
      right: 0px;
      background-color: #3d3d3d;
      color: #ffffff;
      text-decoration: none;
      padding: 5px;
      width: 10%;
      font-family: arial;
    }
  </style>
</head>

<body>
  <a id="linkage" href="http://www.jasonmayes.com/projects/twitterApi/" target="_blank">Visit my website</a>
  <h2>Query 1: My latest tweet</h2>
  <div id="example1"></div>
  <h2>Query 2: Last 3 posts I like</h2>
  <div id="example2"></div>
  <h2>Query 3: Recent 3 posts from a custom list</h2>
  <div id="example3"></div>
  <script>
    /*********************************************************************
     *  #### Twitter Post Fetcher v18.0.4 ####
     *  Coded by Jason Mayes 2015. A present to all the developers out there.
     *  www.jasonmayes.com
     *  Please keep this disclaimer with my code if you use it. Thanks. :-)
     *  Got feedback or questions, ask here:
     *  http://www.jasonmayes.com/projects/twitterApi/
     *  Github: https://github.com/jasonmayes/Twitter-Post-Fetcher
     *  Updates will be posted to this site.
     *********************************************************************/
    ! function(e, t) {
      "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? module.exports = t() : t()
    }(0, function() {
      var e = "",
        t = 20,
        i = !0,
        n = [],
        a = !1,
        l = !0,
        s = !0,
        r = null,
        o = !0,
        c = !0,
        m = null,
        d = !0,
        p = !1,
        u = !1,
        g = !0,
        h = !0,
        w = !1,
        f = null;

function b(e) {
        return e.replace(/<b[^>]*>(.*?)<\/b>/gi, function(e, t) {
          return t
        }).replace(/class="(?!(tco-hidden|tco-display|tco-ellipsis))+.*?"|data-query-source=".*?"|dir=".*?"|rel=".*?"/gi, "")
      }

function v(e) {
        for (var t = e.getElementsByTagName("a"), i = t.length - 1; i >= 0; i--) t[i].setAttribute("target", "_blank"), t[i].setAttribute("rel", "noopener")
      }

function _(e, t) {
        for (var i = [], n = new RegExp("(^| )" + t + "( |$)"), a = e.getElementsByTagName("*"), l = 0, s = a.length; l < s; l++) n.test(a[l].className) && i.push(a[l]);
        return i
      }

</html>

http://www.jasonmayes.com/projects/twitterApi/

Polyglot Studio

-

- -

Monday, December 30, 2013

JavaScript fetch and display Twitter posts

Cordova API 3.0

Camera API