{
  "trx_id": "bed37afe7243c27f6024de8f31f03147e8de4c31",
  "block": 106148917,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-05-18T04:49:57",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "7081.430012 VESTS"
    }
  ]
}

{
  "trx_id": "5e737408a6c7f8ba0edb5dee3b781634ae8da94f",
  "block": 105997968,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-05-12T22:25:48",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "4369.219607 VESTS"
    }
  ]
}

{
  "trx_id": "daaaa0b849d01fe63f39efa71d7c2dd16bd4ce17",
  "block": 105516443,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-04-26T04:03:54",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "7093.945768 VESTS"
    }
  ]
}

{
  "trx_id": "ff25e9ba067ed0a7b5ed5c34c65aca08a5be394d",
  "block": 102866556,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-01-23T20:06:33",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "4410.766426 VESTS"
    }
  ]
}

{
  "trx_id": "25c632ea32e2b87034ebb3168990c98a3bb3b6e8",
  "block": 91312797,
  "trx_in_block": 8,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2024-12-17T15:17:54",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "4574.985623 VESTS"
    }
  ]
}

{
  "trx_id": "eb6613083406c4a1266308ebc5dcf819c7be5f74",
  "block": 79866955,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2023-11-14T06:59:12",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "4744.119155 VESTS"
    }
  ]
}

{
  "trx_id": "3f82dd97ec2c4e2f63a309308e32012bc4132d29",
  "block": 78360801,
  "trx_in_block": 10,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2023-09-22T08:39:54",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "7681.027941 VESTS"
    }
  ]
}

{
  "trx_id": "1650bd4b336c7f9bf2e6955eaeacee04fb2a95cb",
  "block": 69118814,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2022-11-03T16:21:06",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "7903.079379 VESTS"
    }
  ]
}

{
  "trx_id": "4c85462310bcc3a2f22581821c3d498b0963eee7",
  "block": 60822232,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2022-01-17T21:41:39",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8123.186980 VESTS"
    }
  ]
}

{
  "trx_id": "d95359db18b5d30fd0914ec7327aa8c3341fb808",
  "block": 54612635,
  "trx_in_block": 10,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2021-06-14T04:56:15",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8307.381268 VESTS"
    }
  ]
}

{
  "trx_id": "7b1c14369337a3bfe1096d3f761d2c1f083802e4",
  "block": 49359941,
  "trx_in_block": 6,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-11T15:09:51",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8494.803242 VESTS"
    }
  ]
}

{
  "trx_id": "9aa7b69c12509aa136c9d853b45326d061d35799",
  "block": 49211478,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-06T08:46:09",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "1912.543513 VESTS"
    }
  ]
}

{
  "trx_id": "c416e77c6b9688d6e46a46659bfc6cef5e84058c",
  "block": 49195022,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-05T18:47:36",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8501.011096 VESTS"
    }
  ]
}

{
  "trx_id": "5e30ffd28447d10ee5aa3c17fd3580af9167d851",
  "block": 48267662,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-11-03T00:00:51",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "1920.017158 VESTS"
    }
  ]
}

{
  "trx_id": "d0e41cefacd346c477845ae7b018066634191c29",
  "block": 43221783,
  "trx_in_block": 4,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-05-09T09:47:30",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8703.816455 VESTS"
    }
  ]
}

{
  "trx_id": "38712f7859cf1ae385e74e9873ee17dab704053c",
  "block": 43198596,
  "trx_in_block": 11,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-05-08T14:00:15",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "1953.311140 VESTS"
    }
  ]
}

{
  "trx_id": "139b79b403936e7efa393148a53a194d52c9f59c",
  "block": 42638756,
  "trx_in_block": 4,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-04-18T15:06:57",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8715.311122 VESTS"
    }
  ]
}

{
  "trx_id": "684d18aeb877a9eaebec40ff6d1da8806143f9c4",
  "block": 40229660,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-01-25T06:14:03",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "create-multiple-c-language-programs-in-one-compile",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-otakngoding-20200125t061402000z",
      "title": "",
      "body": "Congratulations @otakngoding! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@otakngoding/birthday2.png</td><td>Happy Birthday! - You are on the Steem blockchain for 2 years!</td></tr></table>\n\n<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@otakngoding) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=otakngoding)_</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\"]}"
    }
  ]
}

{
  "trx_id": "87921e4d0020f87834a98a5418c79d40f6f3ea6f",
  "block": 32918549,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2019-05-15T03:49:24",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "8910.887196 VESTS"
    }
  ]
}

{
  "trx_id": "340afb90b53b7d4a88c00d50c2d623186d8e80eb",
  "block": 29757467,
  "trx_in_block": 9,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2019-01-25T06:29:51",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "create-multiple-c-language-programs-in-one-compile",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-otakngoding-20190125t062951000z",
      "title": "",
      "body": "Congratulations @otakngoding! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@otakngoding/birthday1.png</td><td>Happy Birthday! - You are on the Steem blockchain for 1 year!</td></tr></table>\n\n<sub>_[Click here to view your Board](https://steemitboard.com/@otakngoding)_</sub>\n\n\n> Support [SteemitBoard's project](https://steemit.com/@steemitboard)! **[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\"]}"
    }
  ]
}

{
  "trx_id": "75432a8147dc5a109d5fb5ee7f74d665cfa64fb7",
  "block": 22573374,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-05-19T17:54:27",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "9110.454784 VESTS"
    }
  ]
}

{
  "trx_id": "55814a5e86b026145b09f8e14efb406983fe1475",
  "block": 21839357,
  "trx_in_block": 19,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-04-24T05:59:30",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "otakngoding",
      "vesting_shares": "29496.171422 VESTS"
    }
  ]
}

{
  "trx_id": "1b3bd158f3e08174ca372978a85f3bb81e023989",
  "block": 19955076,
  "trx_in_block": 11,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-17T17:50:30",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "create-multiple-c-language-programs-in-one-compile",
      "author": "deathwing",
      "permlink": "re-otakngoding-create-multiple-c-language-programs-in-one-compile-20180217t175029584z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nYour tutorial is far too trivial to be accepted.\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\"}"
    }
  ]
}

{
  "trx_id": "412eb61d11abf1ff3c4552cb379ef4bfcf4adce6",
  "block": 19955071,
  "trx_in_block": 49,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-17T17:50:15",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "create-multiple-c-language-programs-in-one-compile",
      "title": "Create multiple C language programs in one compile",
      "body": "\n#### What Will I Learn?\n- You will learn basic C language\n- You will learn to make simple programs\n- You will learn how to combine multiple programs in one compile\n\n#### Requirements\n\n- Have a basic knowledge of C language\n- DEV C ++ Compile and Run C/C++ program on Windows\n- GCC Compile and Run C / C ++ program on Linux\n\n#### Difficulty\n- Basic\n\n#### Tutorial Contents\n- What is a C programming language ? \n- What is the use and should learn ?\n\n#### Programming Language C\nC Programming Language is a computer programming language that can be used to create applications (general-purpose programming language), from operating systems (such as Windows or Linux), antivirus, image processing software, to compilers for programming languages, where C is widely used to create other programming languages ​​which one of them is PHP.\n\nAlthough it is a general-purpose programming language, a programming language that can create applications, C programming languages ​​are best suited for designing applications that deal directly with Operating Systems and hardware.\n\n- So my goal is how to make some simple program. And combine some simple programs that we have created later into one compile\n\n#### Some examples of simple C programs\n\n- C program distinguishes small and large numbers, and use if else condition\n\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i,x,j;\n\t\n\tprintf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\t\n\tif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n}\n\n```\n- make declarations on the program\n```\n int i,x,j;\n\n```\n- This is to receive the first and second number input\n``` \n    printf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\n```\n- And this is the if and else condition to process the first and second number input\n``` \nif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n\n```\n- Save and Run.\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png)\n\n- The C program is looping using FOR\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i;\n\t\t\n\tfor(i=1;i<=10;i++){\n\t\t\n\t\tprintf(\"\\n%d Welcome Utopian-IO \\n\", i);\n\t\t\n\t}\t\t\n}\n```\n- Save And Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png)\n\n- A simple C program uses While\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint j;\n\tj=1;\n\twhile(j<=10){\n\t\t\n\t\tprintf(\"%d\",j);\n\t\tj++;\n\t\t\n\t}\t\t\n}\n```\n- Save and Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png)\n\n#### Merging several C programs to be compiled simultaneously\n- When finished we create three simple programs using C language, namely: - Programs distinguish small and large numbers, FOR loops, and WHILE programs.\n\n- Now it's time we combine all the above programs for the COMPILE simultaneously, see the programs I've combined below:\n\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i,x,j;\n\t\n\tprintf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\t\n\tif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n\t\t\n\t\n\tfor(i=1;i<=10;i++){\n\t\t\n\t\tprintf(\"\\n%d Welcome Utopian-IO \\n\", i);\n\t\t\n\t}\n\t\n\tj=1;\n\twhile(j<=10){\n\t\t\n\t\tprintf(\"%d\",j);\n\t\tj++;\n\t\t\n\t}\n\t\n\t\t\n}\n\n\n```\n- Save  And Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png)\n\n- And that's some simple C programming language and how to merge multiple programs in a single compile.\n\n- This tutorial is recommended for newly learned C programming languages, and is not recommended for advanced level.\n\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/create-multiple-c-language-programs-in-one-compile\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":28457823,\"name\":\"freeCodeCamp\",\"full_name\":\"freeCodeCamp/freeCodeCamp\",\"html_url\":\"https://github.com/freeCodeCamp/freeCodeCamp\",\"fork\":false,\"owner\":{\"login\":\"freeCodeCamp\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"c\",\"programming\",\"opensource\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png\"],\"moderator\":{\"account\":\"deathwing\",\"time\":\"2018-02-17T17:50:16.879Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false},\"questions\":[],\"score\":0}"
    }
  ]
}

