reblood / LinkFree

LinkFree

A free and open source alternative to LinkTree. Based on the project of MichaelBarney

Website

How to Use

index.html

1. Title This is the name that is given to the page.

   <title>Your Title Here</title>
   

2. (Optional) Favicon To change the favicon, just replace the "favicon.ico" file. You can generate the .ico file in a website like favicon.io.
3. Image This is the user image that is shown. Make sure it is square and substitute the "src" property with its url. You can generate the url in a website like imgur.

   <img  id="userPhoto"  src="logo-reblood-red-96.png"  alt="Reblood">
   

4. Links To add your clickable links just substitute, delete or copy the "a" tags inside the "links" div with your desired hyperlinks.

   <div  id="links">
   
   	<a  href="https://reblood.app"  target="_blank">Download aplikasi Reblood</a>
   
   	<a  href="https://app.reblood.com"  target="_blank">Pengguna iOS? Gunakan web app</a>
   
   </div>
   

style.css

5. Colors Substitute the background and accent colors with your desired pallete.

   --bgColor: white;
   --accentColor: #DC3827;
   

6. Fonts You can import the font from a website like Google Fonts and substitute the "--font" variable with its implementation.

   @import  url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap');
   
   --font: 'Rubik', sans-serif;