A free and open source alternative to LinkTree. Based on the project of MichaelBarney
- Title
This is the name that is given to the page.
<title>Your Title Here</title>
- (Optional) Favicon To change the favicon, just replace the "favicon.ico" file. You can generate the .ico file in a website like favicon.io.
- 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">
- 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>
- Colors
Substitute the background and accent colors with your desired pallete.
--bgColor: white; --accentColor: #DC3827;
- 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;