Skip to content

Commit 9f00092

Browse files
authored
Merge pull request #129 from sethcottle/v3
LittleLink v3
2 parents 174cc57 + 473b333 commit 9f00092

25 files changed

+1238
-2541
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
.DS_Store
22
.idea
3+
.devcontainer

LICENSE.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
MIT License
2-
Copyright 2019-2021 Seth Cottle
2+
Copyright 2019-2024 Seth Cottle
33

44
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
55

README.md

+7-9
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
1-
![Logo](https://cdn.cottle.cloud/littlelink/littlelink.gif)
1+
![Logo](https://cdn.cottle.cloud/GitHub/LittleLink/littlelink.gif)
22

33
# LittleLink
44
The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more regularly added by our community in this repo and in [LittleLink Extended](https://github.com/sethcottle/littlelink-extended).
55

66
---
77
### 🌞 Themes and Accessibility
8-
LittleLink offers both `light` and `dark` themes right out of the box. If the default color schemes don't match your preference, you can easily customize them by updating the values in `skeleton-light.css` or `skeleton-dark.css`. For those who prefer an automatic adjustment, setting your CSS to `skeleton-auto.css` enables the theme to adapt based on the device's system settings. To enhance visual accessibility in both `light` and `dark` modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it's important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast.
8+
LittleLink offers `auto`, `light`, and `dark` themes right out of the box. If the default color schemes don't match your preference, you can easily customize them by updating the values in `style.css`. You can set any of the themes right in `index.html`. To enhance visual accessibility in both `light` and `dark` modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it's important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast.
99

10-
![Theme](https://cdn.cottle.cloud/littlelink/themesupport.gif)
10+
![Theme](https://cdn.cottle.cloud/GitHub/LittleLink/ThemeSupport.gif)
1111

1212
---
1313
### 🥇 Performance
1414

15-
![Performance](https://cdn.cottle.cloud/littlelink/PerformanceBlock.svg)
15+
![Performance](https://cdn.cottle.cloud/GitHub/LittleLink/ranking.gif)
1616

17-
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.
17+
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. LittleLink leverages it's own vanilla `css` to remove the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity.
1818

1919
---
2020
### ☁️ Deploy
2121

22-
![Publish](https://cdn.cottle.cloud/littlelink/Deployment.svg)
22+
![Publish](https://cdn.cottle.cloud/GitHub/LittleLink/test/css/deploy.gif)
2323

2424
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 home lab server, CDN, 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). It's simple, promise. 🤞
2525

@@ -54,9 +54,7 @@ Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/com
5454
[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
5555

5656
#### 🗃️ Misc
57-
[Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink!
58-
59-
[Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality!
57+
[Julian](https://github.com/JulianPrieber) is building [LinkStack](https://github.com/LinkStackOrg/LinkStack), which is a fork of [Khashayar](https://github.com/khashayarzavosh)'s [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink).
6058

6159
---
6260

VERSION.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
# LittleLink Version History
2+
3+
## Current Version: v3.0.0
4+
5+
### v3.0.0 - 11/13/2024
6+
A complete modernization of LittleLink focusing on accessibility, maintainability, and more modern web standards.
7+
8+
#### Major Changes
9+
- Complete rebuild of CSS architecture
10+
- Moved away from Skeleton CSS dependency to custom, purpose-built CSS
11+
- Improved maintainability with modular CSS structure
12+
- Enhanced dark mode and auto theming implementation
13+
- Enhanced `brands.css`
14+
15+
- Accessibility Improvements
16+
- Improved keyboard navigation throughout
17+
- Enhanced screen reader compatibility
18+
- Better focus management and visible focus states
19+
- Proper ARIA labels and semantic HTML structure
20+
21+
- HTML Modernization
22+
- Rebuilt `index.html`
23+
- Rebuilt `privacy.html`
24+
- Optimized meta tags and SEO structure
25+
26+
#### Developer Experience
27+
- Better documented codebase
28+
- Simplified customization process
29+
- Improved maintainability
30+
- More consistent standards
31+
- Added VERSION.md so you know what version of LittleLink you downloaded
32+
33+
#### Brand Changes
34+
- Updated PayPal button color
35+
- Updated Discord button color
36+
- Updated YouTube button color
37+
- Updated Pinterest button color
38+
- Updated Ko-fi button color and updated their logo
39+
- Updated Medium logo
40+
- Updated WordPress button color
41+
- Moved NGL to LittleLink Extended
42+
- Moved Redbubble to LittleLink Extended
43+
- Moved Revolut to LittleLink Extended
44+
- Moved Trakt to LittleLink Extended
45+
- Moved Untapped to LittleLink Extended
46+
- Moved Upwork to LittleLink Extended
47+
48+
---
49+
For the complete history of changes, please visit:
50+
https://github.com/sethcottle/littlelink/releases

0 commit comments

Comments
 (0)