Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Oauth: fix icons, add gitlab & github #410

Browse source 
- replaced the subtle gradient in the twitter and facebook icons with a solid white because the gradients don’t work in all browsers
- updated the google icon
- update license 3rd party info
This commit is contained in:
Felix Niklas 2017-01-11 11:08:27 +01:00
parent b1d3d3d258
commit 844f834fe6
12 changed files with 250 additions and 206 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

333
LICENSE-ICONS-3RD-PARTY.json
View file

@ -1,125 +1,40 @@
{ {
"info.svg": { "twitter-button.svg": {
"author": "Information by Gregor \u010cre\u0161nar from the Noun Project", "author": "Twitter",
"url": "https:\/\/thenounproject.com\/search\/?q=info&i=176431", "url": "twitter.com",
"license": "CC 3.0 Attribution" "license": ""
}, },
"web.svg": { "linkedin-button.svg": {
"author": "Zammad", "author": "Linkedin",
"url": "", "url": "",
"license": "MIT" "license": ""
}, },
"form.svg": { "google-button.svg": {
"author": "Pickin Studio", "author": "Google",
"url": "https:\/\/thenounproject.com\/search\/?q=website&i=16523",
"license": "CC 3.0 Attribution"
},
"draggable.svg": {
"author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": ""
}, },
"radio.svg": { "gitlab-button.svg": {
"author": "Zammad", "author": "Gitlab",
"url": "", "url": "",
"license": "MIT" "license": ""
}, },
"radio-checked.svg": { "github-button.svg": {
"author": "Zammad", "author": "Github",
"url": "", "url": "",
"license": "MIT" "license": ""
}, },
"received-calls.svg": { "facebook-button.svg": {
"author": "Michael Zenaty", "author": "Facebook",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"phone.svg": {
"author": "Michael Zenaty",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"outbound-calls.svg": {
"author": "Michael Zenaty",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"signout.svg": {
"author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": ""
},
"reopening.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"trash.svg": {
"author": "Filip Malinowski",
"url": "https:\/\/thenounproject.com\/term\/trash\/16505\/",
"license": "CC 3.0 Attribution"
},
"email.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
}, },
"email-button.svg": { "email-button.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"paperclip.svg": { "line-right-arrow.svg": {
"author": "Cheesefork",
"url": "https:\/\/thenounproject.com\/search\/?q=attachment&i=197956",
"license": "CC 3.0 Attribution"
},
"cog.svg": {
"author": "Melvin Salas",
"url": "https:\/\/thenounproject.com\/term\/gear\/17369\/",
"license": "CC 3.0 Attribution"
},
"team.svg": {
"author": "R\u00e9my M\u00e9dard",
"url": "https:\/\/thenounproject.com\/catalarem\/uploads\/?i=2554",
"license": "CC 3.0 Attribution"
},
"important.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"note.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"pen.svg": {
"author": "Dmitry Baranovskiy",
"url": "https:\/\/thenounproject.com\/search\/?q=edit&i=5039",
"license": "CC 3.0 Attribution"
},
"package.svg": {
"author": "Michael Wallner",
"url": "https:\/\/thenounproject.com\/search\/?q=package&i=25152",
"license": "CC 3.0 Attribution"
},
"organization.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"eyedropper.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"unmute.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"mute.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
@ -134,20 +49,30 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"web.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"user.svg": { "user.svg": {
"author": "R\u00e9my M\u00e9dard", "author": "R\u00e9my M\u00e9dard",
"url": "https:\/\/thenounproject.com\/search\/?q=user&i=10314", "url": "https:\/\/thenounproject.com\/search\/?q=user&i=10314",
"license": "CC 3.0 Attribution" "license": "CC 3.0 Attribution"
}, },
"unmute.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"twitter.svg": { "twitter.svg": {
"author": "Twitter", "author": "Twitter",
"url": "twitter.com", "url": "twitter.com",
"license": "" "license": ""
}, },
"twitter-button.svg": { "trash.svg": {
"author": "Twitter", "author": "Filip Malinowski",
"url": "twitter.com", "url": "https:\/\/thenounproject.com\/term\/trash\/16505\/",
"license": "" "license": "CC 3.0 Attribution"
}, },
"total-tickets.svg": { "total-tickets.svg": {
"author": "Zammad", "author": "Zammad",
@ -164,6 +89,11 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"team.svg": {
"author": "R\u00e9my M\u00e9dard",
"url": "https:\/\/thenounproject.com\/catalarem\/uploads\/?i=2554",
"license": "CC 3.0 Attribution"
},
"task-state.svg": { "task-state.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
@ -194,6 +124,21 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"small-dot.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"signout.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"searchdetail.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"report.svg": { "report.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
@ -209,11 +154,31 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"reopening.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"reload.svg": { "reload.svg": {
"author": "Anand A Nair", "author": "Anand A Nair",
"url": "https:\/\/thenounproject.com\/anandgrafiti\/uploads\/?i=2149", "url": "https:\/\/thenounproject.com\/anandgrafiti\/uploads\/?i=2149",
"license": "CC 3.0 Attribution" "license": "CC 3.0 Attribution"
}, },
"received-calls.svg": {
"author": "Michael Zenaty",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"radio.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"radio-checked.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"plus.svg": { "plus.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
@ -224,21 +189,61 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"phone.svg": {
"author": "Michael Zenaty",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"person.svg": { "person.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"pen.svg": {
"author": "Dmitry Baranovskiy",
"url": "https:\/\/thenounproject.com\/search\/?q=edit&i=5039",
"license": "CC 3.0 Attribution"
},
"paperclip.svg": {
"author": "Cheesefork",
"url": "https:\/\/thenounproject.com\/search\/?q=attachment&i=197956",
"license": "CC 3.0 Attribution"
},
"package.svg": {
"author": "Michael Wallner",
"url": "https:\/\/thenounproject.com\/search\/?q=package&i=25152",
"license": "CC 3.0 Attribution"
},
"overviews.svg": { "overviews.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"outbound-calls.svg": {
"author": "Michael Zenaty",
"url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
"license": "CC 3.0 Attribution"
},
"organization.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"one-ticket.svg": { "one-ticket.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"note.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"mute.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"mood-supergood.svg": { "mood-supergood.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
@ -324,26 +329,26 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"linkedin-button.svg": {
"author": "Linkedin",
"url": "",
"license": ""
},
"line-right-arrow.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"line-left-arrow.svg": { "line-left-arrow.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"info.svg": {
"author": "Information by Gregor \u010cre\u0161nar from the Noun Project",
"url": "https:\/\/thenounproject.com\/search\/?q=info&i=176431",
"license": "CC 3.0 Attribution"
},
"in-process.svg": { "in-process.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"important.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"help.svg": { "help.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
@ -354,31 +359,41 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"google-button.svg": {
"author": "Google",
"url": "",
"license": ""
},
"full-logo.svg": { "full-logo.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"form.svg": {
"author": "Pickin Studio",
"url": "https:\/\/thenounproject.com\/search\/?q=website&i=16523",
"license": "CC 3.0 Attribution"
},
"facebook.svg": { "facebook.svg": {
"author": "Facebook", "author": "Facebook",
"url": "", "url": "",
"license": "" "license": ""
}, },
"facebook-button.svg": { "eyedropper.svg": {
"author": "Facebook", "author": "Felix Niklas",
"url": "", "url": "",
"license": "" "license": "MIT"
},
"email.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
}, },
"dropdown-list.svg": { "dropdown-list.svg": {
"author": "Zammad", "author": "Zammad",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"draggable.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"download.svg": { "download.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
@ -399,42 +414,17 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"cog.svg": {
"author": "Melvin Salas",
"url": "https:\/\/thenounproject.com\/term\/gear\/17369\/",
"license": "CC 3.0 Attribution"
},
"cloud.svg": { "cloud.svg": {
"author": "Kirill Ulitin", "author": "Kirill Ulitin",
"url": "https:\/\/thenounproject.com\/search\/?q=cloud&i=84976", "url": "https:\/\/thenounproject.com\/search\/?q=cloud&i=84976",
"license": "CC 3.0 Attribution" "license": "CC 3.0 Attribution"
}, },
"small-dot.svg": { "arrow-down.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"checkbox.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"checkbox-checked.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"clock.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"clipboard.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"checkmark.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"chat.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"
@ -454,7 +444,32 @@
"url": "", "url": "",
"license": "MIT" "license": "MIT"
}, },
"arrow-down.svg": { "clock.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"clipboard.svg": {
"author": "Felix Niklas",
"url": "",
"license": "MIT"
},
"checkmark.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"checkbox.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"checkbox-checked.svg": {
"author": "Zammad",
"url": "",
"license": "MIT"
},
"chat.svg": {
"author": "Felix Niklas", "author": "Felix Niklas",
"url": "", "url": "",
"license": "MIT" "license": "MIT"

12
app/assets/stylesheets/svg-dimensions.css
View file

@ -16,14 +16,16 @@
.icon-download { width: 14px; height: 13px; } .icon-download { width: 14px; height: 13px; }
.icon-draggable { width: 16px; height: 16px; } .icon-draggable { width: 16px; height: 16px; }
.icon-dropdown-list { width: 19px; height: 14px; } .icon-dropdown-list { width: 19px; height: 14px; }
.icon-email-button { width: 29px; height: 22px; } .icon-email-button { width: 29px; height: 24px; }
.icon-email { width: 17px; height: 17px; } .icon-email { width: 17px; height: 17px; }
.icon-eyedropper { width: 17px; height: 17px; } .icon-eyedropper { width: 17px; height: 17px; }
.icon-facebook-button { width: 29px; height: 22px; } .icon-facebook-button { width: 29px; height: 24px; }
.icon-facebook { width: 17px; height: 17px; } .icon-facebook { width: 17px; height: 17px; }
.icon-form { width: 17px; height: 17px; } .icon-form { width: 17px; height: 17px; }
.icon-full-logo { width: 175px; height: 50px; } .icon-full-logo { width: 175px; height: 50px; }
.icon-google-button { width: 29px; height: 22px; } .icon-github-button { width: 29px; height: 24px; }
.icon-gitlab-button { width: 29px; height: 24px; }
.icon-google-button { width: 29px; height: 24px; }
.icon-group { width: 24px; height: 24px; } .icon-group { width: 24px; height: 24px; }
.icon-help { width: 16px; height: 16px; } .icon-help { width: 16px; height: 16px; }
.icon-important { width: 16px; height: 16px; } .icon-important { width: 16px; height: 16px; }
@ -31,7 +33,7 @@
.icon-info { width: 5px; height: 11px; } .icon-info { width: 5px; height: 11px; }
.icon-line-left-arrow { width: 34px; height: 7px; } .icon-line-left-arrow { width: 34px; height: 7px; }
.icon-line-right-arrow { width: 34px; height: 7px; } .icon-line-right-arrow { width: 34px; height: 7px; }
.icon-linkedin-button { width: 29px; height: 22px; } .icon-linkedin-button { width: 29px; height: 24px; }
.icon-list { width: 16px; height: 16px; } .icon-list { width: 16px; height: 16px; }
.icon-loading { width: 16px; height: 16px; } .icon-loading { width: 16px; height: 16px; }
.icon-lock-open { width: 16px; height: 16px; } .icon-lock-open { width: 16px; height: 16px; }
@ -84,7 +86,7 @@
.icon-tools { width: 24px; height: 24px; } .icon-tools { width: 24px; height: 24px; }
.icon-total-tickets { width: 48px; height: 83px; } .icon-total-tickets { width: 48px; height: 83px; }
.icon-trash { width: 16px; height: 16px; } .icon-trash { width: 16px; height: 16px; }
.icon-twitter-button { width: 29px; height: 22px; } .icon-twitter-button { width: 29px; height: 24px; }
.icon-twitter { width: 17px; height: 17px; } .icon-twitter { width: 17px; height: 17px; }
.icon-unmute { width: 16px; height: 16px; } .icon-unmute { width: 16px; height: 16px; }
.icon-user { width: 16px; height: 16px; } .icon-user { width: 16px; height: 16px; }

16
app/assets/stylesheets/zammad.scss
View file

@ -2462,8 +2462,7 @@ ol.tabs li {
padding: 0 10px 0 7px; padding: 0 10px 0 7px;
margin-bottom: 10px; margin-bottom: 10px;
color: white !important; color: white !important;
line-height: 22px; line-height: 23px;
text-align: center;
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2479,7 +2478,8 @@ ol.tabs li {
} }
&.auth-provider--google { &.auth-provider--google {
background: #d8543c; background: hsl(0,0%,93%);
color: hsl(0,0%,46%) !important;
} }
&.auth-provider--twitter { &.auth-provider--twitter {
@ -2494,13 +2494,19 @@ ol.tabs li {
background: #006087; background: #006087;
} }
&.auth-provider--github {
background: hsl(0,0%,27%);
}
&.auth-provider--gitlab {
background: hsl(10,78%,53%);
}
.provider-name { .provider-name {
flex: 1; flex: 1;
} }
.provider-icon { .provider-icon {
width: 29px;
height: 22px;
margin-right: 10px; margin-right: 10px;
margin-top: 1px; margin-top: 1px;
} }

BIN
contrib/icon-sprite.sketch
View file

Binary file not shown.

2
public/assets/images/icons.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 59 KiB

6
public/assets/images/icons/email-button.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>email-button</title> <title>email-button</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="email-button" fill="#FFFFFF"> <g id="email-button" fill="#FFFFFF">
<path d="M3.692327,4 L25.3063956,4 L14.4948188,13.2789684 L3.692327,4 Z M26,5.55434383 L26,19 L3,19 L3,5.55530843 L13.9696218,14.9778358 L14.4960016,15.4299778 L15.0225136,14.9779923 L26,5.55434383 Z" id="mail"></path> <path d="M3.692327,5 L25.3063956,5 L14.4948188,14.2789684 L3.692327,5 Z M26,6.55434383 L26,20 L3,20 L3,6.55530843 L13.9696218,15.9778358 L14.4960016,16.4299778 L15.0225136,15.9779923 L26,6.55434383 Z" id="mail"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 742 B

After

Width:  |  Height:  |  Size: 742 B

15
public/assets/images/icons/facebook-button.svg
View file

@ -1,18 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>facebook-button</title> <title>facebook-button</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs> <defs></defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#E6EAF1" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="facebook-button"> <g id="facebook-button">
<polygon id="bar" fill="#778EBA" points="0 17 29 17 29 22 0 22"></polygon> <polygon id="bar" fill="#778EBA" points="0 18 29 18 29 23 0 23"></polygon>
<path d="M17.9191655,22 L17.9191655,11.9437767 L15,11.9437767 L15,7.97364464 L17.9773243,7.97364464 L17.9773243,3.93510204 C17.9773243,1.85079647 19.5752523,0 22.028952,0 L27,0 L27,3.80793996 L23.1369773,3.80793996 C22.0660533,3.80793996 21.9436541,3.84603385 21.9436541,4.84117843 L21.9356322,7.97364464 L25.4873949,7.97364464 L25.1013409,11.9437767 L21.8759692,11.9437767 L21.9768096,22 L17.9191655,22 Z" id="f" fill="url(#linearGradient-1)"></path> <path d="M18,23 L18,13 L15,13 L15,9 L18,9 L18,4.90979004 C18,2.82548447 19.5463004,1 22,1 L27,1 L27,4.80793996 L23.1369773,4.80793996 C22.0660533,4.80793996 22,4.83291939 22,5.82806396 L22,9 L25.5,9 L25,13 L22,13 L22,23 L18,23 Z" id="f" fill="#FFFFFF"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 861 B

12
public/assets/images/icons/github-button.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>github-button</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="github-button" fill="#FFFFFF">
<path d="M14.4973408,1 C8.27015495,1 3.22000003,6.04946255 3.22000003,12.2787255 C3.22000003,17.2617204 6.45129603,21.4886461 10.9330143,22.9800135 C11.4972967,23.0838691 11.7029309,22.7356065 11.7029309,22.4365021 C11.7029309,22.1685545 11.6932377,21.4595665 11.6876988,20.5186341 C8.55056525,21.1999273 7.88865847,19.0064956 7.88865847,19.0064956 C7.37561147,17.7034532 6.63615912,17.3565752 6.63615912,17.3565752 C5.61214224,16.6572804 6.71370468,16.6711278 6.71370468,16.6711278 C7.84573146,16.7507505 8.44117062,17.8336189 8.44117062,17.8336189 C9.44718585,19.5569307 11.0811817,19.0591158 11.7237021,18.7703971 C11.826173,18.0420227 12.1176612,17.5449002 12.4396138,17.2631051 C9.93530748,16.9785406 7.30222013,16.0106058 7.30222013,11.6888253 C7.30222013,10.4577894 7.74187579,9.45038947 8.46332649,8.66247114 C8.34700814,8.37721424 7.95997269,7.2299553 8.57410587,5.67765926 C8.57410587,5.67765926 9.52057719,5.37440071 11.6752361,6.83391903 C12.5746262,6.58328068 13.5397915,6.45865388 14.4987255,6.45380728 C15.4569671,6.45865388 16.4214401,6.58328068 17.3222149,6.83391903 C19.4754891,5.37440071 20.4205757,5.67765926 20.4205757,5.67765926 C21.0360936,7.2299553 20.6490581,8.37721424 20.5334322,8.66247114 C21.2562676,9.45038947 21.6924614,10.4577894 21.6924614,11.6888253 C21.6924614,16.0216837 19.0552198,16.9750788 16.5432974,17.2541043 C16.9476421,17.602367 17.3083675,18.2905839 17.3083675,19.3422956 C17.3083675,20.8502799 17.2945201,22.066776 17.2945201,22.4365021 C17.2945201,22.7383759 17.4980772,23.0894081 18.0699757,22.9793211 C22.5482321,21.4844918 25.7767586,17.2603357 25.7767586,12.2787255 C25.7767586,6.04946255 20.7266037,1 14.4973408,1" id="Fill-50"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

19
public/assets/images/icons/gitlab-button.svg Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>gitlab-button</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="gitlab-button">
<path d="M26.2386159,10.4338119 L24.906109,14.5347407 L22.2652709,22.6625237 C22.129435,23.0806687 21.5378043,23.0806687 21.4019039,22.6625237 L18.5484734,14.0035384 L10.0092424,14.0035384 L7.35065738,22.6625237 C7.2148215,23.0806687 6.62319074,23.0806687 6.48729038,22.6625237 L3.84645235,14.5347407 L2.51400989,10.4338119 C2.39242162,10.0597636 2.52561429,9.64999949 2.84376813,9.41881411 L14.3762807,1.03998942 L25.9088577,9.41881411 C26.2270115,9.64999949 26.3601397,10.0597636 26.2386159,10.4338119" id="path46" fill="#FF998A" transform="translate(14.376299, 12.008061) scale(1, -1) translate(-14.376299, -12.008061) "></path>
<polygon id="path50" fill="#FFFFFF" transform="translate(14.508270, 16.491657) scale(1, -1) translate(-14.508270, -16.491657) " points="19.0333653 22.9761324 9.98317439 22.9761324 14.3763065 10.0071814"></polygon>
<polygon id="path58" fill="#FFC6BD" transform="translate(9.111392, 16.228763) scale(1, -1) translate(-9.111392, -16.228763) " points="14.3763064 9.48141979 9.99158564 22.9761066 3.84647812 22.9761066"></polygon>
<path d="M3.84647812,22.9760873 L3.84647812,22.9760873 L2.51397119,18.8751584 C2.39244739,18.5011101 2.52557559,18.091346 2.8437939,17.8602251 L14.3763064,9.48140045 L3.84647812,22.9760873 L3.84647812,22.9760873 Z" id="path66" fill="#FF998A" transform="translate(8.422894, 16.228744) scale(1, -1) translate(-8.422894, -16.228744) "></path>
<path d="M3.59428061,1.03997329 L11.0167084,1.03997329 L7.35068318,9.68881602 C7.21478282,10.1070255 6.62315206,10.1070255 6.48731617,9.68881602 L3.59428061,1.03997329 Z" id="path74" fill="#FFFFFF" transform="translate(7.305495, 5.521223) scale(1, -1) translate(-7.305495, -5.521223) "></path>
<polygon id="path78" fill="#FFC6BD" transform="translate(19.641221, 16.228763) scale(1, -1) translate(-19.641221, -16.228763) " points="14.3763064 9.48141979 18.7610272 22.9761066 24.9061348 22.9761066"></polygon>
<path d="M24.9061283,22.9760873 L24.9061283,22.9760873 L26.2386352,18.8751584 C26.360159,18.5011101 26.2270309,18.091346 25.9088126,17.8602251 L14.3763,9.48140045 L24.9061283,22.9760873 L24.9061283,22.9760873 Z" id="path82" fill="#FF998A" transform="translate(20.329712, 16.228744) scale(1, -1) translate(-20.329712, -16.228744) "></path>
<path d="M25.0656275,1.03997329 L17.991121,1.03997329 L21.4019233,9.70824842 C21.5378236,10.1264579 22.1294544,10.1264579 22.2652903,9.70824842 L25.0656275,1.03997329 Z" id="path86" fill="#FFFFFF" transform="translate(21.528374, 5.530939) scale(1, -1) translate(-21.528374, -5.530939) "></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

20
public/assets/images/icons/google-button.svg
View file

@ -1,18 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>google-button</title> <title>google-button</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs> <defs></defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FAE7E3" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="google-button"> <g id="google-button">
<polygon id="plus" fill="#FDF4F2" points="24.0555555 8.04444444 24.0555555 5.00000001 22.0444444 5.00000001 22.0444444 8.04444444 19 8.04444444 19 9.95555556 22.0444444 9.95555556 22.0444444 13 24.0555555 13 24.0555555 9.95555556 27 9.95555556 27 8.04444444"></polygon> <g id="logo_googleg_48dp" transform="translate(3.500000, 1.000000)">
<path d="M14.1171842,12.6636942 C13.5107183,12.2277942 12.350971,11.1675267 12.350971,10.5445368 C12.350971,9.81408747 12.5563825,9.45423576 13.6387952,8.595386 C14.7486142,7.71504434 15.5338993,6.4773308 15.5338993,5.03764841 C15.5338993,3.32380642 14.7819902,1.65322379 13.3709734,1.10214919 L15.4983525,1.10214919 L17,0 L10.2903438,0 C7.28216459,0 4.45117649,2.31396223 4.45117649,4.9946646 C4.45117649,7.73378087 6.50176377,9.94469215 9.5620421,9.94469215 C9.77478001,9.94469215 9.98154824,9.94028355 10.1839749,9.92540454 C9.98534713,10.3117078 9.84343141,10.7465057 9.84343141,11.1981113 C9.84343141,11.9591453 10.2466566,12.5766244 10.7565221,13.0803066 C10.3714773,13.0803066 9.99918595,13.0916036 9.59351863,13.0916036 C5.86762027,13.0916036 3,15.5011773 3,17.9997495 C3,20.4605731 6.14358259,22 9.86948095,22 C14.1171842,22 16.4632709,19.5526777 16.4632709,17.0915786 C16.4632709,15.118456 15.8899097,13.9366765 14.1171842,12.6636942 L14.1171842,12.6636942 Z M10.5104592,8.99892878 C8.87768413,8.94839543 7.32589428,7.10339638 7.04423994,4.87886531 C6.76232931,2.65353634 7.85716767,0.950562585 9.48943018,1.00109593 C11.1216927,1.05216121 12.6739951,2.83731814 12.9559057,5.06211518 C13.2373038,7.28744415 12.1424654,9.04972809 10.5104592,8.99892878 L10.5104592,8.99892878 Z M9.28402936,21 C6.79643544,21 5,19.3879579 5,17.4511994 C5,15.5530848 7.22837673,13.9729776 9.71597064,14.0003504 C10.2962607,14.006791 10.8372357,14.1023274 11.3284117,14.2652223 C12.6787524,15.2267583 13.6474751,15.7699202 13.9208457,16.8656365 C13.9722174,17.0878391 14,17.3164824 14,17.5499561 C14,19.4867146 12.7812336,21 9.28402936,21 L9.28402936,21 Z" id="g" fill="url(#linearGradient-1)"></path> <path d="M21.56,11.25 C21.56,10.47 21.49,9.72 21.36,9 L11,9 L11,13.255 L16.92,13.255 C16.665,14.63 15.89,15.795 14.725,16.575 L14.725,19.3350001 L18.28,19.3350001 C20.36,17.42 21.56,14.5999999 21.56,11.25 L21.56,11.25 Z" id="Shape" fill="#4285F4"></path>
<path d="M11,22 C13.97,22 16.46,21.015 18.28,19.3350001 L14.725,16.575 C13.74,17.235 12.48,17.6249999 11,17.6249999 C8.135,17.6249999 5.71,15.69 4.845,13.09 L1.17,13.09 L1.17,15.94 C2.98,19.535 6.7,22 11,22 L11,22 Z" id="Shape" fill="#34A853"></path>
<path d="M4.845,13.09 C4.625,12.43 4.5,11.725 4.5,11 C4.5,10.275 4.625,9.57 4.845,8.91 L4.845,6.06 L1.17,6.06 C0.425,7.545 0,9.225 0,11 C0,12.775 0.425,14.455 1.17,15.94 L4.845,13.09 L4.845,13.09 Z" id="Shape" fill="#FBBC05"></path>
<path d="M11,4.37499999 C12.615,4.37499999 14.065,4.93 15.2049999,6.02000001 L18.36,2.865 C16.455,1.09 13.965,0 11,0 C6.7,0 2.98,2.465 1.17,6.06 L4.845,8.91 C5.71,6.31 8.135,4.37499999 11,4.37499999 L11,4.37499999 Z" id="Shape" fill="#EA4335"></path>
<polygon id="Shape" points="0 0 22 0 22 22 0 22"></polygon>
</g>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

6
public/assets/images/icons/linkedin-button.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>linkedin-button</title> <title>linkedin-button</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="linkedin-button" fill="#FFFFFF"> <g id="linkedin-button" fill="#FFFFFF">
<path d="M10.5123582,3.54161689 C10.5123582,4.64583739 9.61614808,5.54204755 8.51365023,5.54204755 C7.40770708,5.54204755 6.5140809,4.64583739 6.5140809,3.54161689 C6.5140809,2.43868838 7.40770708,1.54204755 8.51365023,1.54204755 C9.61614808,1.54204755 10.5123582,2.43868838 10.5123582,3.54161689 Z M6.99876363,7.0372951 L9.99876363,7.0372951 L9.99876363,18.0372951 L6.99876363,18.0372951 L6.99876363,7.0372951 Z M16.3014006,7.01729103 L16.3014006,8.52362272 L16.3480323,8.52362272 C16.805365,7.65687236 17.9236698,6.7426347 19.5904316,6.7426347 C23.0578608,6.7426347 23.6982978,9.02544807 23.6982978,11.9949023 L23.6982978,18.0420475 L20.275789,18.0420475 L20.275789,12.6806875 C20.275789,11.4019526 20.250548,9.75743715 18.4948009,9.75743715 C16.7116738,9.75743715 16.4395844,11.1499704 16.4395844,12.5887076 L16.4395844,18.0420475 L13.0140809,18.0420475 L13.0140809,7.01729103 L16.3014006,7.01729103 Z" id="Fill-4"></path> <path d="M10.5123582,4.49956934 C10.5123582,5.60378984 9.61614808,6.5 8.51365023,6.5 C7.40770708,6.5 6.5140809,5.60378984 6.5140809,4.49956934 C6.5140809,3.39664083 7.40770708,2.5 8.51365023,2.5 C9.61614808,2.5 10.5123582,3.39664083 10.5123582,4.49956934 Z M6.99876363,7.99524755 L9.99876363,7.99524755 L9.99876363,18.9952476 L6.99876363,18.9952476 L6.99876363,7.99524755 Z M16.3014006,7.97524348 L16.3014006,9.48157517 L16.3480323,9.48157517 C16.805365,8.61482481 17.9236698,7.70058714 19.5904316,7.70058714 C23.0578608,7.70058714 23.6982978,9.98340052 23.6982978,12.9528547 L23.6982978,19 L20.275789,19 L20.275789,13.6386399 C20.275789,12.3599051 20.250548,10.7153896 18.4948009,10.7153896 C16.7116738,10.7153896 16.4395844,12.1079229 16.4395844,13.54666 L16.4395844,19 L13.0140809,19 L13.0140809,7.97524348 L16.3014006,7.97524348 Z" id="Fill-4"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

15
public/assets/images/icons/twitter-button.svg
View file

@ -1,17 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>twitter-button</title> <title>twitter-button</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs> <defs></defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#E9F7FC" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="twitter-button" fill="url(#linearGradient-1)"> <g id="twitter-button" fill="#FFFFFF">
<path d="M24.1721449,4.16251918 C25.188671,3.53766761 25.9695138,2.54822003 26.3370757,1.36915194 C25.3855914,1.94785719 24.3318657,2.36795104 23.2102213,2.59436492 C22.3121358,1.61303769 21.0324498,1 19.6162028,1 C16.8969898,1 14.6922188,3.26055863 14.6922188,6.04888204 C14.6922188,6.444612 14.7357786,6.83000606 14.8197791,7.19952678 C10.7275179,6.98898768 7.09942041,4.97883517 4.67084834,1.92410889 C4.24700628,2.66979412 4.00412472,3.53705345 4.00412472,4.46239352 C4.00412472,6.21413866 4.87340963,7.75952899 6.1946151,8.6649334 C5.38749194,8.63872417 4.62824849,8.41157273 3.96440479,8.03343948 C3.96384504,8.05448004 3.96384504,8.07564401 3.96384504,8.09693282 C3.96384504,10.5431759 5.66113462,12.5837205 7.913665,13.0478671 C7.50050299,13.1632882 7.0655009,13.2249362 6.61645745,13.2249362 C6.29917659,13.2249362 5.99077618,13.1931895 5.69005415,13.1343712 C6.3166968,15.140216 8.13506611,16.5999632 10.2897968,16.6405692 C8.60462863,17.9948625 6.48157845,18.8020738 4.1745661,18.8020738 C3.7771233,18.8020738 3.38520245,18.7780786 3,18.7314416 C5.17909105,20.1641186 7.76726352,21 10.5479176,21 C19.6047223,21 24.5575069,13.3065198 24.5575069,6.63423251 C24.5575069,6.41532625 24.5527071,6.19764974 24.5432277,5.98095903 C25.5051514,5.26923458 26.3398759,4.38007085 27,3.36749057 C26.1171145,3.76912675 25.1680301,4.0404529 24.1721449,4.16251918 Z" id="twitter"></path> <path d="M24.1721449,5.16251918 C25.188671,4.53766761 25.9695138,3.54822003 26.3370757,2.36915194 C25.3855914,2.94785719 24.3318657,3.36795104 23.2102213,3.59436492 C22.3121358,2.61303769 21.0324498,2 19.6162028,2 C16.8969898,2 14.6922188,4.26055863 14.6922188,7.04888204 C14.6922188,7.444612 14.7357786,7.83000606 14.8197791,8.19952678 C10.7275179,7.98898768 7.09942041,5.97883517 4.67084834,2.92410889 C4.24700628,3.66979412 4.00412472,4.53705345 4.00412472,5.46239352 C4.00412472,7.21413866 4.87340963,8.75952899 6.1946151,9.6649334 C5.38749194,9.63872417 4.62824849,9.41157273 3.96440479,9.03343948 C3.96384504,9.05448004 3.96384504,9.07564401 3.96384504,9.09693282 C3.96384504,11.5431759 5.66113462,13.5837205 7.913665,14.0478671 C7.50050299,14.1632882 7.0655009,14.2249362 6.61645745,14.2249362 C6.29917659,14.2249362 5.99077618,14.1931895 5.69005415,14.1343712 C6.3166968,16.140216 8.13506611,17.5999632 10.2897968,17.6405692 C8.60462863,18.9948625 6.48157845,19.8020738 4.1745661,19.8020738 C3.7771233,19.8020738 3.38520245,19.7780786 3,19.7314416 C5.17909105,21.1641186 7.76726352,22 10.5479176,22 C19.6047223,22 24.5575069,14.3065198 24.5575069,7.63423251 C24.5575069,7.41532625 24.5527071,7.19764974 24.5432277,6.98095903 C25.5051514,6.26923458 26.3398759,5.38007085 27,4.36749057 C26.1171145,4.76912675 25.1680301,5.0404529 24.1721449,5.16251918 Z" id="twitter"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB