Update README.md
This commit is contained in:
parent
8376b81939
commit
1e0e73e5f4
1 changed files with 16 additions and 8 deletions
24
README.md
24
README.md
|
@ -1,19 +1,27 @@
|
||||||
![Logo](https://cdn.cottle.cloud/littlelink/littlelink.gif)
|
![Logo](https://cdn.cottle.cloud/littlelink/littlelink.gif)
|
||||||
|
|
||||||
# LittleLink
|
# LittleLink
|
||||||
The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more being added by our community all the time.
|
The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more being added by our community all the time.
|
||||||
|
|
||||||
![Theme](https://cdn.cottle.cloud/littlelink/themesupport.gif)
|
![Theme](https://cdn.cottle.cloud/littlelink/themesupport.gif)
|
||||||
|
|
||||||
LittleLink has more than 100 branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
|
LittleLink has more than 100 branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
|
||||||
|
|
||||||
![Performance](https://cdn.cottle.cloud/littlelink/Lighthouse.svg)
|
---
|
||||||
|
### 🥇 Performance
|
||||||
|
|
||||||
Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity. LittleLink scored a 99/100 in performance when tested with [Google Lighthouse](https://developers.google.com/web/tools/lighthouse).
|
![Performance](https://cdn.cottle.cloud/littlelink/PerformanceBlock.svg)
|
||||||
|
|
||||||
![Publish](https://cdn.cottle.cloud/littlelink/Publish.svg)
|
LittleLink epitomizes simplicity and minimalism. When evaluating the [LittleLink sample page](https://littlelink.io/sample/seth) (which mirrors a typical LittleLink setup for an individual) through tools such as [Google PageSpeed Insights](https://pagespeed.web.dev/analysis/https-littlelink-io-sample-seth/17ex80ryq4?form_factor=mobile), showcases LittleLink's excellence with 100/100 in Performance, Accessibility, Best Practices, and SEO. My initial vision for LittleLink was to craft it from the fundamentals. I chose [Skeleton](http://getskeleton.com/) as the foundation, enabling me to create something minimal and quick, removing the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity.
|
||||||
|
|
||||||
No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/), [Netlify](https://www.netlify.com/), or [Amplify](https://aws.amazon.com/amplify). 👇️
|
---
|
||||||
|
### ☁️ Deploy
|
||||||
|
|
||||||
|
![Publish](https://cdn.cottle.cloud/littlelink/Deployment.svg)
|
||||||
|
|
||||||
|
No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/), [Netlify](https://www.netlify.com/), or [Amplify](https://aws.amazon.com/amplify) using the button below. LittleLink is also easy to host through [GitHub Pages](https://pages.github.com/) or on your homeserver, CDN, or or other frontend hosting services. To edit, all you need is a little basic HTML knowledge to add a link to the exisiting buttons or you can create your own. See our [adding custom buttons to your own fork wiki](https://github.com/sethcottle/littlelink/wiki/Adding-custom-buttons-to-your-own-fork).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
[![Deploy to Vercel](https://cdn.cottle.cloud/littlelink/button-deploy-vercel.svg)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink)
|
[![Deploy to Vercel](https://cdn.cottle.cloud/littlelink/button-deploy-vercel.svg)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink)
|
||||||
|
|
||||||
|
@ -23,13 +31,13 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### 🥰 Contributions
|
### 🤝 Contributions
|
||||||
Please reference the [submitting a new brand to LittleLink wiki](https://github.com/sethcottle/littlelink/wiki/Submitting-a-new-brand-to-LittleLink) before opening a PR.
|
Please reference the [submitting a new brand to LittleLink wiki](https://github.com/sethcottle/littlelink/wiki/Submitting-a-new-brand-to-LittleLink) before opening a PR.
|
||||||
|
|
||||||
---
|
---
|
||||||
### 🤝 Community Extras
|
### 📦 Community Extras
|
||||||
|
|
||||||
#### 📦 LittleLink Extended
|
#### 🛸 LittleLink Extended
|
||||||
Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
|
Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
|
||||||
|
|
||||||
#### 🎨 Figma
|
#### 🎨 Figma
|
||||||
|
|
Loading…
Reference in a new issue