{
  "trx_id": "c9c2cb8aaf466037a4030ebc95d014ccbcfcbc07",
  "block": 19954716,
  "trx_in_block": 51,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-17T17:32:30",
  "op": [
    "comment_options",
    {
      "author": "otakngoding",
      "permlink": "create-multiple-c-language-programs-in-one-compile",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "c9c2cb8aaf466037a4030ebc95d014ccbcfcbc07",
  "block": 19954716,
  "trx_in_block": 51,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-17T17:32:30",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "create-multiple-c-language-programs-in-one-compile",
      "title": "Create multiple C language programs in one compile",
      "body": "\n#### What Will I Learn?\n- You will learn basic C language\n- You will learn to make simple programs\n- You will learn how to combine multiple programs in one compile\n\n#### Requirements\n\n- Have a basic knowledge of C language\n- DEV C ++ Compile and Run C/C++ program on Windows\n- GCC Compile and Run C / C ++ program on Linux\n\n#### Difficulty\n- Basic\n\n#### Tutorial Contents\n- What is a C programming language ? \n- What is the use and should learn ?\n\n#### Programming Language C\nC Programming Language is a computer programming language that can be used to create applications (general-purpose programming language), from operating systems (such as Windows or Linux), antivirus, image processing software, to compilers for programming languages, where C is widely used to create other programming languages ​​which one of them is PHP.\n\nAlthough it is a general-purpose programming language, a programming language that can create applications, C programming languages ​​are best suited for designing applications that deal directly with Operating Systems and hardware.\n\n- So my goal is how to make some simple program. And combine some simple programs that we have created later into one compile\n\n#### Some examples of simple C programs\n\n- C program distinguishes small and large numbers, and use if else condition\n\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i,x,j;\n\t\n\tprintf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\t\n\tif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n}\n\n```\n- make declarations on the program\n```\n int i,x,j;\n\n```\n- This is to receive the first and second number input\n``` \n    printf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\n```\n- And this is the if and else condition to process the first and second number input\n``` \nif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n\n```\n- Save and Run.\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png)\n\n- The C program is looping using FOR\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i;\n\t\t\n\tfor(i=1;i<=10;i++){\n\t\t\n\t\tprintf(\"\\n%d Welcome Utopian-IO \\n\", i);\n\t\t\n\t}\t\t\n}\n```\n- Save And Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png)\n\n- A simple C program uses While\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint j;\n\tj=1;\n\twhile(j<=10){\n\t\t\n\t\tprintf(\"%d\",j);\n\t\tj++;\n\t\t\n\t}\t\t\n}\n```\n- Save and Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png)\n\n#### Merging several C programs to be compiled simultaneously\n- When finished we create three simple programs using C language, namely: - Programs distinguish small and large numbers, FOR loops, and WHILE programs.\n\n- Now it's time we combine all the above programs for the COMPILE simultaneously, see the programs I've combined below:\n\n``` \n#include <stdio.h>\nint main(){\n\t\n\tint i,x,j;\n\t\n\tprintf(\"Masukkan Angka Pertama : \");\n\tscanf(\"%d\",&i);\n\tprintf(\"Masukkan Angka Kedua : \");\n\tscanf(\"%d\",&x);\n\t\n\tif(i>x){\n\t\tprintf(\"Angka %d Lebih Besar Dari %d\",i,x);\n\t}\n\telse if(i<x){\n\t\tprintf(\"Angka %d Lebih Kecil Dari %d\",i,x);\n\t}\n\telse {\n\t\tprintf(\"Error!\");\n\t}\n\t\t\n\t\n\tfor(i=1;i<=10;i++){\n\t\t\n\t\tprintf(\"\\n%d Welcome Utopian-IO \\n\", i);\n\t\t\n\t}\n\t\n\tj=1;\n\twhile(j<=10){\n\t\t\n\t\tprintf(\"%d\",j);\n\t\tj++;\n\t\t\n\t}\n\t\n\t\t\n}\n\n\n```\n- Save  And Run\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png)\n\n- And that's some simple C programming language and how to merge multiple programs in a single compile.\n\n- This tutorial is recommended for newly learned C programming languages, and is not recommended for advanced level.\n\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/create-multiple-c-language-programs-in-one-compile\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":28457823,\"name\":\"freeCodeCamp\",\"full_name\":\"freeCodeCamp/freeCodeCamp\",\"html_url\":\"https://github.com/freeCodeCamp/freeCodeCamp\",\"fork\":false,\"owner\":{\"login\":\"freeCodeCamp\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"c\",\"programming\",\"opensource\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887417/opj6l6qsfs3sye6dtgx6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887644/tcd0jzrpiwsduzbqemwy.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518887848/bhmbd0q2ammsoluy0ipg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1518888410/jliyue3cjjrml48b5nrn.png\"]}"
    }
  ]
}

{
  "trx_id": "abeb3d3ed4a1cf4204777af115883baaa051c58f",
  "block": 19725110,
  "trx_in_block": 43,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T18:02:39",
  "op": [
    "vote",
    {
      "voter": "otakngoding",
      "author": "otakngoding",
      "permlink": "88f59d40-0dc0-11e8-956c-1531c3d89b8c",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "143ff7fd1f445ebe98f0364b465130c8fe25dc9b",
  "block": 19725085,
  "trx_in_block": 41,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T18:01:24",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "dlive",
      "author": "otakngoding",
      "permlink": "88f59d40-0dc0-11e8-956c-1531c3d89b8c",
      "title": "How To Make Multi User Leve Login Using Codeigniter",
      "body": "[![Thumbnail](http://ipfs.io/ipfs/Qmdutx6dzuATw433bfETGhQGBPSNdKokVXTiX7PMme6Zao)](https://www.dlive.io/#/video/otakngoding/88f59d40-0dc0-11e8-956c-1531c3d89b8c)\n\nPada Video ini menjelaskan dan tutorials membuat website login multi user menggunakan framework codeigniter.\n\n#otak-ngoding\n\nMy video is at [DLive](https://www.dlive.io/#/video/otakngoding/88f59d40-0dc0-11e8-956c-1531c3d89b8c)",
      "json_metadata": "{\"tags\":[\"dlive\",\"dlive-video\",\"dlivevideo-learning\",\"dlivevideo-programming\",\"dlivevideo-codeigniter\",\"dlivevideo-php\",\"dlivevideo-developers\",\"dlivevideo-tutorials\",\"nsfw\"],\"app\":\"dlive/0.1\",\"format\":\"markdown\",\"language\":\"en\",\"thumbnail\":\"http://ipfs.io/ipfs/Qmdutx6dzuATw433bfETGhQGBPSNdKokVXTiX7PMme6Zao\",\"ipfsHash\":\"QmSN2GJxCCMroTxPtkjpXpV92mtgnt1Wtgovm4dMqSSKEW\"}"
    }
  ]
}

{
  "trx_id": "1c4dc9c4a0bca0626d9167d593bf6c83bc7e1abe",
  "block": 19724583,
  "trx_in_block": 19,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T17:36:18",
  "op": [
    "custom_json",
    {
      "required_auths": [],
      "required_posting_auths": [
        "otakngoding"
      ],
      "id": "follow",
      "json": "[\"follow\",{\"follower\":\"otakngoding\",\"following\":\"dlive\",\"what\":[\"blog\"]}]"
    }
  ]
}

{
  "trx_id": "616c754c5c82512bc4c6bd5fb8646fa5433607b7",
  "block": 19724583,
  "trx_in_block": 17,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T17:36:18",
  "op": [
    "custom_json",
    {
      "required_auths": [],
      "required_posting_auths": [
        "otakngoding"
      ],
      "id": "follow",
      "json": "[\"follow\",{\"follower\":\"otakngoding\",\"following\":\"dlivestarbooster\",\"what\":[\"blog\"]}]"
    }
  ]
}

