https://github.com/alisa-yar/dharma-network-linktree
Dharma Network Linktree Page
https://github.com/alisa-yar/dharma-network-linktree
Last synced: 4 days ago
JSON representation
Dharma Network Linktree Page
- Host: GitHub
- URL: https://github.com/alisa-yar/dharma-network-linktree
- Owner: alisa-yar
- License: mit
- Created: 2022-12-22T02:23:47.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-09T17:00:19.000Z (over 2 years ago)
- Last Synced: 2025-10-10T15:48:54.312Z (4 days ago)
- Language: CSS
- Homepage: https://dharma.algofam.tech
- Size: 19.9 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Dharma Linktree:sparkles:
https://dharma.algofam.tech/
## Where to host your website?
Netlify: https://netlify.app
Github Pages: https://pages.github.com
## Analytics
I personally recommend using Google Tag Manager and connect it to Microsoft Clarity
Google Tag Menger: https://tagmanager.google.com/
Microsoft Clarity: https://clarity.microsoft.com/
Netlify Analytics (9$ per month): https://docs.netlify.com/monitor-sites/analytics/
Google Analytics: https://analytics.google.com
## Social Media Icons
Here you can choose your wanted icons for each link:
https://fontawesome.com/search?o=r&m=free
### Before using:
* Make sure that you choose only from the "free" section.
* Copy the code for HTML/CSS.
### How to use (Example)
Let's say you want to use book icon instead of the Twitter icon
The line under your wanted link contains this line: "fab fa-twitter"
Then, after founding the icon that you want and its code,
paste the code in the same place where was your previous one
The final code shoud look like this: "fa-solid fa-book"
## How to customize the template (which lines you should change)
### index.html file
1. line 7 - website title
2. line 10 - website icon image
3. line 15 - profile image
4. line 20 - user name
5. line 24 - description
6. lines 28-52 - your social media links
### style.css file
1. line 1 - font (importing it from google fonts)
2. line 4 - text color
3. line 5 - font
4. line 21 - your backround image
## Backround image
You can change backround to color instead of using an image.
### Backround Color
background-color: #7E65F5;
You can find your wanted color code here: https://www.color-hex.com
### Gradient Backround Color
background-image: linear-gradient (#E8E0FF, #7E65F5);
CSS Gradient Generator: https://www.css-gradient.com/
## Other Free Resources
Coolors (colors palettes): https://coolors.co
ColorsWall (colors palette): https://colorswall.com
CSS color picker from photos: https://imagecolorpicker.com/
CSS color keyword: https://www.w3.org/wiki/CSS/Properties/color/keywords#Basic_Colors
Google Fonts: https://fonts.google.com/
Favicon (icons): https://favicon.io/
## Demo
https://linktree-template.algofam.tech/