https://github.com/longitude-digital/Ulink
Ulink (Formerly InstaLink) is an open source bio link generator. Ulink uses a simple json file to create a fast biolink! Ulink is a Static site generator that provides your links in a clean Bio link
https://github.com/longitude-digital/Ulink
bio css glitch google-analytics instagram instagram-bio-link social-media
Last synced: 5 months ago
JSON representation
Ulink (Formerly InstaLink) is an open source bio link generator. Ulink uses a simple json file to create a fast biolink! Ulink is a Static site generator that provides your links in a clean Bio link
- Host: GitHub
- URL: https://github.com/longitude-digital/Ulink
- Owner: longitude-digital
- License: apache-2.0
- Created: 2021-03-04T16:24:01.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-11-26T18:13:00.000Z (almost 2 years ago)
- Last Synced: 2025-04-04T12:36:02.933Z (6 months ago)
- Topics: bio, css, glitch, google-analytics, instagram, instagram-bio-link, social-media
- Language: CSS
- Homepage: https://demo.ulink.benja.ml
- Size: 960 KB
- Stars: 39
- Watchers: 2
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ULINK - OS BIO LINK
Ulink is a simple Bio Link Generator for every social media! Ulink uses JSON to create a epic Bio Link!
# Geting started
| Host | Result | Link
|------------------|--------------------|-----------------------------------------------------------------------------------------------------------------|
| Replit | :white_check_mark: | [](https://app.netlify.com/start/deploy?repository=https://github.com/Benja-media/Ulink) |
| Glitch | :white_check_mark: | [](https://glitch.com/edit/#!/import/github/benja-media/Ulink) |
| Cloudflare Pages | :white_check_mark: | |
| Vercel | :white_check_mark: | [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FBenja-media%2FUlink)|
| Heroku | :x: | |
| Github pages | :white_check_mark: | [](https://github.com/Benjamedia/Ulink/network/members)|
To deploy to replit use deploy command `ulink`
# Adding your links
All options are required unless otherwise stated
Here is an example config.json file
**_Link structure has changed!!! Below is the new verion_**
```
{
"user": "instagrammer",
"profile": "https://instagram.com/instagrammer",
"symbol": "@",
"name": "Instagrammer",
"photo": "https://cdn.glitch.com/35409746-8e4a-406e-ac47-16c4db92cad8%2F10x100profile.jpeg",
"display":"instagrammer",
"body":[
{"id":"1","title":"Link_1","url":"/link"},
{"id":"2","title":"Link_2","url":"/link"},
{"id":"3","title":"Link_3","url":"/link"}
]
}
```
## Options
`user` Is your username.
`profile` Is the URL to your chosen profile
`symbol` is the symbol from your name EX: `@benmmonster`
`name` Is your display name
`photo` This is your URL to your avatar! Linking directly to your social media avatar is not supported due to CORS restrictions!
**_Recomeded dimensions is 100x100px!_**
## Types
Ulink now has widgets! The supported types are
`links` `title` `image`
Type can be set for each element! EX:
```
{"type":"link", "title":"LINK 1!","url":"https://example.com"}
```
Values are case sensitive!
### Type: Link
Options:
`title` Is the display to your link
`url` Is the destination
EX:
```
{"type":"link", "title":"LINK 1!","url":"https://example.com"}
```
### Type: Image
Options:
`src` The image to display
`url` A link were the image links to: if you do not wish to have the image as a link, use the value `none`
EX:
```
{"type":"image", "src":"https://live.staticflickr.com/65535/52052394106_a32cca4a1e_b.jpg","url":"none"},
```
### Type: Title
Options:
`title` The display of the title
EX:
```
{"type":"title","title":"TITLE"},
```
# Styles
The style readme is located at `/styles/styles.md`
# Icons
Ulink now supports Icons from Font Awesome!
The icon config file is found in `/config/config.json`
## Example Icon set
```
"icons":{
"size": "fa-2x",
"space": "fa-fw",
"color":"#1A4EB4",
"icons": [
{
"fa": "fab fa-github-square",
"url": "https://github.com/Benja-media"
},
{
"fa": "fab fa-youtube-square",
"url": "https://youtube.com/channel/UC8g9QqWZYtgfKvuzs22TNqw"
},
{
"fa": "fab fa-flickr",
"url": "https://www.flickr.com/people/benmmonster/"
},
{
"fa": "fas fa-cube",
"url": "https://www.thingiverse.com/benjm/"
},
{
"fa": "fab fa-instagram",
"url": "https://instagram.com/benmmonster"
}
]
}
```
Options:
`size` The size of the Icon. Reccomended Value is `fa-2x`
`space` The spacing between Icons. Reccomended Value is `fa-fw`
`color` The color of the Icon.
Icons:
`fa` The Font awesome Icon! (The `fa` is required)
`url` Where the icon brings users to
# Extras
**ULINK SVR HAS BEEN DISCONTINUED**
Upload to `/extras` and link to `index.html`