{
  "trx_id": "d3362270c2b649ed402f28d024326db9e2d426c6",
  "block": 19724580,
  "trx_in_block": 39,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T17:36:09",
  "op": [
    "account_update",
    {
      "account": "otakngoding",
      "posting": {
        "weight_threshold": 1,
        "account_auths": [
          [
            "busy.app",
            1
          ],
          [
            "dlive.app",
            1
          ],
          [
            "dtube.app",
            1
          ],
          [
            "utopian.app",
            1
          ]
        ],
        "key_auths": [
          [
            "STM5srgV8eZGTo43DGLyJo4QKRzjLN9bsUdLpyma5PLeyPhjSUGRr",
            1
          ]
        ]
      },
      "memo_key": "STM7C1rxPjC6cnok79pGUdjeAMbsWzZ5eu7A97wBRgQF7j65kNUXj",
      "json_metadata": "{\"profile\":{\"profile_image\":\"https://scontent-sit4-1.xx.fbcdn.net/v/t1.0-9/26165575_704831836387346_6113036886436483930_n.jpg?oh=39517c1a3fc12b5e62ca3dba6a5f72a8&oe=5B229643\",\"cover_image\":\"https://scontent-sit4-1.xx.fbcdn.net/v/t1.0-9/26195495_705351273002069_8366440148479995247_n.jpg?oh=e7c4ef8f42fcbdc703a777ceb1f3911a&oe=5AE8B77D\",\"name\":\"OTAK-NGODING\",\"about\":\"PROGRAMMER + CODER = DEVELOPERS\",\"location\":\"Aceh, Indoensia\",\"website\":\"https://steemit.com/@otakngoding\"}}"
    }
  ]
}

{
  "trx_id": "5193025d3341143ef1964cb2b8cac3c5ea4d27fa",
  "block": 19717563,
  "trx_in_block": 16,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-09T11:44:57",
  "op": [
    "claim_reward_balance",
    {
      "account": "otakngoding",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.028 SBD",
      "reward_vests": "18.407313 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19687874,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 11,
  "timestamp": "2018-02-08T10:56:15",
  "op": [
    "author_reward",
    {
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "sbd_payout": "0.028 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "18.407313 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19687874,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 10,
  "timestamp": "2018-02-08T10:56:15",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "10.226285 VESTS"
    }
  ]
}

{
  "trx_id": "53c949aa9f589da6c99361149c49e2c4e08d57a9",
  "block": 19639068,
  "trx_in_block": 43,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-06T18:06:30",
  "op": [
    "claim_reward_balance",
    {
      "account": "otakngoding",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.008 SBD",
      "reward_vests": "6.136576 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19614230,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 12,
  "timestamp": "2018-02-05T21:24:30",
  "op": [
    "author_reward",
    {
      "author": "otakngoding",
      "permlink": "how-to-create-encoding-and-decoding-base64-using-python",
      "sbd_payout": "0.008 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "6.136576 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19614230,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 11,
  "timestamp": "2018-02-05T21:24:30",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "otakngoding",
      "permlink": "how-to-create-encoding-and-decoding-base64-using-python",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "2.045525 VESTS"
    }
  ]
}

{
  "trx_id": "b1aabbed896352299374f99ff18d1e3096f79c4c",
  "block": 19567053,
  "trx_in_block": 38,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-04T06:04:18",
  "op": [
    "vote",
    {
      "voter": "tsozhev",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "74e6e45fb9770dca35c1a7995b661249d7936d49",
  "block": 19556570,
  "trx_in_block": 33,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T21:19:51",
  "op": [
    "vote",
    {
      "voter": "otakngoding",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "3321bae5440a4638eaa0b35db39cc6c2cc36cb2b",
  "block": 19555820,
  "trx_in_block": 30,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T20:40:30",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "author": "amosbastian",
      "permlink": "re-otakngoding-how-to-capture-website-screens-via-url-and-using-google-api-in-php-20180203t204030656z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules), and is considered as **plagiarism**. Plagiarism is not allowed on Utopian, and posts that engage in plagiarism will be flagged and hidden forever.\n\nAs you have plagiarised before, as seen [here](https://steemit.com/utopian-io/@otakngoding/how-to-make-the-top-navigation-menu-being-responsive-with-javascript) and [here](https://steemit.com/utopian-io/@otakngoding/how-to-create-a-responsive-bootstrap-data-table), I don't believe it's a coincidence your code is nearly identical to [here](https://www.codexworld.com/capture-screenshot-website-url-php-google-api/) (or one of the many other tutorials showing how to do this).\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\"}"
    }
  ]
}

{
  "trx_id": "783408a460692464feeebeab42511811c2e58c2f",
  "block": 19555742,
  "trx_in_block": 56,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T20:36:24",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "title": " How to capture website screens via URL and using Google API (in PHP)",
      "body": "#### What Will I Learn?\n\n- You will learn API PHP\n- You will learn Google PageSpeed Insights\n- You will learn Decode JSON\n\n#### Requirements\n- you have a basic knowledge of PHP\n- Text Editor (Exp : Notepad++, SublimeText)\n- Xampp/Wamp\n- Access to the Internet\n\n#### Difficulty\n\n- Basic\n\n#### Description\n\nUsually to take a picture of our screen using the \"Print Screen\" or \"Print Sc\" button and there are also other applications. But here I will give a tutorial how to create a PHP program to capture the website screen using \"URL\".\n\nThe function of web page screen capture is used for various purposes in web applications.\n\nActually there is an awful lot available to take the screen of a website page, but we want to create our own program through PHP API and Google PageSpeed ​​Insights.\n\n![demo.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)\n\n#### Tutorial Contents\n\n#####  Understanding API ?\n<hr>\nAPI (Application Program Interface) is widely used for service liaison between one program with another program (bridge). Here I will not discuss much about API theory, preferably friends looking for better sources for API theory and understanding issues.\n\n\n#####  Understanding PageSpeed Insights ?\n<hr>\nPageSpeed Insights reports on the real-world performance of a page for mobile and desktop devices and provides suggestions on how that page may be improved.\n\n##### Form HTML\n<hr>\nIn HTML Form there are two types of forms, namely : \n\n1. Input form \n2. submit form.\n\nInput form is useful to enter URL website address, While Form submit function to update URL address into picture with PHP.\n<code>\n<pre>\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt; How to capture website screens via URL and using Google API (in PHP)&lt;/title&gt;\n&lt;/head&gt;\n&lt;body&gt;\n&lt;form method=\"post\" action=\"screenshot.php\"&gt;\n&lt;p&gt;\nEnter the Site URL : <input type=\"text\" name=\"url\" placeholder=\"site address.....\" /&gt;\n&lt;/p&gt;\n&lt;input type=\"submit\" name=\"submit\" value=\"CAPTURE SCREEN\"&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n</pre>\n</code>\n\n\n##### CSS\n<hr>\n<code>\n<pre>\n&lt;style type=\"text/css\"&gt;\n\t\thtml{\n\t\t\tbackground-color: #c0c3c1;\n\t\t\t\n\t\t}\n        input[type=text]{\n\n            width:50%;\n            padding: 15px 20px; \n            border: none;\n            border-radius:2px; \n        }\n         input[type=submit]{\n\n            width: 30%;\n            padding: 12px 25px;\n            margin: 8px 435px;\n            box-sizing: border-box;\n            font-family: sans-serif;\n            background-color: #4CAF50;\n            color: white;\n            border-radius:2px;\n\n        }\n        p{\n            text-align: center;\n            font-size: 20px;\n            font-family: sans-serif;\n        }\n\t</style>\n</pre>\n</code>\n\n### Create PHP (process_ss.php)\n<hr>\n\n``` \n<?php\nif (!empty($_POST['url'])) {\n     $siteURL = $_POST['url'];\n    \n    \nif (filter_var($siteURL, FILTER_VALIDATE_URL)) {\n        $process = file_get_contents(\"https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=$siteURL&screenshot=true\");\n\n        \n$process = json_decode($process, true);\n        $screenshot = $process['screenshot']['data'];\n        $screenshot = str_replace(array(\n            '_',\n            '-'\n        ), array(\n            '/',\n            '+'\n        ), $screenshot);\n        echo \"<img src=\\\"data:image/jpeg;base64,\" . $screenshot . \"\\\" />\";\n    } else {\n        echo \"Please enter a valid URL.\";\n    } \n}\n ?>\n\n```\n\n\n### Explanation of PHP Code\n<hr>\nCalling the name \"url\" html or Website Url\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png)\n\n\ncall the Google PageSpeed ​​Insights API\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png)\n\n\ndata decode json\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png)\n\nIt serves to take the website screen\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png)\n\n\nServes to display the screen that has been captured\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png)\n\n### DEMO Program\n<hr>\n- Save and Run.\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png)\n\n- Enter the URL of the website we will capture\n- Here, let me illustrate my steemit address : https://steemit.com/@otakngoding\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png)\n\n#### Captured Image Results\n<hr>\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png)\n\n<hr>\n\n\n<blockquote>\nCode Via Drive : <a href=\"https://drive.google.com/open?id=12lK8wFZ--5VTtErIPzuCqxYzMqHeg6LQ\" target=\"_blank\">Download</a>\n</blockquote>\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/how-to-capture-website-screens-via-url-and-using-google-api-in-php\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":1903522,\"name\":\"php-src\",\"full_name\":\"php/php-src\",\"html_url\":\"https://github.com/php/php-src\",\"fork\":false,\"owner\":{\"login\":\"php\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"php\",\"json\",\"api\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"],\"moderator\":{\"account\":\"amosbastian\",\"time\":\"2018-02-03T20:36:24.909Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false}}"
    }
  ]
}

{
  "trx_id": "1f11adb80d3f79e3f85fe5b89d6ff7fb72429b98",
  "block": 19555081,
  "trx_in_block": 75,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T20:01:39",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "title": " How to capture website screens via URL and using Google API (in PHP)",
      "body": "@@ -785,16 +785,117 @@\n ights.%0A%0A\n+!%5Bdemo.gif%5D(https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)%0A%0A\n #### Tut\n@@ -4747,280 +4747,8 @@\n r%3E%0A%0A\n-##  %3Ccenter%3E  FULL DEMO%3C/center%3E%0A%0A!%5Bdemo.gif%5D(https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)%0A%0A%0A%0A##  %3Ccenter%3E  FULL DEMO%3C/center%3E%0A%0A!%5Bdemo.gif%5D(https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)%0A%0A\n %0A%3Cbl\n",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":1903522,\"name\":\"php-src\",\"full_name\":\"php/php-src\",\"html_url\":\"https://github.com/php/php-src\",\"fork\":false,\"owner\":{\"login\":\"php\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"php\",\"json\",\"api\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"]}"
    }
  ]
}

