5 Commits

Author SHA1 Message Date
Seth Cottle
0db66a54d4 Update VERSION.md 2025-01-20 22:13:27 -05:00
Seth Cottle
2f8ddfa076 Merge pull request #138 from Omikorin/feat/youtube-alt
feat: youtube alt
2025-01-20 21:38:00 -05:00
Seth Cottle
b31d74ee46 Merge pull request #137 from rosahaj/main
Fix accessibility issues
2025-01-20 21:32:06 -05:00
Michał Korczak
460cf6a7a5 feat: youtube alt 2025-01-03 22:36:25 +00:00
rosahaj
905791e1c7 Fix accessibility issues 2024-12-22 05:43:38 +01:00
5 changed files with 34 additions and 20 deletions

View File

@@ -1,6 +1,10 @@
# LittleLink Version History # LittleLink Version History
## Current Version: v3.0.2 ## Current Version: v3.1.0
### v3.1.0 - 1/20/2024
- Added alternate YouTube button (`PR #138` / `@Omikorin`)
- Fixed `index.html` accessibilty issues (`PR #137` / `@rosahaj`)
### v3.0.2 - 12/20/2024 ### v3.0.2 - 12/20/2024
- Added Obsidian as a brand - Added Obsidian as a brand

View File

@@ -592,6 +592,12 @@
--button-border:1px solid #FFFFFF; --button-border:1px solid #FFFFFF;
} }
/* YouTube Alt */
.button-yt-alt {
--button-text:#ffffff;
--button-background:#FF0000;
}
/* Zoom */ /* Zoom */
.button-zoom { .button-zoom {
--button-text:#ffffff; --button-text:#ffffff;

View File

@@ -0,0 +1 @@
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><defs><mask id="a" x="0" y="0" width="24" height="24"><path fill="#fff" d="M0 0h24v24H0z"/><path d="M9.545 15.588 15.818 12 9.545 8.412z" fill="#000"/></mask></defs><path d="M23.498 6.154a3.02 3.02 0 0 0-2.122-2.147C19.506 3.5 12 3.5 12 3.5s-7.505 0-9.376.507A3.02 3.02 0 0 0 .502 6.154C0 8.05 0 12 0 12s0 3.951.502 5.846a3.02 3.02 0 0 0 2.122 2.147C4.494 20.5 12 20.5 12 20.5s7.506 0 9.376-.507a3.02 3.02 0 0 0 2.122-2.147C24 15.95 24 12 24 12s0-3.951-.502-5.846" fill="#fff" mask="url(#a)"/></svg>

After

Width:  |  Height:  |  Size: 594 B

View File

@@ -52,12 +52,12 @@
<img class="avatar avatar--rounded" src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink"> <img class="avatar avatar--rounded" src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink">
<!-- Replace with your name or brand --> <!-- Replace with your name or brand -->
<h1 tabindex="0"> <h1>
<div>LittleLink</div> <div>LittleLink</div>
</h1> </h1>
<!-- Add a short description about yourself or your brand --> <!-- Add a short description about yourself or your brand -->
<p tabindex="0">An open source DIY Linktree alternative.</p> <p>An open source DIY Linktree alternative.</p>
<!-- All your buttons go here --> <!-- All your buttons go here -->
<div class="button-stack" role="navigation"> <div class="button-stack" role="navigation">
@@ -320,6 +320,9 @@
<!-- YouTube --> <!-- YouTube -->
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a> <a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
<!-- YouTube Alt -->
<a class="button button-yt-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-alt.svg" alt="YouTube Logo">YouTube</a>
<!-- YouTube Music --> <!-- YouTube Music -->
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a> <a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a>

View File

@@ -32,43 +32,43 @@
<body> <body>
<div class="container-left" role="main"> <div class="container-left" role="main">
<div class="column"> <div class="column">
<nav role="navigation" aria-label="Back to homepage"> <nav role="navigation">
<a href="index.html" tabindex="0">← Back to main page</a> <a href="index.html" aria-label="Back to homepage">← Back to main page</a>
</nav> </nav>
<h1 tabindex="0">Privacy Overview</h1> <h1>Privacy Overview</h1>
<section aria-labelledby="analytics-heading"> <section aria-labelledby="analytics-heading">
<h2 id="analytics-heading" tabindex="0">Analytics</h2> <h2 id="analytics-heading">Analytics</h2>
<p tabindex="0">The services contained in this section enable the Owner to monitor and analyze web traffic and can be used to keep track of User behavior.</p> <p>The services contained in this section enable the Owner to monitor and analyze web traffic and can be used to keep track of User behavior.</p>
<h3 tabindex="0">Example LLC</h3> <h3>Example LLC</h3>
<ul role="list"> <ul role="list">
<li tabindex="0">Personal Data: various types of Data as specified in the privacy policy of the service</li> <li>Personal Data: various types of Data as specified in the privacy policy of the service</li>
<li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li> <li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li>
</ul> </ul>
</section> </section>
<section aria-labelledby="external-content-heading"> <section aria-labelledby="external-content-heading">
<h2 id="external-content-heading" tabindex="0">External Content</h2> <h2 id="external-content-heading">External Content</h2>
<p tabindex="0">This type of service allows you to view content hosted on external platforms directly from the pages of this website and interact with them.</p> <p>This type of service allows you to view content hosted on external platforms directly from the pages of this website and interact with them.</p>
<p tabindex="0">This type of service might still collect web traffic data for the pages where the service is installed, even when Users do not use it.</p> <p>This type of service might still collect web traffic data for the pages where the service is installed, even when Users do not use it.</p>
<h3 tabindex="0">Example LLC</h3> <h3>Example LLC</h3>
<ul role="list"> <ul role="list">
<li tabindex="0">Personal Data: Usage Data; various types of Data as specified in the privacy policy of the service</li> <li>Personal Data: Usage Data; various types of Data as specified in the privacy policy of the service</li>
<li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li> <li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li>
</ul> </ul>
</section> </section>
<section aria-labelledby="hosting-heading"> <section aria-labelledby="hosting-heading">
<h2 id="hosting-heading" tabindex="0">Hosting and Infrastructure</h2> <h2 id="hosting-heading">Hosting and Infrastructure</h2>
<p tabindex="0">This type of service has the purpose of hosting Data and files that enable this website to exist.</p> <p>This type of service has the purpose of hosting Data and files that enable this website to exist.</p>
<p tabindex="0">Some services among those listed below, if any, may work through geographically distributed servers, making it difficult to determine the actual location where the Personal Data are stored.</p> <p>Some services among those listed below, if any, may work through geographically distributed servers, making it difficult to determine the actual location where the Personal Data are stored.</p>
<h3 tabindex="0">Example LLC</h3> <h3>Example LLC</h3>
<ul role="list"> <ul role="list">
<li tabindex="0">Personal Data: various types of Data as specified in the privacy policy of the service</li> <li>Personal Data: various types of Data as specified in the privacy policy of the service</li>
<li><a href="https://example.com/privacy" target="_blank" rel="noopener">Privacy Policy</a></li> <li><a href="https://example.com/privacy" target="_blank" rel="noopener">Privacy Policy</a></li>
</ul> </ul>
</section> </section>