From 6d9740bee8a6f1c3d3255dc4db27ef787bfcd38b Mon Sep 17 00:00:00 2001 From: kishan Date: Fri, 22 Feb 2019 14:20:17 +0530 Subject: [PATCH 1/3] added margin for Feed --- style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/style.css b/style.css index bbc3fc7..3a5ba7e 100644 --- a/style.css +++ b/style.css @@ -95,4 +95,6 @@ h2 { border-bottom: 1px solid #ddd; padding: 1em; margin: 0.5em 0; + transform: translate3d(12em, 0, 0); + transition: transform 0.2s; } From 2b087883fb4b3d9a7621e53462d9afb4aee26b60 Mon Sep 17 00:00:00 2001 From: kishan Date: Fri, 22 Feb 2019 14:57:07 +0530 Subject: [PATCH 2/3] Make Dynamic with maximum 10 Feeds --- app.js | 7 ++++-- index.html | 72 +----------------------------------------------------- 2 files changed, 6 insertions(+), 73 deletions(-) diff --git a/app.js b/app.js index 9e583f7..992cd3b 100644 --- a/app.js +++ b/app.js @@ -28,8 +28,11 @@ function loadFeed(id, cb) { rss_url: 'http://feeds.feedburner.com/CssTricks' }, success: function (result, status) { - if (cb) { - cb( /*something*/ ); + if(status == "success"){ + var feedData = result.items; + $.each(feedData,function(index,feedData){ + $('.feed').append('

' + feedData.title +'

'+ feedData.author +'

'); + }); } }, error: function (result, status, err) { diff --git a/index.html b/index.html index 9e9fa63..421c0cd 100644 --- a/index.html +++ b/index.html @@ -25,77 +25,7 @@

Feed
    -
    - -
    -

    The Magic of React-Based Multi-Step Forms

    -

    Nathan Sebhastian

    -
    -     - - -
    -

    The #StateOfCSS 2019 Survey

    -

    Geoff Graham

    -
    -     - - -
    -

    Getting to Grips with the Airtable API

    -

    Robin Rendle

    -
    -     - - -
    -

    Use monday.com to manage and share projects all in one place

    -

    Geoff Graham

    -
    -     - - -
    -

    The Smart Ways to Correct Mistakes in Git

    -

    Tobias Günther

    -
    -     - - -
    -

    “the closest thing web standards have to a golden rule”

    -

    Chris Coyier

    -
    -     - - -
    -

    ​​Avoiding those dang cannot read property of undefined errors

    -

    Adam Giese

    -
    -     - - -
    -

    A Site for Front-End Development Conferences (Built with 11ty on Netlify)

    -

    Chris Coyier

    -
    -     - - -
    -

    Quick! What’s the Difference Between Flexbox and Grid?

    -

    Chris Coyier

    -
    -     - - -
    -

    A Funny Thing Happened on the Way to the JavaScript

    -

    Jason Rodriguez

    -
    -     -
    +