Giter Site home page Giter Site logo

reyadrahman / ulink Goto Github PK

View Code? Open in Web Editor NEW

This project forked from benja-media/ulink

0.0 1.0 0.0 1017 KB

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

Home Page: https://demo.ulink.benja.ml

License: Apache License 2.0

HTML 20.88% JavaScript 28.04% CSS 51.08%

ulink's Introduction

Welcome to Ulink (Formerly Instalink)!

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 Deploy to Netlify
Glitch Remix on Glitch
Cloudflare Pages
Vercel Deploy with Vercel
Heroku
Github pages forks - instalink

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",

  "links":[
    {"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!

Links

In version 2.2.0 The list of links was moved to a array structure to allow unlimited links!

Please note that all later versions don't support Arrays

id Is a number 0 - ∞ That gives an ID to the element. This value is required

title Is the display to your link

url Is the destination

Styles

Style docs:

styles/styles.md

Icons

Ulink now supports Icons from Font Awesome!

The icon config file is found at /config/icon.json

Configure 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 People

Contributors

benjamin-del avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.