Personalisation of Littlelink
Update to files to personalise this project.
181
css/brands-extended.css
Normal file
@ -0,0 +1,181 @@
|
||||
/*
|
||||
* littlelink.io
|
||||
* Skeleton V2.0.4
|
||||
* Copyright 2014, Dave Gamache
|
||||
* www.getskeleton.com
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* 12/29/2014
|
||||
*/
|
||||
|
||||
/*
|
||||
* Built using on:
|
||||
* Skeleton V2.0.4
|
||||
* Copyright 2014, Dave Gamache
|
||||
* www.getskeleton.com
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* 12/29/2014
|
||||
*/
|
||||
|
||||
/* Table of contents
|
||||
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
|
||||
- Buttons
|
||||
- Brand Styles
|
||||
|
||||
*/
|
||||
|
||||
/* Buttons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
.button,
|
||||
button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
height: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
width: 300px;
|
||||
font-weight: 700;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0.1px;
|
||||
white-space: wrap;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:hover,
|
||||
.button:focus {
|
||||
color: #333;
|
||||
border-color: #888;
|
||||
outline: 0;
|
||||
}
|
||||
.button.button-primary {
|
||||
color: #fff;
|
||||
filter: brightness(90%);
|
||||
}
|
||||
.button.button-primary:hover,
|
||||
.button.button-primary:focus {
|
||||
color: #fff;
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Brand Icons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
.icon {
|
||||
padding: 0px 8px 3.5px 0px;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/* Brand Styles (we recommend adding these in alphabetical order)
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
/* Extended (this is great for your own brand color!) */
|
||||
.button.button-extended {
|
||||
color: #ffffff;
|
||||
background-color: #0085ff;
|
||||
}
|
||||
.button.button-extended:hover,
|
||||
.button.button-extended:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Behance */
|
||||
.button.button-behance {
|
||||
color: #1769ff;
|
||||
background-color: #ffff;
|
||||
}
|
||||
.button.button-behance:hover,
|
||||
.button.button-behance:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Codepen */
|
||||
.button.button-codepen {
|
||||
color: #0000;
|
||||
background-color: #ffff;
|
||||
}
|
||||
.button.button-codepen:hover,
|
||||
.button.button-codepen:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Devpost */
|
||||
.button.button-devpost {
|
||||
color: #ffffff;
|
||||
background-color: #003E54;
|
||||
}
|
||||
.button.button-devpost:hover,
|
||||
.button.button-devpost:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Distiller */
|
||||
.button.button-dist {
|
||||
color: #ffffff;
|
||||
background-color: #ed5c47;
|
||||
}
|
||||
.button.button-dist:hover,
|
||||
.button.button-dist:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Hackerearth */
|
||||
.button.button-hackerearth {
|
||||
color: #fff;
|
||||
background-color: #2b3352;
|
||||
}
|
||||
.button.button-hackerearth:hover,
|
||||
.button.button-hackerearth:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Hackerrank */
|
||||
.button.button-hackerrank {
|
||||
color: #0000;
|
||||
background-color: #ffff;
|
||||
}
|
||||
.button.button-hackerrank:hover,
|
||||
.button.button-hackerrank:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Micro.blog */
|
||||
.button.button-microblog {
|
||||
color: #FFFFFF;
|
||||
background-color: #FD9927 }
|
||||
.button.button-microblog:hover,
|
||||
.button.button-microblog:focus {
|
||||
filter: brightness(90%) }
|
||||
|
||||
/* MyAnimeList */
|
||||
.button.button-myanimelist {
|
||||
color: #133a95;
|
||||
background-color: #fff }
|
||||
.button.button-myanimelist:hover,
|
||||
.button.button-myanimelist:focus {
|
||||
filter: brightness(90%) }
|
||||
|
||||
/* osu! */
|
||||
.button.button-osu {
|
||||
color: #ffffff;
|
||||
background-color: #ff8ee6;
|
||||
}
|
||||
.button.button-osu:hover,
|
||||
.button.button-osu:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* SpaceHey */
|
||||
.button.button-spacehey {
|
||||
color: #FFFFFF;
|
||||
background-color: #3234CF;
|
||||
}
|
||||
.button.button-spacehey:hover,
|
||||
.button.button-spacehey:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
BIN
image/brand/favicon/favicon.png
Normal file
After Width: | Height: | Size: 33 KiB |
1
image/brand/favicon/favicon.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 100 100"><text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" font-size="85">🔗</text></svg>
|
After Width: | Height: | Size: 190 B |
BIN
image/brand/logo/logo-dslack-2021.png
Normal file
After Width: | Height: | Size: 26 KiB |
1
images/icons-extended/behance.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="1573" viewBox="0 0 199.859 125.785"><path fill="#1769FF" d="M59.193 0c5.99 0 11.451.528 16.384 1.586 4.933 1.057 9.161 2.791 12.684 5.196 3.523 2.408 6.254 5.609 8.192 9.603 1.938 3.994 2.907 8.926 2.907 14.798 0 6.343-1.439 11.628-4.316 15.855-2.879 4.228-7.135 7.692-12.772 10.394 7.751 2.232 13.535 6.139 17.353 11.715 3.814 5.58 5.727 12.305 5.727 20.172 0 6.342-1.233 11.834-3.701 16.474-2.465 4.641-5.785 8.428-9.952 11.36-4.17 2.938-8.927 5.109-14.27 6.521a64.387 64.387 0 0 1-16.472 2.112H0V0h59.193zM55.67 50.915c4.933 0 8.984-1.174 12.156-3.524 3.171-2.348 4.756-6.166 4.756-11.451 0-2.935-.528-5.344-1.585-7.223-1.057-1.878-2.466-3.349-4.228-4.404-1.762-1.058-3.788-1.789-6.078-2.203a40.436 40.436 0 0 0-7.135-.616H27.659v29.422H55.67zm1.585 53.378c2.7 0 5.285-.265 7.751-.793 2.466-.529 4.638-1.41 6.519-2.644 1.877-1.231 3.375-2.906 4.492-5.021 1.115-2.113 1.673-4.814 1.673-8.104 0-6.457-1.822-11.067-5.461-13.828-3.642-2.76-8.457-4.141-14.446-4.141H27.659v34.529l29.596.002zM140.159 101.651c3.758 3.644 9.161 5.461 16.208 5.461 5.048 0 9.395-1.26 13.035-3.787 3.641-2.522 5.873-5.196 6.695-8.016h22.021c-3.522 10.922-8.927 18.734-16.207 23.43-7.284 4.699-16.093 7.047-26.427 7.047-7.164 0-13.625-1.145-19.379-3.436-5.756-2.289-10.631-5.549-14.621-9.777-3.994-4.227-7.077-9.274-9.25-15.149-2.174-5.871-3.258-12.332-3.258-19.379 0-6.81 1.113-13.152 3.347-19.025 2.229-5.871 5.399-10.951 9.514-15.24 4.108-4.285 9.013-7.662 14.71-10.129 5.695-2.467 12.008-3.699 18.938-3.699 7.752 0 14.504 1.497 20.261 4.492 5.753 2.994 10.481 7.021 14.182 12.067 3.699 5.051 6.369 10.807 8.017 17.264 1.644 6.461 2.229 13.213 1.762 20.26h-65.712c.351 8.102 2.403 13.977 6.164 17.616zm28.275-47.918c-2.994-3.287-7.547-4.933-13.652-4.933-3.994 0-7.311.677-9.953 2.026-2.643 1.353-4.758 3.023-6.344 5.021-1.584 1.998-2.702 4.113-3.346 6.342-.647 2.232-1.029 4.229-1.146 5.99h40.695c-1.174-6.343-3.258-11.157-6.254-14.446zM129.721 6.387h50.846v14.098h-50.846z"/></svg>
|
After Width: | Height: | Size: 2.0 KiB |
7
images/icons-extended/codepen.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><g transform="matrix(1 0 0 -1 0 1008)"><path d="M989,664.5c0-0.6,0.2-1,0.5-1c0.3,0,0.5-0.3,0.5-1v-4.9V358.3v-4.9c0-0.6-0.2-1-0.5-1c-0.3,0-0.5-0.3-0.5-1v-3.9c-0.6,0-1-0.6-1-1.9c-0.6-0.6-1-1.6-1-2.9c-0.6-0.6-1-1.3-1-1.9l-1-1c-0.6-0.6-1-1.3-1-1.9c0-0.6-0.2-1-0.5-1c-0.3,0-0.5-0.3-0.5-1l-1-1c0-1.3-0.3-1.9-1-1.9l-1-1c-1.3-1.3-1.9-2.3-1.9-2.9c-1.3,0-1.9-0.6-1.9-1.9c-0.6,0-1.6-0.6-2.9-1.9c-0.6-0.6-1.3-1-1.9-1v-1L523.3,24.8c-6.5-4.5-14.3-6.8-23.3-6.8c-9.1,0-16.9,2.3-23.3,6.8L28.5,323.3v1l-1.9,1c-1.3,1.3-2.3,1.9-2.9,1.9c0,1.3-0.6,1.9-1.9,1.9c0,0.6-0.6,1.6-1.9,2.9l-1,1c-0.6,0-1,0.3-1,1c0,0.6-0.3,1.3-1,1.9c0,0.6-0.2,1-0.5,1s-0.5,0.3-0.5,1c0,0.6-0.3,1-1,1l-1,1.9c0,0.6-0.3,1.3-1,1.9c0,1.3-0.3,2.3-1,2.9c0,1.3-0.3,1.9-1,1.9v3.9c0,0.6-0.2,1-0.5,1c-0.3,0-0.5,0.3-0.5,1v4.9v299.4v4.9c0,0.6,0.2,1,0.5,1c0.3,0,0.5,0.3,0.5,1v3.9c0.6,0,1,0.6,1,1.9c0.6,0.6,1,1.6,1,2.9c0.6,0.6,1,1.3,1,1.9l1,1c0.6,0.6,1,1.3,1,1.9c0,0.6,0.2,1,0.5,1s0.5,0.3,0.5,1l1,1c0,1.3,0.3,1.9,1,1.9l1,1c1.3,1.3,1.9,2.3,1.9,2.9c1.3,0,1.9,0.6,1.9,1.9c0.6,0,1.6,0.6,2.9,1.9c0.6,0.6,1.3,1,1.9,1v1l448.2,298.5c15.6,9.1,31.1,9.1,46.7,0l448.2-298.5v-1l1.9-1c1.3-1.3,2.3-1.9,2.9-1.9c0-1.3,0.6-1.9,1.9-1.9c0-0.6,0.6-1.6,1.9-2.9l1-1c0.6,0,1-0.3,1-1c0-0.6,0.3-1.3,1-1.9c0-0.6,0.2-1,0.5-1c0.3,0,0.5-0.3,0.5-1c0-0.6,0.3-1,1-1l1-1.9c0-0.6,0.3-1.3,1-1.9c0-1.3,0.3-2.3,1-2.9c0-1.3,0.3-1.9,1-1.9V664.5z M500,408.8L648.8,508L500,607.2L351.2,508L500,408.8z M458.2,681.1v196.4L127.6,657.7l147.8-99.2L458.2,681.1z M199.6,508l-105,70V438L199.6,508z M275.4,457.4l-147.8-99.2l330.6-219.7v196.4L275.4,457.4z M541.8,334.9V138.6l330.6,219.7l-147.8,99.2L541.8,334.9z M800.4,508l105-70v140L800.4,508z M724.6,558.6l147.8,99.2L541.8,877.4V681.1L724.6,558.6z"/></g></g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
3
images/icons-extended/devpost.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.002 1.60999L0 12.004L6.002 22.39H17.998L24 12.004L17.998 1.60999H6.002ZM7.595 5.69398H11.542C15.147 5.69398 17.818 7.38899 17.818 12.004C17.818 16.44 14.608 18.306 11.362 18.306H7.595V5.69398ZM10.112 8.14298V15.857H11.353C13.999 15.857 15.215 14.307 15.215 11.996C15.224 9.42699 14.119 8.14298 11.448 8.14298H10.112Z" fill="white"/>
|
||||
</svg>
|
After Width: | Height: | Size: 448 B |
78
images/icons-extended/distiller.svg
Normal file
@ -0,0 +1,78 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
sodipodi:docname="distiller.svg"
|
||||
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
|
||||
id="svg8"
|
||||
version="1.1"
|
||||
viewBox="0 0 56.807968 72.300644"
|
||||
height="72.300644mm"
|
||||
width="56.807968mm">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
inkscape:pagecheckerboard="true"
|
||||
lock-margins="false"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-height="1369"
|
||||
inkscape:window-width="2560"
|
||||
fit-margin-bottom="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-top="0"
|
||||
inkscape:guide-bbox="true"
|
||||
showguides="true"
|
||||
showgrid="false"
|
||||
inkscape:document-rotation="0"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:cy="97.3452"
|
||||
inkscape:cx="9.832602"
|
||||
inkscape:zoom="1.4"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
borderopacity="1.0"
|
||||
bordercolor="#666666"
|
||||
pagecolor="#ffffff"
|
||||
id="base" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
style="display:inline"
|
||||
transform="translate(-51.443486,-22.530481)"
|
||||
id="layer1"
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Layer 1">
|
||||
<g
|
||||
transform="matrix(1.4460115,0,0,1.4460115,-39.875838,-21.836495)"
|
||||
id="g67">
|
||||
<path
|
||||
id="rect10"
|
||||
style="fill:#ffffff;fill-rule:evenodd;stroke-width:0.146173"
|
||||
d="m 63.152557,30.682312 v 50.000047 h 14.28595 A 25,25 0 0 0 102.43853,55.682336 25,25 0 0 0 77.438507,30.682312 Z" />
|
||||
<path
|
||||
id="path56"
|
||||
style="fill:#ed5c47;fill-opacity:1;stroke-width:0.320223"
|
||||
d="m 82.841549,67.799285 c -0.07198,3.929637 -3.186136,7.116431 -7.116432,7.116431 -3.930296,0 -7.048205,-3.186728 -7.116431,-7.116431 -0.03112,-1.792314 0.07487,-3.446349 2.314645,-5.979125 3.620153,-4.09374 4.801786,-8.658082 4.801786,-8.658082 0,0 1.394593,4.923119 4.74114,8.647542 2.154597,2.397884 2.406891,4.264343 2.375292,5.989665 z"
|
||||
sodipodi:nodetypes="sssscss" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.7 KiB |
1
images/icons-extended/hackerearth.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HackerEarth</title><path d="M18.447 20.936H5.553V19.66h12.894zM20.973 0H9.511v6.51h.104c.986-1.276 2.206-1.4 3.538-1.306 1.967.117 3.89 1.346 4.017 5.169v7.322c0 .089-.05.177-.138.177h-2.29c-.09 0-.253-.082-.253-.177V10.6c0-1.783-.58-3.115-2.341-3.115-1.282 0-2.637.892-2.637 2.77v7.417c0 .089-.008.072-.102.072h-2.29c-.09 0-.29.022-.29-.072V0H3.178c-.843 0-1.581.673-1.581 1.515v20.996c0 .843.738 1.489 1.58 1.489h17.797c.843 0 1.431-.646 1.431-1.489V1.515c0-.842-.588-1.515-1.43-1.515" fill="white"></path></svg>
|
After Width: | Height: | Size: 614 B |
12
images/icons-extended/hackerrank.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M256,0C221,0,49.9,98.1,32.6,128.1c-17.3,30-17.3,226,0,255.9C50,413.9,221.1,512,256,512c34.7,0,205.9-98.1,223.3-128
|
||||
c17.5-30,17.5-226.2,0-256.1v0C461.7,98,290.6,0,256,0z M255.9,39.6c33.4,7,165.8,82.8,189,108.3c10.6,32.3,10.6,183.8,0,216.2
|
||||
c-23,25.4-155.6,101.4-189,108.3C222.5,465.5,90,389.6,67,364.1c-10.5-32.5-10.5-183.8,0-216.2C90,122.4,222.5,46.5,255.9,39.6z
|
||||
M196.9,118.2l-39.4,39.4h19.7v196.9h39.4v-78.8h78.8v78.8h-19.7l39.4,39.4l39.4-39.4h-19.7V177.2h-39.4v59.1h-78.8v-78.8h19.7
|
||||
L196.9,118.2z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 885 B |
3
images/icons-extended/microblog.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg style="width: 24px; height: 24px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 482.79 486.16">
|
||||
<path class="cls-1" d="M495.79,372.06c32-37.64,51.11-85,51.11-136.5C546.9,113,438.82,13.72,305.5,13.72S64.1,113,64.1,235.56,172.18,457.4,305.5,457.4a259.65,259.65,0,0,0,86.2-14.58,7.78,7.78,0,0,1,8.81,2.77c20.17,27.23,51.67,46.38,86.7,54.17a4.79,4.79,0,0,0,4.74-7.65,94.37,94.37,0,0,1,4-120.11ZM420,209.48l-62.17,47.19,22.56,74.72a7.06,7.06,0,0,1-10.79,7.84L305.5,294.68l-64.09,44.55a7.06,7.06,0,0,1-10.79-7.84l22.56-74.72L191,209.48a7.06,7.06,0,0,1,4.12-12.68l78-1.63,25.67-73.71a7.06,7.06,0,0,1,13.33,0l25.67,73.71,78,1.63A7.06,7.06,0,0,1,420,209.48Z" transform="translate(-64.1 -13.72)" />
|
||||
</svg>
|
After Width: | Height: | Size: 722 B |
1
images/icons-extended/myanimelist.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg style="color: rgb(19, 58, 149);" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MyAnimeList</title><path d="M8.273 7.247v8.423l-2.103-.003v-5.216l-2.03 2.404-1.989-2.458-.02 5.285H.001L0 7.247h2.203l1.865 2.545 2.015-2.546 2.19.001zm8.628 2.069l.025 6.335h-2.365l-.008-2.871h-2.8c.07.499.21 1.266.417 1.779.155.381.298.751.583 1.128l-1.705 1.125c-.349-.636-.622-1.337-.878-2.082a9.296 9.296 0 0 1-.507-2.179c-.085-.75-.097-1.471.107-2.212a3.908 3.908 0 0 1 1.161-1.866c.313-.293.749-.5 1.1-.687.351-.187.743-.264 1.107-.359a7.405 7.405 0 0 1 1.191-.183c.398-.034 1.107-.066 2.39-.028l.545 1.749H14.51c-.593.008-.878.001-1.341.209a2.236 2.236 0 0 0-1.278 1.92l2.663.033.038-1.81h2.309zm3.992-2.099v6.627l3.107.032-.43 1.775h-4.807V7.187l2.13.03z" fill="#133a95"></path></svg>
|
After Width: | Height: | Size: 805 B |
1
images/icons-extended/osu.svg
Normal file
After Width: | Height: | Size: 6.0 KiB |
1
images/icons-extended/spacehey.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="659.857 929.539 283.143 266.636" width="377.524" height="355.515"><g fill="#ffffff"><path d="M819 1089.539h124v106.636H819z"/><circle vector-effect="non-scaling-stroke" cx="881" cy="1091.539" r="62"/><circle vector-effect="non-scaling-stroke" cx="881" cy="974.539" r="45"/><path d="M725.17 989.11h85.687v57.688c0 36.047-29.266 65.312-65.313 65.312H725.17c-36.047 0-65.313-27.557-65.313-61.5 0-33.942 29.266-61.5 65.313-61.5Zm-27.36 37.743v11.865q1.524-1.758 2.974-2.783 1.45-1.026 3.208-1.538 1.758-.513 3.779-.513 3.047 0 5.405 1.289 2.359 1.289 3.707 3.75.849 1.435 1.142 3.208.293 1.772.293 4.087v15.322q0 2.402-1.099 3.633-1.098 1.23-2.915 1.23-3.955 0-3.955-4.863v-13.506q0-3.838-1.142-5.903-1.143-2.066-4.336-2.066-2.139 0-3.853 1.216-1.714 1.216-2.563 3.325-.645 1.788-.645 6.358v10.576q0 2.373-1.069 3.618-1.069 1.245-2.974 1.245-3.955 0-3.955-4.863v-34.687q0-2.432 1.04-3.648 1.04-1.216 2.915-1.216 1.905 0 2.974 1.231 1.069 1.23 1.069 3.633Zm35.098 20.712h14.502q-.293-4.101-2.212-6.137-1.919-2.036-5.054-2.036-2.988 0-4.907 2.065t-2.329 6.108Zm34.805 19.834.732-1.787-9.844-24.785q-.908-2.138-.908-3.105 0-1.026.527-1.905.528-.878 1.451-1.406.922-.527 1.919-.527 1.728 0 2.607 1.098.879 1.099 1.553 3.15l6.767 19.687 6.416-18.31q.762-2.227 1.377-3.487.616-1.259 1.304-1.699.688-.439 1.948-.439.908 0 1.743.483.835.484 1.289 1.304.455.82.455 1.728-.118.557-.381 1.582-.264 1.026-.645 2.081l-10.43 27.304q-1.347 3.604-2.636 5.655-1.289 2.05-3.413 3.149-2.124 1.099-5.728 1.099-3.515 0-5.273-.762-1.758-.762-1.758-2.783 0-1.377.835-2.124.835-.747 2.475-.747.645 0 1.26.175.762.176 1.319.176 1.377 0 2.168-.41.791-.41 1.42-1.421.63-1.011 1.451-2.974Zm-19.161-15.293h-15.644q.029 2.725 1.099 4.805 1.069 2.08 2.841 3.135 1.773 1.055 3.911 1.055 1.436 0 2.623-.337 1.186-.337 2.299-1.055 1.114-.718 2.051-1.538.938-.82 2.432-2.227.615-.527 1.758-.527 1.23 0 1.992.674t.762 1.904q0 1.084-.85 2.534-.85 1.451-2.564 2.784-1.713 1.333-4.306 2.211-2.593.879-5.962.879-7.705 0-11.983-4.394-4.277-4.395-4.277-11.924 0-3.545 1.055-6.577 1.054-3.032 3.076-5.2 2.021-2.168 4.98-3.326 2.959-1.157 6.563-1.157 4.687 0 8.042 1.978 3.354 1.977 5.024 5.112t1.67 6.387q0 3.017-1.728 3.911-1.729.893-4.864.893Z" fill-rule="evenodd"/></g></svg>
|
After Width: | Height: | Size: 2.3 KiB |
373
index.html
@ -30,17 +30,53 @@
|
||||
-->
|
||||
<link rel="stylesheet" href="css/skeleton-auto.css">
|
||||
|
||||
<link rel="stylesheet" href="css/brands.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/brands.css">
|
||||
<link rel="stylesheet" href="css/brands-extended.css">
|
||||
<style>
|
||||
|
||||
nav ul {
|
||||
list-style-type: none; /* Remove bullets */
|
||||
padding: 0; /* Remove padding */
|
||||
margin: 0; /* Remove margins */
|
||||
}
|
||||
nav ul li {padding: 1%;}
|
||||
</style>
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/avatar.png">
|
||||
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
<link rel="icon" type="image/png" href="images/avatar.png">-->
|
||||
<link rel="icon" type="image/png" href="image/brand/favicon/favicon.png">
|
||||
|
||||
|
||||
<!-- Matomo -->
|
||||
<script>
|
||||
var _paq = window._paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["setCookieDomain", "*.192.168.2.5"]);
|
||||
_paq.push(["setDomains", ["*.192.168.2.5/littlelink"]]);
|
||||
_paq.push(["setDoNotTrack", true]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://analytics.dslack.uk/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '7']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<noscript><p><img src="https://analytics.dslack.uk/matomo.php?idsite=7&rec=1" style="border:0;" alt="" /></p></noscript>
|
||||
<!-- End Matomo Code -->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Matomo Image Tracker-->
|
||||
<img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.dslack.uk/matomo.php?idsite=7&rec=1" style="border:0" alt="" />
|
||||
<!-- End Matomo -->
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<div class="container">
|
||||
@ -65,15 +101,25 @@
|
||||
|
||||
-->
|
||||
|
||||
<!-- Your Image Here -->
|
||||
<img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
|
||||
<!-- Your Image Here
|
||||
<img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">-->
|
||||
<img src="image/brand/logo/logo-dslack-2021.png" class="">
|
||||
|
||||
<!-- Title -->
|
||||
<h1>LittleLink</h1>
|
||||
<h1>Dale Slack's links</h1>
|
||||
|
||||
<!-- Short Bio -->
|
||||
<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>
|
||||
|
||||
<p>Dale Slack is a website developer based in London, GB</p>
|
||||
<!--
|
||||
<p>The profile links for Dale Slack's project, social and tool links.</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>
|
||||
<!--
|
||||
|
||||
## Breaking down <a> attributes:
|
||||
@ -100,305 +146,30 @@
|
||||
|
||||
-->
|
||||
|
||||
<!-- GitHub -->
|
||||
<a class="button button-github" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
||||
<h2 id="project">Project</h2>
|
||||
<!-- Web -->
|
||||
<a class="button button-web" href="https://www.dslack.uk" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/web.svg" alt="Web Logo">DSlack</a>
|
||||
<br>
|
||||
<a class="button button-web" href="https://www.tubehistory.uk" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/web.svg" alt="Web Logo">Tube History</a>
|
||||
<br>
|
||||
|
||||
<h2>Social</h2>
|
||||
<!-- Twitter -->
|
||||
<a class="button button-twit" href="#" target="_blank" rel="noopener">
|
||||
<a class="button button-twit" href="https://twitter.com/dslackuk" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
|
||||
<br>
|
||||
|
||||
<!-- Instagram -->
|
||||
<a class="button button-instagram" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
|
||||
<h2>Tool</h2>
|
||||
<!-- GitHub -->
|
||||
<a class="button button-github" href="https://github.com/dslackuk" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
||||
<br>
|
||||
|
||||
<!-- Facebook -->
|
||||
<a class="button button-faceb" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon"src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
|
||||
<br>
|
||||
|
||||
<!-- Facebook Messenger -->
|
||||
<a class="button button-messenger" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
|
||||
<br>
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a class="button button-linked" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
||||
<br>
|
||||
|
||||
<!-- YouTube -->
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
|
||||
<br>
|
||||
|
||||
<!-- Discord -->
|
||||
<a class="button button-discord" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
|
||||
<br>
|
||||
|
||||
<!-- Twitch -->
|
||||
<a class="button button-twitch" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
|
||||
<br>
|
||||
|
||||
<!-- ProductHunt -->
|
||||
<a class="button button-producthunt" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
|
||||
<br>
|
||||
|
||||
<!-- Snapchat -->
|
||||
<a class="button button-snapchat" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
|
||||
<br>
|
||||
|
||||
<!-- Spotify -->
|
||||
<a class="button button-spotify" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify</a>
|
||||
<br>
|
||||
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
|
||||
<br>
|
||||
|
||||
<!-- Mastodon -->
|
||||
<a class="button button-mastodon" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
|
||||
<br>
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
|
||||
<br>
|
||||
|
||||
<!-- Pinterest -->
|
||||
<a class="button button-pinterest" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
|
||||
<br>
|
||||
|
||||
<!-- TikTok -->
|
||||
<a class="button button-tiktok" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
|
||||
<br>
|
||||
|
||||
<!-- Email -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
|
||||
<br>
|
||||
|
||||
<!-- Email Alternative -->
|
||||
<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>
|
||||
<br>
|
||||
|
||||
<!-- Blog -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/blog.svg" alt="Blog Icon">Blog</a>
|
||||
<br>
|
||||
|
||||
<!-- SoundCloud -->
|
||||
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
|
||||
<br>
|
||||
|
||||
<!-- Figma -->
|
||||
<a class="button button-figma" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/figma.svg" alt="Figma Logo">Figma</a>
|
||||
<br>
|
||||
|
||||
<!-- Kit -->
|
||||
<a class="button button-kit" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/kit.svg" alt="Kit Logo">Kit</a>
|
||||
<br>
|
||||
|
||||
<!-- Telegram -->
|
||||
<a class="button button-telegram" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
|
||||
<br>
|
||||
|
||||
<!-- LittleLink -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/littlelink.svg" alt="LittleLink Logo">LittleLink</a>
|
||||
<br>
|
||||
|
||||
<!-- Trello -->
|
||||
<a class="button button-trello" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/trello.svg" alt="Trello Logo">Trello</a>
|
||||
<br>
|
||||
|
||||
<!-- Notion -->
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/notion.svg" alt="Notion Logo">Notion</a>
|
||||
<br>
|
||||
|
||||
<!-- Kickstarter -->
|
||||
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a>
|
||||
<br>
|
||||
|
||||
<!-- Etsy -->
|
||||
<a class="button button-etsy" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
|
||||
<br>
|
||||
|
||||
<!-- Tumblr -->
|
||||
<a class="button button-tumb" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
|
||||
<br>
|
||||
|
||||
<!-- Steam -->
|
||||
<a class="button button-steam" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
|
||||
<br>
|
||||
|
||||
<!-- Strava -->
|
||||
<a class="button button-strava" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/strava.svg" alt="Strava Logo">Strava</a>
|
||||
<br>
|
||||
|
||||
<!-- Vimeo -->
|
||||
<a class="button button-vimeo" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
|
||||
<br>
|
||||
|
||||
<!-- PayPal-->
|
||||
<a class="button button-paypal" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
|
||||
<br>
|
||||
|
||||
<!-- WhatsApp -->
|
||||
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
|
||||
<br>
|
||||
|
||||
<!-- Untappd -->
|
||||
<a class="button button-untappd" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/untappd.svg" alt="Untappd Logo">Untappd</a>
|
||||
<br>
|
||||
|
||||
<!-- Wordpress -->
|
||||
<a class="button button-wordpress" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
|
||||
<br>
|
||||
|
||||
<!-- Goodreads -->
|
||||
<a class="button button-goodreads" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
|
||||
<br>
|
||||
|
||||
<!-- Skoob -->
|
||||
<a class="button button-skoob" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/skoob.svg" alt="Skoob Logo">Skoob</a>
|
||||
<br>
|
||||
|
||||
<!-- Gitlab -->
|
||||
<a class="button button-gitlab" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
|
||||
<br>
|
||||
|
||||
<!-- XING -->
|
||||
<a class="button button-xing" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
|
||||
<br>
|
||||
|
||||
<!-- Bandcamp -->
|
||||
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
|
||||
<br>
|
||||
|
||||
<!-- Patreon -->
|
||||
<a class="button button-patreon" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
|
||||
<br>
|
||||
|
||||
<!-- Signal -->
|
||||
<a class="button button-signal" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
|
||||
<br>
|
||||
|
||||
<!-- Apple App Store -->
|
||||
<a class="button button-appstore" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/appstore.svg" alt="Apple App Store Logo">Apple App Store</a>
|
||||
<br>
|
||||
|
||||
<!-- Google Play Store -->
|
||||
<a class="button button-playstore" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/playstore.svg" alt="Google Play Store Logo">Google Play Store</a>
|
||||
<br>
|
||||
|
||||
<!-- Amazon -->
|
||||
<a class="button button-amazon" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/amazon.svg" alt="Amazon Logo">Amazon</a>
|
||||
<br>
|
||||
|
||||
<!-- Venmo -->
|
||||
<a class="button button-venmo" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
|
||||
<br>
|
||||
|
||||
<!-- Cash App Dollar -->
|
||||
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
|
||||
<br>
|
||||
|
||||
<!-- Cash App Pound -->
|
||||
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/cashapp_pound.svg" alt="Cash App Logo">Cash App Pound</a>
|
||||
<br>
|
||||
|
||||
<!-- Cash App BTC -->
|
||||
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
|
||||
<br>
|
||||
|
||||
<!-- dev.to -->
|
||||
<a class="button button-dev-to" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a>
|
||||
<br>
|
||||
|
||||
<!-- OnlyFans -->
|
||||
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/onlyfans.svg" alt="Only Fans Logo">OnlyFans (18+)</a>
|
||||
<br>
|
||||
|
||||
<!-- Web -->
|
||||
<a class="button button-web" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/web.svg" alt="Web Logo">Website</a>
|
||||
<br>
|
||||
|
||||
<!-- Buy Me a Coffee -->
|
||||
<a class="button button-coffee" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee</a>
|
||||
<br>
|
||||
|
||||
<!-- Ko-fi -->
|
||||
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/ko-fi.svg" alt="Ko-fi">Ko-fi</a>
|
||||
<br>
|
||||
|
||||
<!-- VRChat -->
|
||||
<a class="button button-vrchat" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
|
||||
<br>
|
||||
|
||||
<!-- Threema -->
|
||||
<a class="button button-threema" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
|
||||
<br>
|
||||
|
||||
<!-- Flickr -->
|
||||
<a class="button button-flickr" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a>
|
||||
<br>
|
||||
|
||||
<!-- Letterboxd -->
|
||||
<a class="button button-letterboxd" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/letterboxd.svg" alt="Letterboxd Logo">Letterboxd</a>
|
||||
<br>
|
||||
<!-- Codepen -->
|
||||
<a class="button button-behance" href="https://codepen.io/dslackuk" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons-extended/codepen.svg" alt="Codepen Logo">Codepen</a>
|
||||
|
||||
<br>
|
||||
<!--
|
||||
@ -407,7 +178,7 @@
|
||||
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>
|
||||
<p><a href="https://www.dslack.uk/policy/privacy">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
|
||||
|
||||
</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="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<!-- 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/avatar.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 like Fathom or Google Analytics.
|
||||
|
||||
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>
|