Infra-Mirrors/littlelink
1
0
Fork 0
mirror of https://github.com/sethcottle/littlelink.git synced 2024-10-01 01:06:05 -04:00
Code Issues Packages Projects Releases Wiki Activity
e096d42b35
littlelink/index.html

233 lines
12 KiB
HTML
Raw Normal View History

🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>LittleLink</title>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<meta name="description" content="Find us online!">
<meta name="author" content="Seth Cottle">
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
Branding Updates Updated to the new Discord branding that was rolled out 05/13/21. Added a Product Hunt button!
2021-05-13 12:29:56 -04:00
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton-light.css">
<link rel="stylesheet" href="css/brands.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<!--
## Getting Started with LittleLink
This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
You can add your own brand or others brands you may need in the `css/brands.css` file.
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
Edit the "Your Name" section to change the page heading. You can use something like your name, your social handle, or your brand name.
Edit the "Short Bio" section tell users about yourself or your brand.
-->
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Your Image Here -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Your Name -->
<h1>LittleLink</h1>
<!-- Short Bio -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
<!--
## Breaking down <a> attributes:
1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
2.) Replace the # in href="#" with the desired target URL for the button.
3.) target="_blank" | This attribute opens links in a new tab. Remove this attribute to prevent links from opening in a new tab.
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
4.) rel="noopener" | This attribute instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
This is especially useful when opening untrusted links. https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
## Breaking down the <img> attributes:
1.) class="icon" | This class is telling the <img> tag that it should use the styling for icons found in `css/brands.css`.
2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon.
Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG.
3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers.
-->
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Github -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-github" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="GitHub Logo">GitHub</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Twitter -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Instagram -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Facebook -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<!-- Facebook Messenger -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-messenger" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- LinkedIn -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-linkedin" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- YouTube -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-youtube" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/youtube.svg" alt="YouTube Logo">YouTube</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<!-- Discord -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-discord" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/discord.svg" alt="Discord Logo">Discord</a>
Branding Updates Updated to the new Discord branding that was rolled out 05/13/21. Added a Product Hunt button!
2021-05-13 12:29:56 -04:00
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<!-- Twitch -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-twitch" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitch.svg" alt="Twitch Logo">Twitch</a>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<br>
Branding Updates Updated to the new Discord branding that was rolled out 05/13/21. Added a Product Hunt button!
2021-05-13 12:29:56 -04:00
<!-- ProductHunt -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-producthunt" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
Branding Updates Updated to the new Discord branding that was rolled out 05/13/21. Added a Product Hunt button!
2021-05-13 12:29:56 -04:00
<br>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Snapchat -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-snapchat" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Spotify -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-spotify" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/spotify.svg" alt="Spotify Logo">Spotify</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Reddit -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
Add Rocketseat icon, link
2020-10-20 18:58:58 -04:00
<br>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
Add Mastodon
2021-08-10 09:48:56 -04:00
<!-- Mastodon -->
<a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
<br>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Medium -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Pinterest -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-pinterest" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
New Brand Options! - Added TikTok - Added generic email icon - Added alternative email icon - Added default button to brands.css for your own branding
2021-05-18 22:48:51 -04:00
<!-- TikTok -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-tiktok" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
<br>
New Brand Options! - Added TikTok - Added generic email icon - Added alternative email icon - Added default button to brands.css for your own branding
2021-05-18 22:48:51 -04:00
<!-- Email -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
New Brand Options! - Added TikTok - Added generic email icon - Added alternative email icon - Added default button to brands.css for your own branding
2021-05-18 22:48:51 -04:00
<!-- Email Alternative -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
New Brand Options! - Added TikTok - Added generic email icon - Added alternative email icon - Added default button to brands.css for your own branding
2021-05-18 22:48:51 -04:00
⚡️ New Brands - Added CSS for SoundCloud & Spectrum. - Added SVG icons for SoundCloud & Spectrum. - Added example buttons to index.html. - Fixed typo on README.md.
2019-12-22 22:04:37 -05:00
<!-- SoundCloud -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<br>
⚡️ New Brands - Added CSS for SoundCloud & Spectrum. - Added SVG icons for SoundCloud & Spectrum. - Added example buttons to index.html. - Fixed typo on README.md.
2019-12-22 22:04:37 -05:00
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<!-- Figma -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-figma" href="#" target="_blank" rel="noopener" ><img class="icon" src="icons/figma.svg" alt="Figma Logo">Figma</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Kit -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-kit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/kit.svg" alt="Kit Logo">Kit</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Telegram -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-telegram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/telegram.svg" alt="Telegram Logo">Telegram</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Tumblr -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-tumblr" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
<!-- Steam -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-steam" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/steam.svg" alt="Steam Logo">Steam</a>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<!-- Vimeo -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
<br>
Added PayPal as a link Option, No SVG File :(
2021-08-14 19:10:36 -04:00
<!-- PayPal-->
Switched PNG to SVG
2021-08-15 11:07:40 -04:00
<a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
Added PayPal as a link Option, No SVG File :(
2021-08-14 19:10:36 -04:00
<br>
Added WhatsApp
2021-08-18 10:21:08 -04:00
<!-- WhatsApp -->
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
<!-- Wordpress -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
<br>
Added icons and CSS settings for Goodreads and Skoob buttons;
2020-08-18 18:07:43 -04:00
<!-- Goodreads -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-goodreads" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
Added icons and CSS settings for Goodreads and Skoob buttons;
2020-08-18 18:07:43 -04:00
<br>
<!-- Skoob -->
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/skoob.svg" alt="Skoob Logo">Skoob</a>
Added icons and CSS settings for Goodreads and Skoob buttons;
2020-08-18 18:07:43 -04:00
<br>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 01:37:00 -05:00
Add GitLab
2021-09-19 12:46:30 -04:00
<!-- Gitlab -->
<a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<br>
Add Xing
2021-09-27 05:05:47 -04:00
<!-- XING -->
<a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
Add wordpress ton index
2020-12-09 16:50:33 -05:00
<br>
<br>
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 00:36:04 -04:00
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
🎉 Initial Commit
2019-12-21 22:30:05 -05:00
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>
Reference in New Issue Copy Permalink