benja-media/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

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	✅
Glitch	✅
Cloudflare Pages	✅
Vercel	✅
Heroku	❌
Github pages	✅

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

ulink's Issues

Legacy theme

The first version of instalink (Way before Ulink) (Released in March) Had a unique theme (Pictured Below).

Unfortunately a lot of the code has been deleted (Oops on my part...) I will be looking at screenshots and I will try to rebuild that theme. Once it is finished it will be a "EXTRA" that will be avaliable for all users. This comes with custom gradient-backrounds, Larger links. I should have it before v 2.1.5 (I am working on 2.1.4 right now!)

And as always, Benja Media (Owner of the code) Is always looking for people to create Extras!

*No promises here but I should have it done soon

Legacy theme

The first version of instalink (Released in March) Had a unique theme (Pictured Below).

Unfortunately a lot of the code has been deleted (Oops on my part...) I will be looking at screenshots and I will try to rebuild that theme. Once it is finished it will be a "EXTRA" that will be avaliable for all users. This comes with custom gradient-backrounds, Larger links. I should have it before v 2.1.5 (I am working on 2.1.4 right now!) Once I am finished with 2.1.5 I will be moving on to 2.2.1 This will have a major re-write of the code and will include hosting by me!*

And as always, Benja Media (Owner of the code) Is always looking for people to create Extras!

*No promises here but I should have it done soon

Ulink Lightning 🗲

Ulink Lightning will be released soon! I have started development on it and I should have a beta version soon! Ulink Lightning will be a version of Ulink will suport Nodejs to give you an online UI to customize your Links! Please Watch to help Ulink lightining take shape!

This version of Ulink will be still be supported for at least 3 months

This version of Ulink will be continued to be suported.

Spelling Correction on index.html

Current spelling on line 39 for attribution:

<p id="Atrubution" class="atr"></p>

Correct one:
<p id="Attribution" class="atr"></p>

Ps. Loving the project, setting this on Instagram 😄

Sandbox now open

The sandbox for Ulink is now available.

Https://sand.ulink.benja.ml

Page title is not working properly in the instagram browser.

The title is showing up as: https://link.benja.ml instead of @benmmonster | Instalink.

Please add me to your website - thank you.

{
"user": "acctimize",
"profile": "https://acctimize.com/",
"symbol": "@acctimize",
"name": "Acctimize",
"photo": "https://res.cloudinary.com/analogyofpearl/image/upload/v1676034585/Acctimize/images/logo_acctimize_graphic_only.png",
"display":"acctimize",

"body":[
{"id":"1","Acctimize.com":"Link_1","url":"https://acctimize.com/"}
]
}