{
  "trx_id": "b39f926baa4a03fe7a18ff06f8610e91e424c200",
  "block": 19555036,
  "trx_in_block": 34,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:59:18",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "title": " How to capture website screens via URL and using Google API (in PHP)",
      "body": "@@ -4640,16 +4640,153 @@\n g)%0A%0A%3Chr%3E\n+%0A%0A##  %3Ccenter%3E  FULL DEMO%3C/center%3E%0A%0A!%5Bdemo.gif%5D(https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)%0A%0A\n %0A%3Cblockq\n",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":1903522,\"name\":\"php-src\",\"full_name\":\"php/php-src\",\"html_url\":\"https://github.com/php/php-src\",\"fork\":false,\"owner\":{\"login\":\"php\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"php\",\"json\",\"api\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\"]}"
    }
  ]
}

{
  "trx_id": "a6c4bb84c498b97414eaf50af248a2a638f9f731",
  "block": 19555033,
  "trx_in_block": 52,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:59:06",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "title": " How to capture website screens via URL and using Google API (in PHP)",
      "body": "@@ -4640,16 +4640,153 @@\n g)%0A%0A%3Chr%3E\n+%0A%0A##  %3Ccenter%3E  FULL DEMO%3C/center%3E%0A%0A!%5Bdemo.gif%5D(https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif)%0A%0A\n %0A%3Cblockq\n",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":1903522,\"name\":\"php-src\",\"full_name\":\"php/php-src\",\"html_url\":\"https://github.com/php/php-src\",\"fork\":false,\"owner\":{\"login\":\"php\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"php\",\"json\",\"api\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517687895/gyrpndyk47mgu7j54jjy.gif\"]}"
    }
  ]
}

{
  "trx_id": "313be1e68ca885bba15697a5078e8ecb429796bb",
  "block": 19554456,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:29:24",
  "op": [
    "claim_reward_balance",
    {
      "account": "otakngoding",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.023 SBD",
      "reward_vests": "10.228715 VESTS"
    }
  ]
}

{
  "trx_id": "deb752bf6402dfcfd17e9028f3fb350770d7dec0",
  "block": 19554444,
  "trx_in_block": 24,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:28:48",
  "op": [
    "vote",
    {
      "voter": "r2mmar",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "76dfa9e2bfc3f61c4fe22b213de8a0260df44123",
  "block": 19554403,
  "trx_in_block": 4,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:26:45",
  "op": [
    "comment_options",
    {
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "76dfa9e2bfc3f61c4fe22b213de8a0260df44123",
  "block": 19554403,
  "trx_in_block": 4,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-03T19:26:45",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "how-to-capture-website-screens-via-url-and-using-google-api-in-php",
      "title": " How to capture website screens via URL and using Google API (in PHP)",
      "body": "#### What Will I Learn?\n\n- You will learn API PHP\n- You will learn Google PageSpeed Insights\n- You will learn Decode JSON\n\n#### Requirements\n- you have a basic knowledge of PHP\n- Text Editor (Exp : Notepad++, SublimeText)\n- Xampp/Wamp\n- Access to the Internet\n\n#### Difficulty\n\n- Basic\n\n#### Description\n\nUsually to take a picture of our screen using the \"Print Screen\" or \"Print Sc\" button and there are also other applications. But here I will give a tutorial how to create a PHP program to capture the website screen using \"URL\".\n\nThe function of web page screen capture is used for various purposes in web applications.\n\nActually there is an awful lot available to take the screen of a website page, but we want to create our own program through PHP API and Google PageSpeed ​​Insights.\n\n#### Tutorial Contents\n\n#####  Understanding API ?\n<hr>\nAPI (Application Program Interface) is widely used for service liaison between one program with another program (bridge). Here I will not discuss much about API theory, preferably friends looking for better sources for API theory and understanding issues.\n\n\n#####  Understanding PageSpeed Insights ?\n<hr>\nPageSpeed Insights reports on the real-world performance of a page for mobile and desktop devices and provides suggestions on how that page may be improved.\n\n##### Form HTML\n<hr>\nIn HTML Form there are two types of forms, namely : \n\n1. Input form \n2. submit form.\n\nInput form is useful to enter URL website address, While Form submit function to update URL address into picture with PHP.\n<code>\n<pre>\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt; How to capture website screens via URL and using Google API (in PHP)&lt;/title&gt;\n&lt;/head&gt;\n&lt;body&gt;\n&lt;form method=\"post\" action=\"screenshot.php\"&gt;\n&lt;p&gt;\nEnter the Site URL : <input type=\"text\" name=\"url\" placeholder=\"site address.....\" /&gt;\n&lt;/p&gt;\n&lt;input type=\"submit\" name=\"submit\" value=\"CAPTURE SCREEN\"&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n</pre>\n</code>\n\n\n##### CSS\n<hr>\n<code>\n<pre>\n&lt;style type=\"text/css\"&gt;\n\t\thtml{\n\t\t\tbackground-color: #c0c3c1;\n\t\t\t\n\t\t}\n        input[type=text]{\n\n            width:50%;\n            padding: 15px 20px; \n            border: none;\n            border-radius:2px; \n        }\n         input[type=submit]{\n\n            width: 30%;\n            padding: 12px 25px;\n            margin: 8px 435px;\n            box-sizing: border-box;\n            font-family: sans-serif;\n            background-color: #4CAF50;\n            color: white;\n            border-radius:2px;\n\n        }\n        p{\n            text-align: center;\n            font-size: 20px;\n            font-family: sans-serif;\n        }\n\t</style>\n</pre>\n</code>\n\n### Create PHP (process_ss.php)\n<hr>\n\n``` \n<?php\nif (!empty($_POST['url'])) {\n     $siteURL = $_POST['url'];\n    \n    \nif (filter_var($siteURL, FILTER_VALIDATE_URL)) {\n        $process = file_get_contents(\"https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=$siteURL&screenshot=true\");\n\n        \n$process = json_decode($process, true);\n        $screenshot = $process['screenshot']['data'];\n        $screenshot = str_replace(array(\n            '_',\n            '-'\n        ), array(\n            '/',\n            '+'\n        ), $screenshot);\n        echo \"<img src=\\\"data:image/jpeg;base64,\" . $screenshot . \"\\\" />\";\n    } else {\n        echo \"Please enter a valid URL.\";\n    } \n}\n ?>\n\n```\n\n\n### Explanation of PHP Code\n<hr>\nCalling the name \"url\" html or Website Url\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png)\n\n\ncall the Google PageSpeed ​​Insights API\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png)\n\n\ndata decode json\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png)\n\nIt serves to take the website screen\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png)\n\n\nServes to display the screen that has been captured\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png)\n\n### DEMO Program\n<hr>\n- Save and Run.\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png)\n\n- Enter the URL of the website we will capture\n- Here, let me illustrate my steemit address : https://steemit.com/@otakngoding\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png)\n\n#### Captured Image Results\n<hr>\n\n![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png)\n\n<hr>\n<blockquote>\nCode Via Drive : <a href=\"https://drive.google.com/open?id=12lK8wFZ--5VTtErIPzuCqxYzMqHeg6LQ\" target=\"_blank\">Download</a>\n</blockquote>\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/how-to-capture-website-screens-via-url-and-using-google-api-in-php\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":1903522,\"name\":\"php-src\",\"full_name\":\"php/php-src\",\"html_url\":\"https://github.com/php/php-src\",\"fork\":false,\"owner\":{\"login\":\"php\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"php\",\"json\",\"api\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517683545/nybxcrlmmcaqrxr1fvp6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684604/obeeo6yplqyjvhtd4tvg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684684/sh9tzpyijsdemrmfirnf.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684802/nv5fjjrayln9mduaurhk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517684859/zxb9kdxhjsz8bogtchhp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685095/m2nqulkol0lkcglb6qjk.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685358/ammtozsb2wmbexcepuvm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517685538/ebpjhknmtuh3jzq5ap8d.png\"]}"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19553031,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 4,
  "timestamp": "2018-02-03T18:18:06",
  "op": [
    "author_reward",
    {
      "author": "otakngoding",
      "permlink": "how-to-make-the-top-navigation-menu-being-responsive-with-javascript",
      "sbd_payout": "0.023 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "10.228715 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19553031,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 3,
  "timestamp": "2018-02-03T18:18:06",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "otakngoding",
      "permlink": "how-to-make-the-top-navigation-menu-being-responsive-with-javascript",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "6.137229 VESTS"
    }
  ]
}

{
  "trx_id": "5cb4082d46362c905ed599536e9c08481e9768de",
  "block": 19513952,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-02T09:41:51",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "author": "roj",
      "permlink": "re-otakngoding-tutorial-create-web-portfolio-with-html5-and-javascript-20180202t094148717z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\n\nThe contribution cannot be approved because:\n- Instead of giving instructional content about jQuery, the tutorial covers a portfolio example with HTML5, CSS and jQuery. Utopian expects you teaching more than sharing simple code examples of HTML5 features and jQuery plugins.\n\nThe contribution doesn't follow the rules:\n- Tutorials must be technical instructions that teach non-trivial aspects of an Open Source project.\n\n\n**Suggestions:**\n- In your next contributions, please pay attention that your tutorial is more about teaching technical aspects of the project you chose than just simple features and examples of frameworks. \n- In example, a proper future contribution would be a tutorial teaching features and plugins of jQuery in detail, which covers at least 3 specific topics about jQuery.\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\"}"
    }
  ]
}

{
  "trx_id": "f5729a28112b2f2e9b853b25dab0ab0c46f8410c",
  "block": 19513823,
  "trx_in_block": 23,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-02T09:35:24",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "title": "Tutorial create web portfolio with HTML5 and JavaScript",
      "body": "\n#### What Will I Learn?\n- You will learn about HTML5\n- You will learn how to use CSS\n- You will learn how to use JavaScript\n- You will learn to create content on structured websites.\n- You'll learn to create responsive websites on all devices.\n\n#### Requirements\n\n- You have a basic knowledge of HTML\n- You have a basic knowledge of CSS\n- You have a basic knowledge of JavaScript\n- Text Editor For Coding or Script\n\n#### Difficulty\n- Intermediate\n\n\n#### Tutorial Contents\n- As we know HTML5 is one of Waring Wera Wanua Consortium's works (World Wide Web Consortium, W3C) to define a single markup language that can be written in HTML or XHTML. HTML5 is the answer to the development of HTML 4.01 and XHTML 1.1 which has been running separately, and is implemented differently by many web-maker software.\n\n- And in this tutorial, the author will tell how to create a portfolio website or better known as biodata website about yourself.\n\n- Display portfolio website that we will make later, like this:\n* Header View\n\n![Screenshot from 2018-02-01 16-52-49.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png)\n\n* Section About\n\n![Screenshot from 2018-02-01 16-52-58.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png)\n\n* Section Gallery\n\n![Screenshot from 2018-02-01 16-53-09.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png)\n\n* Section Footer\n\n![Screenshot from 2018-02-01 16-53-17.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png)\n\n\n#### Follow these steps to get started creating a personal web portfolio :\n- Next create a folder, css file placed in the css folder, the image for the gallery is placed in the image folder, while the popup plugin is in the popup folder.\n\n![Screenshot from 2018-02-01 17-00-31.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png)\n\n- Open Text Editor\n- Create HTML5 Structure As below :\n\n<pre>\n\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;meta charset=\"utf-8\"&gt;\n\t&lt;title&gt;TUTORIAL | Web Fortofolio Using JavaScript-HTML5&lt;/title&gt;\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\t&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"popup/magnific-popup.css\"&gt;\n\t&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"&gt;\n\n\t<script type=\"text/javascript\" src=\"js/jquery.js\"></script>\n\t<script type=\"text/javascript\"></script>\n&lt;/head&gt;\n&lt;body&gt;\n\n&lt;script type=\"text/javascript\" src=\"js/scripts.js\"&gt;&lt;/script&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n\n</pre>\n<p></p>\n\n- Next we will create a website header, copy the html code below and paste it into the tag <code> &lt;body&gt; </code>See the code below:\n<pre>\n\n&lt;div id=\"banner\"&gt;\n\t\t&lt;header id=\"logo\"&gt;\n\t\t\t&lt;img src=\"img/a.png\" alt=\"\"&gt;\n\t\t\t&lt;h1&gt;Sysadmin Web Developers&lt;/h1&gt;\n\t\t\t&lt;span id=\"jobdesc\"&gt;\n\t\t\t\tI'am Steemit And Utopian-io\n\t\t\t&lt;/span&gt;\n\t\t&lt;/header&gt;\n\t\t&lt;div id=\"overlay\"&gt;&lt;/div&gt;\n\t&lt;/div&gt;\n\n\n</pre>\n\n\n- Create About You Work\n\n![Screenshot from 2018-02-01 17-25-56.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png)\n\n- After that create the gallery section in accordance with the rules of the Magnific Popup plugin.\n\n![Screenshot from 2018-02-01 17-27-37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png)\n\n- Then this part is up to you want to make a word about what, this is about the words of me :\n\n![Screenshot from 2018-02-01 17-33-42.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png)\n\n- And finally make a footer like this :\n\n![Screenshot from 2018-02-01 17-37-43.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png)\n\n- After that we will learn here to create website content, which we learn that is from CSS which is used for display view: table, table-row, and table-cell to create high-level column in class section.\n\n#### After we finish making the HTML structure part, then we make part of its CSS structut.\n- Make css part header\n\n![Screenshot from 2018-02-01 17-40-49.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png)\n\n![Screenshot from 2018-02-01 17-41-36.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png)\n\n- Make css part Gallery\n\n![Screenshot from 2018-02-01 17-42-54.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png)\n\n- Make css part Content\n\n![Screenshot from 2018-02-01 17-44-26.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png)\n\n![Screenshot from 2018-02-01 17-45-30.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png)\n\n- To be responsive and css for footer, then create a css like the following :\n\n![Screenshot from 2018-02-01 17-47-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png)\n\n![Screenshot from 2018-02-01 17-47-55.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png)\n\n#### Certain parts we have done one step after another, then save and run. If it's done well and will finish like this:\n\n![Screenshot from 2018-02-01 16-52-22.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png)\n\n#### Here I use free hosting, you can also see web portfolio here : \n<h2><center><a href=\"https://portfolioallsave.000webhostapp.com/\" target=\"_blank\">LIVE WEBSITE</a></center></h2>\n\n#### so, the benefits to create a website that is, can be used for our personal website, well that's some tutorial to create a portfolio website with HTML5 and JavaScript.\n\n<blockquote>\nDownload Via GoogleDrive : <a href=\"https://drive.google.com/file/d/1u2ayfzdhKvYThcPFv13X0Akeps9Hb-9F/view\" target=\"_blank\">Download</a>\n</blockquote>\n\n\n\n\n\n\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/tutorial-create-web-portfolio-with-html5-and-javascript\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":167174,\"name\":\"jquery\",\"full_name\":\"jquery/jquery\",\"html_url\":\"https://github.com/jquery/jquery\",\"fork\":false,\"owner\":{\"login\":\"jquery\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"javascript\",\"html\",\"design\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png\"],\"moderator\":{\"account\":\"roj\",\"time\":\"2018-02-02T09:35:24.256Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false}}"
    }
  ]
}

{
  "trx_id": "04261fd296211d097e84c84124055a8a8278a668",
  "block": 19498889,
  "trx_in_block": 5,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T21:07:36",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "author": "cutemachine",
      "permlink": "re-otakngoding-tutorial-create-web-portfolio-with-html5-and-javascript-20180201t210735428z",
      "title": "",
      "body": "HTML, CSS and JavaScript. Love the minimalism :)",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"app\":\"steemit/0.1\"}"
    }
  ]
}

{
  "trx_id": "c6b6aed7da47854929a90f56472371be82468c8e",
  "block": 19498861,
  "trx_in_block": 129,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T21:06:12",
  "op": [
    "vote",
    {
      "voter": "cutemachine",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "645997c2e3927202fb12d25afe792041613f8571",
  "block": 19495595,
  "trx_in_block": 27,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T18:22:33",
  "op": [
    "vote",
    {
      "voter": "reverbtank",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "882f4a2bc1578cd9d804038705d8a6d858481d5f",
  "block": 19488551,
  "trx_in_block": 46,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T12:29:42",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "author": "amosbastian",
      "permlink": "re-otakngoding-tutorial-encoding-and-decoding-base64-with-python-on-linux-20180201t122943108z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nYou already posted about this before [here](https://utopian.io/utopian-io/@otakngoding/how-to-create-encoding-and-decoding-base64-using-python), where I already told you the tutorial was too trivial to be considered a valid contribution to Utopian.io.\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\"}"
    }
  ]
}

{
  "trx_id": "f84f50a0a5245df0bf7e11643e62167e861a6433",
  "block": 19488516,
  "trx_in_block": 36,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T12:27:57",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "title": "Tutorial Encoding and Decoding Base64 with Python on Linux",
      "body": "\n#### What Will I Learn?\n- What is Python ?\n- What is Base64 ?\n- How to encode base64 with Python on Linux\n- How to decode base64 with Python on Linux\n\n#### Requirements\n- You have a basic knowledge of Python\n- Linux Operating System\n- Command Line or Terminal\n- Text Editor\n\n#### Difficulty\n\n- Intermediate\n\n\n#### Tutorial Contents\n##### - What is Python ?\nPython is a multipurpose interpretative programming language. with a design philosophy that focuses on the legibility of the code. Python is claimed to be a language that combines capabilities, capabilities, with very clear code syntax, and comes with a large and comprehensive standard library functionality. \n\n##### - What is Base64 ?\nBase64 is a method used to encoding binary data so that it becomes \"printable\" or in short binary data is encoded into a 7-bit character format such as part of the email content.\n\nBasically Base64 is a code composed by 64 characters, whose character (based on: RFC 1421) consists of (A-Z, a-z, 0-9, +, /) or \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 + /\". But there is one additional character that is \"=\", whose function is to fulfill or term it as a filler pad.\n\n- So you are not confused to learn about encode and decode base64 using python, let's follow my steps as follows:\n- As we know to start python programming we have to go into python shell, To start we have to open Terminal. Follow my steps as below :\n1. Open terminal (Ctrl + Alt + T)\n2. Type python then you will go into sheel Python.\n<blockquote>\nThe author here uses linux times for the operating system and still uses python version 2.7 and last update in 2017.\n</blockquote>\n\n![Screenshot from 2018-02-01 13-49-58.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png)\n\n![Screenshot from 2018-02-01 13-50-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png)\n\n- Once we get into the python shell, then the next step we start encoding and decoding base64 on python.\n\n- And the author will do the encoding and decoding the writing as below :\n<blockquote>\nencoding : \"encodinganddecodingbase64dilinux\"<p></p>\ndecoding : \"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\"\n</blockquote>\n\n#### Encoding Base64\n- To start the first step ie <code> encoding </code> then type the script or command like below :\n<pre>\n<code>\n     import base64\n     encoding = base64.b64encode(\"encodinganddecodingbase64dilinux\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 14-06-16.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png)\n\n- Next type <code> \"encoding\" </code> to view encrypted secreted posts :\n<pre>\n<code>\n    encoding\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-11-37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png)\n\n- After we do \"<code>encode</code>\" in the words \"encodinganddecodingbase64dilinux\" then it becomes like = \"<code>ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=</code>\".\n\n\n#### Decoding Base64\n- As we know, after we do the \"encoding\" we will definitely do the name \"decoding\" or the reversal of another word, that is to break the writing of a secret or crack the password that has been in \"encode\".\n\n- To do \"decoding\" you do not need to open another \"Terminal\", you simply write the script or direct command under it. Follow my steps :\n\n- Type the following command :\n<pre>\n<code>\n   decoding = base64.b64decode(\"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-28-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png)\n\n- Next type <code>\"decoding\"</code> to see the posts that are encoded in secret : \n\n<pre>\n<code>\n   decoding \n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-30-50.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png)\n\n<blockquote>\nAfter we do the decode then out the posts we have encode earlier that is: <code>encodinganddecodingbase64dilinux</code>\n</blockquote>\n\n<h3> FULL SCRIPT OR SYNTAX</h3>\n\n![Screenshot from 2018-02-01 15-34-46.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png)\n\n<blockquote>\nThe author here uses kali linux for the operating system and still uses python version 2.7 and last update in 2017. \n</blockquote>\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/tutorial-encoding-and-decoding-base64-with-python-on-linux\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":81598961,\"name\":\"cpython\",\"full_name\":\"python/cpython\",\"html_url\":\"https://github.com/python/cpython\",\"fork\":false,\"owner\":{\"login\":\"python\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"python\",\"linux\",\"programming\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"],\"moderator\":{\"account\":\"amosbastian\",\"time\":\"2018-02-01T12:27:58.493Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false}}"
    }
  ]
}

{
  "trx_id": "c63bb0a1fd5db157a6c4e23af8934896fb6a4f03",
  "block": 19487247,
  "trx_in_block": 37,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T11:24:24",
  "op": [
    "claim_reward_balance",
    {
      "account": "otakngoding",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.010 SBD",
      "reward_vests": "4.091998 VESTS"
    }
  ]
}

{
  "trx_id": "07a33840cd1102aec3aa7efa71ce1500fcc34ef9",
  "block": 19486773,
  "trx_in_block": 55,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T11:00:36",
  "op": [
    "vote",
    {
      "voter": "bobdos",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "weight": 500
    }
  ]
}

{
  "trx_id": "ec9160ef2dc33aa002f80d1c8ad62c7d49ce6330",
  "block": 19486768,
  "trx_in_block": 48,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T11:00:21",
  "op": [
    "vote",
    {
      "voter": "chelsea.bear",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "weight": 500
    }
  ]
}

