Giter Club home page Giter Club logo

bad-linktree's Introduction

[!WARNING] bad-linktree is still in development! I wouldn't recommend using this for your professional linktree thing yet, feel free to do so anyway.

bad-linktree

my own custom linktree alternative.

see the page where it demostrates what it can do

see what it would look like "professionally"

Table of Contents

Pros & Cons

This isn't perfect, but i've tried my best!

Pros

  • No watermark at the bottom of the page.

  • No forced ads by default, but you can add your own ads... if you really want to.

  • You have full control over the page by styling your own css, adding your own JS, and even editing the HTML. This is simply a starting point.

  • Nearly zero limitations: Lets say some specific website TOS doesn't allow x, but your whole point revolves around x and you want to make it themed like such (and y isn't an option)
    ...Or simply you can't find one with such a permissive license...

  • Fully responsive webpage. Though to be fair, it isn't that hard to make it responsive, its simply buttons with text on it.

Cons

  • Spaghetti html and css.

  • Poor documentation sorry.

  • You have to host it yourself or you can simply use github pages.

  • No advanced color customization you can only select 1 color or something.

Working browsers

Tested and works as WilliTended™ on...

Windows 10 22H2 OS Build 19045.3393 64 bit on a 1920x1080 display.

Firefox 117.0

Only known problem: sometimes, having backround blur causes performance problems. Firefox L right here

https://greensock.com/forums/topic/15937-is-it-me-or-firefox/

MS Edge 116.0.1938.62

May have perf problems here. Common edge L.

DuckDuckGo (browser) whothehellknowswhichversion (WebView2 115.0.1901.200)

Brave 1.57.53 (Chromium 116.0.5845.114)


Hey can you test this on google chrome?

chrome is just chromium with telemetry. microsoft edge is better..

either way, test or not, if it works on any chromium browser, it works on chrome.

Getting started (editing the page)

Prerequisities for editing

  • A calculator - Preferably one that can do billions of calculations in a second, but if you have to, feel free to use the BBC Micro if you have to.

  • Something to edit files with - If you're using my favourite distro of the NT kernel, Windows, there is a preinstalled application called Notepad.exe (located in the system32 folder) that should work. If you're on GNU/Linux Linux based operating systems, you probably already have emacs, nvim, vim, vi or gnu nano installed. feel free to use that.

  • Literally any sort of knowlege on css - so you don't break the webpage, hopefully.

Editing

I don't know. You've come this far, im sure you'll think of something.

Getting started (deploying the page)

There is no backend (so you probably don't need to use docker). As long as you know how to set up a frontend page, then you're all set.

Prerequisities for deploying

  • A calculator - One of those modern calculators that can do billions of calculations in a second, chances are, you already have one right now, infront of you.

  • Something that can display "on" and "off" (like a monitor) - If it can play bad apple, then it can be displayed. Though for optimal editing, you should use one that can display millions of colors.

  • Git - To download the repo, commit and push to your own repo. but you can always click on Code > Download ZIP or similar.

  • Something to deploy the HTML page to - I'm not a server admin I don't know lol.

Deploying

so basically, you'll want to download the entire site, and when I say entire, I mean just the frontend (which is only what's included in this repo).

git clone https://github.com/williamanimate/bad-linktree bad-linktree
cd bad-linktree

After that, all you need to do is start the server. I am no server admin though, so i have no clue how to do that.

how about hosting on github pages so I don't have to buy a server and a whole domain? (optional side mission)

Sure!

  1. download the repo
git clone https://github.com/williamanimate/bad-linktree bad-linktree
  1. do something

edit the files to your liking. For more info, see #Editing

  1. deploy the site to github
git commit -m "0"

[!NOTE] I have never used git from the command line, you probably have to select/create a repo first or something I don't know.

  1. fire up the site

go to github and navigate to your new repo containing the code.

[!IMPORTANT] You may need your repo to be public in order to deploy it. For more info, see this page

then click on settings

then click on pages

then select the options below

the options you should be choosing

click save.

  1. congrats!

You have deployed your site to the world, for anyone to see!

but what if i do want a backend?

Then make a pull request or something so I can add it. Not sure why you would want a backend for this though. It only makes life harder.

Legal/License

This code under this repository is licensed under the Unlicense.

This means that you're allowed to use this code, for any purpose, and you don't have to credit me (though I would really appreciate it if you did, but you don't have to). Do whatever, have fun.

Attribution

Attribution is provided within the credits.txt file.

Hey there traveller, it appears as if you have fallen.
Fear not, as with a single click of a button, you can go all the way up!

bad-linktree's People

Contributors

williamanimate avatar

Watchers

 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.