9a6ebbf1fd
Aligns preview.html code with the core LittleLink repo styling. Adds a stroke to the branded content where needed for accessibility like in the core LittleLink repo. New services, including Filmweb, Gog, ListenBrainz, Mixcloud, PlayStation, Roll20, WIP, and Xbox. Some minor updates, like the Alpha Universe png icon to a SVG. This also updates to the newer LittleLink branding.
34 lines
No EOL
2.2 KiB
Markdown
34 lines
No EOL
2.2 KiB
Markdown
# 🔗 LittleLink Extended
|
|
|
|
|
|
|
|
LittleLink Extended is an addon repository for [LittleLink](https://github.com/sethcottle/littlelink). This repository welcomes more niche services that aren't as globally or regionally popular as required by the core LittleLink repo. Users will be able to import the entirety of these extensions into their fork of LittleLink or selectively add services from it by copy and pasting what they'd like to use into their `brands.css` file and `icons` folders.
|
|
|
|
### 📂 Getting Started
|
|
|
|
You will need to fork or download a copy of the original [LittleLink project](https://github.com/sethcottle/littlelink) to use these extended brands in tandem with.
|
|
|
|
#### ⬇️ Import the Extended CSS
|
|
|
|
Copy and paste the `brands-extended.css` file that is in the `css` folder of this repository into the `css` folder that is in your copy of the [LittleLink project](https://github.com/sethcottle/littlelink). Your folder should look a little something like this after:
|
|
|
|
|
|
|
|
#### ⬇️ Import the Extended Icons
|
|
|
|
Copy and paste the `icons-extended` folder that is in the `images` folder of this repository into the `images` folder in your copy of the [LittleLink project](https://github.com/sethcottle/littlelink). Your folder should look a little something like this after:
|
|
|
|
|
|
|
|
When access iconography, you'll reference the folder `images/icons-extended/...` to refence the icons included with LittleLink Extended.
|
|
|
|
#### ✏️ Edit `index.html` to include the Extended CSS
|
|
|
|
Open `index.html` in your copy of the [LittleLink project](https://github.com/sethcottle/littlelink), the first section of the HTML has a `<head>` section. Find the CSS segment `<link rel="stylesheet" href="css/brands.css">` and underneath it, add `<link rel="stylesheet" href="css/brands-extended.css">`. It should look something like this:
|
|
|
|
|
|
|
|
|
|
### 👍 That's it!
|
|
|
|
View the original [LittleLink repo](https://github.com/sethcottle/littlelink). |