{
  "trx_id": "615ccd00c1e88d8350b2d4ec3c0fcd77d45d325f",
  "block": 19486693,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T10:56:36",
  "op": [
    "vote",
    {
      "voter": "otakngoding",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "85a0d2549d04fae62d7e92f39f88cd0a75adbb38",
  "block": 19486686,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T10:56:15",
  "op": [
    "comment_options",
    {
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "85a0d2549d04fae62d7e92f39f88cd0a75adbb38",
  "block": 19486686,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T10:56:15",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-create-web-portfolio-with-html5-and-javascript",
      "title": "Tutorial create web portfolio with HTML5 and JavaScript",
      "body": "\n#### What Will I Learn?\n- You will learn about HTML5\n- You will learn how to use CSS\n- You will learn how to use JavaScript\n- You will learn to create content on structured websites.\n- You'll learn to create responsive websites on all devices.\n\n#### Requirements\n\n- You have a basic knowledge of HTML\n- You have a basic knowledge of CSS\n- You have a basic knowledge of JavaScript\n- Text Editor For Coding or Script\n\n#### Difficulty\n- Intermediate\n\n\n#### Tutorial Contents\n- As we know HTML5 is one of Waring Wera Wanua Consortium's works (World Wide Web Consortium, W3C) to define a single markup language that can be written in HTML or XHTML. HTML5 is the answer to the development of HTML 4.01 and XHTML 1.1 which has been running separately, and is implemented differently by many web-maker software.\n\n- And in this tutorial, the author will tell how to create a portfolio website or better known as biodata website about yourself.\n\n- Display portfolio website that we will make later, like this:\n* Header View\n\n![Screenshot from 2018-02-01 16-52-49.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png)\n\n* Section About\n\n![Screenshot from 2018-02-01 16-52-58.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png)\n\n* Section Gallery\n\n![Screenshot from 2018-02-01 16-53-09.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png)\n\n* Section Footer\n\n![Screenshot from 2018-02-01 16-53-17.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png)\n\n\n#### Follow these steps to get started creating a personal web portfolio :\n- Next create a folder, css file placed in the css folder, the image for the gallery is placed in the image folder, while the popup plugin is in the popup folder.\n\n![Screenshot from 2018-02-01 17-00-31.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png)\n\n- Open Text Editor\n- Create HTML5 Structure As below :\n\n<pre>\n\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;meta charset=\"utf-8\"&gt;\n\t&lt;title&gt;TUTORIAL | Web Fortofolio Using JavaScript-HTML5&lt;/title&gt;\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\t&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"popup/magnific-popup.css\"&gt;\n\t&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"&gt;\n\n\t<script type=\"text/javascript\" src=\"js/jquery.js\"></script>\n\t<script type=\"text/javascript\"></script>\n&lt;/head&gt;\n&lt;body&gt;\n\n&lt;script type=\"text/javascript\" src=\"js/scripts.js\"&gt;&lt;/script&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n\n</pre>\n<p></p>\n\n- Next we will create a website header, copy the html code below and paste it into the tag <code> &lt;body&gt; </code>See the code below:\n<pre>\n\n&lt;div id=\"banner\"&gt;\n\t\t&lt;header id=\"logo\"&gt;\n\t\t\t&lt;img src=\"img/a.png\" alt=\"\"&gt;\n\t\t\t&lt;h1&gt;Sysadmin Web Developers&lt;/h1&gt;\n\t\t\t&lt;span id=\"jobdesc\"&gt;\n\t\t\t\tI'am Steemit And Utopian-io\n\t\t\t&lt;/span&gt;\n\t\t&lt;/header&gt;\n\t\t&lt;div id=\"overlay\"&gt;&lt;/div&gt;\n\t&lt;/div&gt;\n\n\n</pre>\n\n\n- Create About You Work\n\n![Screenshot from 2018-02-01 17-25-56.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png)\n\n- After that create the gallery section in accordance with the rules of the Magnific Popup plugin.\n\n![Screenshot from 2018-02-01 17-27-37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png)\n\n- Then this part is up to you want to make a word about what, this is about the words of me :\n\n![Screenshot from 2018-02-01 17-33-42.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png)\n\n- And finally make a footer like this :\n\n![Screenshot from 2018-02-01 17-37-43.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png)\n\n- After that we will learn here to create website content, which we learn that is from CSS which is used for display view: table, table-row, and table-cell to create high-level column in class section.\n\n#### After we finish making the HTML structure part, then we make part of its CSS structut.\n- Make css part header\n\n![Screenshot from 2018-02-01 17-40-49.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png)\n\n![Screenshot from 2018-02-01 17-41-36.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png)\n\n- Make css part Gallery\n\n![Screenshot from 2018-02-01 17-42-54.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png)\n\n- Make css part Content\n\n![Screenshot from 2018-02-01 17-44-26.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png)\n\n![Screenshot from 2018-02-01 17-45-30.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png)\n\n- To be responsive and css for footer, then create a css like the following :\n\n![Screenshot from 2018-02-01 17-47-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png)\n\n![Screenshot from 2018-02-01 17-47-55.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png)\n\n#### Certain parts we have done one step after another, then save and run. If it's done well and will finish like this:\n\n![Screenshot from 2018-02-01 16-52-22.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png)\n\n#### Here I use free hosting, you can also see web portfolio here : \n<h2><center><a href=\"https://portfolioallsave.000webhostapp.com/\" target=\"_blank\">LIVE WEBSITE</a></center></h2>\n\n#### so, the benefits to create a website that is, can be used for our personal website, well that's some tutorial to create a portfolio website with HTML5 and JavaScript.\n\n<blockquote>\nDownload Via GoogleDrive : <a href=\"https://drive.google.com/file/d/1u2ayfzdhKvYThcPFv13X0Akeps9Hb-9F/view\" target=\"_blank\">Download</a>\n</blockquote>\n\n\n\n\n\n\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/tutorial-create-web-portfolio-with-html5-and-javascript\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":167174,\"name\":\"jquery\",\"full_name\":\"jquery/jquery\",\"html_url\":\"https://github.com/jquery/jquery\",\"fork\":false,\"owner\":{\"login\":\"jquery\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"javascript\",\"html\",\"design\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478825/krcngtmetxtrrucclsej.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478866/cvtfyf4jbffikdw5gmwm.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517478978/ttfmqbsiy5azjd9l7bnc.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479025/unur3y9tizy9sutjggka.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517479248/s1gybilqej3djx3vlpfa.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517480788/xrsc1477oow1hwwivd8u.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481173/xbnate8xv7gylhp6biho.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481246/ybo3dxxhwias7glp8iwg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481489/cxqoxgi2o9t9lxf8cqfq.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481687/cq69eb3dk5v6y13ic6an.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481730/wr7c220byt48xoswvtxg.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481798/mvi11gyjyucmpyauph7e.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481892/tvpfbcp3jy5paslfa0fp.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517481955/axt5ubiujee34lfki8w7.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482056/imh7r3evpy5plwooq0t9.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482092/ggbfh8tbz73j3mk2rz2q.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517482189/lbmgqgbigwqmbvztntyj.png\"]}"
    }
  ]
}

{
  "trx_id": "ceb6c7abe08c99cc35935ad320b4735f18fe812b",
  "block": 19484316,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:57:24",
  "op": [
    "custom_json",
    {
      "required_auths": [],
      "required_posting_auths": [
        "otakngoding"
      ],
      "id": "follow",
      "json": "[\"follow\",{\"follower\":\"otakngoding\",\"following\":\"upme\",\"what\":[\"blog\"]}]"
    }
  ]
}

{
  "trx_id": "97caea590469569d180fe384d45d3f5409972f9c",
  "block": 19484010,
  "trx_in_block": 34,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:42:06",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "title": "Tutorial Encoding and Decoding Base64 with Python on Linux",
      "body": "\n#### What Will I Learn?\n- What is Python ?\n- What is Base64 ?\n- How to encode base64 with Python on Linux\n- How to decode base64 with Python on Linux\n\n#### Requirements\n- You have a basic knowledge of Python\n- Linux Operating System\n- Command Line or Terminal\n- Text Editor\n\n#### Difficulty\n\n- Intermediate\n\n\n#### Tutorial Contents\n##### - What is Python ?\nPython is a multipurpose interpretative programming language. with a design philosophy that focuses on the legibility of the code. Python is claimed to be a language that combines capabilities, capabilities, with very clear code syntax, and comes with a large and comprehensive standard library functionality. \n\n##### - What is Base64 ?\nBase64 is a method used to encoding binary data so that it becomes \"printable\" or in short binary data is encoded into a 7-bit character format such as part of the email content.\n\nBasically Base64 is a code composed by 64 characters, whose character (based on: RFC 1421) consists of (A-Z, a-z, 0-9, +, /) or \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 + /\". But there is one additional character that is \"=\", whose function is to fulfill or term it as a filler pad.\n\n- So you are not confused to learn about encode and decode base64 using python, let's follow my steps as follows:\n- As we know to start python programming we have to go into python shell, To start we have to open Terminal. Follow my steps as below :\n1. Open terminal (Ctrl + Alt + T)\n2. Type python then you will go into sheel Python.\n<blockquote>\nThe author here uses linux times for the operating system and still uses python version 2.7 and last update in 2017.\n</blockquote>\n\n![Screenshot from 2018-02-01 13-49-58.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png)\n\n![Screenshot from 2018-02-01 13-50-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png)\n\n- Once we get into the python shell, then the next step we start encoding and decoding base64 on python.\n\n- And the author will do the encoding and decoding the writing as below :\n<blockquote>\nencoding : \"encodinganddecodingbase64dilinux\"<p></p>\ndecoding : \"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\"\n</blockquote>\n\n#### Encoding Base64\n- To start the first step ie <code> encoding </code> then type the script or command like below :\n<pre>\n<code>\n     import base64\n     encoding = base64.b64encode(\"encodinganddecodingbase64dilinux\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 14-06-16.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png)\n\n- Next type <code> \"encoding\" </code> to view encrypted secreted posts :\n<pre>\n<code>\n    encoding\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-11-37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png)\n\n- After we do \"<code>encode</code>\" in the words \"encodinganddecodingbase64dilinux\" then it becomes like = \"<code>ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=</code>\".\n\n\n#### Decoding Base64\n- As we know, after we do the \"encoding\" we will definitely do the name \"decoding\" or the reversal of another word, that is to break the writing of a secret or crack the password that has been in \"encode\".\n\n- To do \"decoding\" you do not need to open another \"Terminal\", you simply write the script or direct command under it. Follow my steps :\n\n- Type the following command :\n<pre>\n<code>\n   decoding = base64.b64decode(\"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-28-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png)\n\n- Next type <code>\"decoding\"</code> to see the posts that are encoded in secret : \n\n<pre>\n<code>\n   decoding \n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-30-50.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png)\n\n<blockquote>\nAfter we do the decode then out the posts we have encode earlier that is: <code>encodinganddecodingbase64dilinux</code>\n</blockquote>\n\n<h3> FULL SCRIPT OR SYNTAX</h3>\n\n![Screenshot from 2018-02-01 15-34-46.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png)\n\n<blockquote>\nThe author here uses kali linux for the operating system and still uses python version 2.7 and last update in 2017. \n</blockquote>\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/tutorial-encoding-and-decoding-base64-with-python-on-linux\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":81598961,\"name\":\"cpython\",\"full_name\":\"python/cpython\",\"html_url\":\"https://github.com/python/cpython\",\"fork\":false,\"owner\":{\"login\":\"python\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"python\",\"linux\",\"programming\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"]}"
    }
  ]
}

