This is for people who want to share their links (without using LinkedTree). With little knowledge of code, you can create a basic list of links and style it yourself. Follow the instructions and make it yours!
- Fork this repo.
- To serve locally, in terminal:
npm install http-server -g
. Typehttp-server
into terminal for localhost:8080 to see it locally. - Set up your list of socials by adding yours to
/input/socials.json
. Add images for social buttons to/img/
folder. You can download them in any color for free here. - Set up your list of links by adding yours to
/input/links.json
. Add images for link icons to/img/
folder. You can download them in any color for free here. - Set up theme and colors by finding a html icon and colors that resignate with you. Add the icon you choose to the
/theme.js
file. Edit the colors by finding the CSS variables to edit at the top of/styles.css
. Follow the instructions/comments and play with the themes already created. - Add your square portrait to
img/
, find the img tag inindex.html
if you need to edit it fit your needs. - Once you are happy with your links, publish to Github and set up Github Pages by going to Settings>Pages. You will need to make this repo public in order to do so.
The cute html/emojis may show up differently depending on device. You can customize the number of emojis across the page, default is 13.
This code was written by Liz Anderson. See how she uses cute links on her website. If you like it or use it, let me know!