fieldsofview.github.io/updates.html at master · fieldsofview/fieldsofview.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
---
layout: default-layout
bg-url: /img/background-updates.png
title: Updates
---
<section class="content">
    <div class="container-fluid clearfix">
        <div class="row">
            <div class="col-md-offset-2 col-md-2">
                <h2 class="about" id="current_about">Updates</h2>
                <ul>
                    <li class="about_nav"><a href="http://blog.fieldsofview.in" target="_blank">Blog</a></li>
                    <li class="about_nav"><a href="http://blog.fieldsofview.in/smartcitiespodcast/" target="_blank">Podcasts</a></li>
                </ul>
            </div>
            <div class="col-md-4" style="padding-top:55px">
                <div class="blog-update">
                    <h3 id="blog-title"></h3>
                    <p id="blog-snippet"></p>
                </div>
                <div class="blog-update" style="margin-top:40px">
                    <h3 id="podcast-title"></h3>
                    <p id="podcast-audio"></p>
                </div>
            </div>
            <div class="col-md-3" style="padding-top:25px">
                <div class="tweet-update">
                    <a class="twitter-timeline"  href="https://twitter.com/fovlabs" data-widget-id="694797707907506176" height="550px" width="100%" data-chrome="nofooter transparent noheader transparent">Tweets by @fovlabs</a>
                    <script>
                    ! function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0],
                            p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s);
                            js.id = id;
                            js.src = p + "://platform.twitter.com/widgets.js";
                            fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");
                    </script>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
$(document).ready(function() {
    urlBlog = 'http://blog.fieldsofview.in/feed/';
    urlPodcast = "http://blog.fieldsofview.in/tag/podcast/feed/";

    var YQLstr = 'SELECT channel.item FROM feednormalizer WHERE output="rss_2.0" AND url ="' + urlBlog + '" LIMIT ' + '1';
    $.ajax({
        type: "GET",
        url: "https://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent(YQLstr) + "&format=json&diagnostics=false&callback=?",
        dataType: 'json',
        error: function() {
            alert('Unable to load feed, Incorrect path or invalid feed');
        },
        success: function(xml) {
            title = xml.query.results.rss.channel.item.title;
            snippet = xml.query.results.rss.channel.item.description;
            $("#blog-title").html(title);
            $("#blog-snippet").html(snippet);
        }
    });


    var YQLstr = 'SELECT channel.item FROM feednormalizer WHERE output="rss_2.0" AND url ="' + urlPodcast + '" LIMIT ' + '1';
    $.ajax({
        type: "GET",
        url: "https://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent(YQLstr) + "&format=json&diagnostics=false&callback=?",
        dataType: 'json',
        error: function() {
            alert('Unable to load feed, Incorrect path or invalid feed');
        },
        success: function(xml) {
            title = xml.query.results.rss.channel.item.title;
            snippet = xml.query.results.rss.channel.item.description;
            audio = xml.query.results.rss.channel.item.enclosure.url;
            $("#podcast-title").html(title);
            $("#podcast-snippet").html(snippet);
            $("#podcast-audio").html("<audio controls><source src='" + audio + "' ></audio><br/>You can also listen to the podcast here.");
        }
    });
});
</script>