{
  "trx_id": "941eefc19fc251f95a87fd02b49a447534f3b845",
  "block": 19483961,
  "trx_in_block": 42,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:39:39",
  "op": [
    "vote",
    {
      "voter": "claraquarius",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "weight": 500
    }
  ]
}

{
  "trx_id": "86e3e78e52250b342d8dd908599d3b0cb1740dda",
  "block": 19483956,
  "trx_in_block": 22,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:39:24",
  "op": [
    "vote",
    {
      "voter": "otakngoding",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "e9b53541b1910cdcc4e2f01b33e29d1ff460d4b9",
  "block": 19483943,
  "trx_in_block": 20,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:38:45",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "title": "Tutorial Encoding and Decoding Base64 with Python on Linux",
      "body": "@@ -4247,16 +4247,159 @@\n o.png)%0A%0A\n+%3Cblockquote%3E%0AThe author here uses kali linux for the operating system and still uses python version 2.7 and last update in 2017. %0A%3C/blockquote%3E\n %0A%0A%3Cbr /%3E\n",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":81598961,\"name\":\"cpython\",\"full_name\":\"python/cpython\",\"html_url\":\"https://github.com/python/cpython\",\"fork\":false,\"owner\":{\"login\":\"python\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"python\",\"cpython\",\"programming\"],\"users\":[\"otakngoding\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"]}"
    }
  ]
}

{
  "trx_id": "f2196859c8e0f5e5ab6017cf6ad1bcb79ad8c667",
  "block": 19483898,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:36:30",
  "op": [
    "comment_options",
    {
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "f2196859c8e0f5e5ab6017cf6ad1bcb79ad8c667",
  "block": 19483898,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-01T08:36:30",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "otakngoding",
      "permlink": "tutorial-encoding-and-decoding-base64-with-python-on-linux",
      "title": "Tutorial Encoding and Decoding Base64 with Python on Linux",
      "body": "\n#### What Will I Learn?\n- What is Python ?\n- What is Base64 ?\n- How to encode base64 with Python on Linux\n- How to decode base64 with Python on Linux\n\n#### Requirements\n- You have a basic knowledge of Python\n- Linux Operating System\n- Command Line or Terminal\n- Text Editor\n\n#### Difficulty\n\n- Intermediate\n\n\n#### Tutorial Contents\n##### - What is Python ?\nPython is a multipurpose interpretative programming language. with a design philosophy that focuses on the legibility of the code. Python is claimed to be a language that combines capabilities, capabilities, with very clear code syntax, and comes with a large and comprehensive standard library functionality. \n\n##### - What is Base64 ?\nBase64 is a method used to encoding binary data so that it becomes \"printable\" or in short binary data is encoded into a 7-bit character format such as part of the email content.\n\nBasically Base64 is a code composed by 64 characters, whose character (based on: RFC 1421) consists of (A-Z, a-z, 0-9, +, /) or \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 + /\". But there is one additional character that is \"=\", whose function is to fulfill or term it as a filler pad.\n\n- So you are not confused to learn about encode and decode base64 using python, let's follow my steps as follows:\n- As we know to start python programming we have to go into python shell, To start we have to open Terminal. Follow my steps as below :\n1. Open terminal (Ctrl + Alt + T)\n2. Type python then you will go into sheel Python.\n<blockquote>\nThe author here uses linux times for the operating system and still uses python version 2.7 and last update in 2017.\n</blockquote>\n\n![Screenshot from 2018-02-01 13-49-58.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png)\n\n![Screenshot from 2018-02-01 13-50-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png)\n\n- Once we get into the python shell, then the next step we start encoding and decoding base64 on python.\n\n- And the author will do the encoding and decoding the writing as below :\n<blockquote>\nencoding : \"encodinganddecodingbase64dilinux\"<p></p>\ndecoding : \"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\"\n</blockquote>\n\n#### Encoding Base64\n- To start the first step ie <code> encoding </code> then type the script or command like below :\n<pre>\n<code>\n     import base64\n     encoding = base64.b64encode(\"encodinganddecodingbase64dilinux\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 14-06-16.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png)\n\n- Next type <code> \"encoding\" </code> to view encrypted secreted posts :\n<pre>\n<code>\n    encoding\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-11-37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png)\n\n- After we do \"<code>encode</code>\" in the words \"encodinganddecodingbase64dilinux\" then it becomes like = \"<code>ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=</code>\".\n\n\n#### Decoding Base64\n- As we know, after we do the \"encoding\" we will definitely do the name \"decoding\" or the reversal of another word, that is to break the writing of a secret or crack the password that has been in \"encode\".\n\n- To do \"decoding\" you do not need to open another \"Terminal\", you simply write the script or direct command under it. Follow my steps :\n\n- Type the following command :\n<pre>\n<code>\n   decoding = base64.b64decode(\"ZW5jb2RpbmdkYW5kZWNvZGluZ2Jhc2U2NGRpbGludXg=\")\n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-28-20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png)\n\n- Next type <code>\"decoding\"</code> to see the posts that are encoded in secret : \n\n<pre>\n<code>\n   decoding \n</code>\n</pre>\n<p>\n\n![Screenshot from 2018-02-01 15-30-50.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png)\n\n<blockquote>\nAfter we do the decode then out the posts we have encode earlier that is: <code>encodinganddecodingbase64dilinux</code>\n</blockquote>\n\n<h3> FULL SCRIPT OR SYNTAX</h3>\n\n![Screenshot from 2018-02-01 15-34-46.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png)\n\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@otakngoding/tutorial-encoding-and-decoding-base64-with-python-on-linux\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":81598961,\"name\":\"cpython\",\"full_name\":\"python/cpython\",\"html_url\":\"https://github.com/python/cpython\",\"fork\":false,\"owner\":{\"login\":\"python\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"tutorials\",\"python\",\"cpython\",\"programming\"],\"links\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"],\"image\":[\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467865/spbwwesquoes5tnvam8a.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517467893/lt2tajsfae7lkmhgm6cr.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517468802/eshits0p3dslhvc3ptrb.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517472895/ffolwaxkjfttne8io1bw.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473731/cxbuyg7ko1rt4e9ppuq6.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517473881/r3dgabdvsvlijij3unsl.png\",\"https://res.cloudinary.com/hpiynhbhq/image/upload/v1517474121/rijry5tzqfbw5vbsnu2o.png\"]}"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19481650,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 6,
  "timestamp": "2018-02-01T06:43:54",
  "op": [
    "author_reward",
    {
      "author": "otakngoding",
      "permlink": "introduce-me-brain-ngoding-let-s-see-about-me",
      "sbd_payout": "0.010 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "4.091998 VESTS"
    }
  ]
}

{
  "trx_id": "e24d61be4d59a7bd82df82dbc5826d2b119429d6",
  "block": 19414964,
  "trx_in_block": 37,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-29T23:05:51",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "how-to-create-encoding-and-decoding-base64-using-python",
      "author": "amosbastian",
      "permlink": "re-otakngoding-how-to-create-encoding-and-decoding-base64-using-python-20180129t224622243z",
      "title": "",
      "body": "@@ -134,39 +134,57 @@\n 2016\n- and more than likely not yours\n+, the tutorial isn't informative and very trivial\n .%0A%0AY\n",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"steemit/0.1\",\"links\":[\"https://utopian.io/rules\",\"https://discord.gg/uTyJkNm\",\"https://utopian.io/moderators\"]}"
    }
  ]
}

{
  "trx_id": "89267e72c01aee16e319e54aa3711fcbf5806acd",
  "block": 19414632,
  "trx_in_block": 8,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-29T22:49:15",
  "op": [
    "vote",
    {
      "voter": "swagger",
      "author": "otakngoding",
      "permlink": "how-to-create-encoding-and-decoding-base64-using-python",
      "weight": 1000
    }
  ]
}

{
  "trx_id": "e6e2b3e480e3e91c840aa10df65d3d6d91a03312",
  "block": 19414589,
  "trx_in_block": 24,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-29T22:47:06",
  "op": [
    "vote",
    {
      "voter": "otakngoding",
      "author": "allsave",
      "permlink": "how-to-make-web-portfolio-with-html5-and-jquery-or-tutorials",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "11231cd27ebeb25b187130491cf71e12cd80d8ca",
  "block": 19414574,
  "trx_in_block": 53,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-29T22:46:21",
  "op": [
    "comment",
    {
      "parent_author": "otakngoding",
      "parent_permlink": "how-to-create-encoding-and-decoding-base64-using-python",
      "author": "amosbastian",
      "permlink": "re-otakngoding-how-to-create-encoding-and-decoding-base64-using-python-20180129t224622243z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nScreenshots are from 2016 and more than likely not yours.\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\"}"
    }
  ]
}