deploy
deploy
21
css/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2022 Julian Prieber
|
||||
|
||||
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.
|
107
css/animations.css
Normal file
@ -0,0 +1,107 @@
|
||||
/* ************************************************************* */
|
||||
/*
|
||||
/* Use this file to add custom CSS animations.
|
||||
/* Delete this file if you wish to use the default animations.
|
||||
/* If you do not want to have animations in your theme,
|
||||
/* remove or comment them and include this file in your theme.
|
||||
/*
|
||||
/* ************************************************************* */
|
||||
|
||||
|
||||
/* Table of contents
|
||||
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
- Entrance animations
|
||||
- Button hover animations
|
||||
- Icon hover animations
|
||||
- Footer hover animations
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Entrance animations
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
.button-entrance {
|
||||
animation-name: popUp;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
/* Used to start button entrance animation one after another */
|
||||
animation-delay: calc(var(--delay)/10);
|
||||
}
|
||||
|
||||
@keyframes popUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(0.3, 0.3, 0.3);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.fadein {
|
||||
animation-name: fadein;
|
||||
animation-duration: 3s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Button hover animations
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/* (Also apply to icon) */
|
||||
|
||||
.button-hover, .credit-hover{
|
||||
display:inline-block;
|
||||
-webkit-transform:perspective(1px) translateZ(0);
|
||||
transform:perspective(1px) translateZ(0);
|
||||
box-shadow:0 0 1px rgba(0,0,0,0);
|
||||
-webkit-transition-duration:.1s;
|
||||
transition-duration:.1s;
|
||||
-webkit-transition-property:transform;
|
||||
transition-property:transform
|
||||
}
|
||||
.button-hover:active,
|
||||
.button-hover:focus,
|
||||
.button-hover:hover{
|
||||
-webkit-transform:scale(1.009);
|
||||
transform:scale(1.009)
|
||||
}
|
||||
.credit-hover:active,
|
||||
.credit-hover:focus,
|
||||
.credit-hover:hover{
|
||||
-webkit-transform:scale(1.04);
|
||||
transform:scale(1.04)
|
||||
}
|
||||
|
||||
|
||||
/* Footer hover animations
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
.footer-hover{
|
||||
display:inline-block;
|
||||
-webkit-transform:perspective(1px) translateZ(0);
|
||||
transform:perspective(1px) translateZ(0);
|
||||
box-shadow:0 0 1px rgba(0,0,0,0);
|
||||
-webkit-transition-duration:.3s;
|
||||
transition-duration:.3s;
|
||||
-webkit-transition-property:transform;
|
||||
transition-property:transform;
|
||||
-webkit-transition-timing-function:ease-out;
|
||||
transition-timing-function:ease-out
|
||||
}
|
||||
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
|
||||
-webkit-transform:translateY(-8px);
|
||||
transform:translateY(-8px)
|
||||
}
|
BIN
css/back.jpg
Normal file
After Width: | Height: | Size: 153 KiB |
BIN
css/preview.png
Normal file
After Width: | Height: | Size: 479 KiB |
20
css/readme.md
Normal file
@ -0,0 +1,20 @@
|
||||
# A LinkStack Theme
|
||||
Find more themes: https://linkstack.org/themes/
|
||||
|
||||
* Theme Name: Dawn
|
||||
* Theme Version: 1.3
|
||||
* Theme Date: 2022-12-01
|
||||
* Theme Author: JulianPrieber & LinkStack Team
|
||||
* Theme Author URI: https://github.com/JulianPrieber
|
||||
* Theme License: MIT
|
||||
* Source code: https://github.com/LinkStackOrg/Dawn
|
||||
|
||||
|
||||
### Used assets:
|
||||
* Built using:
|
||||
* https://github.com/dhg/Skeleton
|
||||
* License: MIT
|
||||
|
||||
*
|
||||
* https://github.com/johnggli/linktree
|
||||
* License: MIT -> https://github.com/johnggli/linktree/blob/master/LICENSE.md
|
111
css/share.button.css
Normal file
@ -0,0 +1,111 @@
|
||||
.share-icon {
|
||||
padding: 0px 8px 3.5px 0px;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.sharediv {
|
||||
position:relative;
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.toastdiv {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.toastbox {
|
||||
width: 280px;
|
||||
padding: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
position: fixed;
|
||||
top: 105%;
|
||||
-webkit-transition: transform 0.3s linear;
|
||||
transition: transform 0.3s linear;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
}
|
||||
.toastbox.toast-tox--active {
|
||||
-webkit-transform: translateY(-150px);
|
||||
transform: translateY(-150px);
|
||||
}
|
||||
|
||||
.sharebutton,
|
||||
sharebutton {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
height: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
width: 48px;
|
||||
font-weight: 700;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0.1px;
|
||||
white-space: wrap;
|
||||
border: solid var(--accentColor) 2px;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
color: #ffffff;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
.sharebutton,
|
||||
sharebutton {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
height: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
width: 150px;
|
||||
font-weight: 700;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0.1px;
|
||||
white-space: wrap;
|
||||
border: solid var(--accentColor) 2px;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
color: #ffffff;
|
||||
background-color: transparent;
|
||||
}
|
||||
.sharebutton-img {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
sharebutton:hover,
|
||||
.sharebutton:hover {
|
||||
color: #000000;
|
||||
background-color: #FFF;
|
||||
}
|
||||
.sharebutton:hover .share-icon {
|
||||
-webkit-filter: invert(100%);
|
||||
-moz-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.sharebutton-mb {
|
||||
display: none;
|
||||
}
|
||||
.sharebutton-img {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
BIN
images/icons/an.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
images/icons/anb.png
Normal file
After Width: | Height: | Size: 58 KiB |
1
images/icons/camera-icon.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 90.78" style="enable-background:new 0 0 122.88 90.78" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M46.86,0.05h43.63l9.94,17.7h20.48c1.09,0,1.98,0.92,1.98,1.98v69.08c0,1.06-0.91,1.98-1.98,1.98H1.98 C0.92,90.78,0,89.89,0,88.81l0-69.08c0-1.09,0.89-1.98,1.98-1.98h9.21V11.4h11.38v6.35h12.36c2.57-5.08,5.14-10.15,7.71-15.23 C44.2-0.57,43.34,0.05,46.86,0.05L46.86,0.05z M110.07,26.5c3.26,0,5.9,2.64,5.9,5.9c0,3.26-2.64,5.9-5.9,5.9 c-3.26,0-5.9-2.64-5.9-5.9C104.18,29.14,106.82,26.5,110.07,26.5L110.07,26.5L110.07,26.5z M66.64,33.37 c9.87,0,17.88,8.01,17.88,17.88c0,9.87-8.01,17.88-17.88,17.88c-9.87,0-17.88-8.01-17.88-17.88 C48.76,41.38,56.77,33.37,66.64,33.37L66.64,33.37z M66.64,21.73c16.31,0,29.53,13.22,29.53,29.53c0,16.3-13.22,29.53-29.53,29.53 c-16.3,0-29.53-13.23-29.53-29.53C37.12,34.95,50.34,21.73,66.64,21.73L66.64,21.73z"/></g></svg>
|
After Width: | Height: | Size: 1.1 KiB |
1
images/icons/crown-icon.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 107.76" style="enable-background:new 0 0 122.88 107.76" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M21.13,83.86h80.25l12.54-34.73c0.65,0.21,1.35,0.32,2.07,0.32c3.8,0,6.89-3.08,6.89-6.89 c0-3.8-3.08-6.89-6.89-6.89c-3.8,0-6.89,3.08-6.89,6.89c0,1.5,0.48,2.88,1.29,4.01l-7.12,5.86c-9.97,8.2-16.22,4.4-14.27-8.34 l1.1-7.17c0.38,0.07,0.78,0.1,1.18,0.1c3.8,0,6.89-3.08,6.89-6.89c0-3.8-3.08-6.89-6.89-6.89c-3.8,0-6.89,3.08-6.89,6.89 c0,2.17,1.01,4.11,2.58,5.37l-1.71,2.7c-8.38,12.58-14.56,7.76-17.03-4.67l-4.41-20.31c2.47-1.05,4.21-3.49,4.21-6.35 c0-3.8-3.08-6.89-6.89-6.89c-3.8,0-6.89,3.08-6.89,6.89c0,3.18,2.15,5.85,5.07,6.65L56.46,25.1c-2.48,10.61-5.45,31.75-18.88,13.73 l-2.19-2.98c1.73-1.25,2.86-3.29,2.86-5.59c0-3.8-3.08-6.89-6.89-6.89c-3.8,0-6.89,3.08-6.89,6.89c0,3.8,3.08,6.89,6.89,6.89 c0.53,0,1.05-0.06,1.55-0.18l0.46,4.68c0.9,6.39,2.05,15.04-5.29,14.63c-3.64-0.2-5.01-1.44-7.79-3.42l-7.94-5.63 c0.89-1.16,1.42-2.61,1.42-4.19c0-3.8-3.08-6.89-6.89-6.89c-3.8,0-6.89,3.08-6.89,6.89s3.08,6.89,6.89,6.89 c0.9,0,1.75-0.17,2.54-0.48L21.13,83.86L21.13,83.86z M21.07,93.47h80.51v14.29H21.07V93.47L21.07,93.47z"/></g></svg>
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/icons/icon.png
Normal file
After Width: | Height: | Size: 14 KiB |
1
images/icons/movie-media-player-icon.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 115.46 122.88" style="enable-background:new 0 0 115.46 122.88" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M108.07,15.56L5.7,52.84L0,37.22L102.37,0L108.07,15.56L108.07,15.56z M115.46,122.88H5.87V53.67h109.59 V122.88L115.46,122.88z M101.79,15.65V2.36l-7.23,2.61v13.34L101.79,15.65L101.79,15.65L101.79,15.65z M87.39,20.93V7.59 l-7.26,2.58v13.45L87.39,20.93L87.39,20.93z M72.49,26.07v-13.2l-7.26,2.61v13.26L72.49,26.07L72.49,26.07L72.49,26.07z M113.43,68.32l-4.56-12.54h-7.73l4.56,12.54H113.43L113.43,68.32z M97.64,68.32l-4.56-12.54h-7.76l4.59,12.54H97.64L97.64,68.32z M57.98,31.69V18.32l-7.25,2.61v13.34L57.98,31.69L57.98,31.69z M82.41,68.32l-4.56-12.54h-7.73l4.56,12.54H82.41L82.41,68.32z M43.08,36.8V23.54l-7.34,2.61v13.34L43.08,36.8L43.08,36.8z M66.62,68.32l-4.56-12.54h-7.75l4.56,12.54H66.62L66.62,68.32z M28.82,42.28V28.9l-7.31,2.7v13.26L28.82,42.28L28.82,42.28L28.82,42.28z M51.06,68.32L46.5,55.78h-7.73l4.56,12.54H51.06 L51.06,68.32z M13.84,47.39V34.13l-7.26,2.58v13.37L13.84,47.39L13.84,47.39z M35.36,68.32l-4.64-12.54l-7.67,0l4.48,12.54H35.36 L35.36,68.32z M19.96,68.32l-4.64-12.54l-7.73,0l4.56,12.54H19.96L19.96,68.32z"/></g></svg>
|
After Width: | Height: | Size: 1.4 KiB |
1
images/icons/t-shirt-design-icon.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 107.43" style="enable-background:new 0 0 122.88 107.43" xml:space="preserve"><g><path d="M20.19,46.08l6.98-3.71c0.02-0.01,0.04-0.02,0.07-0.03c0.66-0.34,1.38-0.38,2.03-0.17c0.66,0.2,1.25,0.66,1.62,1.31 c0.14,0.22,0.2,0.4,0.26,0.58c0.01,0.03,0.02,0.07,0.03,0.1l0,0c1.41,5.64,2.41,11.1,3.05,16.41c0.64,5.29,0.93,10.46,0.92,15.53 c-0.02,4.74-0.3,9.37-0.81,13.89c-0.45,4-1.08,7.93-1.86,11.82l57.78-0.07c-0.64-3.93-0.79-4.42-1.19-8.4l5.48,0.98 c0.49,4.77,0.74,5.08,1.59,9.83c0.01,0.03,0.01,0.07,0.01,0.1l0,0c0,0,0,0,0,0c0.02,0.11,0.04,0.22,0.04,0.38 c0,0.76-0.31,1.44-0.81,1.94c-0.5,0.5-1.19,0.81-1.94,0.81v-0.01l-64.41,0.07v0.01c-0.23,0-0.4,0-0.69-0.07l-0.02,0l0,0l0,0 c-0.73-0.17-1.33-0.63-1.71-1.21c-0.38-0.59-0.54-1.33-0.37-2.06l0,0l0,0l0-0.01c0.01-0.02,0.01-0.04,0.02-0.07 c0.99-4.46,1.79-8.99,2.35-13.63c0.56-4.66,0.88-9.38,0.89-14.17v-0.01c0.02-4.53-0.23-9.19-0.79-14c-0.5-4.29-1.24-8.69-2.25-13.2 l-5.78,3.09l-0.01,0l0,0c-0.59,0.31-1.26,0.39-1.88,0.26c-0.61-0.13-1.19-0.47-1.6-1.01l0,0L0.71,29.85 c-0.1-0.1-0.19-0.22-0.27-0.34c-0.01-0.02-0.03-0.05-0.04-0.07c-0.33-0.53-0.45-1.15-0.38-1.74c0.07-0.61,0.34-1.21,0.79-1.65 c0.12-0.12,0.25-0.23,0.4-0.33c0.02-0.02,0.05-0.03,0.07-0.04L37.8,0.53c0.07-0.05,0.15-0.09,0.22-0.12 c0.67-0.32,1.38-0.48,2.08-0.33c0.7,0.15,1.3,0.57,1.74,1.36l0,0c2.12,3.77,4.37,6.89,6.69,9.36c2.35,2.5,4.77,4.32,7.2,5.48l0,0 l0,0c1.09,0.52,2.16,0.89,3.21,1.13c1.07,0.24,2.13,0.34,3.19,0.3c1.05-0.03,2.1-0.2,3.14-0.5c1.02-0.3,2.03-0.73,3.05-1.32 c0.03-0.02,0.07-0.04,0.1-0.05c2.1-1.2,4.14-2.98,6.09-5.35c1.94-2.36,3.77-5.31,5.45-8.86c0.02-0.03,0.03-0.07,0.05-0.1l0.07-0.14 c0.02-0.04,0.04-0.08,0.06-0.11l0,0c0.02-0.04,0.06-0.09,0.09-0.14c0.42-0.58,1.03-0.95,1.69-1.08c0.02,0,0.05-0.01,0.07-0.01 c0.63-0.11,1.31,0.01,1.89,0.37l0,0c0.02,0.01,0.06,0.04,0.1,0.07l0,0l37.66,25.06c0.07,0.05,0.14,0.1,0.2,0.16l0,0l0.03,0.03 c0.55,0.46,0.88,1.09,0.97,1.75c0.1,0.69-0.07,1.42-0.51,2.03l-0.02,0.03l0,0l-16.61,21.81l0,0c-0.38,0.52-0.91,0.87-1.5,1.02 c-0.6,0.16-1.25,0.11-1.86-0.16l-0.01-0.01l0,0l-6.7-3.07c-0.8,4.11-1.26,5.69-1.64,9.71l-5.05-2.91 c0.51-5.67,0.89-5.92,2.13-11.48l0,0l0,0c0.17-0.74,0.61-1.35,1.2-1.73c0.6-0.39,1.34-0.54,2.09-0.37 c0.07,0.01,0.13,0.03,0.19,0.06c0.15,0.05,0.29,0.1,0.39,0.15l0.02,0.01l7.77,3.58l13.51-17.74L83.61,6.73 c-1.64,3.05-3.43,5.68-5.33,7.87c-2.26,2.62-4.68,4.63-7.19,6.04c-1.39,0.78-2.82,1.38-4.26,1.79c-1.47,0.42-2.97,0.66-4.49,0.72 l-0.05,0c-1.48,0.04-2.97-0.11-4.45-0.44c-1.48-0.33-2.96-0.84-4.44-1.53c-2.83-1.33-5.6-3.34-8.26-6.04 c-2.29-2.32-4.5-5.16-6.57-8.49L6.72,28.58L20.19,46.08L20.19,46.08z M55.71,47.23c5.7,4.08,14.84-0.3,18.44,6.81 c0.95,1.89,1.16,4.47,0.3,6.52c-0.35,0.82-0.86,1.56-1.55,2.12c-0.31,0.25-0.65,0.47-1.03,0.65c-4.69,2.33-9.58-0.93-12.18-4.86 C57.31,54.85,56.27,50.33,55.71,47.23L55.71,47.23z M84.64,78.44c3.18-2.54,5.64-5.46,7.32-8.8l20.43,21.55 c1.54,1.46,2.42,2.7,1.12,4.94c-0.65,0.66-1.32,1.01-2.04,1.06c-0.71,0.05-1.46-0.21-2.25-0.77L84.64,78.44L84.64,78.44z M73.86,65.94c1.38-0.74,3.27-2.56,3.71-4.55l12.8,7.02c-1.85,3.67-4.2,6.82-7.42,9.06C79.58,72.95,77.69,70.22,73.86,65.94 L73.86,65.94z M96.15,104.23c0,0.04,0.01,0.09,0.01,0.13h0C96.16,104.32,96.16,104.24,96.15,104.23L96.15,104.23L96.15,104.23z"/></g></svg>
|
After Width: | Height: | Size: 3.3 KiB |
420
index.html
@ -6,9 +6,9 @@
|
||||
<!-- Page Information
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title>LittleLink</title>
|
||||
<meta name="description" content="https://littlelink.io">
|
||||
<meta name="author" content="Seth Cottle">
|
||||
<title>AnimeNights</title>
|
||||
<meta name="description" content="https://infoshow.info>
|
||||
<meta name="author" content="infoshow">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
@ -32,7 +32,7 @@
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/littlelink.png">
|
||||
<link rel="icon" href="images/icons/anb.png">
|
||||
|
||||
</head>
|
||||
|
||||
@ -63,388 +63,44 @@
|
||||
-->
|
||||
|
||||
<!-- Your Image Here -->
|
||||
<img src="images/littlelink.svg" class="avatar" srcset="images/littlelink.svg 2x" alt="">
|
||||
<img src="images/icons/an.png" class="avatar" srcset="images/icons/an.png 2x" alt="">
|
||||
|
||||
<!-- Title -->
|
||||
<h1 role="heading">LittleLink</h1>
|
||||
<h1 role="heading">AnimeNights</h1>
|
||||
|
||||
<!-- Short Bio -->
|
||||
<p>An open source DIY <a href="https://linktr.ee" target="_blank" rel="noopener" role="link">Linktree</a> alternative.</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.
|
||||
|
||||
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
|
||||
|
||||
5.) role="button" | The button role identifies an element as a button to assistive technology such as screen readers.
|
||||
|
||||
## 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="images/icons/[icon-name].svg" | This defines the icon you would like to display from the 'images/icons/' folder. For example, you can change this to src="images/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="" | Since the text at the end of the snippet, "..>[Button Text]</a><br>", explains what the button is, we use "alt=""" to nullify the icon annoucement from the accessibility tree.
|
||||
This can improve the experience for assistive technology users by hiding what is essentially duplicated
|
||||
|
||||
-->
|
||||
|
||||
<!-- Default LittleLink -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/littlelink.svg" alt="">LittleLink</a><br>
|
||||
|
||||
<!-- Amazon -->
|
||||
<a class="button button-amazon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/amazon.svg" alt="">Amazon Wishlist</a><br>
|
||||
|
||||
<!-- Amazon Music -->
|
||||
<a class="button button-amazon-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/amazon-music.svg" alt="">Listen on Amazon Music</a><br>
|
||||
|
||||
<!-- Apple App Store -->
|
||||
<a class="button button-appstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/apple.svg" alt="">Apple App Store</a><br>
|
||||
|
||||
<!-- Apple Music -->
|
||||
<a class="button button-apple-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/apple-music.svg" alt="">Listen on Apple Music</a><br>
|
||||
|
||||
<!-- Apple Music Alternate -->
|
||||
<a class="button button-apple-music-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/apple-music-alt.svg" alt="">Listen on Apple Music</a><br>
|
||||
|
||||
<!-- Apple Podcasts -->
|
||||
<a class="button button-apple-podcasts" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/apple-podcasts.svg" alt="">Listen on Apple Podcasts</a><br>
|
||||
|
||||
<!-- Apple Podcasts Alternate -->
|
||||
<a class="button button-apple-podcasts-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/apple-podcasts-alt.svg" alt="">Listen on Apple Podcasts</a><br>
|
||||
|
||||
<!-- Bandcamp -->
|
||||
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/bandcamp.svg" alt="">Bandcamp</a><br>
|
||||
|
||||
<!-- Behance -->
|
||||
<a class="button button-behance" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/behance.svg" alt="">Behance</a><br>
|
||||
|
||||
<!-- Bluesky -->
|
||||
<a class="button button-bluesky" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/bluesky.svg" alt="">Bluesky</a><br>
|
||||
|
||||
<!-- Buy Me A Coffee -->
|
||||
<a class="button button-coffee" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/buy-me-a-coffee.svg" alt="">Buy Me A Coffee</a><br>
|
||||
|
||||
<!-- Cal.com -->
|
||||
<a class="button button-cal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/cal.svg" alt="">Schedule with Cal.com</a><br>
|
||||
|
||||
<!-- Calendly -->
|
||||
<a class="button button-calendly" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/calendly.svg" alt="">Schedule with Calendly</a><br>
|
||||
|
||||
<!-- Cash App -->
|
||||
<a class="button button-cash-app" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/cash-app-dollar.svg" alt="">Cash App</a><br>
|
||||
|
||||
<!-- Clubhouse -->
|
||||
<a class="button button-clubhouse" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/clubhouse.svg" alt="">Clubhouse</a><br>
|
||||
|
||||
<!-- Dev.to -->
|
||||
<a class="button button-dev-to" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/dev-to.svg" alt="">Dev.to</a><br>
|
||||
|
||||
<!-- Discord -->
|
||||
<a class="button button-discord" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/discord.svg" alt="">Discord</a><br>
|
||||
|
||||
<!-- Dribbble -->
|
||||
<a class="button button-dribbble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/dribbble.svg" alt="">Dribbble</a><br>
|
||||
|
||||
<!-- Etsy -->
|
||||
<a class="button button-etsy" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/etsy.svg" alt="">Shop on Etsy</a><br>
|
||||
|
||||
<!-- Facebook -->
|
||||
<a class="button button-faceb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/facebook.svg" alt="">Find us on Facebook</a><br>
|
||||
|
||||
<!-- Facebook Messenger -->
|
||||
<a class="button button-messenger" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/messenger.svg" alt="">Chat on Messenger</a><br>
|
||||
|
||||
<!-- Figma -->
|
||||
<a class="button button-figma" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/figma.svg" alt="">Figma Community</a><br>
|
||||
|
||||
<!-- Fiverr -->
|
||||
<a class="button button-fiverr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/fiverr.svg" alt="">Fiverr Gig</a><br>
|
||||
|
||||
<!-- Flickr -->
|
||||
<a class="button button-flickr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/flickr.svg" alt="">Flickr</a><br>
|
||||
|
||||
<!-- GitHub -->
|
||||
<a class="button button-github" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/github.svg" alt="">GitHub</a><br>
|
||||
|
||||
<!-- GitLab -->
|
||||
<a class="button button-gitlab" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/gitlab.svg" alt="">GitLab</a><br>
|
||||
|
||||
<!-- GoFundMe -->
|
||||
<a class="button button-gofundme" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/gofundme.svg" alt="">GoFundMe</a><br>
|
||||
|
||||
<!-- Goodreads -->
|
||||
<a class="button button-goodreads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/goodreads.svg" alt="">Goodreads</a><br>
|
||||
|
||||
<!-- Google Drive -->
|
||||
<a class="button button-google-black" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/google-drive.svg" alt="">View in Google Drive</a><br>
|
||||
|
||||
<!-- Google Play Store -->
|
||||
<a class="button button-playstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/google-play.svg" alt="">Google Play Store</a><br>
|
||||
|
||||
<!-- Google Podcasts -->
|
||||
<a class="button button-google-podcasts" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/google-podcasts.svg" alt="">Listen on Google Podcasts</a><br>
|
||||
|
||||
<!-- Google Scholar -->
|
||||
<a class="button button-google-scholar" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/google-scholar.svg" alt="">Google Scholar</a><br>
|
||||
|
||||
<!-- Guilded -->
|
||||
<a class="button button-guilded" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/guilded.svg" alt="">Guilded</a><br>
|
||||
|
||||
<!-- Hashnode -->
|
||||
<a class="button button-hashnode" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/hashnode.svg" alt="">Hashnode</a><br>
|
||||
|
||||
<!-- Instagram -->
|
||||
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/instagram.svg" alt="">Instagram</a><br>
|
||||
|
||||
<!-- Kick -->
|
||||
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
|
||||
|
||||
<!-- Kick Alt -->
|
||||
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
|
||||
|
||||
<!-- Kickstarter -->
|
||||
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>
|
||||
|
||||
<!-- Kit -->
|
||||
<a class="button button-kit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kit.svg" alt="">Kit</a><br>
|
||||
|
||||
<!-- Ko-fi -->
|
||||
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/ko-fi.svg" alt="">Ko-fi</a><br>
|
||||
|
||||
<!-- Last.fm -->
|
||||
<a class="button button-last-fm" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/last-fm.svg" alt="">Last.fm</a><br>
|
||||
|
||||
<!-- Letterboxd -->
|
||||
<a class="button button-letterboxd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/letterboxd.svg" alt="">Letterboxd</a><br>
|
||||
|
||||
<!-- Line -->
|
||||
<a class="button button-line" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/line.svg" alt="">Line</a><br>
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a class="button button-linked" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/linkedin.svg" alt="">LinkedIn</a><br>
|
||||
|
||||
<!-- Mailchimp -->
|
||||
<a class="button button-mailchimp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/mailchimp.svg" alt="">Mailchimp</a><br>
|
||||
|
||||
<!-- Mastodon -->
|
||||
<a class="button button-mastodon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/mastodon.svg" alt="">Mastodon</a><br>
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br>
|
||||
|
||||
<!-- NGL -->
|
||||
<a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>
|
||||
|
||||
<!-- Notion -->
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/notion.svg" alt="">Notion</a><br>
|
||||
|
||||
<!-- OnlyFans -->
|
||||
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/onlyfans.svg" alt="">OnlyFans (18+)</a><br>
|
||||
|
||||
<!-- Partiful -->
|
||||
<a class="button button-partiful" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/partiful.svg" alt="">Partiful</a><br>
|
||||
|
||||
<!-- Patreon -->
|
||||
<a class="button button-patreon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/patreon.svg" alt="">Patreon</a><br>
|
||||
|
||||
<!-- PayPal -->
|
||||
<a class="button button-paypal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/paypal.svg" alt="">PayPal</a><br>
|
||||
|
||||
<!-- Pinterest -->
|
||||
<a class="button button-pinterest" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/pinterest.svg" alt="">Pinterest</a><br>
|
||||
|
||||
<!-- Post.news -->
|
||||
<a class="button button-post-news" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/post-news.svg" alt="">Post.news</a><br>
|
||||
|
||||
<!-- Product Hunt -->
|
||||
<a class="button button-product-hunt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/product-hunt.svg" alt="">Product Hunt</a><br>
|
||||
|
||||
<!-- Read.cv -->
|
||||
<a class="button button-read-cv" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/read-cv.svg" alt="">Read.cv</a><br>
|
||||
|
||||
<!-- Redbubble -->
|
||||
<a class="button button-redbubble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/redbubble.svg" alt="">Redbubble</a><br>
|
||||
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/reddit.svg" alt="">Reddit</a><br>
|
||||
|
||||
<!-- Shop -->
|
||||
<a class="button button-shop" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/shop.svg" alt="">Buy with Shop</a><br>
|
||||
|
||||
<!-- Signal -->
|
||||
<a class="button button-signal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/signal.svg" alt="">Signal</a><br>
|
||||
|
||||
<!-- Skoob -->
|
||||
<a class="button button-skoob" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/skoob.svg" alt="">Skoob</a><br>
|
||||
|
||||
<!-- Slack -->
|
||||
<a class="button button-slack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/slack.svg" alt="">Join Slack</a><br>
|
||||
|
||||
<!-- Snapchat -->
|
||||
<a class="button button-snapchat" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/snapchat.svg" alt="">Snapchat</a><br>
|
||||
|
||||
<!-- SoundCloud -->
|
||||
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/soundcloud.svg" alt="">SoundCloud</a><br>
|
||||
|
||||
<!-- Spotify -->
|
||||
<a class="button button-spotify" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/spotify.svg" alt="">Listen on Spotify</a><br>
|
||||
|
||||
<!-- Spotify Alt -->
|
||||
<a class="button button-spotify-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/spotify-alt.svg" alt="">Listen on Spotify</a><br>
|
||||
|
||||
<!-- Square -->
|
||||
<a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/square.svg" alt="">Buy with Square</a><br>
|
||||
|
||||
<!-- Steam Dark -->
|
||||
<a class="button button-steam-dark" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>
|
||||
|
||||
<!-- Steam -->
|
||||
<a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>
|
||||
|
||||
<!-- Strava -->
|
||||
<a class="button button-strava" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/strava.svg" alt="">Strava</a><br>
|
||||
|
||||
<!-- Substack -->
|
||||
<a class="button button-substack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/substack.svg" alt="">Substack</a><br>
|
||||
|
||||
<!-- Telegram -->
|
||||
<a class="button button-telegram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/telegram.svg" alt="">Telegram</a><br>
|
||||
|
||||
<!-- Threads -->
|
||||
<a class="button button-threads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/threads.svg" alt="">Threads</a><br>
|
||||
|
||||
<!-- Threema -->
|
||||
<a class="button button-threema" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/threema.svg" alt="">Threema</a><br>
|
||||
|
||||
<!-- TikTok -->
|
||||
<a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/tiktok.svg" alt="">TikTok</a><br>
|
||||
|
||||
<!-- Trakt -->
|
||||
<a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trakt.svg" alt="">Trakt</a><br>
|
||||
|
||||
<!-- Trello -->
|
||||
<a class="button button-trello" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trello.svg" alt="">Trello</a><br>
|
||||
|
||||
<!-- Tumblr -->
|
||||
<a class="button button-tumb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/tumblr.svg" alt="">Tumblr</a><br>
|
||||
|
||||
<!-- Twitch -->
|
||||
<a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitch.svg" alt="">Twitch</a><br>
|
||||
|
||||
<!-- Twitter (archiving soon, see 'X') -->
|
||||
<a class="button button-twit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitter.svg" alt="">Twitter</a><br>
|
||||
|
||||
<!-- Unsplash -->
|
||||
<a class="button button-unsplash" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/unsplash.svg" alt="">Unsplash</a><br>
|
||||
|
||||
<!-- Untappd -->
|
||||
<a class="button button-untappd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/untappd.svg" alt="">Untappd</a><br>
|
||||
|
||||
<!-- Upwork -->
|
||||
<a class="button button-upwork" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/upwork.svg" alt="">Upwork</a><br>
|
||||
|
||||
<!-- Venmo -->
|
||||
<a class="button button-venmo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/venmo.svg" alt="">Venmo</a><br>
|
||||
|
||||
<!-- Vimeo -->
|
||||
<a class="button button-vimeo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/vimeo.svg" alt="">Vimeo</a><br>
|
||||
|
||||
<!-- VRChat -->
|
||||
<a class="button button-vrchat" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/vrchat.svg" alt="">VRChat</a><br>
|
||||
|
||||
<!-- VSCO -->
|
||||
<a class="button button-vsco" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/vsco.svg" alt="">VSCO</a><br>
|
||||
|
||||
<!-- WhatsApp -->
|
||||
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/whatsapp.svg" alt="">WhatsApp</a><br>
|
||||
|
||||
<!-- WordPress -->
|
||||
<a class="button button-wordpress" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/wordpress.svg" alt="">WordPress</a><br>
|
||||
|
||||
<!-- X -->
|
||||
<a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/x.svg" alt="">Follow on X</a><br>
|
||||
|
||||
<!-- Xing -->
|
||||
<a class="button button-xing" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/xing.svg" alt="">Xing</a><br>
|
||||
|
||||
<!-- YouTube -->
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/youtube.svg" alt="">YouTube</a><br>
|
||||
|
||||
<!-- YouTube Music -->
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/youtube-music.svg" alt="">Listen on YouTube Music</a><br>
|
||||
|
||||
<!-- Zoom -->
|
||||
<a class="button button-zoom" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/zoom.svg" alt="">Join Zoom Webinar</a><br>
|
||||
|
||||
<!-- Generic Blog -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-blog.svg" alt="">Read our blog</a><br>
|
||||
|
||||
<!-- Generic Calendar -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-calendar.svg" alt="">Event RSVP</a><br>
|
||||
|
||||
<!-- Generic Cloud -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-cloud.svg" alt="">Download File</a><br>
|
||||
|
||||
<!-- Generic Code -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-code.svg" alt="">View the code</a><br>
|
||||
|
||||
<!-- Generic Computer -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-computer.svg" alt="">Homelab Setup</a><br>
|
||||
|
||||
<!-- Generic Email -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-email.svg" alt="">Email Us</a><br>
|
||||
|
||||
<!-- Generic Email Alt -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-email-alt.svg" alt="">Email Us</a><br>
|
||||
|
||||
<!-- Generic Homepage -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-homepage.svg" alt="">Visit Homepage</a><br>
|
||||
|
||||
<!-- Generic Map -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-map.svg" alt="">Get Directions</a><br>
|
||||
|
||||
<!-- Generic Phone -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-phone.svg" alt="">Call Us</a><br>
|
||||
|
||||
<!-- Generic Review -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-review.svg" alt="">Leave us a review</a><br>
|
||||
|
||||
<!-- Generic RSS -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-rss.svg" alt="">RSS Subscribe</a><br>
|
||||
|
||||
<!-- Generic Shopping Bag -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-shopping-bag.svg" alt="">Visit Our Shop</a><br>
|
||||
|
||||
<!-- Generic Shopping Tag -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-shopping-tag.svg" alt="">10% Discount</a><br>
|
||||
|
||||
<!-- Generic SMS -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-sms.svg" alt="">Send us a message</a><br>
|
||||
|
||||
<!-- Generic Website -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-website.svg" alt="">Visit Website</a><br>
|
||||
|
||||
<br>
|
||||
<!--
|
||||
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" role="button">LittleLink</a>.</p>
|
||||
|
||||
<p>Renginio metu vykstantys konkursai:</p>
|
||||
|
||||
|
||||
<a class="button button-apple-music" href="https://bit.ly/ANcosplay" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/crown-icon.svg" alt="">Cosplay konkursas | Registracija iki balandžio 21 dienos.</a><br>
|
||||
<a class="button button-apple-music" href="https://bit.ly/ANfoto" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/camera-icon.svg" alt="">Cosplay foto konkursas | Registracija iki balandžio 28 dienos.</a><br>
|
||||
<a class="button button-apple-music" href="https://bit.ly/ANtshirt" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/t-shirt-design-icon.svg" alt="">Marškinėlių konkursas | Registracija iki balandžio 7 dienos.</a><br>
|
||||
<a class="button button-apple-music" href="https://bit.ly/ANamvs" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/movie-media-player-icon.svg" alt="">AMV konkursas | Registracija iki balandžio 28 dienos.</a><br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<p>Sek naujienas čia!</p>
|
||||
|
||||
<a class="button button-instagram" href="https://www.instagram.com/animenights.info/" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/instagram.svg" alt="">Instagram</a><br>
|
||||
<a class="button button-faceb" href="https://www.facebook.com/AnimeNights/" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/facebook.svg" alt="">Facebook</a><br>
|
||||
<a class="button button-yt" href="https://www.youtube.com/@InfoShow_AnimeNights/videos" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/youtube.svg" alt="">YouTube</a><br>
|
||||
<a class="button button-tiktok" href="https://www.tiktok.com/@infoshow.info" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/tiktok.svg" alt="">TikTok</a><br>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<p>Kiti KTU FSA InfoSA projektai:</p>
|
||||
<a class="button button-apple-music-alt" href="https://www.facebook.com/events/7180826525309940/" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/icon.png" alt="">InfoShow'24 | Hackathon</a><br>
|
||||
|
||||
|
||||
<a class="button button-apple-podcasts-alt" href="https://www.facebook.com/events/340601622023844/" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/icon.png" alt="">InfoShow'24 | Lan Party</a><br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<p>AnimeNights 2024. Naudojant: <a href="https://littlelink.io" target="_blank" rel="noopener" role="button">LittleLink</a>. Dizainas: <a href="https://github.com/linkstackorg/sublime" target="_blank" rel="noopener" role="button">Sublime</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
164
privacy.html
@ -1,164 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<!-- Page Information
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8" />
|
||||
<title>LittleLink Privacy Policy</title>
|
||||
<meta name="description" content="https://littlelink.io" />
|
||||
<meta name="author" content="Seth Cottle" />
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="stylesheet" href="css/normalize.css" />
|
||||
|
||||
<!--
|
||||
Themes:
|
||||
Auto: css/skeleton-auto.css
|
||||
Light: css/skeleton-light.css
|
||||
Dark: css/skeleton-dark.css
|
||||
-->
|
||||
|
||||
<link rel="stylesheet" href="css/skeleton-auto.css" />
|
||||
<link rel="stylesheet" href="css/brands.css" />
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/littlelink.png" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<div class="container-left">
|
||||
<div class="row">
|
||||
<div class="column" style="margin-top: 10%">
|
||||
<p>
|
||||
<a href="index.html">⬅️ Back to main page</a>
|
||||
</p>
|
||||
|
||||
<!--
|
||||
Privacy Policy:
|
||||
We recommend adding a Privacy Policy to your LittleLink. Adding one can help you stay compliant
|
||||
with different privacy legislation and can also help set expectations for your site visitors.
|
||||
|
||||
This is a boilerplate, what is here may not be applicable to you. By default, we give three sections...
|
||||
|
||||
Analytics: where you can add links to analytic services.
|
||||
|
||||
Content From External Platforms: This could be used for CDN services or additional buttons like GitHub hotlinkable buttons.
|
||||
|
||||
Hosting and Backend Infrastructure: For where you host your LittleLink.
|
||||
|
||||
You can remove, edit, and add to these as necessary for your project.
|
||||
-->
|
||||
|
||||
<!-- Page Name -->
|
||||
<h1>🔒 Privacy Overview</h1>
|
||||
|
||||
<!-- Page Information -->
|
||||
<p>
|
||||
<b
|
||||
>Personal Data collected for the following purposes and using the
|
||||
following services:</b
|
||||
>
|
||||
<br />
|
||||
<br />
|
||||
<!-- Start Section -->
|
||||
<b>🧮 Analytics</b>
|
||||
<br />
|
||||
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.
|
||||
<br />
|
||||
<br />
|
||||
<!-- Here you can add any analytics companies you use and what they track -->
|
||||
<b>1.) Example LLC.</b><br />
|
||||
Personal Data:
|
||||
<i
|
||||
>various types of Data as specified in the privacy policy of the
|
||||
service</i
|
||||
><br />
|
||||
<a href="https://example.com/privacy/"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</p>
|
||||
<!-- End Section -->
|
||||
|
||||
<!-- Start Section -->
|
||||
<p>
|
||||
<b>📦 Displaying Content From External Platforms</b>
|
||||
<br />
|
||||
This type of service allows you to view content hosted on external
|
||||
platforms directly from the pages of this website and interact with
|
||||
them.<br /><br />
|
||||
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.
|
||||
<br />
|
||||
<br />
|
||||
<!-- Add any external cdn's and they use and what they track -->
|
||||
<b>1.) Example LLC</b><br />
|
||||
Personal Data:
|
||||
<i
|
||||
>Usage Data; various types of Data as specified in the privacy
|
||||
policy of the service</i
|
||||
>
|
||||
<br />
|
||||
<a href="https://example.com/privacy/"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</p>
|
||||
<!-- End Section -->
|
||||
|
||||
<!-- Start Section -->
|
||||
<p>
|
||||
<b>📁 Hosting and Backend Infrastructure</b>
|
||||
<br />
|
||||
This type of service has the purpose of hosting Data and files that
|
||||
enable this website to exist.
|
||||
<br />
|
||||
<br />
|
||||
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.
|
||||
<br />
|
||||
<br />
|
||||
<!-- Here you can add any hosting companies you use and what they track -->
|
||||
<b>1.) Example LLC.</b><br />
|
||||
Personal Data:
|
||||
<i
|
||||
>various types of Data as specified in the privacy policy of the
|
||||
service</i
|
||||
>
|
||||
<br />
|
||||
<a href="https://example.com/privacy"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</p>
|
||||
<!-- End Section -->
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<!--
|
||||
Footer:
|
||||
This includes a link to the LittleLink repository to make forking LittleLink easier.
|
||||
You can edit or remove anything here to make your own footer.
|
||||
-->
|
||||
<center>
|
||||
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|