{
  "block": 31279442,
  "op": [
    "comment",
    {
      "author": "steemitboard",
      "body": "Congratulations @programmingllama! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@programmingllama/birthday1.png</td><td>Happy Birthday! - You are on the Steem blockchain for 1 year!</td></tr></table>\n\n<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@programmingllama) and compare to others on the [Steem Ranking](http://steemitboard.com/ranking/index.php?name=programmingllama)_</sub>\n\n\n###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}",
      "parent_author": "programmingllama",
      "parent_permlink": "swipe-basic-character-design",
      "permlink": "steemitboard-notify-programmingllama-20190319t034753000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2019-03-19T03:47:54",
  "trx_id": "7f2e4a28388e09eef4e718676faf3338befc9110",
  "trx_in_block": 11,
  "virtual_op": 0
}

{
  "block": 24478534,
  "op": [
    "comment",
    {
      "author": "steemitboard",
      "body": "Congratulations @programmingllama! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :\n\n[![](https://steemitimages.com/70x70/http://steemitboard.com/notifications/firstpayout.png)](http://steemitboard.com/@programmingllama) You got your First payout\n[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/payout.png)](http://steemitboard.com/@programmingllama) Award for the total payout received\n\n<sub>_Click on the badge to view your Board of Honor._</sub>\n<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>\n\n\n\n> Do you like [SteemitBoard's project](https://steemit.com/@steemitboard)? Then **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}",
      "parent_author": "programmingllama",
      "parent_permlink": "swipe-basic-character-design",
      "permlink": "steemitboard-notify-programmingllama-20180725t070526000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-07-25T07:05:24",
  "trx_id": "6aab84fa13158d7c7a171ef7624e5ab5808f2856",
  "trx_in_block": 86,
  "virtual_op": 0
}

{
  "block": 24474168,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "hey man, that must've been a lot of referrals xD anyway want to know your thoughts on whaleshares and their upcoming platform?",
      "json_metadata": "{\"tags\":[\"steem\"],\"app\":\"steemit/0.1\"}",
      "parent_author": "berniesanders",
      "parent_permlink": "any-byteball-referral-bytes-i-earn-will-be-used-to-purchase-steem",
      "permlink": "re-berniesanders-any-byteball-referral-bytes-i-earn-will-be-used-to-purchase-steem-20180725t032216633z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-07-25T03:27:03",
  "trx_id": "08bdb31e17259db88f18c162d953f65b52069ea5",
  "trx_in_block": 18,
  "virtual_op": 0
}

{
  "block": 23844538,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "bradib0y",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-07-02T22:16:24",
  "trx_id": "0b2b2398d76a71c948f178791cb4cd4a787463aa",
  "trx_in_block": 24,
  "virtual_op": 0
}

{
  "block": 21522280,
  "op": [
    "transfer",
    {
      "amount": "2.095 STEEM",
      "from": "programmingllama",
      "memo": "",
      "to": "mindblast"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T05:17:27",
  "trx_id": "711fe6d39716db5d4c5fefca898f784e977620fd",
  "trx_in_block": 22,
  "virtual_op": 0
}

{
  "block": 21519651,
  "op": [
    "transfer",
    {
      "amount": "36.990 SBD",
      "from": "programmingllama",
      "memo": "",
      "to": "mindblast"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T03:05:57",
  "trx_id": "cb8288b00c3689ca420e71baeb2ad7c808ddeabb",
  "trx_in_block": 75,
  "virtual_op": 0
}

{
  "block": 21519601,
  "op": [
    "transfer",
    {
      "amount": "36.990 SBD",
      "from": "bittrex",
      "memo": "",
      "to": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T03:03:27",
  "trx_id": "e37c172b9654fd6b6adece0b2ea6170be56af26f",
  "trx_in_block": 65,
  "virtual_op": 0
}

{
  "block": 21519137,
  "op": [
    "account_create_with_delegation",
    {
      "active": {
        "account_auths": [],
        "key_auths": [
          [
            "STM7CoWPFYtkfYhqwNzPN499Jf6exJ1LCgpvuWPiY5ZK6wHgKH7cG",
            1
          ]
        ],
        "weight_threshold": 1
      },
      "creator": "programmingllama",
      "delegation": "0.000000 VESTS",
      "extensions": [],
      "fee": "6.000 STEEM",
      "json_metadata": "{}",
      "memo_key": "STM69LXTkJ3ft884ni3oDiF4XrqELZjkBAAJzZY8H3RcFERaWtP5c",
      "new_account_name": "mindblast",
      "owner": {
        "account_auths": [],
        "key_auths": [
          [
            "STM5w3iLNdL66pP987QNY4cwCoZ7AyyKGXXVYPT612cWMjaUMB28d",
            1
          ]
        ],
        "weight_threshold": 1
      },
      "posting": {
        "account_auths": [],
        "key_auths": [
          [
            "STM7PrYdBXkAwKoyGevVAiX2LCCZGEVCXXWwEDicxJ7UA9QyiKtas",
            1
          ]
        ],
        "weight_threshold": 1
      }
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:40:15",
  "trx_id": "94383b4b1a739a9d72f04a037b199c9afb4dc649",
  "trx_in_block": 0,
  "virtual_op": 0
}

{
  "block": 21518912,
  "op": [
    "fill_order",
    {
      "current_orderid": 112065759,
      "current_owner": "fermion",
      "current_pays": "3.596 STEEM",
      "open_orderid": 1523586173,
      "open_owner": "programmingllama",
      "open_pays": "3.990 SBD"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:29:00",
  "trx_id": "e9cdb92fea6f597af03160385b4a2c715cd83e51",
  "trx_in_block": 54,
  "virtual_op": 1
}

{
  "block": 21518875,
  "op": [
    "limit_order_create",
    {
      "amount_to_sell": "3.990 SBD",
      "expiration": "1969-12-31T23:59:59",
      "fill_or_kill": false,
      "min_to_receive": "3.596 STEEM",
      "orderid": 1523586173,
      "owner": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:27:09",
  "trx_id": "039a458b788164185d1b6998e8431a94f73504b7",
  "trx_in_block": 78,
  "virtual_op": 0
}

{
  "block": 21518667,
  "op": [
    "transfer",
    {
      "amount": "3.990 SBD",
      "from": "bittrex",
      "memo": "",
      "to": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:16:45",
  "trx_id": "493477f04020f763d82a06820c3322d50be4df27",
  "trx_in_block": 15,
  "virtual_op": 0
}

{
  "block": 21518618,
  "op": [
    "account_create_with_delegation",
    {
      "active": {
        "account_auths": [],
        "key_auths": [
          [
            "STM51xQNsnwbhewFh2VpFeD3XKEhMc6yyvyLZrLosWfK3dzNzp4X9",
            1
          ]
        ],
        "weight_threshold": 1
      },
      "creator": "programmingllama",
      "delegation": "0.000000 VESTS",
      "extensions": [],
      "fee": "6.000 STEEM",
      "json_metadata": "{}",
      "memo_key": "STM87EQNjKhJ4JvEvHMti8Wkcc19D6ehsXNNvj4T3etHeoPYgyP3B",
      "new_account_name": "ninjaslasher",
      "owner": {
        "account_auths": [],
        "key_auths": [
          [
            "STM7mLzpjSqK8iMUmJYsu3NySbgRKtHC4PJH2iLod75zTET9k7KwD",
            1
          ]
        ],
        "weight_threshold": 1
      },
      "posting": {
        "account_auths": [],
        "key_auths": [
          [
            "STM7R6EQ9PGC8VRRJEjxBGoKjnm1yySDo42XBKiuVjJgLaqFfqvyW",
            1
          ]
        ],
        "weight_threshold": 1
      }
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:14:18",
  "trx_id": "6a0efcbe0f011f3cddfeb6f95621593554eede5a",
  "trx_in_block": 7,
  "virtual_op": 0
}

{
  "block": 21518485,
  "op": [
    "fill_order",
    {
      "current_orderid": 117793969,
      "current_owner": "fermion",
      "current_pays": "8.982 STEEM",
      "open_orderid": 1523584930,
      "open_owner": "programmingllama",
      "open_pays": "9.881 SBD"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:07:39",
  "trx_id": "3f67b2feaa26662d18bbae232b204f69bb858c05",
  "trx_in_block": 38,
  "virtual_op": 1
}

{
  "block": 21518484,
  "op": [
    "fill_order",
    {
      "current_orderid": 1523585246,
      "current_owner": "aungthurain",
      "current_pays": "0.100 STEEM",
      "open_orderid": 1523584930,
      "open_owner": "programmingllama",
      "open_pays": "0.109 SBD"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:07:36",
  "trx_id": "fc6e696643023b5a657d28d0262af652e5aaaeca",
  "trx_in_block": 54,
  "virtual_op": 1
}

{
  "block": 21518460,
  "op": [
    "limit_order_create",
    {
      "amount_to_sell": "9.990 SBD",
      "expiration": "1969-12-31T23:59:59",
      "fill_or_kill": false,
      "min_to_receive": "9.082 STEEM",
      "orderid": 1523584930,
      "owner": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:06:24",
  "trx_id": "e63acae31d2ca803330358ea0fe10e41282a7306",
  "trx_in_block": 34,
  "virtual_op": 0
}

{
  "block": 21518422,
  "op": [
    "transfer",
    {
      "amount": "9.990 SBD",
      "from": "bittrex",
      "memo": "",
      "to": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T02:04:30",
  "trx_id": "2c5c7e3a80b19eda931efeadc9add549ad7c09e5",
  "trx_in_block": 14,
  "virtual_op": 0
}

{
  "block": 21518264,
  "op": [
    "transfer",
    {
      "amount": "0.534 STEEM",
      "from": "bittrex",
      "memo": "",
      "to": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-13T01:56:36",
  "trx_id": "6811e865ede2696d245448962c7bc4f8573ae65d",
  "trx_in_block": 32,
  "virtual_op": 0
}

{
  "block": 21174832,
  "op": [
    "transfer",
    {
      "amount": "13.978 SBD",
      "from": "programmingllama",
      "memo": "83acdef8-1c36-493c-8621-f3212f6a0ee1",
      "to": "blocktrades"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-01T03:42:51",
  "trx_id": "c06de63186346ac75a75627c3d2bd10b2d4b00a0",
  "trx_in_block": 6,
  "virtual_op": 0
}

{
  "block": 21174814,
  "op": [
    "claim_reward_balance",
    {
      "account": "programmingllama",
      "reward_sbd": "13.978 SBD",
      "reward_steem": "0.668 STEEM",
      "reward_vests": "17016.660470 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-04-01T03:41:57",
  "trx_id": "d767fc3f0d9fd61e68b9b8c67bb061c8f32a14db",
  "trx_in_block": 16,
  "virtual_op": 0
}

{
  "block": 21063581,
  "op": [
    "author_reward",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "sbd_payout": "13.978 SBD",
      "steem_payout": "0.668 STEEM",
      "vesting_payout": "17016.660470 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-28T06:58:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": 18
}

{
  "block": 21063581,
  "op": [
    "comment_benefactor_reward",
    {
      "author": "programmingllama",
      "benefactor": "utopian.pay",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "11343.080231 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-28T06:58:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": 17
}

{
  "block": 21030869,
  "op": [
    "transfer",
    {
      "amount": "15.251 SBD",
      "from": "programmingllama",
      "memo": "f544ca0f-dcfd-4bce-b09a-8d5e7418e84c",
      "to": "blocktrades"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-27T03:42:18",
  "trx_id": "31d3f3f62356af482b91f0b55653e480ab01aef1",
  "trx_in_block": 56,
  "virtual_op": 0
}

{
  "block": 21030752,
  "op": [
    "claim_reward_balance",
    {
      "account": "programmingllama",
      "reward_sbd": "15.250 SBD",
      "reward_steem": "0.215 STEEM",
      "reward_vests": "16387.951633 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-27T03:36:27",
  "trx_id": "5c6141183f899942328b7dafe45e4a3b5399d590",
  "trx_in_block": 85,
  "virtual_op": 0
}

{
  "block": 21007169,
  "op": [
    "author_reward",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "sbd_payout": "15.250 SBD",
      "steem_payout": "0.215 STEEM",
      "vesting_payout": "16387.951633 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-26T07:56:54",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": 22
}

{
  "block": 21007169,
  "op": [
    "comment_benefactor_reward",
    {
      "author": "programmingllama",
      "benefactor": "utopian.pay",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "10923.940867 VESTS"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-26T07:56:54",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": 21
}

{
  "block": 20997950,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "hey @nilfanif thanks for looking into it. I've updated the drive and added the .png. I didn't know it had to be for every shape. I hope it can still be accepted",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"users\":[\"nilfanif\"],\"app\":\"steemit/0.1\"}",
      "parent_author": "nilfanif",
      "parent_permlink": "re-programmingllama-swipe-basic-character-design-20180325t102318829z",
      "permlink": "re-nilfanif-re-programmingllama-swipe-basic-character-design-20180326t001539168z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-26T00:15:39",
  "trx_id": "ae9c07e32c7c0bb6f8e6b4612d1677ba900a76d2",
  "trx_in_block": 8,
  "virtual_op": 0
}

{
  "block": 20981606,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "swipe-basic-character-design",
      "voter": "zapper",
      "weight": 100
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-25T10:38:06",
  "trx_id": "9838fb2b5451bf9f28b5909df37d7cb3b8e60dce",
  "trx_in_block": 39,
  "virtual_op": 0
}

{
  "block": 20981312,
  "op": [
    "comment",
    {
      "author": "nilfanif",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\n- No .png (ready to use file) provided\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}",
      "parent_author": "programmingllama",
      "parent_permlink": "swipe-basic-character-design",
      "permlink": "re-programmingllama-swipe-basic-character-design-20180325t102318829z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-25T10:23:24",
  "trx_id": "1fbb8997eb951bc322036f6fc18c9610c5f3a3ca",
  "trx_in_block": 13,
  "virtual_op": 0
}

{
  "block": 20981295,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "\n#### Details\n<center>![designs.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png)\n</center>\nHere's my contribution for the <a href=\"https://utopian.io/utopian-io/@ady-was-here/swipe-basic-shape-characters-request\">task request</a> by @ady-was-here. Swipe is a 2D swipe game for android where players try to survive as long as possible, the longer the game time the harder the game gets! \n\n#### Benefits / Improvements\nThe design made was based on the examples and requirements of the task. The design is simple, clean and professional which I think fits the game.\n\n#### Tools\nThe tool used in the design is Adobe Photoshop.\n\n##### Design #1 \n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png)\n</center>\n\n##### Design #2 \n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png)\n</center>\n##### Design #3\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png)\n</center>\n<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png)\n</center>\n\n##### All Designs\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png)\n</center>\n\n#### Original files\nAll files can be downloaded here <a href=\"https://drive.google.com/drive/folders/1HRTGH8CS8flrkV-BN3B3vhXI_MKKOKFA?usp=sharing\">Google Drive</a>.\n\n<a rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\"><img alt=\"Creative Commons License\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by/4.0/88x31.png\" /></a><br />This work is licensed under a <a rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\">Creative Commons Attribution 4.0 International License</a>.\n    \n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@programmingllama/swipe-basic-character-design\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":124749423,\"name\":\"Swipe\",\"full_name\":\"AdyWasHere/Swipe\",\"html_url\":\"https://github.com/AdyWasHere/Swipe\",\"fork\":false,\"owner\":{\"login\":\"AdyWasHere\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"graphics\",\"tags\":[\"utopian-io\",\"swipe\",\"graphics\"],\"users\":[\"ady-was-here\",\"ady-was-here.\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png\"],\"moderator\":{\"account\":\"nilfanif\",\"time\":\"2018-03-25T10:22:32.609Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false},\"questions\":[],\"score\":null}",
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "permlink": "swipe-basic-character-design",
      "title": "SWIPE Basic Character Design"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-25T10:22:33",
  "trx_id": "ba00339b35d400ddc184dda32f620a43a7038164",
  "trx_in_block": 54,
  "virtual_op": 0
}

{
  "block": 20941492,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "re-ady-was-here-swipe-basic-shape-characters-request-20180324t011130107z",
      "voter": "programmingllama",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-24T01:12:03",
  "trx_id": "c90401d2edc167d88363b77e89604fecd6a18f32",
  "trx_in_block": 23,
  "virtual_op": 0
}

{
  "block": 20941484,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "<center>![img](https://steemit-production-imageproxy-thumbnail.s3.amazonaws.com/U5dqvZFMD8cjM6Mk9EbCLMrCHeNCQx6_1680x8400)</center>\nPosted this yesterday (hopefully before the task was closed) but forgot to comment here.\n\n<a href=\"https://utopian.io/utopian-io/@programmingllama/swipe-basic-character-design\">Post Link</a>\n\nHope you like it. ",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}",
      "parent_author": "ady-was-here",
      "parent_permlink": "swipe-basic-shape-characters-request",
      "permlink": "re-ady-was-here-swipe-basic-shape-characters-request-20180324t011130107z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-24T01:11:39",
  "trx_id": "efab19cd49c56e9749ba2d00bb1db4958c8cfa14",
  "trx_in_block": 25,
  "virtual_op": 0
}

{
  "block": 20928581,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "swipe-basic-character-design",
      "voter": "sandan",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-23T14:26:21",
  "trx_id": "97a8dac8885bc9f6fedb4a22d5b9141e8b2e6154",
  "trx_in_block": 63,
  "virtual_op": 0
}

{
  "block": 20922905,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "swipe-basic-character-design",
      "voter": "marketstack",
      "weight": 85
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-23T09:42:06",
  "trx_id": "c745100a923a1b107fbb6bf0abf69c550ae1b33a",
  "trx_in_block": 48,
  "virtual_op": 0
}

{
  "block": 20922320,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "programmingllama",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "permlink": "swipe-basic-character-design"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-23T09:12:51",
  "trx_id": "23daa7a9df7e22bb2b7463db36834d6a7cb5bbdf",
  "trx_in_block": 5,
  "virtual_op": 0
}

{
  "block": 20922320,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "\n#### Details\n<center>![designs.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png)\n</center>\nHere's my contribution for the <a href=\"https://utopian.io/utopian-io/@ady-was-here/swipe-basic-shape-characters-request\">task request</a> by @ady-was-here. Swipe is a 2D swipe game for android where players try to survive as long as possible, the longer the game time the harder the game gets! \n\n#### Benefits / Improvements\nThe design made was based on the examples and requirements of the task. The design is simple, clean and professional which I think fits the game.\n\n#### Tools\nThe tool used in the design is Adobe Photoshop.\n\n##### Design #1 \n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png)\n</center>\n\n##### Design #2 \n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png)\n</center>\n##### Design #3\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png)\n</center>\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png)\n</center>\n<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png)\n</center>\n\n##### All Designs\n<center>\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png)\n</center>\n\n#### Original files\nAll files can be downloaded here <a href=\"https://drive.google.com/drive/folders/1HRTGH8CS8flrkV-BN3B3vhXI_MKKOKFA?usp=sharing\">Google Drive</a>.\n\n<a rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\"><img alt=\"Creative Commons License\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by/4.0/88x31.png\" /></a><br />This work is licensed under a <a rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\">Creative Commons Attribution 4.0 International License</a>.\n    \n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@programmingllama/swipe-basic-character-design\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":124749423,\"name\":\"Swipe\",\"full_name\":\"AdyWasHere/Swipe\",\"html_url\":\"https://github.com/AdyWasHere/Swipe\",\"fork\":false,\"owner\":{\"login\":\"AdyWasHere\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"graphics\",\"tags\":[\"utopian-io\",\"swipe\",\"graphics\"],\"users\":[\"ady-was-here\",\"ady-was-here.\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521793080/t3hgvkvzonl6mdfbnm1j.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795987/smwha9dqkmkhlcyegws5.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796014/actkqnlfvxddmdezy3f9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794593/yiqy1wvmotdi8czoqgf3.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795651/m3t7a2mobsrsg4i7rlsy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795721/tbp4ova04wsc5vpdbmoh.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521795865/cci9w350nq29txnu75xz.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796215/b4kdrshanqgxqakwnutc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521796289/kvzt8gdax5hvoszqr1lt.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794765/qgziefpl079ppbcc2upj.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521794837/hccys7uryqzqg8fes84x.png\"]}",
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "permlink": "swipe-basic-character-design",
      "title": "SWIPE Basic Character Design"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-23T09:12:51",
  "trx_id": "23daa7a9df7e22bb2b7463db36834d6a7cb5bbdf",
  "trx_in_block": 5,
  "virtual_op": 0
}

{
  "block": 20914403,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "elbeto-005",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-23T02:35:42",
  "trx_id": "d1e22b45d27dacea7568737e5b4828f0604978c8",
  "trx_in_block": 21,
  "virtual_op": 0
}

{
  "block": 20903021,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "raphaelle",
      "weight": 1000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T16:53:30",
  "trx_id": "dfea5f56c875ad3cdb6a0afe079ed19417866021",
  "trx_in_block": 16,
  "virtual_op": 0
}

{
  "block": 20902998,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "arcange",
      "weight": 1000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T16:52:18",
  "trx_id": "fa5a2e75a56fd02d72fdecffbdbd5f65082dc693",
  "trx_in_block": 8,
  "virtual_op": 0
}

{
  "block": 20902997,
  "op": [
    "comment",
    {
      "author": "arcange",
      "body": "Congratulations @programmingllama!\nYour post was mentioned in the [Steemit Hit Parade for newcomers](https://steemit.com/hit-parade/@arcange/daily-hit-parade-for-newcomers-20180321) in the following category:\n\n* Pending payout - Ranked 4 with $ 61,99\n\nI also upvoted your post to increase its reward\nIf you like my work to promote newcomers and give them more visibility on Steemit, feel free to vote for my witness! You can do it [here](https://steemit.com/~witnesses) or use [SteemConnect](https://v2.steemconnect.com/sign/account-witness-vote?witness=arcange&approve=1)",
      "json_metadata": "",
      "parent_author": "programmingllama",
      "parent_permlink": "jquery-plugin-highlight-pagepiling-js",
      "permlink": "re-jquery-plugin-highlight-pagepiling-js-20180321t175215000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T16:52:15",
  "trx_id": "d692a60e587f46384da836b9d177b27f752ca6af",
  "trx_in_block": 10,
  "virtual_op": 0
}

{
  "block": 20899388,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "richardbmx",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T13:49:00",
  "trx_id": "d4ba7d5fb2ae236618c681ac0d40ed3e752f5ef4",
  "trx_in_block": 3,
  "virtual_op": 0
}

{
  "block": 20897947,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "gutzygwin",
      "weight": 2500
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T12:36:57",
  "trx_id": "2c99e393b8c7b69f2dd8ae325de425888d79ce9f",
  "trx_in_block": 13,
  "virtual_op": 0
}

{
  "block": 20897098,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "azwarrangkuti",
      "weight": 5000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T11:54:30",
  "trx_id": "29c9b42b730f22deb2b4df7e2dcb9ef30c063e10",
  "trx_in_block": 52,
  "virtual_op": 0
}

{
  "block": 20892569,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "grzesiekb",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T08:08:03",
  "trx_id": "da4536721fcbd52fbd54e609e802b4d92c56deb2",
  "trx_in_block": 2,
  "virtual_op": 0
}

{
  "block": 20892013,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "lightshield",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T07:40:15",
  "trx_id": "5ee459bf5ceb989e2bae5b675491a1efbb54e342",
  "trx_in_block": 26,
  "virtual_op": 0
}

{
  "block": 20889398,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "cicca",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T05:29:30",
  "trx_id": "e6e8b7bf85b0f19bff5f88fcf92918ec96f66682",
  "trx_in_block": 45,
  "virtual_op": 0
}

{
  "block": 20889193,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "iqbaladan",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T05:19:15",
  "trx_id": "5d10d545b5bc388e8195a8dd22a889489e15c1d7",
  "trx_in_block": 4,
  "virtual_op": 0
}

{
  "block": 20886781,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "clayjohn",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T03:18:39",
  "trx_id": "a8688d673d0613876071266d5023b941368876eb",
  "trx_in_block": 21,
  "virtual_op": 0
}

{
  "block": 20886479,
  "op": [
    "transfer",
    {
      "amount": "0.001 SBD",
      "from": "haveaheart",
      "memo": "Hello. Tomorrow is my wife's birthday. If you have the time, we would appreciate it if you could read this. https://steemit.com/love/@crystalhuman/please-help-me-keep-her Thank you.",
      "to": "programmingllama"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T03:03:33",
  "trx_id": "c560540589fe7610efe7cf31ac9016ba5b151706",
  "trx_in_block": 42,
  "virtual_op": 0
}

{
  "block": 20884804,
  "op": [
    "account_update",
    {
      "account": "programmingllama",
      "json_metadata": "{\"profile\":{\"profile_image\":\"https://images7.alphacoders.com/393/thumb-1920-393953.jpg\",\"cover_image\":\"https://wallpaperscraft.com/image/park_lawn_grass_trees_sun_15215_1920x1080.jpg\",\"name\":\"Programming Llama\",\"about\":\"You could call me a programa ;) \"}}",
      "memo_key": "STM8NDyp9X4LL3skQdnanqTiR8qVJHfQbyx2LsJuvxEtg3CFHXWug"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-22T01:39:45",
  "trx_id": "22b8a2d1de7456a6b3b95583bf3b591cbadc2c58",
  "trx_in_block": 7,
  "virtual_op": 0
}

{
  "block": 20882001,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "statsexpert",
      "weight": 4500
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:19:09",
  "trx_id": "0030f5872fb227432574c1646aed8752306cf895",
  "trx_in_block": 3,
  "virtual_op": 0
}

{
  "block": 20881981,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "yorkchinese",
      "weight": 6300
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:18:09",
  "trx_id": "85553f18e0bbd8cd98d8f74f2dc430e3198879f2",
  "trx_in_block": 18,
  "virtual_op": 0
}

{
  "block": 20881942,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "yuxid",
      "weight": 1500
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:16:12",
  "trx_id": "c9fbb26ab44a0b661cc402d58b600cb6798989c1",
  "trx_in_block": 6,
  "virtual_op": 0
}

{
  "block": 20881935,
  "op": [
    "comment",
    {
      "author": "utopian-io",
      "body": "### Hey @programmingllama I am @utopian-io. I have just upvoted you!\n#### Achievements\n- You have less than 500 followers. Just gave you a gift to help you succeed!\n- Seems like you contribute quite often. AMAZING!\n#### Community-Driven Witness!\nI am the first and only Steem Community-Driven Witness. <a href=\"https://discord.gg/zTrEMqB\">Participate on Discord</a>. Lets GROW TOGETHER!\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1\">Vote for my Witness With SteemConnect</a>\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1\">Proxy vote to Utopian Witness with SteemConnect</a>\n- Or vote/proxy on <a href=\"https://steemit.com/~witnesses\">Steemit Witnesses</a>\n\n[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)\n\n**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}",
      "parent_author": "programmingllama",
      "parent_permlink": "jquery-plugin-highlight-pagepiling-js",
      "permlink": "re-programmingllama-jquery-plugin-highlight-pagepiling-js-20180321t231551414z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:15:51",
  "trx_id": "2c37b3a2eaf4a30bb0bb54d94c4f08e9bdbb9ffd",
  "trx_in_block": 17,
  "virtual_op": 0
}

{
  "block": 20881934,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "cifer",
      "weight": 6500
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:15:48",
  "trx_id": "7c36acecb496541457fb41cc5dbdae8e2e8c37e7",
  "trx_in_block": 33,
  "virtual_op": 0
}

{
  "block": 20881934,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "utopian-io",
      "weight": 1100
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:15:48",
  "trx_id": "0131f991fe0523f86c64f7ec51642d90fe79cd60",
  "trx_in_block": 21,
  "virtual_op": 0
}

{
  "block": 20881923,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "steemnova",
      "weight": 600
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:15:15",
  "trx_id": "e018dd83c5b3ba2f766cf4dc279ddc1ebc7f3e18",
  "trx_in_block": 21,
  "virtual_op": 0
}

{
  "block": 20881921,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "mys",
      "weight": 600
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:15:09",
  "trx_id": "cbdd46554be519dca0f74aba1d8722c29bd24203",
  "trx_in_block": 31,
  "virtual_op": 0
}

{
  "block": 20881915,
  "op": [
    "comment",
    {
      "author": "portugalcoin",
      "body": "Thank you for the contribution. It has been approved.\n\n- In the repository have an explanation about how pagePiling.js works, but I liked your explanation and your examples, I think it is easier to use this tutorial.\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}",
      "parent_author": "programmingllama",
      "parent_permlink": "jquery-plugin-highlight-pagepiling-js",
      "permlink": "re-programmingllama-jquery-plugin-highlight-pagepiling-js-20180321t231452198z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:14:51",
  "trx_id": "f9b4833d8dc007be0b53e5b629568ed827900b90",
  "trx_in_block": 60,
  "virtual_op": 0
}

{
  "block": 20881902,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "<center>![img](https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png)</center>\n###### <a href=\"https://github.com/alvarotrigo/pagePiling.js\">source</a>\n\n#### What Will I Learn?\n- What is pagePiling.js\n- How to import pagePiling.js\n- How to use pagePiling.js in a HTML Project\n\n#### Requirements\n- Knowledge in HTML\n- Knowledge in Javascript\n- Knowledge in JQuery\n\n#### Difficulty\nBasic\n\n#### Tutorial Contents\n- Introduction\n- Importing pagePiling.js\n- Creating a simple app using pagePiling.js\n\n##### Introduction \n<a href=\"http://alvarotrigo.com/pagePiling/\">pagePiling.js</a> is a unique JQuery plugin which allows developers to make scroll-able fullscreen websites with ease, it is also easy to customize with its wide array of options. \n\n##### Importing pagePiling.js\nBefore we can start using the libraries in `pagePiling` we first need to import it.`pagePiling` requires `jquery` to be able to run successfully, so we need to import JQuery as well. We will be importing both `jquery` and `pagePiling` via CDN. \n\nJQuery: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js\n\npagePiling.js: https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.js\n\npagePiling.css: https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.css\n\nAdditionally, we will also be importing `bootstrap` just for presentation. \n(**Note: This is not a requirement. pagePiling will still work without this. **)\n\nbootstrap.js: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js\n\nbootstrap.css: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css\n\nOnce you have all of the CDN we proceed to import them into a HTML file.\n```\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css\">\n\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js\"></script>\n```\n##### Creation\n<center>![gif1.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif)\n</center>\n```\nHTML File\n<div id=\"pagepiling\">\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n</div>\n\nJavascript File\n$(document).ready(function() {\n  $('#pagepiling').pagepiling()\n});\n```\nThe code above shows the **simplest** way to use pagePiling.js. Now let's disect the code to get a better understanding.\n\n```\n<div id=\"pagepiling\">\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n</div>\n```\nLet's start with the HTML file. The first line `<div id=\"pagepiling\">` is where we give our `div` an `id` so that later on we can easily tell the javascript that we want this particular `div` as the `div` where we put pagepiling on. This can be **any** valid id.\n\nNext are the sections `<div class=\"section\">Some Section</div>` this is where the magic happens. Each `div` with a `class` called `section` is a new page being piled on. So for the example we have four (4) pages. By default pagePiling uses the `section` class but that can cause conflicts when using other plugins, so later on we will be changing that using one of the built in function in pagePiling.\n\nMoving on, \n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling()\n});\n```\nThe Javascript is very simple. Basically, when the page loads `$(document).ready(function() {})` we call the `id` of our `div`, in this case `pagepiling`, and call the `pagepiling()` function which basically binds all the css and javascript of the pagePiling library.\n\n\n##### And there you go, the most basic way of using pagePiling.js, BUT it looks way too plain right? Also, if you look closely it doesn't hide the content of each section but just stacks them. This **might** be a compatibility issue with the latest version of JQuery. So what we'll do is make a workaround to remedy the issue. Let's start..\n\nFirst to address the issue of the stacking content a simple workaround for this is by adding a background color per section. To do this we use one of the customization function of pagePiling which is the `sectionsColor`. `sectionsColor` accepts an array of colors (either hex, rgb, rgba or by name). \n**( Note: If the array of colors passed is less than the sections the remaining sections would be using the default background color)** \n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n  });\n});\n```\n\nNext, we want to change the `id` of the sections to avoid conflicts with different plugins. This can be done by using the `sectionSelector` function. We will give it a name `.mySelection`, this function accepts a `class` denoted by the `.somename` if passed with an `id` this won't work.\n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n    sectionSelector: '.mySection'\n  });\n});\n```\n\nWe could also change the direction of the transition, the transition speed, whether we want it to loop from the last and first with the `direction` , `scrollingSpeed`, `loopTop` and `loopBottom` respectively. the `direction` function accepts either `horizontal` or `vertical` with `vertical` as the default. `scrollingSpeed` sets the speed where a user can scroll to the next section. The `loopTop` and `loopBottom` basically allows user to loop back when reaching the end of the sections both which are set to `false` by default.\n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    direction: 'horizontal',\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n    sectionSelector: '.mySection',\n    loopBottom: true,\n    loopTop: false,\n    scrollingSpeed: 100\n  });\n});\n```\n\nLastly, pagePiling also allows us to setup callback functions. Namely `onLeave`, `afterLoad` and `afterRender`. `onLeave` gets triggered when the user changes sections and has three parameters, index (current section), nextIndex (next section), and direction (up or down). `afterLoad` gets called when the section has finished loading and has two parameters, anchorLink (section) and index (current section). `afterRender` is called when the pagePiling section is finished rendering.\n\n\nFor the demo I've added a neat feature of pagePiling wherein your section can be made scrollable (add `pp-scrollable` inside the section) when your content gets too long. Also, I've added a form inside the section.\n\n<center>![demo.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif)\n</center>\n\nDemo HTML file.\n```\n<div id=\"pagepiling\">\n  <div class=\"mySection\">\n      <h1>Nothing Special Here, Just a normal section</h1>\n  </div>\n  <div class=\"mySection pp-scrollable\">\n    <h1>A Scrollable Section</h1>\n    <h3>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc nulla, aliquet in mattis ac, commodo ut orci. Pellentesque fermentum sodales lacus. Nulla turpis dui, accumsan sit amet lorem nec, tincidunt convallis justo. Proin felis risus, dictum at\n      mollis vel, commodo quis nisl. In nec egestas tortor, vel finibus neque. Nulla nec porttitor nisi. Donec euismod sagittis dui. Nullam augue justo, blandit quis tincidunt vitae, porta quis mi. Phasellus ultrices interdum dolor a dapibus. Nunc quis\n      pharetra nunc, in facilisis arcu. Suspendisse scelerisque, enim viverra volutpat ultricies, nulla erat lacinia lacus, eu mollis velit turpis ut nulla. Suspendisse eu urna nec tortor semper euismod. Mauris quis purus in mi semper tincidunt quis ultricies\n      orci. Proin aliquet dolor quis eros eleifend laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas et nisl at lectus tempor accumsan non non enim. Sed ultricies at magna at consequat. Aliquam\n      varius, nulla non convallis malesuada, dui massa pellentesque sem, ac consectetur nunc erat eget magna. Nunc risus diam, volutpat non ipsum rutrum, consectetur volutpat eros. Curabitur quis risus aliquam, sodales sapien sed, vulputate enim. Aenean\n      vitae elit porta, rhoncus lectus sed, tincidunt nulla. Nulla est mauris, rutrum quis neque a, rutrum vehicula nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent lorem lectus, varius eget purus\n      sit amet, ultricies accumsan enim. Duis non turpis eget tellus imperdiet tincidunt. In lacus est, volutpat sed urna quis, dignissim tincidunt sapien. Praesent tincidunt dolor lorem, vel dapibus est euismod quis. Fusce nec erat id lorem condimentum\n      interdum et et tellus. Phasellus in tortor ut felis ullamcorper efficitur. Nam in augue eleifend, vestibulum libero non, placerat nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras sollicitudin felis arcu, sit amet varius magna\n      scelerisque quis. Quisque scelerisque venenatis mauris non malesuada. Mauris diam massa, laoreet sed molestie eu, tempus nec mauris. Integer scelerisque tortor ac risus consequat vehicula. Duis nec tellus consectetur, sagittis nisl fringilla, sollicitudin\n      urna. Vestibulum at varius ante. Praesent lobortis tristique hendrerit. Etiam malesuada ac dolor non mattis. Curabitur dui metus, mollis id auctor eu, pellentesque eu nisi. Phasellus placerat tellus in turpis bibendum, nec gravida lectus pellentesque.\n      Ut vel sodales sapien. Cras non felis id turpis viverra malesuada eget fermentum tellus. Integer dignissim libero vel elit finibus pulvinar. Proin ex magna, suscipit in mollis nec, molestie dignissim elit. In sagittis vel turpis quis semper. Vivamus\n      non vehicula elit. Etiam sit amet sagittis diam. Pellentesque cursus mollis laoreet. Suspendisse in neque pulvinar, fermentum magna vestibulum, pellentesque ipsum. Mauris pretium, magna in rutrum egestas, felis felis vestibulum sem, nec mollis magna\n      risus ac mi. Donec vitae mi vitae ligula maximus finibus efficitur non neque. Curabitur vehicula varius sapien eget condimentum. Ut laoreet diam ac nibh feugiat rutrum. Donec luctus eu dui eu ultricies. Etiam ut metus nec arcu elementum placerat\n      sit amet quis neque. Maecenas cursus, neque id convallis lobortis, augue diam interdum ipsum, et ullamcorper turpis eros ac diam. Aliquam nunc felis, eleifend sed suscipit commodo, porttitor eget justo. Etiam viverra odio libero, sed malesuada ligula\n      faucibus non. Proin interdum nisi ac ex lacinia, et elementum lectus auctor. Praesent vestibulum non diam eget rutrum. Sed quis tellus vel dui venenatis ultricies a et leo. Mauris quis elementum quam. Aenean eleifend tincidunt interdum. Suspendisse\n      turpis massa, lobortis in felis vestibulum, molestie semper mauris. Integer finibus sapien in est finibus efficitur. Fusce nec feugiat tellus. Maecenas mauris odio, vestibulum sit amet augue sit amet, faucibus bibendum tortor.\n    </h3>\n  </div>\n  <div class=\"mySection no-align\">\n    <div class=\"container\">\n      <form>\n        <h3>A Form inside a section</h3>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">First Name</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Last Name</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Address</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Phone Number</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Favorite Subject</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <input type=\"submit\" class=\"btn btn-primary\" value=\"Submit\">\n        <input type=\"reset\" class=\"btn btn-danger\" value=\"Reset\">\n      </form>\n    </div>\n  </div>\n</div>\n\n```\n\nDemo JS File\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    direction: 'horizontal',\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1'],\n    sectionSelector: '.mySection',\n    loopBottom: true,\n    loopTop: false,\n    scrollingSpeed: 100,\n    onLeave: function(index, nextIndex, direction) {\n      console.log('leaving section ' + index + ' moving to section ' + nextIndex + ''); \n    },\n    afterLoad: function(anchorLink, index) {\n      console.log(anchorLink);\n      console.log(index);\n    },\n    afterRender: function() {\n      console.log('done rendering');\n    }\n  });\n});\n```\n\nThe full demo can be found <a href=\"https://jsfiddle.net/programmingllama/q794uo1f/\">here</a>.\n\n#### Curriculum\nThis is the first of a series wherein in I highlight a particular JQuery plugin.\n    \n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@programmingllama/jquery-plugin-highlight-pagepiling-js\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":24418436,\"name\":\"pagePiling.js\",\"full_name\":\"alvarotrigo/pagePiling.js\",\"html_url\":\"https://github.com/alvarotrigo/pagePiling.js\",\"fork\":false,\"owner\":{\"login\":\"alvarotrigo\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"pagepiling\",\"tutorial\"],\"links\":[\"https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif\"],\"image\":[\"https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif\"],\"moderator\":{\"account\":\"portugalcoin\",\"time\":\"2018-03-21T23:14:11.576Z\",\"reviewed\":true,\"pending\":false,\"flagged\":false},\"questions\":[{\"question\":\"Is the project description formal?\",\"answers\":[{\"value\":\"Yes it’s straight to the point\",\"selected\":true,\"score\":10},{\"value\":\"Need more description \",\"selected\":false,\"score\":5},{\"value\":\"Not too descriptive\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is the language / grammar correct?\",\"answers\":[{\"value\":\"Yes\",\"selected\":false,\"score\":20},{\"value\":\"A few mistakes\",\"selected\":true,\"score\":10},{\"value\":\"It's pretty bad\",\"selected\":false,\"score\":0}],\"selected\":1},{\"question\":\"Was the template followed?\",\"answers\":[{\"value\":\"Yes\",\"selected\":true,\"score\":10},{\"value\":\"Partially\",\"selected\":false,\"score\":5},{\"value\":\"No\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is there information about the additional frameworks?\",\"answers\":[{\"value\":\"Yes, everything is explained\",\"selected\":true,\"score\":5},{\"value\":\"Yes, but not enough\",\"selected\":false,\"score\":3},{\"value\":\"No details at all\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is there code in the tutorial?\",\"answers\":[{\"value\":\"Yes, and it’s well explained\",\"selected\":true,\"score\":5},{\"value\":\"Yes, but no explanation\",\"selected\":false,\"score\":3},{\"value\":\"No\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is the tutorial explains technical aspects well enough?\",\"answers\":[{\"value\":\"Yes, it teaches how and why about technical aspects\",\"selected\":true,\"score\":5},{\"value\":\"Yes, but it’s not good/enough\",\"selected\":false,\"score\":3},{\"value\":\"No, it explains poorly\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is the tutorial general and dense enough?\",\"answers\":[{\"value\":\"Yes, it’s general and dense\",\"selected\":true,\"score\":5},{\"value\":\"Kinda, it might be more generalized\",\"selected\":false,\"score\":3},{\"value\":\"No, it’s sliced unnecessarily to keep part number high\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is there an outline for the tutorial content at the beginning of the post\",\"answers\":[{\"value\":\"Yes, there is a well prepared outline in “What will I learn?” or another outline section\",\"selected\":true,\"score\":5},{\"value\":\"Yes, but there is no proper listing for every step of the tutorial or it’s not detailed enough\",\"selected\":false,\"score\":3},{\"value\":\"No, there is no outline for the steps.\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is the visual content of good quality?\",\"answers\":[{\"value\":\"Yes\",\"selected\":true,\"score\":5},{\"value\":\"Yes, but bad quality\",\"selected\":false,\"score\":3},{\"value\":\"No\",\"selected\":false,\"score\":0}],\"selected\":0},{\"question\":\"Is this a tutorial series?\",\"answers\":[{\"value\":\"Yes\",\"selected\":false,\"score\":5},{\"value\":\"Yes, but first part\",\"selected\":false,\"score\":3},{\"value\":\"No\",\"selected\":true,\"score\":0}],\"selected\":2},{\"question\":\"Is the tutorial post structured?\",\"answers\":[{\"value\":\"Yes\",\"selected\":true,\"score\":5},{\"value\":\"Not so good\",\"selected\":false,\"score\":3},{\"value\":\"No\",\"selected\":false,\"score\":0}],\"selected\":0}],\"score\":50}",
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "title": "Jquery Plugin Highlight - pagePiling.js"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T23:14:12",
  "trx_id": "a97ff5fbbe8c1a10e2ba5b58f229751971aa2ed8",
  "trx_in_block": 5,
  "virtual_op": 0
}

{
  "block": 20875417,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "butusov",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T17:48:57",
  "trx_id": "3130d74aa89f49b757ca6dfa47202d818c8a8bef",
  "trx_in_block": 17,
  "virtual_op": 0
}

{
  "block": 20868726,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "giftsideas",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T12:12:09",
  "trx_id": "dea3e152bbb57fca972f627f486f01847a58077a",
  "trx_in_block": 61,
  "virtual_op": 0
}

{
  "block": 20866690,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "snackaholic",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T10:24:57",
  "trx_id": "8d18da356c08c51abbf59a52a974a17abf38a513",
  "trx_in_block": 43,
  "virtual_op": 0
}

{
  "block": 20866674,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "snackaholic",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T10:24:06",
  "trx_id": "cb3bae4dbf9413816e6541556c4058cd29f450b3",
  "trx_in_block": 35,
  "virtual_op": 0
}

{
  "block": 20863765,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "voter": "josephace135",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T07:50:45",
  "trx_id": "0d93ced9334af9af9202a8da78b801ad52378b95",
  "trx_in_block": 0,
  "virtual_op": 0
}

{
  "block": 20862764,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "programmingllama",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "permlink": "jquery-plugin-highlight-pagepiling-js"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T06:58:12",
  "trx_id": "b27e44b89c54fb902a8b9c90742c5c117fa17d50",
  "trx_in_block": 20,
  "virtual_op": 0
}

{
  "block": 20862764,
  "op": [
    "comment",
    {
      "author": "programmingllama",
      "body": "<center>![img](https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png)</center>\n###### <a href=\"https://github.com/alvarotrigo/pagePiling.js\">source</a>\n\n#### What Will I Learn?\n- What is pagePiling.js\n- How to import pagePiling.js\n- How to use pagePiling.js in a HTML Project\n\n#### Requirements\n- Knowledge in HTML\n- Knowledge in Javascript\n- Knowledge in JQuery\n\n#### Difficulty\nBasic\n\n#### Tutorial Contents\n- Introduction\n- Importing pagePiling.js\n- Creating a simple app using pagePiling.js\n\n##### Introduction \n<a href=\"http://alvarotrigo.com/pagePiling/\">pagePiling.js</a> is a unique JQuery plugin which allows developers to make scroll-able fullscreen websites with ease, it is also easy to customize with its wide array of options. \n\n##### Importing pagePiling.js\nBefore we can start using the libraries in `pagePiling` we first need to import it.`pagePiling` requires `jquery` to be able to run successfully, so we need to import JQuery as well. We will be importing both `jquery` and `pagePiling` via CDN. \n\nJQuery: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js\n\npagePiling.js: https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.js\n\npagePiling.css: https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.css\n\nAdditionally, we will also be importing `bootstrap` just for presentation. \n(**Note: This is not a requirement. pagePiling will still work without this. **)\n\nbootstrap.js: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js\n\nbootstrap.css: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css\n\nOnce you have all of the CDN we proceed to import them into a HTML file.\n```\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css\">\n\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js\"></script>\n```\n##### Creation\n<center>![gif1.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif)\n</center>\n```\nHTML File\n<div id=\"pagepiling\">\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n</div>\n\nJavascript File\n$(document).ready(function() {\n  $('#pagepiling').pagepiling()\n});\n```\nThe code above shows the **simplest** way to use pagePiling.js. Now let's disect the code to get a better understanding.\n\n```\n<div id=\"pagepiling\">\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n\t<div class=\"section\">Some Section</div>\n</div>\n```\nLet's start with the HTML file. The first line `<div id=\"pagepiling\">` is where we give our `div` an `id` so that later on we can easily tell the javascript that we want this particular `div` as the `div` where we put pagepiling on. This can be **any** valid id.\n\nNext are the sections `<div class=\"section\">Some Section</div>` this is where the magic happens. Each `div` with a `class` called `section` is a new page being piled on. So for the example we have four (4) pages. By default pagePiling uses the `section` class but that can cause conflicts when using other plugins, so later on we will be changing that using one of the built in function in pagePiling.\n\nMoving on, \n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling()\n});\n```\nThe Javascript is very simple. Basically, when the page loads `$(document).ready(function() {})` we call the `id` of our `div`, in this case `pagepiling`, and call the `pagepiling()` function which basically binds all the css and javascript of the pagePiling library.\n\n\n##### And there you go, the most basic way of using pagePiling.js, BUT it looks way too plain right? Also, if you look closely it doesn't hide the content of each section but just stacks them. This **might** be a compatibility issue with the latest version of JQuery. So what we'll do is make a workaround to remedy the issue. Let's start..\n\nFirst to address the issue of the stacking content a simple workaround for this is by adding a background color per section. To do this we use one of the customization function of pagePiling which is the `sectionsColor`. `sectionsColor` accepts an array of colors (either hex, rgb, rgba or by name). \n**( Note: If the array of colors passed is less than the sections the remaining sections would be using the default background color)** \n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n  });\n});\n```\n\nNext, we want to change the `id` of the sections to avoid conflicts with different plugins. This can be done by using the `sectionSelector` function. We will give it a name `.mySelection`, this function accepts a `class` denoted by the `.somename` if passed with an `id` this won't work.\n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n    sectionSelector: '.mySection'\n  });\n});\n```\n\nWe could also change the direction of the transition, the transition speed, whether we want it to loop from the last and first with the `direction` , `scrollingSpeed`, `loopTop` and `loopBottom` respectively. the `direction` function accepts either `horizontal` or `vertical` with `vertical` as the default. `scrollingSpeed` sets the speed where a user can scroll to the next section. The `loopTop` and `loopBottom` basically allows user to loop back when reaching the end of the sections both which are set to `false` by default.\n\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    direction: 'horizontal',\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1', '#A3E4D7'],\n    sectionSelector: '.mySection',\n    loopBottom: true,\n    loopTop: false,\n    scrollingSpeed: 100\n  });\n});\n```\n\nLastly, pagePiling also allows us to setup callback functions. Namely `onLeave`, `afterLoad` and `afterRender`. `onLeave` gets triggered when the user changes sections and has three parameters, index (current section), nextIndex (next section), and direction (up or down). `afterLoad` gets called when the section has finished loading and has two parameters, anchorLink (section) and index (current section). `afterRender` is called when the pagePiling section is finished rendering.\n\n\nFor the demo I've added a neat feature of pagePiling wherein your section can be made scrollable (add `pp-scrollable` inside the section) when your content gets too long. Also, I've added a form inside the section.\n\n<center>![demo.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif)\n</center>\n\nDemo HTML file.\n```\n<div id=\"pagepiling\">\n  <div class=\"mySection\">\n      <h1>Nothing Special Here, Just a normal section</h1>\n  </div>\n  <div class=\"mySection pp-scrollable\">\n    <h1>A Scrollable Section</h1>\n    <h3>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc nulla, aliquet in mattis ac, commodo ut orci. Pellentesque fermentum sodales lacus. Nulla turpis dui, accumsan sit amet lorem nec, tincidunt convallis justo. Proin felis risus, dictum at\n      mollis vel, commodo quis nisl. In nec egestas tortor, vel finibus neque. Nulla nec porttitor nisi. Donec euismod sagittis dui. Nullam augue justo, blandit quis tincidunt vitae, porta quis mi. Phasellus ultrices interdum dolor a dapibus. Nunc quis\n      pharetra nunc, in facilisis arcu. Suspendisse scelerisque, enim viverra volutpat ultricies, nulla erat lacinia lacus, eu mollis velit turpis ut nulla. Suspendisse eu urna nec tortor semper euismod. Mauris quis purus in mi semper tincidunt quis ultricies\n      orci. Proin aliquet dolor quis eros eleifend laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas et nisl at lectus tempor accumsan non non enim. Sed ultricies at magna at consequat. Aliquam\n      varius, nulla non convallis malesuada, dui massa pellentesque sem, ac consectetur nunc erat eget magna. Nunc risus diam, volutpat non ipsum rutrum, consectetur volutpat eros. Curabitur quis risus aliquam, sodales sapien sed, vulputate enim. Aenean\n      vitae elit porta, rhoncus lectus sed, tincidunt nulla. Nulla est mauris, rutrum quis neque a, rutrum vehicula nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent lorem lectus, varius eget purus\n      sit amet, ultricies accumsan enim. Duis non turpis eget tellus imperdiet tincidunt. In lacus est, volutpat sed urna quis, dignissim tincidunt sapien. Praesent tincidunt dolor lorem, vel dapibus est euismod quis. Fusce nec erat id lorem condimentum\n      interdum et et tellus. Phasellus in tortor ut felis ullamcorper efficitur. Nam in augue eleifend, vestibulum libero non, placerat nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras sollicitudin felis arcu, sit amet varius magna\n      scelerisque quis. Quisque scelerisque venenatis mauris non malesuada. Mauris diam massa, laoreet sed molestie eu, tempus nec mauris. Integer scelerisque tortor ac risus consequat vehicula. Duis nec tellus consectetur, sagittis nisl fringilla, sollicitudin\n      urna. Vestibulum at varius ante. Praesent lobortis tristique hendrerit. Etiam malesuada ac dolor non mattis. Curabitur dui metus, mollis id auctor eu, pellentesque eu nisi. Phasellus placerat tellus in turpis bibendum, nec gravida lectus pellentesque.\n      Ut vel sodales sapien. Cras non felis id turpis viverra malesuada eget fermentum tellus. Integer dignissim libero vel elit finibus pulvinar. Proin ex magna, suscipit in mollis nec, molestie dignissim elit. In sagittis vel turpis quis semper. Vivamus\n      non vehicula elit. Etiam sit amet sagittis diam. Pellentesque cursus mollis laoreet. Suspendisse in neque pulvinar, fermentum magna vestibulum, pellentesque ipsum. Mauris pretium, magna in rutrum egestas, felis felis vestibulum sem, nec mollis magna\n      risus ac mi. Donec vitae mi vitae ligula maximus finibus efficitur non neque. Curabitur vehicula varius sapien eget condimentum. Ut laoreet diam ac nibh feugiat rutrum. Donec luctus eu dui eu ultricies. Etiam ut metus nec arcu elementum placerat\n      sit amet quis neque. Maecenas cursus, neque id convallis lobortis, augue diam interdum ipsum, et ullamcorper turpis eros ac diam. Aliquam nunc felis, eleifend sed suscipit commodo, porttitor eget justo. Etiam viverra odio libero, sed malesuada ligula\n      faucibus non. Proin interdum nisi ac ex lacinia, et elementum lectus auctor. Praesent vestibulum non diam eget rutrum. Sed quis tellus vel dui venenatis ultricies a et leo. Mauris quis elementum quam. Aenean eleifend tincidunt interdum. Suspendisse\n      turpis massa, lobortis in felis vestibulum, molestie semper mauris. Integer finibus sapien in est finibus efficitur. Fusce nec feugiat tellus. Maecenas mauris odio, vestibulum sit amet augue sit amet, faucibus bibendum tortor.\n    </h3>\n  </div>\n  <div class=\"mySection no-align\">\n    <div class=\"container\">\n      <form>\n        <h3>A Form inside a section</h3>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">First Name</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Last Name</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Address</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Phone Number</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12 col-sm-12 col-xs-12 form-group\">\n            <label class=\"\">Favorite Subject</label>\n            <input type=\"text\" class=\"form-control\">\n          </div>\n        </div>\n        <input type=\"submit\" class=\"btn btn-primary\" value=\"Submit\">\n        <input type=\"reset\" class=\"btn btn-danger\" value=\"Reset\">\n      </form>\n    </div>\n  </div>\n</div>\n\n```\n\nDemo JS File\n```\n$(document).ready(function() {\n  $('#pagepiling').pagepiling({\n    direction: 'horizontal',\n    sectionsColor: ['#C39BD3', '#F7DC6F', '#AED6F1'],\n    sectionSelector: '.mySection',\n    loopBottom: true,\n    loopTop: false,\n    scrollingSpeed: 100,\n    onLeave: function(index, nextIndex, direction) {\n      console.log('leaving section ' + index + ' moving to section ' + nextIndex + ''); \n    },\n    afterLoad: function(anchorLink, index) {\n      console.log(anchorLink);\n      console.log(index);\n    },\n    afterRender: function() {\n      console.log('done rendering');\n    }\n  });\n});\n```\n\nThe full demo can be found <a href=\"https://jsfiddle.net/programmingllama/q794uo1f/\">here</a>.\n\n#### Curriculum\nThis is the first of a series wherein in I highlight a particular JQuery plugin.\n    \n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@programmingllama/jquery-plugin-highlight-pagepiling-js\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":24418436,\"name\":\"pagePiling.js\",\"full_name\":\"alvarotrigo/pagePiling.js\",\"html_url\":\"https://github.com/alvarotrigo/pagePiling.js\",\"fork\":false,\"owner\":{\"login\":\"alvarotrigo\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"pagepiling\",\"tutorial\"],\"links\":[\"https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif\"],\"image\":[\"https://raw.githubusercontent.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521612445/qldfqmaq37ykr82ucsvq.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1521615446/fcrdedqkpr2zfclh6nio.gif\"]}",
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "permlink": "jquery-plugin-highlight-pagepiling-js",
      "title": "Jquery Plugin Highlight - pagePiling.js"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-21T06:58:12",
  "trx_id": "b27e44b89c54fb902a8b9c90742c5c117fa17d50",
  "trx_in_block": 20,
  "virtual_op": 0
}

{
  "block": 20850489,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "justgeorge",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T20:42:21",
  "trx_id": "302968257c9e78b9f9ea3fb91a9dddc34a094012",
  "trx_in_block": 11,
  "virtual_op": 0
}

{
  "block": 20845288,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "raphaelle",
      "weight": 1000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T16:22:06",
  "trx_id": "35ec88b6b75de05790efa15bf17d9c130fd70a00",
  "trx_in_block": 39,
  "virtual_op": 0
}

{
  "block": 20845271,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "arcange",
      "weight": 1000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T16:21:15",
  "trx_id": "25db37b4cdde09f31981cd7eb8d34d97ca6fdc22",
  "trx_in_block": 2,
  "virtual_op": 0
}

{
  "block": 20845270,
  "op": [
    "comment",
    {
      "author": "arcange",
      "body": "Congratulations @programmingllama!\nYour post was mentioned in the [Steemit Hit Parade for newcomers](https://steemit.com/hit-parade/@arcange/daily-hit-parade-for-newcomers-20180319) in the following category:\n\n* Pending payout - Ranked 4 with $ 51,19\n\nI also upvoted your post to increase its reward\nIf you like my work to promote newcomers and give them more visibility on Steemit, feel free to vote for my witness! You can do it [here](https://steemit.com/~witnesses) or use [SteemConnect](https://v2.steemconnect.com/sign/account-witness-vote?witness=arcange&approve=1)",
      "json_metadata": "",
      "parent_author": "programmingllama",
      "parent_permlink": "chart-js-tutorial-1-bar-chart",
      "permlink": "re-chart-js-tutorial-1-bar-chart-20180319t172112000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T16:21:12",
  "trx_id": "eecf33d25712f3bb88cc0f3f5ec26d49e63d542a",
  "trx_in_block": 5,
  "virtual_op": 0
}

{
  "block": 20845044,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "clayjohn",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T16:09:51",
  "trx_id": "de5bfe42894fe74f0c845403ec3bfa14618a9bcb",
  "trx_in_block": 10,
  "virtual_op": 0
}

{
  "block": 20844536,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "iqbaladan",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T15:44:21",
  "trx_id": "39287cc1c8502f8e555742f9dbc7a658e139487a",
  "trx_in_block": 35,
  "virtual_op": 0
}

{
  "block": 20844448,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "azwarrangkuti",
      "weight": 5000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T15:39:57",
  "trx_id": "718f3ad4b6bbba666f7fed52bf13efa85b18bbb2",
  "trx_in_block": 23,
  "virtual_op": 0
}

{
  "block": 20841783,
  "op": [
    "vote",
    {
      "author": "programmingllama",
      "permlink": "chart-js-tutorial-1-bar-chart",
      "voter": "cifer",
      "weight": 6500
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T13:26:15",
  "trx_id": "32bcf313bfa54e9811d2078ad611077ef200545c",
  "trx_in_block": 35,
  "virtual_op": 0
}

{
  "block": 20841776,
  "op": [
    "comment",
    {
      "author": "utopian-io",
      "body": "### Hey @programmingllama I am @utopian-io. I have just upvoted you!\n#### Achievements\n- You have less than 500 followers. Just gave you a gift to help you succeed!\n- This is your first accepted contribution here in Utopian. Welcome!\n#### Community-Driven Witness!\nI am the first and only Steem Community-Driven Witness. <a href=\"https://discord.gg/zTrEMqB\">Participate on Discord</a>. Lets GROW TOGETHER!\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1\">Vote for my Witness With SteemConnect</a>\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1\">Proxy vote to Utopian Witness with SteemConnect</a>\n- Or vote/proxy on <a href=\"https://steemit.com/~witnesses\">Steemit Witnesses</a>\n\n[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)\n\n**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}",
      "parent_author": "programmingllama",
      "parent_permlink": "chart-js-tutorial-1-bar-chart",
      "permlink": "re-programmingllama-chart-js-tutorial-1-bar-chart-20180320t132553366z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2018-03-20T13:25:54",
  "trx_id": "84c5442fbc20124a5f68c80fe4ada6e8a1b74a60",
  "trx_in_block": 6,
  "virtual_op": 0
}