gkaklas/littlelink-extended
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #19 from sedomu/main

Browse source 
updating deezer logo according to deezerbrand guidelines
This commit is contained in:
Seth Cottle 2024-03-26 07:14:57 -04:00 • committed by GitHub
commit 75f1f97fa2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 17 additions and 324 deletions
Download patch file Download diff file Expand all files Collapse all files

11
css/brands-extended.css
View file

@ -142,17 +142,6 @@ button:hover,
filter: brightness(90%);
}
/* Deezer Alt */
.button.button-deezer-alt {
color: #ffffff;
background-color: #181818;
border: 1px solid #ffffff;
}
.button.button-deezer-alt:hover,
.button.button-deezer-alt:focus {
filter: brightness(90%);
}
/* Devpost */
.button.button-devpost {
color: #ffffff;

92
images/icons-extended/deezer-alt.svg
View file

@ -1,92 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
viewBox="0 0 6.3499999 6.35"
version="1.1"
id="svg1"
inkscape:version="1.3 (0e150ed, 2023-07-21)"
sodipodi:docname="deezer-alt.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="1.5857476"
inkscape:cx="-4.099013"
inkscape:cy="37.837043"
inkscape:window-width="1472"
inkscape:window-height="449"
inkscape:window-x="130"
inkscape:window-y="597"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<path
d="M 6.35,1.1009147 H 4.9770171 v 0.801212 H 6.35 Z"
fill="#ffffff"
id="path1"
style="stroke-width:0.0552942" />
<path
d="M 6.35,2.2167507 H 4.9770171 V 3.0179638 H 6.35 Z"
fill="#ffffff"
id="path2"
style="stroke-width:0.0552942" />
<path
d="M 6.35,3.332035 H 4.9770171 V 4.1332481 H 6.35 Z"
fill="#ffffff"
id="path3"
style="stroke-width:0.0552942" />
<path
d="M 1.3729571,4.4478721 H -1.174514e-8 V 5.2490852 H 1.3729571 Z"
fill="#ffffff"
id="path4"
style="stroke-width:0.0552942" />
<path
d="M 3.0317834,4.4478721 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="#ffffff"
id="path5"
style="stroke-width:0.0552942" />
<path
d="M 4.6911461,4.4478721 H 3.3181908 v 0.8012131 h 1.3729553 z"
fill="#ffffff"
id="path6"
style="stroke-width:0.0552942" />
<path
d="M 6.35,4.4478721 H 4.9770171 V 5.2490852 H 6.35 Z"
fill="#ffffff"
id="path7"
style="stroke-width:0.0552942" />
<path
d="M 4.6911461,3.332035 H 3.3181908 v 0.8012131 h 1.3729553 z"
fill="#ffffff"
id="path8"
style="stroke-width:0.0552942" />
<path
d="M 3.0317834,3.332035 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="#ffffff"
id="path9"
style="stroke-width:0.0552942" />
<path
d="M 3.0317834,2.2167507 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="#ffffff"
id="path10"
style="stroke-width:0.0552942" />
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.7 KiB

234
images/icons-extended/deezer.svg
View file

@ -2,13 +2,11 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
viewBox="0 0 6.3499999 6.35"
width="23.951099"
height="24.000015"
viewBox="0 0 6.3370616 6.350004"
version="1.1"
id="svg1"
sodipodi:docname="deezer.svg"
inkscape:version="1.3 (0e150ed, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -22,225 +20,27 @@
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="9.8333333"
inkscape:cx="11.949153"
inkscape:cy="12"
inkscape:document-units="mm"
inkscape:zoom="8.5433905"
inkscape:cx="22.824662"
inkscape:cy="12.9925"
inkscape:window-width="1472"
inkscape:window-height="449"
inkscape:window-x="0"
inkscape:window-y="371"
inkscape:window-y="43"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
inkscape:current-layer="layer1" />
<defs
id="defs1">
<linearGradient
id="paint0_linear"
x1="104.55"
y1="37.09"
x2="101.32"
y2="18.790001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#2C8C9D"
id="stop10" />
<stop
offset="0.04"
stop-color="#298E9A"
id="stop11" />
<stop
offset="0.39"
stop-color="#129C83"
id="stop12" />
<stop
offset="0.72"
stop-color="#05A475"
id="stop13" />
<stop
offset="1"
stop-color="#00A770"
id="stop14" />
</linearGradient>
<linearGradient
id="paint1_linear"
x1="90.149498"
y1="54.630001"
x2="115.72"
y2="41.599998"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#2839BA"
id="stop15" />
<stop
offset="1"
stop-color="#148CB3"
id="stop16" />
</linearGradient>
<linearGradient
id="paint2_linear"
x1="0.50976598"
y1="68.290001"
x2="25.3398"
y2="68.290001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#F6A500"
id="stop17" />
<stop
offset="1"
stop-color="#F29100"
id="stop18" />
</linearGradient>
<linearGradient
id="paint3_linear"
x1="30.5098"
y1="68.290001"
x2="55.339802"
y2="68.290001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#F29100"
id="stop19" />
<stop
offset="1"
stop-color="#D12F5F"
id="stop20" />
</linearGradient>
<linearGradient
id="paint4_linear"
x1="60.519501"
y1="68.290001"
x2="85.349503"
y2="68.290001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#B4197C"
id="stop21" />
<stop
offset="1"
stop-color="#472EAD"
id="stop22" />
</linearGradient>
<linearGradient
id="paint5_linear"
x1="90.519501"
y1="68.290001"
x2="115.35"
y2="68.290001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#2839BA"
id="stop23" />
<stop
offset="1"
stop-color="#3072B7"
id="stop24" />
</linearGradient>
<linearGradient
id="paint6_linear"
x1="59.539501"
y1="52.029999"
x2="86.319504"
y2="44.200001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#B4197C"
id="stop25" />
<stop
offset="1"
stop-color="#373AAC"
id="stop26" />
</linearGradient>
<linearGradient
id="paint7_linear"
x1="29.639799"
y1="43.279999"
x2="56.219799"
y2="52.950001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#FFCB00"
id="stop27" />
<stop
offset="1"
stop-color="#D12F5F"
id="stop28" />
</linearGradient>
<linearGradient
id="paint8_linear"
x1="32.609798"
y1="18.419901"
x2="53.239799"
y2="37.4599"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.05529421,0,0,0.05529421,-0.02818712,1.0721606)">
<stop
stop-color="#FFCF00"
id="stop29" />
<stop
offset="1"
stop-color="#ED743B"
id="stop30" />
</linearGradient>
</defs>
id="defs1" />
<g
id="layer1">
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-0.00646921)">
<path
d="M 6.35,1.1009147 H 4.9770171 v 0.801212 H 6.35 Z"
fill="#29ab70"
style="fill:#a238ff;fill-opacity:1;stroke-width:0.264583"
d="M 3.0944209,6.3228066 C 2.905892,6.2371689 2.7343653,5.8290571 2.6321779,5.2229919 2.5901912,4.9739714 2.5853546,4.9510823 2.5765916,4.9598505 2.5726228,4.9638193 2.5548428,5.02266 2.5370232,5.0906314 2.4669218,5.3582654 2.3492881,5.5359437 2.2573771,5.5130123 2.1987983,5.4984073 2.1643417,5.4621805 2.1137454,5.3620278 2.0213053,5.1790684 1.9244466,4.7539756 1.8801421,4.3368097 1.8558798,4.1082865 1.8465797,4.0429714 1.8393619,4.0501892 1.8358165,4.0537347 1.8113663,4.1292309 1.784998,4.2179853 1.7042815,4.4896913 1.5925242,4.6745398 1.4940224,4.6992624 1.3118251,4.7449904 1.1412059,4.4181664 1.0386798,3.8270555 1.016984,3.7019711 0.99392554,3.578453 0.98743796,3.5525741 l -0.0118004,-0.047053 -0.0350599,0.078229 C 0.8720029,3.7367691 0.79022283,3.7746125 0.71136113,3.6898162 0.53895863,3.5044385 0.42082482,2.5477951 0.46650248,1.7069467 0.51360098,0.83991766 0.64839823,0.35612706 0.82592571,0.41696266 c 0.0503158,0.017251 0.14375077,0.1934872 0.17382595,0.3278928 0.0106363,0.047535 0.024474,0.086429 0.0307499,0.086429 0.0063,0 0.027697,-0.072345 0.047612,-0.1607687 C 1.1733316,0.24771416 1.3125952,-1.9406847e-6 1.4550681,-1.9406847e-6 c 0.1123024,0 0.2154687,0.1370515006847 0.3041729,0.4040875006847 0.053136,0.1599618 0.15163,0.60437724 0.15163,0.68417554 0,0.096353 0.02703,0.035515 0.080679,-0.18158884 0.1853989,-0.7502631 0.4333108,-0.688557 0.6009376,0.14957424 0.040307,0.2015411 0.1018619,0.6573652 0.1037193,0.7680616 0.00238,0.140753 0.022199,0.1329664 0.075951,-0.029795 0.130855,-0.3962956 0.307639,-0.5891398 0.4757024,-0.5189194 0.1161916,0.048548 0.2444247,0.2521797 0.334502,0.5311669 0.045577,0.1411658 0.069493,0.1627373 0.069524,0.062706 5.83e-5,-0.1776783 0.086529,-0.7587351 0.1508073,-1.01335154 0.068188,-0.2701158 0.1381045,-0.4109112 0.2268431,-0.4567979 0.1297887,-0.067114 0.2504943,0.1338792 0.3465116,0.5770007 0.020082,0.09271 0.040452,0.16858194 0.045249,0.16861104 0.00482,2.39e-5 0.021299,-0.079354 0.036669,-0.17640564 0.076891,-0.4855448 0.2248112,-0.8778981 0.3566795,-0.9460891 0.1782207,-0.092165 0.3317531,0.1200441 0.45271,0.6257343 0.024421,0.1021159 0.047744,0.1890024 0.051821,0.1930796 0.0041,0.00407 0.016219,-0.030022 0.026982,-0.075777 0.048279,-0.205314 0.1365621,-0.3576744 0.2072482,-0.3576744 0.017515,0 0.054949,0.024527 0.083225,0.054512 0.2688008,0.2850119 0.3457787,2.09854544 0.1246691,2.93712114 -0.061434,0.2329868 -0.124968,0.3335178 -0.2107883,0.3335178 -0.052041,0 -0.1052459,-0.058475 -0.1484683,-0.1631764 -0.013891,-0.033674 -0.028316,-0.058185 -0.03203,-0.05447 -0.00373,0.00373 -0.018336,0.080672 -0.032438,0.1710187 -0.082899,0.5301494 -0.2275942,0.9228413 -0.3665111,0.994681 -0.073139,0.03782 -0.1206949,0.03016 -0.1875155,-0.030213 C 4.6848815,4.5616473 4.6409104,4.4636086 4.5203795,4.0640031 4.5079176,4.0227017 4.5013824,4.0550338 4.4765618,4.2804667 4.4065584,4.9164536 4.2841066,5.3697166 4.1523494,5.4805849 4.0925615,5.5308928 4.0588112,5.5314484 4.0013358,5.4829662 3.9262073,5.4197519 3.854664,5.2613274 3.7928573,5.021308 3.7831973,4.983777 3.7723523,4.956006 3.7687533,4.959599 c -0.0036,0.0036 -0.023918,0.1091089 -0.045146,0.234479 -0.108077,0.6379713 -0.2748598,1.0401062 -0.4697334,1.1325807 -0.067278,0.031925 -0.081193,0.031578 -0.1594564,-0.00397 z M 0.13348468,2.6198227 c -0.043897,-0.052165 -0.0780256,-0.1470978 -0.10731236,-0.298495 -0.0295672,-0.1528339 -0.0248444,-0.6973544 0.007382,-0.8523711 0.0726255,-0.3492659 0.20521347,-0.4089903 0.29104166,-0.131109 0.0505804,0.1637612 0.0699109,0.380066 0.0603224,0.6750394 -0.0134938,0.4149778 -0.0862145,0.653505 -0.19924447,0.653505 -0.00717,0 -0.0306414,-0.020955 -0.0521917,-0.046569 z M 6.1125494,2.6506254 C 6.0784525,2.6307023 6.0229614,2.4981011 5.9953469,2.3705693 5.9829379,2.3132923 5.9684414,2.1605589 5.9631153,2.0311618 5.9450443,1.5922022 6.0206649,1.2032223 6.1308638,1.1682471 c 0.075242,-0.023865 0.1364747,0.073573 0.1824831,0.2904252 0.039891,0.1880155 0.04033,0.7204604 7.938e-4,0.9042876 -0.03239,0.1504103 -0.063222,0.2296636 -0.1059789,0.2724229 -0.034049,0.034047 -0.057097,0.037724 -0.095565,0.01524 z"
id="path1"
style="stroke-width:0.0552942" />
<path
d="M 6.35,2.2167507 H 4.9770171 V 3.0179638 H 6.35 Z"
fill="url(#paint0_linear)"
id="path2"
style="fill:url(#paint0_linear);stroke-width:0.0552942" />
<path
d="M 6.35,3.332035 H 4.9770171 V 4.1332481 H 6.35 Z"
fill="url(#paint1_linear)"
id="path3"
style="fill:url(#paint1_linear);stroke-width:0.0552942" />
<path
d="M 1.3729571,4.4478721 H -1.174514e-8 V 5.2490852 H 1.3729571 Z"
fill="url(#paint2_linear)"
id="path4"
style="fill:url(#paint2_linear);stroke-width:0.0552942" />
<path
d="M 3.0317834,4.4478721 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="url(#paint3_linear)"
id="path5"
style="fill:url(#paint3_linear);stroke-width:0.0552942" />
<path
d="M 4.6911461,4.4478721 H 3.3181908 v 0.8012131 h 1.3729553 z"
fill="url(#paint4_linear)"
id="path6"
style="fill:url(#paint4_linear);stroke-width:0.0552942" />
<path
d="M 6.35,4.4478721 H 4.9770171 V 5.2490852 H 6.35 Z"
fill="url(#paint5_linear)"
id="path7"
style="fill:url(#paint5_linear);stroke-width:0.0552942" />
<path
d="M 4.6911461,3.332035 H 3.3181908 v 0.8012131 h 1.3729553 z"
fill="url(#paint6_linear)"
id="path8"
style="fill:url(#paint6_linear);stroke-width:0.0552942" />
<path
d="M 3.0317834,3.332035 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="url(#paint7_linear)"
id="path9"
style="fill:url(#paint7_linear);stroke-width:0.0552942" />
<path
d="M 3.0317834,2.2167507 H 1.6588282 v 0.8012131 h 1.3729552 z"
fill="url(#paint8_linear)"
id="path10"
style="fill:url(#paint8_linear);stroke-width:0.0552942" />
sodipodi:nodetypes="sssssssssssscsssssssssssssssssssscsssssssssssssssssssssssssssssssssssssss" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Before After
Before After

4
preview.html
View file

@ -115,10 +115,6 @@
<!-- Deezer -->
<a class="button button-deezer" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/deezer.svg" alt="Deezer Logo">Listen on Deezer</a>
<br>
<!-- Deezer Alt -->
<a class="button button-deezer-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/deezer-alt.svg" alt="Deezer Alt Logo">Listen on Deezer</a>
<br>
<!-- Devpost -->