Hello, DECENTRALIZED INTERNET

Create your own IPFS / WEB3 one page site on the blockchain

A SHORT introduction

Build your one page website today

On this website you will find more information about creating an HTML website hosted in the blockchain of Credits. Blockchain offers the possibility to store information in a decentralized way and through this concept we are working on a possibility to host full-fledged websites through blockchain.

Try for yourself the convenience of decentralized storage for your web page and create one today!

these blockchains CAN BE used FOR THIS IFPS/WEB3 PROJECT
IPFS / WEB3

Create your IPFS template

In order to store a web page in the blockchain of Credits, the stylesheet must be incorporated into the HTML. W3 offers several free HTML templates that can be used as a basis for this method.

Social
blog
website
+ other layouts
EDIT YOUR HTML

Edit your HTML file

We recommend Visual Studio Code (free) for customizing the W3 HTML template. This program works easily for customizing texts and images in a .html file.

CHANGE TEXT
UPLOAD IMAGE TO Decentralized storage
Place URL FROM IMAGE IN HTML CODE
OR USE w3 ICONS
UPLOAD HTML

Convert and upload HTML

Once your HTML has images and text, you can convert it to another encoding to send it through your wallet to the blockchain of Credits. Your webpage will then be stored in the blockchain.

CONVERT HTML
LOGIN TO WALLET
VALIDATE TX
ENJOY YOUR IFPS ONE PAGE
CREATE IT IN JUST A FEW CLICKS

Try it yourself

You can easily try to post a sample one page yourself. Within just a few clicks you can launch your own template without any modifications. Copy, phaste just into the blockchain. Go try it out with the steps below!

Wow
SO
MUCH
EASE

IPFS Tutorial for beginners

STEP BY STEP HOW TO

There are several templates available for download on the W3 website. Once you find the template you want, click on it and choose the option Try it yourself. You will see a new web page where the code can be found. This code can be cut and pasted into a new file that you can create with Visual Studio Code. The name of your HTML file should be > devhtml.html

STEP 1

Choose your template and copy HTML

You can view your HTML page by opening it in your browser (right click, open with browser of your choice). This way you can check all the changes you make. Text is easy to edit and the template images can be replaced by simply pasting the link to your image. Since images cannot (yet) be stored in the Credits Blockchain, we recommend that beginners use Siasky.net for easy image uploading. The URL of your image that Siasky creates should be pasted into your HTML file.

STEP 2

Change the template and insert images

Once your HTML file has been modified to your liking you can convert it. Since blockchain communication is in a different language, you need to copy and paste the entire HTML code into the Base64encode website which turns it into a different encoding. After pasting the HTML code you do not need to select any other options, just click on encode and copy the code that is generated below it. This Base64 code will be sent through the Credits wallet to the blockchain.

STEP 3

Convert your HTML file

With the base64 code in your pocket you need to log in to wallet.credits.com. We have only recently started this project and therefore it is still in the beta phase that takes place via the testnet network of Credits. This will be adjusted to the mainnet network in the coming period. Until then, you need to select ‘testnet’ in the top left of the Wallet website of Credits. Sign in with an existing wallet or create a new one.

STEP 4

Create a wallet with Credits.com

Once you are logged in with your wallet on the Credits test network, you can create the transaction. You should also have a second Credits address to which you will send the transaction. Once this is created, choose the option ‘Make a transaction‘. You enter the wallet address where you want to send the HTML file to, leave the amount in CS at 0.0 and at the ‘Max fee’ you enter 1.0 as fee. Then choose the option ‘Show additional fields’ and enter the Base64 code under ‘User data’. Click on send and verify the transaction.

STEP 5

Upload your HTML file to Credits Blockchain

After the transaction is sent you can find it in the monitor from Credits. Again, choose ‘Testnet’ at the top right and you can find your transaction. You need to copy and paste the transaction ID (without the .1 at the end) into one of the CS routers. Here is an example of a router that you can use, no HTTPS, only HTTP at this moment!

http://tsc.contact/?id=89548423#

You can use this URL and fill in your transaction ID were ‘YOURID’ stands: http://tsc.contact/?id=YOURID#

STEP 6

Check your IPFS/Web3 webpage

If everything went correctly, you are now the proud owner of a decentralized website. Spread the word!