hxcde/yannmoelle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity
c70dcef99b
yannmoelle/index.html

154 lines
7.1 KiB
HTML
Raw Normal View History

🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!DOCTYPE html>
<html lang="en">
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<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 07:37:00 +01:00
<meta name="description" content="Find us online!">
<meta name="author" content="Seth Cottle">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
Brands & Index Updated css/brands to be in alphabetical order. Slight tweaks to index.html organization.
2022-11-11 05:38:11 +01:00
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
Brands & Index Updated css/brands to be in alphabetical order. Slight tweaks to index.html organization.
2022-11-11 05:38:11 +01:00
<!-- Brand Styles -->
<link rel="stylesheet" href="css/brands.css">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<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 06:36:04 +02: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.
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG.
⚡️ 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 06:36:04 +02:00
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name.
⚡️ 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 06:36:04 +02:00
Edit the "Short Bio" section tell users about yourself or your brand.
-->
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Your Image Here -->
Updated to support avatar radius
2022-06-03 23:44:34 +02:00
<img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
<!-- Title -->
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<h1>LittleLink</h1>
<!-- Short Bio -->
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01: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>
⚡️ 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 06:36:04 +02:00
<!--
## 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-22 04:30:05 +01: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 06:36:04 +02: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-22 04:30:05 +01:00
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<!-- GitHub -->
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<a class="button button-github" href="https://github.com/hxcde" target="_blank" rel="noopener">
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
<br>
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Twitter -->
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<a class="button button-twit" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
<br>
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- LinkedIn -->
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<a class="button button-linked" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
<br>
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<!-- XING -->
<a class="button button-xing" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01: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-19 04:48:51 +02:00
<!-- Email -->
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<a class="button button-default" href="contact@yannmoelle.de" target="_blank" rel="noopener">
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01: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-19 04:48:51 +02:00
<!-- Email Alternative -->
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
„index.html“ ändern
2023-04-14 16:55:53 +02: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-19 04:48:51 +02:00
New Brands Based on some feedback we've been receiving via email and social I'm adding several new brands, including: Amazon, Apple App Store, Google Play Store, and OnlyFans. Added a SVG of the LittleLink avatar. Cleaned up the README.md to make it more readable, updated some outdated content, and added a new Analytics section promoting Fathom (and adding a referral link to help support LittleLink). I also posted a link to the public LittleLink Fathom analytics dashboard.
2022-05-04 17:03:14 +02:00
added support for generic website Signed-off-by: Satish Surath <s@n-m.co>
2022-02-25 06:01:07 +01:00
<!-- Web -->
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<a class="button button-web" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/web.svg" alt="Web Logo">Website</a>
added support for generic website Signed-off-by: Satish Surath <s@n-m.co>
2022-02-25 06:01:07 +01:00
<br>
Add wordpress ton index
2020-12-09 22:50:33 +01:00
<br>
General Updates Added additional comments for clarification and reorganized a recently added brand alphabetically.
2022-05-23 20:48:10 +02:00
<!--
Footer:
This includes a link to privacy.html page which can be setup for your Privacy Policy.
This also includes a link to the LittleLink repository to make forking LittleLink easier.
You can edit or remove anything here to make your own footer.
-->
<p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
</div>
</div>
</div>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
<!-- End Document
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
Update index.html
2022-02-08 04:03:36 +01:00
</html>
Reference in New Issue Copy Permalink