Blue Flower

<!DOCTYPE html> <html> <head> <style> .sticky { font-size: calc(12px + 1vw); position: -webkit-sticky; position: sticky; top: 0; padding: 5px; background-color: #cae8ca; border: 2px solid #4CAF50; } </style> <script src=""></script> <script> var xMousePos = 0; var yMousePos = 0; var xTouchPos = 0; var yTouchPos = 0; var lastScrolledLeft = 0; var lastScrolledTop = 0; var keyboardPress; var mouseClick; var mousePress; var mTouch = 'untouched'; var zoom = 100*screen.width/window.innerWidth; var events = 0; var eps = 0; var sevent = 'idle'; var Event = 'idle'; $(document).ready(function(){ $(document).mousemove(function(event){ events += 1; eps += 1; xMousePos = event.pageX; yMousePos = event.pageY; Event = event.type; demo_computer() }).scroll(function(event) { events += 1; eps += 1; Event = event.type; if(lastScrolledLeft != $(document).scrollLeft()){ xMousePos -= lastScrolledLeft; lastScrolledLeft = $(document).scrollLeft(); xMousePos += lastScrolledLeft; } if(lastScrolledTop != $(document).scrollTop()){ yMousePos -= lastScrolledTop; lastScrolledTop = $(document).scrollTop(); yMousePos += lastScrolledTop; } demo_computer() }).keydown(function(event){ events += 1; eps += 1;; keyboardPress = event.key; Event = event.type; demo_computer() }).keyup(function(event){ events += 1; eps += 1; keyboardPress = ''; Event = event.type; demo_computer() }).mousedown(function(event){ events += 1; eps += 1; Event = event.type; switch (event.which) { case 1: mouseClick = 'left click'; break; case 2: mouseClick = 'middle click'; break; case 3: mouseClick = 'right click'; break; default: console.log('You have a strange Mouse!'); } mousePress = mouseClick; demo_computer(); }).mouseup(function(event){ events += 1; eps += 1; Event = event.type; mouseClick = ''; mousePress = mouseClick; demo_computer(); }).on("touchstart", function(event) { events += 1; eps += 1; Event = event.type; mTouch = 'touched'; xTouchPos = event.touches[0].pageX; yTouchPos = event.touches[0].pageY; demo_computer(); demo_mobile(); }).on("touchend", function(event) { events += 1; eps += 1; Event = event.type; mTouch = 'untouched'; demo_computer(); demo_mobile(); }).on("touchcancel", function(event) { events += 1; eps += 1; Event = event.type; mTouch = 'interrupted'; xTouchPos = event.touches[0].pageX; yTouchPos = event.touches[0].pageY; demo_computer(); demo_mobile(); }).on("touchmove", function(event) { events += 1; eps += 1; Event = event.type; mTouch = 'moving'; xTouchPos = event.touches[0].pageX; yTouchPos = event.touches[0].pageY; zoom = 100*screen.width/window.visualViewport.width; demo_computer(); demo_mobile(); }).on("copy", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("cut", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("paste", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("auxclick", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("contextmenu", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("dblclick", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("select", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }).on("wheel", function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; demo_computer(); demo_mobile(); }) $(window).resize(function(event) { events += 1; eps += 1; Event = event.type; sevent = event.type; zoom = 100*screen.width/window.innerWidth; demo_computer(); demo_mobile(); }); function demo_computer(){ $("#computer").html("<strong>MouseX</strong>: " + xMousePos + " ,<strong>MouseY</strong>: " + yMousePos + " ,<strong>ScrollLeft</strong>: " + lastScrolledLeft + " ,<strong>ScrollTop</strong>: " + lastScrolledTop + " ,<strong>KeyboardPress</strong>: " + keyboardPress + " ,<strong>MouseClick</strong>: " + mouseClick + " ,<strong>Zoom</strong>: " + zoom + "%" + " , <strong>events</strong>: " + events + " , <strong>eps</strong>: " + eps + " ,<strong>event</strong>: " + Event + " ,<strong>last special event</strong>: " + sevent ); } function demo_mobile(){ $("#mobile").html("<strong>Touch</strong>: " + mTouch + "<strong>TouchX</strong>: " + xTouchPos + " ,<strong>TouchY</strong>: " + yTouchPos); } setInterval(function(){ eps = 0; demo_computer();}, 1000); }); </script> </head> <body> <span class="sticky"></span> </body> </html>

Chapter 3 Findings In Japan

3.1 Environment and City Management

I found the city's management well organized. I've seen the business district has its own block.

Figure 3.1 Image taken at Tokyo

I've also seen the residential district and farms seperated.

Figure 3.2 Image taken somewhere at Fukuoka
Figure 3.3 Image taken somewhere at Fukuoka near Kururun

Overall the towns are clean.

Figure 3.4 Image taken somewhere at Fukuoka where no rubbish was sighted

On 27th June 2013 from 09:30 – 11:00, we visited a recycling based town development Oki Town (Oki Town sustainable centre “Kururun”) and have a lecture of waste management there. Here the wastes are divided into 25 varieties.

Figure 3.5 Waste division at Oki Town

Today at this town 97% of its waste are recycled which means there is only 3% rubbish and the rest can be use for something beneficial. For example fertilizer, electricity from biogas, diesel from kitchen waste. It's also thanks to local town's folk support to relize this. In the future they're aiming for zero waste town.

Figure 3.6 Some recycled products at Oki Town

I found that Fukuoka is also rich in agriculture. On 27th June 2013 from 16:00 – 17:00 we have lecture of agriculture at Asakura City. They're currently focusing on creating healthy and tasty snacks made from fruits and vegetables. Their reasons for this it's because youths today eats more snacks (like chips) and less fruit. So they like to create healthy chips made from fruits and vegetables.

Figure 3.7 Some agricultural products in Fukuoka

3.2 Culture and People

My first impression of the people when coming to Japan was they're strict with time. There's no tolerance of the word late in Japan. Everything is punctual. What I examine of how they can be punctual, it's because of subway train. Logically a subway train is clear channel transportation. Therefore the time of a subway train arrives is predictable and accurate.

Figure 3.8 People coming out of subway station and train arrived on time

Even though they advance their technology but they still preserve their culture. On 25th June 2013 from 14:30 – 16:30 we went to Ohari Park to experience Noh Play ourselves. This play was founded around 700 years ago on the age of the Samurai. I asked whether the audience needed to understand Japanese in order to enjoy this play. The answered, it's played in classical Japanese even native Japanese people find it hard to understand. Even though there is lack in understanding this play can still be enjoyed just witnessing the performance and costumes, similar to watching Operah.

Figure 3.9 Experiencing Noh Play at Ohari

From overall the Japanese people I have met, they're open, they really want to know of other peoples background and culture. The service that I witness there is very surprising. Every store I went to provides excellent customer service. The store clerks will always smile and says “irasshaimase” which is for welcoming someone whenever someone came. Most of the clerks have bright face when facing their clients. Other than that they also greet like “Ohaiyougozaimasu” which is Good morning. In the end they always thank their customer “arigatougozaimasu” which means thank you. Back to environment management, the people always keep their environment clean and tidy. They always throw their rubbish on the bin and arrange their surroundings well.

On 27th June 2013 from 17:00 – 21:00 I have a home visit to Tanaguchi family. The entire family provides excellent hospitality even though we have trouble communicating because I could only speak Japanese a little. They're open people and likes to know how things are in my country.

Figure 3.10 Photo with Tanaguchi family

3.3 Technology

My first impression of the technology in Japan was advance. My group J is a science and technology group. Most of our programs are explorations of technologies in Japan. There are two that had been mention above which are subway train and recycling factory in Oki Town. The everyday technology I experienced was automatic toilet seat.

Figure 3.11 Automatic Toilet Seat

The first program of technologies was on 26th June 2013 by NEXT Systems, Co., Ltd which was about stories behind its research and development, motion control system (Kinect in medical field, etc.) hands-on experience of Augmented Reality System, Kinect in fashion try-on, and Head Mount 3D Display. After that was demo of the technology. The first demo was AR of pamphlet and condominium. This technology works on android system by installing the application then connecting to the AR's network. Here I asked whether it needs its own connection or not. They answered they provided their on connection or it can be connected to the Internet. I also asked whether the current network capacity (most people called it bandwidth) is enough for today and future if all citizens are using this technology. They replied that technology is growing, today's current technology is enough but it's still growing, so it will be alright in the future. On my experience the android reads the 2D image then converts it to 3D or more detailed images. The second demo was virtual fashion demonstration where the person stands in front of the mirror and select virtual clothes to try on. The ideal technology is the same as trying clothes in changing room but virtually. So instead of wasting much energy on trying clothes in changing room, it's more energy efficient to use this virtual fashion mirror. This is also based on Kinect. The third demo was Kinect on mechanical of acceleration of cars. Kinect is an input device without any controller. Gestures lead to intuitive control. The picture is in 3D, the ideal technology is examining an object by touching except here is virtual.

Figure 3.12 AR demo on pamphlet and condominium
Figure 3.13 Virtual fashion demonstration
Figure 3.14 Kinect on mechanical of car engine acceleration

The second program of technologies was lectures of hydrogen energy project, organic photonics and electronics R&D base, and ruby contents related policy measures also promoting of digital contents industry utilizing programming language ruby by Fukuoka Prefectural Government.

Figure 3.15 Image taken on lecture by Fukuoka Prefectural Government

About the lecture of Hydrogen Energy is basically a fuel cell that generates electricity through the chemical reaction in which hydrogen and oxygen react to produce water and electricity. They said the energy produce is comparable to other electrical generator. The greatest advantage of this Hydrogen strategy is CO2 free. It doesn't produce CO2, so their future plan is CO2 free electrical power plants replacing those that generate high pollution. The next one was about organic EL display which EL stands for electroluminescence. Its main purpose is energy efficiency, since the material itself emits light so it saves the effort of emitting light, so it uses less energy. I asked on this session of how it compares to LCD. They have surprising answers which first of course it's much more efficient, second it's same cost to LCD, third it has same lifespan, and finally a shocking answer it has better performance than LCD (usually those with higher efficiency has lower performance). The next lecture it's about Ruby and digital industry content. Since time is limited they only introduce, and said they're recruiting undergraduates every year.

The third program was about Oki Town Sustainable Centre “Kururun”, Recycling based town development which had already been explained in section 3.2.

The fourth program was a company visit to Toyota Motor Kyushu.

Figure 3.16 Image taken of presentation video on Toyota Motor Kyushu

To be honest it was too much for me to comprehend and we're forbid to take photos, but what I captured was they work with excellent system. We took tour on a real field of how cars are produced from zero until made. Their workers are humans and robots. What I saw, parts were carried by robots, and some simpler assembling was also done by robots. Other jobs and complicated assembling were done by humans. Their work was very systematic. Each phase of assembling are done by different people, with each phase has its time limit. If a worker encounters problems which cannot be solved within the time limit, the worker rings the bell and the flow will be stopped and others will come to help. After each phase of assembling there's an inspection and all data are recorded.

The fourth program was about Agricultural produce in Asakura Technological development of Agri-Processing, already written on section 3.2.

The last program regarding on technology was a visit to Kyutech (Kyushu Institute of Technology). We were divided into 2 groups 1 to go the Mechanical Engineering Laboratory. I chose to go to Laboratory of Spacecraft Environmental Interaction Engineering. I captured that on that laboratory they research on Spacecraft Environmental Interaction through artificial Space they created in tubes. In those tubes are artificial Space base on real Space. They conduct many kinds of experiments there.

Figure 3.17 Images taken at Laboratory of Spacecraft Environmental Interaction Engineering Kyutech
`) }); $("#jenesys20contributionsandfutureplan").click(function(){ $(".grid-content").html(`

Chapter 4 Contributions And Future Plans Of This Program

4.1 Mission of This Program

During the program there were few lectures that explained to us the mission of this program. First was program orientation on 23rd June 2013 from 14:00 – 17:00 at Hotel Nikko Narita. Second was lecture by ASEAN-Japan Center on 24th June 2013 from 10:00 – 11:30 at National Olympics Memorial Youth Center, Tokyo. Third was lecture by Fukuoka Prefectural Government of outline of Fukuoka Prefecture and exchange with ASEAN on 26th June 2013 from 14:00 – 17:00 at Fukuoka. Last one was workshop report presentation on 29th June 2013 from 16:00 – 17:00 at Symphonia E, 3F, TKP, Garden City Chiba (we did our workshop the day before).

Overall the programs metioned above I derived that the mission of this program is to prepare for ASEAN integration in 3 pillars (stated in chapter 1) on 2015 and Japan wants to join in. With each group’s participants are from 10 different countries of ASEAN, we are to establish links between ASEAN countries with the first step befriend with participants in our group. The program also told us to establish links between ASEAN and Japan. We are to carry on ASEAN – Japan Centre’s will which is to promote export from ASEAN to Japan, to accelerate the flow of investment between ASEAN and Japan including the transfer of skills and technology, and to vitalize tourist traffic between ASEAN and Japan.

4.2 Currently Possible Applications

I have befriended with all participants in my group, also with some others outside my group. Even up to today we’re still in contact almost daily through social media.

Figure 4.1 Daily contact with my JENESYS 2.0 group friends through Facebook

What I privately captured from this program is a mission to link my friends and everyone else in my home country to those links that I have established during this program.

Since my backgrounds are in Electrical Engineering and ICT (Information Communication Technology) I would like to do this task using methods base on my backgrounds. I’d like to promote and I have already started of ASEAN and Japan through websites to first my friends. Since I just started I have promoted these websites below to around 10 of my friends at my home country. I planned to promote them to everyone I know. For Facebook I’ll ask my friends to like, for Twitter to follow, and for web pages I’ll ask to bookmark.

Tabel 4.1 List of websites to be promoted
NO Website Description
25 Kyushu University
26 Institute of Technology
27 Fukuoka Women's University
28 The University of Kiyakyushu
29 Seinan Gakuin University
30 Fukuoka University
31 Kyushu Sangyo University
32 Fukuoka Institute of Technology
33 Kurume University
34 Kinki University Fukuoka Campus
35 Fukuoka Jo Gakuin University

As I stated above I have befriends with many people on this program from both ASEAN countries and Japan. It’d be better if I don’t keep it to myself so I’d like to introduce them to friends in Indonesia (ASEAN-Japanese friends to Indonesian friends). At least I should introduce but I’ll also ask them to introduce themselves and interract with the friends I met on this program (Indonesian friends to ASEAN-Japanese friends). I’d like to do this through ICT (Information Communication Technology). The beginning step is through social media such as Facebook and Twitter. I planned to show them the friends I made through this program. Then through posts I planned that they would introduce themeselves. The picture below shows that I never though my friends would be daring, it’s great though.

Figure 4.2 Putra Dananjaya (Indonesia) introduce himself to Daiki Takenaka (Japan)

Next it would be nice that they could befriend at take the relationship to the next level throught chats. Finally, the last step I have in mind is they would interract daily through video conference, through Skype, facebook video call, yahoo messenger video call, etc. Today video call is the closest telecommunication to face-face conversation. That’s how far I could go as bridge between my friends in Indonesia and ASEAN-Japanese friends. I can only go as far as using free services because of economic limitation. Other than electricity, the hardware and software itself, and some paid internet services, accessing websites, social media, VOIP (Voice Over IP), and video calls are free.

Figure 4.3 Ridho Yurham (Indonesia) introduce himself to Daiki Takenaka (Japan)
Figure 4.4 Free medias I would use, Pidgin (multimessenger), Twitter, and Skype (video call service)

I will also share my experience by uploading my report on my blog (obselete) and other things such as photos, although all the photos I have uploaded on Facebook. I will volunteerly link or upload informations base on this program. Experiences such as the NOH play that I experienced, vist of NEXT Systems, Co., Ltd, lectures of Hydrogen Strategy, lectures of EL, lectures of Ruby and Digital Industry, visit of Recycling Center in Oki Town “Kururun”, visit of Toyota Motor Kyushu, lecture of agriculture in Asakura, home visit with Tanaguchi Family, visit of Kyutech, and the mission of this program from overall lectures and programs

Figure 4.5

4.3 Ideas Not Currently Applicable

This section is ideas that today I cannot do which will remain for now as ideas. Still it’s some ideas that may prove beneficial but I alone for now could no accomplish due to limitation of economy and power.

My first idea is to establish a curriculum in education of establishing links between ASEAN countries and ASEAN to Japan. Why I stated this because just by providing facilities such as socialmedias and websites will not maximize the benefit of these facilities. There are lots of people who will not use these facilities unless these facilities are socialized, even more unless these people are told to. So I recommend that there will be a curriculum. There will be more socialization of establishing links between ASEAN countries and ASEAN to Japan, there will be lectures, and there will be task for students to access websites regarding to establishing links between ASEAN countries and ASEAN to Japan and making friends with people from outside home countries to socialmedias.

My second idea is to have more joint lectures between different regions and different countries via video conference, more seminars and more workshops through video conference. So I suggest there will be more video conferences between regions and countries.

My third idea is to promote more information regarding to ASEAN and Japan through local medias which are radio and television.

My fourth idea is to teach the young generations to be openminded. Openminded is the key for relationships between different people to succeed.

My fifth idea is an R&D (Research and Development) on face to face technologies, whether it’s an affordable technology that makes long range telecommunication has the same quality as face to face communication or build a global affordable transportation so people can travel to other countries daily (people can afford to go to different countries everyday).

4.4 Future Benefits of These Plans

If these plans are relized then maximum acceleration of economic, exchange, and tourism flow can be achieved. Daily relationship will widen greatly, we not only interract with among our people but we will interract with other people from different background everyday. Real international school will be relized. For example like my primary school in Australia called Daceyville Public School. Back then my friends are not only natives Australian, but I have friends from Korea, China, Phillipin, Iran, India, and many others from all over the world. If each School has students from Indonesia, Japan, Philipin, Malaysia, Brunei Darusalam, Vietnam, Thailand, Laos, Myanmar, and Cambodja then there will be no more challenge of integration. In other words we succeeded. Growth on prosperity will be accelerated. It will be an even more fun world to live in. Other nations will follow us and sees us as an example.


I will write the unique thing about Publish0x first. For me is a fantastic match because I get to follow my favorite crypto news and get paid. Although this platform is initiated by crypto enthusiasts, everyone else are welcome and maybe soon the contents will become more general. If you are reading this on Publish0x, I want to tell you that this article is also distributed to other platforms to promote Publish0x where you can see what they are in the end of this article.

Token Withdrawal Proof

Igor Tomić the COO at the time was kind enough to reward me $5 of LRC for following the experience article contest eventhough I was late. I requested LRC token withdrawal on 3th Mei 2020 and arrived at 5th Mei 2020 which the payout is every Monday. The transaction ID is 0xed3b0dfaf03545195c563a55fed1b2d9a6e1e91f0a9a56bfc707ad436cbb1795 where my receiving address is 0xcf354a0012160bc5dae441c49f0b2d7e4a4ffc96. At that time to withdraw, first go to settings, in wallet, input your Ethereum public address which I highly recommend an address that you hold the private key, second go to dashboard, third go to payments and request for withdrawal and wait.

Ambassador Program

If you are interested to join Publish0x first as a reader and maybe afterwards as a writer, join using this link if you don't have any referrer. Publish0x are few of many platforms that provides a unique way to refer people. As you can see from link above, I was a given a unique refferal identification (ID) of "?a=4oeEw0Yb0B" where I can attach to any Publish0x links to refer to someone to receive commissions even if they are not my articles. For example, if I find interesting articles, I can share to my friends or post to the social media while attaching my referral ID to the articles' links, and if someone registered using that link, I will receive a commission.
Even more advanced you can add tracking ID to the referral ID for example the tracking ID that I shared on this article is "&tid=joomla" identifying that readers clicking the links comes from hicc. Other than the amount of registration, you can get the amount of clicks of your links which can be good statistics to see whether your readers are interested in the links or not. If I'm not wrong, not all the clicks are generated by people but maybe generated by robots like crawlers that needs to optimize search engines.

The ambassador program is the term Publish0x uses where most other platform uses the term referral. I do suggest and hope that one day Publish0x can upgrade the referral system where not only the inviters but the invitees get commissions as well. It doesn't necessary have to create more expenses, but allow the inviters shares their commissions with the invitees. For now, the ambassador program only benefits the the inviters:

  • Earn 5% of every tip generated by your referrals using the tipper at the bottom of each article. This includes both the tip to the author and the amount claimed by your referral.
  • Access to paid/bountied articles first.
  • Free featured article placements.


The Tipping Sources

The tipping does not come from your pocket, Publish0x sponsors your tipping and you can get a share of that tipping. In other words, both you the reader and the writer gets paid. Technically, you decide how Publish0x monetize the readers and the writers. Where does Publish0x gets its revenues?

  • From, it is revealed that they get coin creators to sponsor them. That's what you tip to writers and take for yourself. One application they said, is that this tipping mechanism is an innovative way for coin creators to perform airdrops. Rather than just randomly airdropping to people, why not airdrop them by rewarding readers and writers?
  • They may soon implement advertisements but I think only a tiny bit because they also said that they prefer to keep it clean.
  • The rest, I don't know so please leave a comment if you do know. In my opinion, a product is no good without its customers so Publish0x makes a good approach that even readers should get a share of their revenues. I like to believe in the quote "give and you shall receive".
  • In the future, is a good path to develop a function where readers can also tip from their own wallets. Currently, readers can only tip from the token pool provided by Publish0x.

Token Variety

Publish0x is crypto agnostic where they are open to accept any tokens. They do not have their own tokens which means they do not do initial coin offerring (ICO). At the time of this writting, the variety of tokens in their pools are:

  • Basic Attention Token (BAT)
  • DAI Stablecoin
  • Project Hydro
  • Loopring (LRC)
  • Bounty0x

The Tipping Function
The tipping function allows you to tip the writer and yourself (the reader) in random cryptocurrency token. You can choose the percentage of how much you want to give the writer. The minimum percentage you have to give the writer is 20%, meaning that you can take as much as 80% of Publish0xs tippings. Ofcourse you can also be generous and tip 100% to the writer.

Tipping Limitation
The time interval time to tip again is 10 minutes and most of the time the time interval to tip the same writer is 24 hours.
Based on my own calculation of tipping for 5 days, the average amount you can tip daily is either 7 times or ¢9. You can check the rest of the screenshots at filearmy and the online excel at onedrive.

For Writers

There is no doubt that this is a place where writers can definitely earn. Just take a look how much these popular article earns. The more readers that tips the more the writer earns.
However, I apologized, don't get your hopes up. Eventhough the probability that there will always be a reader that tips is almost 100%, don't forget the limitation of how much they can tip. Most of my articles only earns a cent or two.

It is Still Free

Still, be grateful because you get to publish for free. Like any other content platform publishing requires resource, not only they provide a platform to publish as much article as you want for free, you can also get the shares of their earnings. Remember back in the very old days where we have to compete to have our article in the newspaper.
For now they use Tiny MCE editor where you can format your text, insert image even animated gif, and Youtube videos, but unfortunately you cannot directly write in HTML however you can go around by writing in HTML locally or somewhere else, open the result, then copy them. I went around because the image that I uploaded always automatically reduces to a low quality to the point that it is blury to see. Lastly, don't forget to put 5 tags, thumbnails, and resources for your articles.

Still, there are rules and for now you still need to apply to be a publisher after you registered. They are not a decentralized platform, but a crypto power platform where both readers and writers can earn in crypto. With the rules that you can read on the platform, but you can conclude that the only requirement is for you to be sincere. The content should be either your original work or have permission if it is other's work. No spam contents but do remember that boring even low quality contents does not necessarily mean they are spam contents. It can be just that the readers are not interested in the topic but at least you have a slight intention of wanting to deliver and share information and not totally for the money. For me, structure my contents greatly help in increasing the quality and making them looked like a professional.

As Readers

Again It is Free

Again, be grateful that it is free and additionally you get pennies for reading. Remember how much you used to pay for buying books, magazines, and newspapers. Well, most online platform should remain free.

Your Voice
Social platform online is the trend now. Remember a long time ago, you don't even have a chance to speak your voice where you can only read the newspapers and watch the television. Now you can like, dislike, and comment to engage socially. Strangely, I can write my comments in markdown (MD) while I can't write my articles directly in hypertext markup language (HTML).

Suggestions for Developers

I have suggestions for improving the platform, so I humbly suggest:

  • The feature for readers to tip from their own wallet and maybe at the same time the feature for writers to accept these tips (not from the pool ones) directly to their wallets.
  • The feature to share the ambassadors/referrals earnings to the ones they invite. If ambassadors receives 5%, have the feature to set the percentage for example 3% for ambassadors and 2% for invitees.
  • The MD feature on the comment is nice but there is no feature for direct HTML and CSS edit of articles.



Hyperlink icons are icons applied with hyperlinks. When the icon is clicked, the clicker will open the link designated by the creator of the hyperlink icon. The purpose in my opinion is to beautify and simplify links where there is a saying that a single picture can mean a thousand words. In this case, icon is a very small image which I have seen no larger then 100 pixels (px). I see hyperlink icons are mostly used to link creators' social media profile. Which do you prefer, a text link or a hyperlink icon or both?

It depends on the context. If you want to just hyperlink your text passage, then just simply hyperlink a text. If you want it to be permanently part of a webpage layout, then just a hyperlink icon is best because it is small that saves space but still delivers sufficient information for the audience to understand and additionally, icons usually beautifies the webpage. If the platform nor the icon is known, then having both hyperlink text and icon is better to promote them.

Making Hyperlink Icons

There are two knowledge that you need to make an hyperlink icon. First is making a hyperlink. Second is inserting an image. Additionally, third is beautifying but for me is only knowing how to configure the size but there are more like handling paddings and margins if you want to go deeper.

If you are using an html editor where it is mostly available on most posting platforms, then you don't need to do much. However, if you are editing a blog's or a website's layout, then you probably need to learn some codings. The basic hypertext markup language (HTML) is still mainly used eventhough there are other languages such as markdown (MD).

<a href=""></a>

The above code is a skeleton code to make a hyperlink in html. The "a" tag is usually associated with links, the link is put inside the href="/", and the text is put inside the a href="/" (here) a.

<a href=""></a>

The above hyperlink code have the link and the text "follow me on Twitter".

Inserting HTML Image

<img src="" />

The above code is a skeleton code to make an image in html. The "img" tag is usually associated with images, and the image source location is put inside the src="/". The image source should be an actually image where it is usually identified by either having a format such as .png .jpg .svg at the end of the link or when you try to download link, you will get an image file instead.

<img src="" />

The above code source the image from

<img src="" onerror="this.onerror=null;this.src='';" alt="twitter icon which is a blue bird"/>

The above image html code have extra attributes which are "onerror" which is a JavaScript code that shows secondary image source if the primary image source is broken and "alt" which is a text that replaces the image view of the image source is broken.

Replacing the Text of Hyperlink with Icon

<a href=""><img class="myicon" src="" onerror="this.onerror=null;this.src='';" alt="twitter"/></a>

Finally to have an hyperlink icon is to replace the text in the hyperlink text code with the image html code. To add additional text, you can add texts before or after the image html code. Additionally, you can adjust the size of the icon by adding for example width="30" and height="30" on the image html code, but best practice is to have the icon image itself resized to reduce network load. If you want to go deeper, you can decorate the hyperlink icon with css style.

Icons location

It is up to you whether you want to put it on the header, footer, or sidebar. If you are on your own website, you know what to do, but if you are on a blogging platform then find the layout option and find a way to insert html and css. If you are in a posting only platform, then just put the icons on top or bottom of the post. If you want to see my icon collection, you visit this link




Loopring is currently an Ethereum token. From, Loopring allows anyone to build high-throughput, non-custodial, orderbook-based exchanges on Ethereum by leveraging Zero-Knowledge Proofs. Loopring is claimed to be secure, high throughput, and low cost. Loopring Exchange ( is the first decentralized trading platform built on top of Loopring 3.0. DEX Fees

  1. ETH 0.0001 (~$0.03) Registration + gas fee.
  2. ETH 0.0001 (~$0.03) deposit contract + gas fee and approval gas fee.
  3. ETH 0.002 (~$0.06) withdraw contract + gas fee and approval gas fee.

First Time on DEX

If this is your first time on decentralized exchange (DEX), you should know that the concept of DEX is to retain the ownership on you which is different from the centralized exchange that you probably know that whenever you deposit coins to these exchanges, you give up control over these coins to them in order to trade and do other financing. The most important factor for these exchanges are trust different from DEX which is programmed which if I'm correct, it is using smart contracts. Since this is an Ethereum based DEX, you need:

  1. Ethereum all the time for gas / transaction fee which in average ETH 0.006 (~$1.3) during the writing of this article although you are flexible to set the fee but affects the duration of the transaction.
  2. Wallet connect protocol such as WalletConnect, Metamask, Coinbase, and generally leads to Web3 the decentralized web.
  3. Other tokens that you want to trade.
Get Ethereum from someone, buy from centralized exchanges, earn or mine. Get any application that can perform wallet connect, here I use Metamask browser extension. You will have a public Ethereum address to deposit Ethereum and any of its tokens and don't forget to backup and secure your private key.

Using DEX

referral program

Normally, this is after registration but from my side I would like to share my referral link first. I'm a referral fanatic not only I enjoy marketing my referral link but using others' referral link to support the referral system. I was disappointed that I cannot find anyone on the web sharing their referral link. If you don't have anyone that refers you, I will be grateful if you use my referral link
After you connect and register, you can find your referral link to your account menu. Use it to invite people because you will get the following perk: if your daily average LRC balance is greater than 5000 LRC, you will earn 60% of the trading fee profit contributed by people you referred; otherwise, you will earn 30%.

Connect and Register
Suppose you have a wallet connect application, connect to the DEX and register. My referral ID is "1632" if you don't have any referrers.
The registration costs ETH 0.0001 (~$0.03) and transaction fee of usually ETH 0.006 (~$1.3).


Before deposit, you need to have your coins in your wallet connect application and especially Ethereum for transaction fee. In the writing of this article, the DEX supports:
  • Ethereum (ETH)
  • Loopring (LRC)
  • Tether USD (USDT)
  • DAI
  • ChainLink (LINK)
The deposit button can be found in two places. One in the account menu on the right, and two near the trade menu. Here I deposited USDT and there are two fees to pay. The first one is ETH 0.0001 (~$0.03) + gas fee for the deposit contract and gas fee for approval.

Here I deposited 10 USDT and I want to trade it for LRC. Take a look at the chart, see the order book for the supply and demand, and determine a price you are comfortable with. It doesn't matter if you want to take the current offered prize or make your own prize and queue in the order book because unlike centralized exchanges, there are no trading fees.

After you are done with your trading, you can withdraw the coins to your wallet connect application. They take ETH 0.002 (~$0.6) + gas fee and another gas fee for approval.


After I withdrawn the LRC that I have bought, I decided to stake it because I'm going to hold it anyway as a collection. The link to the staking pool can be found on your account menu. LRC is the Loopring protocol’s token. It can be staked by holders to earn protocol fees (a percentage of the volume flowing through all Loopring-based DEXes), and is staked by DEX owners as a bond for service-level guarantees.


If you are a programmer, you maybe interested in looking at the API. For example my friend is interested in making automatic trades (robots) based on his own indicator.

Freedom Level Detail


Intellectual property refers intangible creations which is usually resulted from the mind and almost always published. For example, articles, images, audios, videos, and games, even this article that you are reading that I wrote is an intellectual property. The license of your creations must be taken seriously at the very least declaring yourself as the creator, even using nicknames or naming yourself as anonymous is okay, or at the very least, the precise date and time of the creation is there. Otherwise, others can take the work. If they openly share, is positive, but negatively they can put license on the work meaning, claiming the work as theirs where potentially even you lose all rights to your work, meaning you can't even use including apply, publish, share, and modify.
Content Thief

In these modern times during the writing of these article, copyright is automatically given to you on any work that you named. This means that you have full right to your work which includes giving permission to others. In many online platforms usually, you don't need to put your name manually because they will automatically put your registered name whenever you post a content. If you post on your own platform and forgot to put your name, cross you fingers hoping the timestamp is recorded because if it is recorded, it can be as a proof that your content is published by someone anonymous where it will remain open freely until you give proof that you are the owner of the content.

By holding the copyrights of your contents means that others always have to ask your permission to use your contents which includes sharing, modifying, and republishing. If others infringed these rights, it can be considered a crime. However, this becomes a hindrance if your intention is really sharing for free. That is where creative commons license comes in.

Creative Commons Licenses Creative commons licenses give every person and organization in the world a free, simple, and standardized way to grant copyright permissions for creative and academic works; ensure proper attribution; and allow others to copy, distribute, and make use of those works. Below are the list of license condition when using a work:

  • (by) requires to give credit to the credit with at least mentioning the creator's name. You can additionally add the links to the creation or write a full reference format that includes authors, date, title, content location, and publisher.
  • (sa) allows sharing but with the condition of using the same license. For example when a content is licensed free and open by the creator, you must also share it for free and open and require others to do the same when sharing your already shared contents.
  • (nc) prohibits of selling, taking profit, and everything else related to commercial.
  • (nd) prohibits any modification such adding characters, adding strokes to images, creating other formats such as html and pdf, and etc. The content must absolutely remain as it is.

Freedom Level of Common Licenses
Content Thief

Below are the level order of the freedom from most to least:

  1. Rights Reserved (cc0). Do you think creative commons attribution is the most free license? Well, you are wrong. The most free license is public domain or no rights reserved where the contents are totally free and open that does not require crediting to the creators. Different from without license where anyone can claim the contents and license them anytime, public domains are license open and its licensed cannot be modify or overwritten by anyone. For example, the Internet, bitcoin and other open blockchain networks, and electricity. Some of the most simplest examples are the characters we write, the dots and lines we draw, and the language we speak, we don't to give attributions whenever we use them. Well at least to humans and other creators. If you are religious, maybe you are taught to thank the creator of the world or universe (whatever you believe in) everytime for example when you drink and eat because foods and drinks are rightly belongs to the creator of the world, we are only given and lent.
  2. Commons Attribution (cc-by): a license that grants others to use, share, modify, republish, and even for commercial without permission with the only condition of giving credit to the creators.
  3. Commons Attribution ShareAlike (cc-by-sa): a license that grants others to use, share, modify, and republish with two conditions of (1) giving credit to the creators and (2) must also share with the same license. In other words, others must give credits, share for free, and others who shares this already shared content must also do the same (must give credits, share for free, requires other sharers to do the same). If I'm not wrong, you can make it commercial but not directly. The contents must remain open where you are still allowed get profits through donations, monetization, etc. For example, you open a seminar, show, radio, etc about the content where you can charge people for the service but you are not allow to sell the contents, you can still put them in advertisements, and you can merge them with your products but the price must exclude the cc-by-sa contents which is like you sell a product but get the cc-by-sa contents free and others must be allowed to share those contents with the same cc-by-sa.
  4. Commons Attribution NonCommercial (cc-by-nc): a license that grants others to use, share, modify, and republish with two conditions of (1) giving credit to the creators and (2) prohibited to commercialize such as selling, taking profits, etc.
  5. Commons Attribution NoDerivatives (cc-by-nd): a license that grants others to use, share, modify, and republish with two conditions of (1) giving credit to the creators and (2) prohibited to derive and modify where it must be shared as it is. ShareAlike (sa) is not required here, because NoDerivatives (nd) already restricts to share the work as it is which it was originally opened so it must always be opened in the same form. It can still be commercialize but limited like putting the exact contents into a blog or video and receive money based on advertisements, donations, etc.
  6. Commons Attribution NonCommercial ShareAlike (cc-by-nc-sa): like the cc-by-sa but exclude all the commercial parts which includes charity and monetization, even advertisements.
  7. Commons Attribution NoDerivatives (cc-by-nc-nd): like the cc-by-nd but exclude all the commercial parts which includes charity and monetization, even advertisements.
  8. all rights reserved, which I explained in previous sections that the anyone who wants to use, share, modify, or republish the contents must ask for permission to the holder of the copyright. It is in default given when creating contents.
  9., private, secret, or confidential. Do you think copyright gives the least freedom? Unfortunately, I found licenses not written in the book that is less free than copyrighted. In almost all platform you can set your post to private where either only you can see or with whom people you grant access to. Outside of contents, privacy is a common thing, for example most people prefer privacy when changing their clothes, going to the washroom, keeping a diary, their identification cards, etc. You probably have heard the saying, "please keep it a secret" or "this document is confidential" where if you tell anybody, you are breaking the code of secrecy. Finally, restricted, yes there are even online contents that are restricted such as adult sites where for example it is restricted for anyone below 18 years old and even if younger audience can access, they are violating the law and can be arrested. A different example is accessing a server's system, it is restricted only to administrators and its members where even if you find and use their IDs means you are stealing their IDs and if you force your way in means you are hacking. Another awkward case is maybe you stumble upon a restricted content in public due to the creators' mismanagement, even though it is there for you to see but you should not and ignore it, just like when your sister left her diary in the dining hall where you should either ignore, call her, or close the diary and give it to her hoping that she believes you that you did not read the contents.

License of My Online Contents

I've known about creative commons for years now but I only explored its type of licenses recently. My personal blogs and Youtube videos are license under creative common attribution for years because it was only one I knew other that copyright. I didn't put license on my posts on other platforms which are not personal because I simply forgot where usually I just need to set on the footer.

Now I would like to properly license all of my online contents including this article. The license I choose is Creative Commons LicenseCreative Commons Attribution-CustomizedShareAlike 4.0 International License. I Fajar Purnama as the creator customized the ShareAlike (sa) license here where you are also allowed to sell my contents but with a condition that you must mention that the free and open version is available here. In summary, the mention must contain the keyword "free" and "open" and the location such as the link to this content.