baalajimaestro/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'main' of https://github.com/barning/littlelink

Browse source
This commit is contained in:
Niklas Barning 2021-09-27 11:07:41 +02:00
commit 1ab6a6717e
7 changed files with 153 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
LICENSE.md Normal file
View file

@ -0,0 +1,8 @@
MIT License
Copyright 2019-2021 Seth Cottle
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

4
README.md
View file

@ -23,4 +23,6 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
Check out [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) by [Khashayar Zavosh](https://github.com/khashayarzavosh) which lets you host your own admin portal to manage LittleLink!
Docker? [Techno Tim](https://github.com/timothystewart6) built [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)!
Check out [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) by [Khashayar Zavosh](https://github.com/khashayarzavosh) which lets you host your own admin portal to manage LittleLink!

24
css/brands.css
View file

@ -123,6 +123,14 @@ button:hover,
.button.button-github:focus {
filter: brightness(90%) }
/* Gitlab */
.button.button-gitlab {
color: #ffffff;
background-color: #6151b2 }
.button.button-gitlab:hover,
.button.button-gitlab:focus {
filter: brightness(90%) }
/* Goodreads */
.button.button-goodreads {
color: #333333;
@ -286,6 +294,14 @@ button:hover,
.button.button-vimeo:focus {
filter: brightness(90%) }
/* PayPal */
.button.button-paypal {
color: #FFFFFF;
background-color: #003087 }
.button.button-paypal:hover,
.button.button-paypal:focus {
filter: brightness(90%) }
/* YouTube */
.button.button-youtube {
color: #FFFFFF;
@ -294,6 +310,14 @@ button:hover,
.button.button-youtube:focus {
filter: brightness(90%) }
/* WhatsApp */
.button.button-whatsapp {
color: #FFFFFF;
background-color: #455A64 }
.button.button-whatsapp:hover,
.button.button-whatsapp:focus {
filter: brightness(90%) }
/* Wordpress */
.button.button-wordpress {
color: #FFFFFF;

69
icons/gitlab.svg Normal file
View file

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="120 120 365 330" style="enable-background:new 0 0 586 559;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFAFA;}
.st1{fill:#F0F0F0;}
.st2{fill:#FFFFFF;}
.st3{fill:#E24329;}
.st4{fill:#FCA326;}
.st5{fill:#FC6D26;}
.st6{fill:#8C929D;}
.st7{fill:#2E2E2E;}
.st8{fill:none;stroke:#FCA326;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st9{fill:none;stroke:#FC6D26;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st10{fill:none;stroke:#E24329;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st11{fill:none;stroke:#F0F0F0;stroke-miterlimit:10;}
.st12{fill:#231F20;}
.st13{fill:none;stroke:#231F20;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st14{display:none;}
.st15{display:inline;opacity:0.1;fill:#E828E3;}
.st16{display:inline;}
.st17{opacity:0.1;fill:#E828E3;}
.st18{font-family:'SourceSansPro-Semibold';}
.st19{font-size:24px;}
.st20{display:inline;fill:#DB3B21;}
.st21{display:inline;fill:#FC6D26;}
.st22{display:inline;fill:#2E2E2E;}
.st23{display:inline;fill:#6E49CB;}
.st24{display:inline;fill:#380D75;}
.st25{display:inline;fill:#FCA121;}
.st26{opacity:0.6;fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:12,6;}
.st27{fill:none;stroke:#444444;stroke-width:1.5339;stroke-miterlimit:10;}
</style>
<g id="logo_art">
<g>
<path id="path50_2_" class="st3" d="M293.026,434.983L293.026,434.983l62.199-191.322H230.918L293.026,434.983L293.026,434.983z"
/>
<path id="path66_6_" class="st4" d="M143.798,243.662L143.798,243.662l-18.941,58.126c-1.714,5.278,0.137,11.104,4.661,14.394
l163.509,118.801L143.798,243.662L143.798,243.662z"/>
<path id="path74_2_" class="st3" d="M143.798,243.662h87.12l-37.494-115.224c-1.919-5.895-10.282-5.895-12.27,0L143.798,243.662
L143.798,243.662z"/>
<path id="path82_6_" class="st4" d="M442.346,243.662L442.346,243.662l18.873,58.126c1.714,5.278-0.137,11.104-4.661,14.394
L293.026,434.983L442.346,243.662L442.346,243.662z"/>
<path id="path86_2_" class="st3" d="M442.346,243.662h-87.12l37.425-115.224c1.919-5.895,10.282-5.895,12.27,0L442.346,243.662
L442.346,243.662z"/>
<polygon class="st5" points="293.026,434.983 355.225,243.662 442.346,243.662 "/>
<polygon class="st5" points="293.026,434.983 143.798,243.662 230.918,243.662 "/>
</g>
</g>
<g id="spacing_guides" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="st14">
<path id="path40_18_" sketch:type="MSShapeGroup" class="st15" d="M0,0.5v124h586V0.5H0L0,0.5z"/>
<path id="path40_16_" sketch:type="MSShapeGroup" class="st15" d="M0,435.5v124h586v-124H0L0,435.5z"/>
<path id="path40_15_" sketch:type="MSShapeGroup" class="st15" d="M462.2,560h124V0h-124V560L462.2,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 511.2881 283.3319)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 500.9978)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 65.998)" class="st18 st19">1x</text>
</g>
<path id="path40_5_" sketch:type="MSShapeGroup" class="st15" d="M0,560h124V0H0V560L0,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 51.2881 283.3319)" class="st18 st19">1x</text>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

21
icons/paypal.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<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"
width="50.849px" height="60px" viewBox="0 0 50.849 60" enable-background="new 0 0 50.849 60" xml:space="preserve">
<g>
<path opacity="0.68" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l-0.795,5.039
C12.185,59.231,12.842,60,13.702,60h9.704c1.148,0,2.126-0.835,2.305-1.97l0.096-0.493l1.828-11.592l0.118-0.641
c0.179-1.135,1.157-1.97,2.305-1.97h1.452c9.4,0,16.762-3.82,18.913-14.865c0.899-4.615,0.434-8.468-1.943-11.176
C47.76,16.474,46.866,15.796,45.823,15.244L45.823,15.244"/>
<path opacity="0.7" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l2.892-18.338l-0.09,0.575
c0.205-1.297,1.313-2.252,2.626-2.252h5.472c10.746,0,19.16-4.366,21.619-16.992C45.705,15.962,45.767,15.6,45.823,15.244"/>
<path fill="#FFFFFF" d="M19.112,15.306c0.123-0.78,0.624-1.419,1.298-1.742c0.307-0.147,0.649-0.229,1.008-0.229h14.618
c1.732,0,3.346,0.113,4.822,0.351c0.422,0.068,0.833,0.146,1.231,0.234s0.786,0.188,1.161,0.297
c0.187,0.055,0.372,0.112,0.553,0.172c0.725,0.241,1.399,0.524,2.021,0.854c0.732-4.667-0.005-7.843-2.529-10.72
C40.514,1.357,35.493,0,29.068,0H10.42C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513
l2.892-18.338L19.112,15.306z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

16
icons/whatsapp.svg Normal file
View file

@ -0,0 +1,16 @@
<svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="white"/>
<path d="M6 298.6L26.62 223.31C13.879 201.223 7.1874 176.168 7.22 150.67C7.22 70.5596 72.45 5.38965 152.56 5.38965C171.651 5.38965 190.556 9.15096 208.193 16.4587C225.83 23.7665 241.855 34.4775 255.352 47.98C268.849 61.4824 279.553 77.5116 286.854 95.152C294.154 112.792 297.908 131.698 297.9 150.79C297.9 230.9 232.67 296.08 152.57 296.08H152.5C128.24 296.075 104.368 289.997 83.06 278.4L6 298.6Z" fill="url(#paint0_linear)"/>
<path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="url(#paint1_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115 87.7101C112.18 81.4401 109.21 81.3201 106.53 81.2101C104.34 81.1201 101.83 81.1201 99.3201 81.1201C97.4189 81.1748 95.5494 81.6213 93.8287 82.4318C92.108 83.2422 90.5731 84.3992 89.3201 85.8301C85.8201 89.5901 76.1001 98.6901 76.1001 117.2C76.1001 135.71 89.5801 153.59 91.4601 156.11C93.3401 158.63 117.46 197.81 155.72 212.89C187.49 225.42 193.96 222.89 200.86 222.3C207.76 221.71 223.11 213.2 226.25 204.42C229.39 195.64 229.38 188.1 228.44 186.53C227.5 184.96 224.99 184.02 221.23 182.14C217.47 180.26 198.98 171.14 195.53 169.9C192.08 168.66 189.53 168.02 187.06 171.79C184.59 175.56 177.35 184.02 175.15 186.53C172.95 189.04 170.77 189.36 167 187.48C163.23 185.6 151.13 181.62 136.75 168.81C125.57 158.81 118.02 146.52 115.82 142.76C113.62 139 115.59 136.96 117.48 135.08C119.17 133.4 121.24 130.69 123.12 128.49C124.666 126.59 125.932 124.478 126.88 122.22C127.38 121.182 127.613 120.035 127.557 118.884C127.502 117.733 127.159 116.615 126.56 115.63C125.62 113.75 118.31 95.1501 115 87.7101Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear" x1="151.96" y1="298.6" x2="151.96" y2="5.38965" gradientUnits="userSpaceOnUse">
<stop stop-color="#20B038"/>
<stop offset="1" stop-color="#60D66A"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="151.96" y1="303.86" x2="151.96" y2="0.129883" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9F9"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

13
index.html
View file

@ -190,6 +190,14 @@
<!-- Vimeo -->
<a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
<br>
<!-- PayPal-->
<a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
<!-- WhatsApp -->
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
@ -203,9 +211,12 @@
<a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/skoob.svg" alt="Skoob Logo">Skoob</a>
<br>
<!-- Gitlab -->
<a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<br>
<!-- XING -->
<a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
<br>
<br>
<br>