mirror of
https://github.com/sethcottle/littlelink.git
synced 2025-04-21 15:56:35 -04:00
Updates and introduce nav
This commit is contained in:
Dale Slack
parent
a131e0b7a9
commit
a7486d5390
@ -1,8 +0,0 @@
|
||||
MIT License
|
||||
Copyright 2019-2024 Seth Cottle
|
||||
|
||||
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:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
12
README.md
12
README.md
@ -1,3 +1,15 @@
|
||||
Links for Dale Slack
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
****
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# LittleLink
|
||||
|
||||
54
VERSION.md
54
VERSION.md
@ -1,54 +0,0 @@
|
||||
# LittleLink Version History
|
||||
|
||||
## Current Version: v3.0.1
|
||||
|
||||
### v3.0.1 - 11/13/2024
|
||||
- Removed Trakt logo from `images/icons` since this now lives in LittleLink Extended
|
||||
- Favicon update for `privacy.html`
|
||||
|
||||
### v3.0.0 - 11/13/2024
|
||||
A complete modernization of LittleLink focusing on accessibility, maintainability, and more modern web standards.
|
||||
|
||||
#### Major Changes
|
||||
- Complete rebuild of CSS architecture
|
||||
- Moved away from Skeleton CSS dependency to custom, purpose-built CSS
|
||||
- Improved maintainability with modular CSS structure
|
||||
- Enhanced dark mode and auto theming implementation
|
||||
- Enhanced `brands.css`
|
||||
|
||||
- Accessibility Improvements
|
||||
- Improved keyboard navigation throughout
|
||||
- Enhanced screen reader compatibility
|
||||
- Better focus management and visible focus states
|
||||
- Proper ARIA labels and semantic HTML structure
|
||||
|
||||
- HTML Modernization
|
||||
- Rebuilt `index.html`
|
||||
- Rebuilt `privacy.html`
|
||||
- Optimized meta tags and SEO structure
|
||||
|
||||
#### Developer Experience
|
||||
- Better documented codebase
|
||||
- Simplified customization process
|
||||
- Improved maintainability
|
||||
- More consistent standards
|
||||
- Added VERSION.md so you know what version of LittleLink you downloaded
|
||||
|
||||
#### Brand Changes
|
||||
- Updated PayPal button color
|
||||
- Updated Discord button color
|
||||
- Updated YouTube button color
|
||||
- Updated Pinterest button color
|
||||
- Updated Ko-fi button color and updated their logo
|
||||
- Updated Medium logo
|
||||
- Updated WordPress button color
|
||||
- Moved NGL to LittleLink Extended
|
||||
- Moved Redbubble to LittleLink Extended
|
||||
- Moved Revolut to LittleLink Extended
|
||||
- Moved Trakt to LittleLink Extended
|
||||
- Moved Untapped to LittleLink Extended
|
||||
- Moved Upwork to LittleLink Extended
|
||||
|
||||
---
|
||||
For the complete history of changes, please visit:
|
||||
https://github.com/sethcottle/littlelink/releases
|
||||
12
index.html
12
index.html
@ -14,7 +14,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
|
||||
<title>LittleLink</title>
|
||||
<title>Dale Slack - LittleLink</title>
|
||||
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
||||
|
||||
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
||||
@ -97,6 +97,16 @@
|
||||
<!-- Add a short description about yourself or your brand -->
|
||||
<p tabindex="0">Dale Slack is a website developer based in London.</p>
|
||||
|
||||
|
||||
<nav class="">
|
||||
<ul>
|
||||
<li><a href="#project" target="_self">Project</a></li>
|
||||
<li><a href="#social" target="_self">Social</a></li>
|
||||
<li><a href="#tool" target="_self">Tool</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<!-- All your buttons go here -->
|
||||
<div class="button-stack" role="navigation">
|
||||
|
||||
|
||||
84
privacy.html
84
privacy.html
@ -1,84 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!--
|
||||
To change the theme, change the class on the html tag below to one of:
|
||||
- theme-auto: Automatically switches based on user's system preferences
|
||||
- theme-light: Forces light theme
|
||||
- theme-dark: Forces dark theme
|
||||
-->
|
||||
|
||||
<html class="theme-auto" lang="en"> <!-- Update `class="theme-auto"` with your preference -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
|
||||
<title>Privacy Policy | LittleLink</title>
|
||||
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
||||
|
||||
|
||||
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
||||
<meta name="description" content="Privacy policy and data collection information for LittleLink">
|
||||
<meta name="robots" content="noindex"> <!-- Since this is a utility page -->
|
||||
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" href="css/reset.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/brands.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-left" role="main">
|
||||
<div class="column">
|
||||
<nav role="navigation" aria-label="Back to homepage">
|
||||
<a href="index.html" tabindex="0">← Back to main page</a>
|
||||
</nav>
|
||||
|
||||
<h1 tabindex="0">Privacy Overview</h1>
|
||||
|
||||
<section aria-labelledby="analytics-heading">
|
||||
<h2 id="analytics-heading" tabindex="0">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>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<ul role="list">
|
||||
<li tabindex="0">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>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="external-content-heading">
|
||||
<h2 id="external-content-heading" tabindex="0">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 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>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<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><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="hosting-heading">
|
||||
<h2 id="hosting-heading" tabindex="0">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 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>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<ul role="list">
|
||||
<li tabindex="0">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>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink.</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user