Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GH-2206: Onboarding - Step 1 - Create Account #639

Merged
merged 36 commits into from Dec 7, 2020
Merged
Changes from 1 commit
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
834bb52
Make form
benstrumeyer Dec 1, 2020
3300d83
Add skip and learn more links
benstrumeyer Dec 1, 2020
5911f47
Set arrow up/down depending on expanded state
benstrumeyer Dec 1, 2020
a56094f
Make FAQ
benstrumeyer Dec 1, 2020
f623f22
Make list responsive
benstrumeyer Dec 1, 2020
9d641f9
Adjust padding of FAQContainer to scroll onto nice spot
benstrumeyer Dec 1, 2020
f9ad55e
Make sure promoString checkbox text does not wrap
benstrumeyer Dec 1, 2020
13d10ee
Add privacy policy link
benstrumeyer Dec 1, 2020
11f908c
Make privacy policy link more responsive
benstrumeyer Dec 1, 2020
6cfcdce
Make BrowserLogInForm and style responsively
benstrumeyer Dec 2, 2020
9f024a5
Refactor Create Account form into a component
benstrumeyer Dec 2, 2020
0371513
Create BrowserCreateAccountFormContainer and add handlers
benstrumeyer Dec 2, 2020
7a04bd3
Add error handling to legal consent label
benstrumeyer Dec 2, 2020
31b8e8e
Remove privacy policy link if learn more is not expanded
benstrumeyer Dec 2, 2020
2071175
Add handlers for log in view and replace strings
benstrumeyer Dec 2, 2020
74b0a41
Add handlers for forgot password and throttle it
benstrumeyer Dec 2, 2020
7d9bd47
Lower throttle time in case user enters a wrong email
benstrumeyer Dec 2, 2020
ba6f3c9
Make updates checkbox work
benstrumeyer Dec 2, 2020
c098331
Add signed in view
benstrumeyer Dec 2, 2020
1087c46
Change spacing of title and subtitle for small screens
benstrumeyer Dec 2, 2020
b8c2629
Update create account design for small screens
benstrumeyer Dec 2, 2020
e187609
Center skip link on small screens
benstrumeyer Dec 2, 2020
a6e9257
Decrease spacing for small sreens on already have account/create acco…
benstrumeyer Dec 2, 2020
f715cf7
Decrease width of faqDescription items and privacy policy link
benstrumeyer Dec 2, 2020
8b6838d
Open privacy policy link in new tab
benstrumeyer Dec 2, 2020
817ce0b
Add confirm password functionality
benstrumeyer Dec 4, 2020
dfc6ec9
Update passwords not match string
benstrumeyer Dec 4, 2020
7ff259f
Add global email preferences to user object on account creation success
benstrumeyer Dec 4, 2020
143cce8
Hold input fields in place when error messages appear
benstrumeyer Dec 4, 2020
136ef0d
Merge branch 'ghostery-browser-intro-hub' into GH-2206
benstrumeyer Dec 4, 2020
eda38ca
Rename components
benstrumeyer Dec 4, 2020
91badf5
Add propTypes
benstrumeyer Dec 5, 2020
1b24823
Update comments
benstrumeyer Dec 5, 2020
6ce6eca
Remove newline
benstrumeyer Dec 5, 2020
44518ad
Update confirm password string
benstrumeyer Dec 5, 2020
6ff20ca
Add comments and minor refactors
benstrumeyer Dec 5, 2020
File filter
Filter file types
Jump to
Jump to file
Failed to load files.

Always

Just for now

Make FAQ

  • Loading branch information
benstrumeyer committed Dec 1, 2020
commit a56094f81ed18a3204b48db1f465bdc0b55d3ba5
@@ -1755,6 +1755,39 @@
"hub_browser_we_take_your_privacy_very_seriously": {
"message": "We take your privacy very seriously. Learn more"
},
"hub_browser_private_by_design": {
"message": "Private by design"
},
"hub_browser_private_by_design_description": {
"message": "Privacy is incredibly important to us at Ghostery and we've taken extra care to design our products that limits the amount of personal information collected."
},
"hub_browser_why_do_you_need_my_email": {
"message": "Why do you need my email?"
},
"hub_browser_why_do_you_need_my_email_description": {
"message": "We've found email is the simplest way to create and secure a unique account without sharing your information. It helps sync your custom settings across your devices."
},
"hub_browser_what_do_you_use_my_email_for": {
"message": "What do you use my email for?"
},
"hub_browser_what_do_you_use_my_email_for_description": {
"message": "We never share or sell your personal information. Your email address is used for account management, technical support, product-related communications, and some opt-in features."
},
"hub_browser_how_secure_is_": {
"message": "How secure is"
},
"hub_browser_how_secure_is_ghostery_description": {
"message": "We never share or sell your personal information. Your email address is used for account management, technical support, product-related communications, and some opt-in features."
},
"hub_browser_can_i_remove_my_account": {
"message": "Can I remove my account?"
},
"hub_browser_can_i_remove_my_account_description": {
"message": "We hope you enjoy using Ghostery, but if you do decide to leave we will remove all of your personal information within 90 days from the date of request."
},
"hub_browser_visit_our_privacy_policy": {
"message": "Visit our Privacy Policy for more information"
},
"enable_when_paused": {
"message": "To use this function, Resume Ghostery."
},
@@ -56,9 +56,9 @@ const BrowserCreateAccountView = (props) => {
error: passwordInvalidError || passwordLengthError,
});

const FAQRef = useRef(null);
const faqRef = useRef(null);
const scrollToFAQ = () => {
FAQRef.current.scrollIntoView({ behavior: 'smooth' });
faqRef.current.scrollIntoView({ behavior: 'smooth' });
};

const [expanded, setExpanded] = useState(false);
@@ -69,11 +69,49 @@ const BrowserCreateAccountView = (props) => {
error: passwordInvalidError || passwordLengthError,
});

const handleArrowClick = () => {
scrollToFAQ();
const handleFAQLearnMoreClick = () => {
setTimeout(scrollToFAQ, 1);
setExpanded(!expanded);
};

const faqList = [
{
icon: 'ghosty-shield.svg',
label: t('hub_browser_private_by_design'),
description: t('hub_browser_private_by_design_description'),
},
{
icon: 'ghosty-letter.svg',
label: t('hub_browser_why_do_you_need_my_email'),
description: t('hub_browser_why_do_you_need_my_email_description'),
},
{
icon: 'ghosty-shield-letter.svg',
label: t('hub_browser_what_do_you_use_my_email_for'),
description: t('hub_browser_what_do_you_use_my_email_for_description'),
},
{
icon: 'ghosty-lock.svg',
label: `${t('hub_browser_how_secure_is_')} Ghostery?`,
description: t('hub_browser_how_secure_is_ghostery_description'),
},
{
icon: 'ghosty-box.svg',
label: t('hub_browser_can_i_remove_my_account'),
description: t('hub_browser_can_i_remove_my_account_description'),
}
];

const renderFAQListItem = (icon, label, description) => (
<div className="BrowserCreateAccountView__faqItemContainer">
<img className="BrowserCreateAccountView__faqIcon" src={`/app/images/hub/browser-create-account-view/${icon}`} />
<div className="BrowserCreateAccountView__faqItemTextContainer">
<div className="BrowserCreateAccountView__faqItemLabel">{label}</div>
<div className="BrowserCreateAccountView__faqItemDescription">{ description }</div>
</div>
</div>
);

return (
<div className="BrowserCreateAccountView">
<div className="BrowserCreateAccountView__title">{ t('hub_browser_create_a_ghostery_account') }</div>
@@ -237,12 +275,14 @@ const BrowserCreateAccountView = (props) => {
<div className="BrowserCreateAccountView__skip">{t('hub_browser_skip')}</div>
</div>
</div>
<div className="BrowserCreateAccountView__learnMoreContainer" onClick={handleArrowClick}>
<div className="BrowserCreateAccountView__learnMoreContainer" onClick={handleFAQLearnMoreClick}>
<div className="BrowserCreateAccountView__learnMore">{t('hub_browser_we_take_your_privacy_very_seriously')}</div>
</div>
<div className={arrowClassNames} onClick={handleArrowClick} />
<div ref={FAQRef} className="BrowserCreateAccountView__FAQContainer">
{/* map here */}
<div className={arrowClassNames} onClick={handleFAQLearnMoreClick} />
<div ref={faqRef} className="BrowserCreateAccountView__FAQContainer">
{expanded &&
faqList.map(item => renderFAQListItem(item.icon, item.label, item.description))
}
</div>
</form>
</div>
@@ -177,8 +177,37 @@ $color-create-account-form-error-red: #e74055;
transform: rotate(225deg);
}
}
.BrowserCreateAccountView__FAQContainer {
margin-top: 30px;
}
.BrowserCreateAccountView__faqItemContainer {
margin-bottom: 40px;
display: flex;
justify-content: center;
}
.BrowserCreateAccountView__faqIcon {
margin-right: 48px;
height: 71px;
width: 71px;
}
.BrowserCreateAccountView__faqItemTextContainer {
display: flex;
flex-direction: column;
}
.BrowserCreateAccountView__faqItemLabel {
font-size: 18px;
font-weight: 600;
color: #4a4a4a;
}
.BrowserCreateAccountView__faqItemDescription {
margin-top: 10px;
width: 607px;
font-size: 16px;
color: #4a4a4a;
}
@media only screen and (max-width: 740px) {
.BrowserCreateAccountView {
margin-bottom: 40px;
padding-top: 20px;
}
.BrowserCreateAccountView__header {
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="71"><g fill="none" fill-rule="evenodd"><path d="M0 0h71v71H0z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M18.347 22.814l2.491.242c.27.024.495.213.565.474l.049.19a.646.646 0 01-.252.691l-2.033 1.456.322.739v.022c.132.32.273.626.423.917l.02.038c.145.297.303.588.464.875l.023.039c.064.116.129.229.2.342a16.35 16.35 0 001.004 1.497l.5.646 2.278-1.036a.646.646 0 01.727.126l.138.142a.645.645 0 01.126.723l-1.036 2.304.646.497a17.363 17.363 0 003.72 2.127l.762.322 1.456-2.036a.645.645 0 01.687-.265l.19.052c.261.07.45.296.475.565l.239 2.491.823.1c1.42.177 2.856.177 4.276 0l.823-.103.242-2.491a.647.647 0 01.474-.562l.19-.052a.645.645 0 01.691.252l1.456 2.037.762-.323c.762-.324 1.5-.7 2.21-1.127.515-.31 1.012-.647 1.491-1.01l.665-.474-1.033-2.279a.645.645 0 01.13-.726l.138-.138a.644.644 0 01.723-.126l2.279 1.036.506-.672a17.02 17.02 0 001.236-1.878c.162-.29.323-.58.465-.878l.02-.038c.145-.297.283-.598.413-.9v-.03l.322-.732-2.036-1.456a.644.644 0 01-.252-.69c.016-.065.036-.127.052-.191a.643.643 0 01.561-.471l2.492-.242.103-.823c.133-1.054.167-2.119.103-3.18-.02-.364-.055-.732-.097-1.096v-.088l-.09-.732-1.936-.19-.546-.055a.647.647 0 01-.555-.446v-.029l-.048-.19a.644.644 0 01.252-.69l.119-.085 1.914-1.368-.323-.765c-.323-.763-.7-1.502-1.13-2.21a16.79 16.79 0 00-1.039-1.498l-.497-.646-2.278 1.036a.645.645 0 01-.723-.129l-.142-.138a.646.646 0 01-.126-.727l1.036-2.278-.662-.5a17.487 17.487 0 00-3.708-2.153l-.761-.323-1.456 2.037a.645.645 0 01-.687.245l-.19-.052a.644.644 0 01-.475-.561l-.239-2.492-.823-.103a17.38 17.38 0 00-4.276 0l-.823.1-.242 2.492a.644.644 0 01-.471.564l-.207.052a.644.644 0 01-.69-.252L29.48 3.521l-.762.323a17.572 17.572 0 00-3.701 2.136l-.646.497 1.033 2.279a.645.645 0 01-.126.723c-.045.048-.093.093-.142.142a.647.647 0 01-.723.129L22.13 8.714l-.506.661a17.404 17.404 0 00-2.13 3.705l-.323.762 1.92 1.375.116.083c.22.156.32.431.252.691 0 .061-.035.123-.051.187v.036a.646.646 0 01-.552.439l-.533.051-1.959.19-.093.74v.08a17.4 17.4 0 00-.007 4.277l.084.823zm2.698-4.096a2.718 2.718 0 002.362-2.004c0-.055.03-.11.046-.165.016-.054.022-.093.032-.138.08-.375.08-.762 0-1.136a2.757 2.757 0 00-1.075-1.65l-.671-.477c.309-.642.663-1.262 1.062-1.853l.758.34a2.719 2.719 0 003.05-.559l.122-.12a2.717 2.717 0 00.559-3.05l-.342-.748A13.683 13.683 0 0128.793 6.1l.472.677a2.714 2.714 0 002.904 1.043l.165-.042a2.728 2.728 0 002.01-2.366l.081-.82a15.1 15.1 0 012.127 0l.08.823a2.723 2.723 0 002.008 2.363l.161.045a2.723 2.723 0 002.94-1.046l.481-.671c.639.31 1.254.666 1.843 1.062l-.342.752a2.719 2.719 0 00.558 3.053l.12.122a2.722 2.722 0 003.04.546l.749-.323a15.062 15.062 0 011.055 1.846l-.668.478a2.733 2.733 0 00-1.078 1.662 2.7 2.7 0 000 1.132c0 .049.02.097.032.146l.045.164a2.718 2.718 0 002.385 1.972l.82.08c.05.709.05 1.42 0 2.128l-.82.08a2.723 2.723 0 00-2.365 2.008c0 .055-.03.106-.045.161-.149.549-.12 1.13.08 1.662 0 .023 0 .042.023.061.193.481.519.897.939 1.201l.671.48c0 .036-.035.075-.055.11l-.019.04a15.07 15.07 0 01-.474.874l-.023.035c-.155.268-.323.53-.49.785l-.762-.346a2.711 2.711 0 00-3.05.555l-.12.12a2.717 2.717 0 00-.56 3.053l.341.748c-.213.143-.429.278-.645.41-.387.236-.79.452-1.2.646l-.478-.668a2.719 2.719 0 00-2.905-1.043l-.164.046a2.718 2.718 0 00-2.011 2.362l-.08.82c-.709.05-1.42.05-2.128 0l-.08-.82a2.722 2.722 0 00-2.014-2.356l-.165-.042a2.72 2.72 0 00-2.924 1.04l-.48.674a15.334 15.334 0 01-1.843-1.065l.342-.752a2.722 2.722 0 00-.558-3.05l-.12-.12a2.719 2.719 0 00-3.04-.558l-.749.323c-.142-.213-.277-.43-.41-.645-.025-.042-.048-.088-.077-.133l-.02-.038a15.244 15.244 0 01-.474-.872l-.02-.039a1.322 1.322 0 01-.06-.119l.668-.478c.418-.3.743-.713.936-1.19l.012-.036a2.71 2.71 0 00.081-1.672c-.016-.055-.029-.11-.045-.164a2.718 2.718 0 00-2.362-2.008l-.82-.08c-.05-.71-.05-1.421 0-2.13l.826-.078z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M61.463 31.598l6.055-6.935a1.03 1.03 0 00-.352-1.62l-12.364-5.616v.039a19.926 19.926 0 01.142 2.301l10.095 4.576-5.238 6.016-6.396-2.905-.02.042c-.129.304-.267.604-.41.9l-.019.04c-.148.296-.3.587-.461.877l-.023.039 4.973 2.275-21.945 9.94-21.945-9.94 4.98-2.259a11.807 11.807 0 01-.482-.916l-.025-.052a19.094 19.094 0 01-.414-.897l-.019-.042-6.396 2.904-5.245-6.015 10.095-4.577c0-.384 0-.77.039-1.155.039-.384.061-.774.11-1.158v-.033L3.834 23.043a1.04 1.04 0 00-.584.723c-.07.319.017.652.232.897l6.055 6.935-6.042 6.923a1.033 1.033 0 00.352 1.614l6.045 2.743v13.386c.011.43.248.82.622 1.03l24.55 11.134c.134.06.28.093.426.093h.01c.147 0 .292-.032.426-.093l24.55-11.134c.375-.21.611-.6.623-1.03v-13.38l6.044-2.743a1.034 1.034 0 00.352-1.614l-6.032-6.929zm-.355 9.014l-1.02.462-1.02.464L44.62 48.09l-1.252.568-.878.397-1.18-1.291-1.64-1.879-2.456-2.81 21.839-9.905.745-.339.274.323 1.02 1.168v.016l3.925 4.496-3.909 1.778zM12.09 55.745l-.116-.052V43.826l11.941 5.419 1.259.568 1.249.568 1.978.894a1.028 1.028 0 001.204-.262l3.001-3.437 1.643-1.881.21-.239v20.432l-21.116-9.575-1.253-.568zM9.892 34.338l.016-.016 1.02-1.168.274-.323.745.339 21.84 9.904-2.457 2.811-1.64 1.879-1.151 1.316-.878-.397-1.252-.568-14.436-6.557-1.02-.465-1.02-.462h-.016l-3.924-1.778 3.899-4.515zm26.65 31.55V45.456l.21.239 1.643 1.881 3.001 3.438a1.029 1.029 0 001.204.261l1.978-.894 1.25-.568 1.251-.568 11.941-5.419v11.867l-.116.052-1.252.568-21.11 9.575z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M35.5 29.785a9.928 9.928 0 113.795-19.099 9.926 9.926 0 016.129 9.171c-.005 5.48-4.445 9.92-9.924 9.928zm0-17.996a8.069 8.069 0 10.001 16.135A8.069 8.069 0 0035.5 11.79z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M38.217 14.749c-.948 0-1.717 1.216-1.717 2.717 0 1.5.769 2.72 1.717 2.72.95 0 1.717-1.22 1.717-2.72 0-1.5-.768-2.717-1.717-2.717zM35.5 23.578a5.426 5.426 0 01-4.38-2.31c.53 2.291 2.289 4.344 4.38 4.344 2.091 0 3.85-2.053 4.38-4.344a5.426 5.426 0 01-4.38 2.31zm-2.717-3.391c.948 0 1.717-1.22 1.717-2.721 0-1.5-.769-2.717-1.717-2.717-.95 0-1.717 1.216-1.717 2.717 0 1.5.768 2.72 1.717 2.72z"/></g></svg>
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="71"><g fill="none" fill-rule="evenodd"><path d="M0 0h71v71H0z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M67.753 28.274v-.039a.811.811 0 00-.055-.164v-.02a1.02 1.02 0 00-.08-.135l-.023-.03a.904.904 0 00-.145-.131l-8.714-7.165v-1.82a.896.896 0 00-.897-.897h-.016a.897.897 0 00-.894.897v16.69l-11.65 9.566L35.5 53.06l-9.779-8.033-11.634-9.566V10.815h42.83v1.323a.895.895 0 00.893.897h.016a.895.895 0 00.91-.897V9.91c0-.5-.404-.904-.903-.904H44.63l-8.556-7.035a.902.902 0 00-1.148 0L26.37 9.007H13.18a.903.903 0 00-.903.904v10.676L3.55 27.755a.908.908 0 00-.123.125l-.022.03a.872.872 0 00-.08.135v.02a.835.835 0 00-.056.164v.039a1.17 1.17 0 00-.02.177v34.758l.02.074a.045.045 0 010 .023.16.16 0 01.016.032l.03.068.028.051.04.062.038.048c.014.02.03.038.045.055l.045.042.052.045.052.039a.365.365 0 00.054.032c.02.014.04.026.062.036.05.02.1.037.151.051h.046a.78.78 0 00.174.02h62.767a.78.78 0 00.174-.02h.046c.051-.014.102-.03.151-.051a.385.385 0 00.062-.036.365.365 0 00.054-.032l.052-.039.052-.045.045-.042a.599.599 0 00.045-.055l.039-.048.038-.062.03-.051.029-.071.016-.03a.041.041 0 010-.022l.02-.077V28.452c.015-.059.026-.118.031-.178zM35.5 3.844l6.283 5.163H29.22l6.28-5.163zM58.736 22.93l6.72 5.522-6.72 5.521V22.93zm-46.472 0v11.044l-6.707-5.522 6.707-5.522zm-7.24 7.422l7.24 5.964.903.743.907.745 9.637 7.92-9.624 7.92-.907.745-.903.742-7.24 5.948-.012-30.727zM58.737 62.09H6.658l5.606-4.616.903-.745.907-.742 11.06-9.092 9.779 8.036a.903.903 0 001.149 0l9.778-8.035 11.063 9.09.904.743.904.745 5.618 4.616h-5.593zm7.24-1.01l-7.24-5.948-.903-.743-.904-.745-9.64-7.92 9.64-7.92.904-.745.903-.742 7.24-5.952V61.08z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M37.998 41.987c.411.189.857.291 1.31.3 1.478 0 2.208-1.291 2.792-2.32.064-.11.232-.165.5-.165a7.16 7.16 0 011.85.41c.322.097.506.158.674.203.36.111.731.176 1.107.194.414.015.814-.155 1.09-.465.7-.816.175-2.233-.37-3.495a14.47 14.47 0 01-1.208-5.041V24.85a10.245 10.245 0 00-15.42-9.025 10.246 10.246 0 00-5.07 9.025v6.835a14.513 14.513 0 01-1.203 4.964c-.546 1.262-1.072 2.679-.372 3.495.274.313.676.484 1.091.465.337-.014.671-.07.994-.165.281-.074.478-.135.733-.213a7.058 7.058 0 011.875-.42c.19 0 .455.02.555.2.575 1.014 1.291 2.26 2.763 2.26.453-.01.9-.113 1.313-.3a21.82 21.82 0 012.182-.84v-.041h.49c.796.24 1.573.54 2.324.897zm-2.66-2.666c-.193 0-.645 0-3.043 1.023-.787.323-1.03.178-1.84-1.262-.228-.4-.793-1.068-2.042-1.068a8.653 8.653 0 00-2.482.52c-.184.058-.348.11-.49.145l-.259.068.078-.259c.123-.385.268-.763.432-1.132a16.288 16.288 0 001.35-5.629V24.85a8.458 8.458 0 1116.913 0v6.777c.101 1.97.56 3.904 1.353 5.71.165.369.31.747.432 1.132l.08.261-.264-.07-.455-.133a8.333 8.333 0 00-2.495-.526 2.261 2.261 0 00-2.088 1.107c-.587 1.046-.855 1.388-1.226 1.388a1.591 1.591 0 01-.565-.155c-2.4-1.03-2.86-1.03-3.053-1.03l-.335.01z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M38.385 26.383c1.007 0 1.824-1.291 1.824-2.905 0-1.613-.817-2.885-1.824-2.885-1.007 0-1.823 1.291-1.823 2.885 0 1.595.816 2.905 1.823 2.905zM35.5 29.988a5.76 5.76 0 01-4.65-2.456c.564 2.43 2.433 4.615 4.65 4.615 2.217 0 4.089-2.185 4.654-4.615a5.768 5.768 0 01-4.654 2.456zm-2.888-3.605c1.006 0 1.823-1.291 1.823-2.905 0-1.613-.817-2.885-1.823-2.885-1.007 0-1.824 1.291-1.824 2.885 0 1.595.817 2.905 1.824 2.905zM6.587 67.256H4.215a.99.99 0 000 1.979h2.372a.991.991 0 000-1.979zm18.408 0h-4.602a.991.991 0 000 1.979h4.602a.99.99 0 000-1.979zm-9.204 0h-4.602a.991.991 0 000 1.979h4.602a.991.991 0 000-1.979zm16.179 0H29.6a.991.991 0 10.001 1.979h2.368a.991.991 0 000-1.979zm19.428-52.788h-2.373c-.16 0-.317.04-.458.116a.985.985 0 00.459 1.875h2.372a1 1 0 00.987-1.071.968.968 0 00-.987-.92zm4.327 0a.987.987 0 000 1.975h4.328a.988.988 0 000-1.975h-4.328zm8.655 1.992h2.373a.988.988 0 000-1.976H64.38a.988.988 0 100 1.975z"/></g></svg>
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="71"><g fill="none" fill-rule="evenodd"><path d="M0 0h71v71H0z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M41.66 61.14c0 .562.456 1.017 1.017 1.017h4.267a3.737 3.737 0 003.724-3.743V46.53a1.016 1.016 0 10-2.033 0v11.883a1.7 1.7 0 01-1.7 1.7h-4.258c-.27.001-.53.11-.72.303a1.013 1.013 0 00-.296.724zm9.008-22.974a3.736 3.736 0 00-3.734-3.737h-2.998a1.017 1.017 0 000 2.033h2.998c.94.002 1.701.764 1.701 1.704v4.657a1.016 1.016 0 002.033 0v-4.657zm-10.263-3.737H24.056a3.737 3.737 0 00-3.724 3.737v3.43a1.016 1.016 0 102.033 0v-3.43a1.705 1.705 0 011.691-1.698h16.35a1.017 1.017 0 00-.001-2.033v-.006zM21.339 51.162a1.016 1.016 0 001.016-1.017V44.66a1.017 1.017 0 00-2.033 0v5.486a1.018 1.018 0 001.017 1.017zm-1.007 7.252a3.737 3.737 0 003.724 3.743h3.657a1.019 1.019 0 000-2.036h-3.657a1.702 1.702 0 01-1.701-1.707v-4.809a1.014 1.014 0 00-1.525-.88 1.016 1.016 0 00-.508.88l.01 4.809zm24.63-5.109v-2.498a1.017 1.017 0 00-2.033 0v2.498a1.016 1.016 0 002.033 0zm-8.1-13.367a1.016 1.016 0 100 2.033h2.995a3.079 3.079 0 013.072 3.075v2.36a1.017 1.017 0 002.033-.001v-2.359a5.11 5.11 0 00-5.105-5.108h-2.995z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M31.143 41.97h2.42a1.016 1.016 0 10.001-2.033h-2.42a5.113 5.113 0 00-5.106 5.11v8.258a1.016 1.016 0 002.033 0v-8.259a3.079 3.079 0 013.072-3.075zM24.85 18.654c.561 0 1.017-.456 1.017-1.017v-4.312c.47-4.518 4.698-8.068 9.65-8.068a10.395 10.395 0 013.226.507 1.022 1.022 0 00.646-1.936 12.313 12.313 0 00-3.889-.6 12.132 12.132 0 00-7.92 2.904 10.682 10.682 0 00-3.756 7.045v4.46a1.019 1.019 0 001.026 1.017zM41.019 6.861c.372.239.728.503 1.065.79.274.25.661.33 1.011.21a1.018 1.018 0 00.312-1.752 11.374 11.374 0 00-1.291-.968 1.02 1.02 0 00-1.101 1.714l.004.006zm2.73 2.656a8.434 8.434 0 011.4 3.808v9.014a1.017 1.017 0 002.034 0V13.177a10.47 10.47 0 00-1.746-4.786 1.017 1.017 0 10-1.688 1.136v-.01z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M29.178 10.53a6.432 6.432 0 00-1.343 3.915v11.399a1.017 1.017 0 002.033 0V14.445c.005-.971.33-1.914.927-2.682a1.015 1.015 0 00-.662-1.666 1.014 1.014 0 00-.952.434h-.003zm13.987 3.915c0-3.814-3.437-6.916-7.665-6.916a8.367 8.367 0 00-3.611.813 1.018 1.018 0 10.884 1.83 6.32 6.32 0 012.727-.61c3.105 0 5.632 2.192 5.632 4.883v4.696a1.017 1.017 0 002.033 0v-4.696zm-1.017 6.878c-.561 0-1.016.455-1.016 1.016v3.505a1.017 1.017 0 002.033 0v-3.505c0-.561-.455-1.016-1.017-1.016zm-9.875 33.344c-.562 0-1.017.455-1.017 1.016v8.54a1.51 1.51 0 01-1.513 1.517h-2.84a1.016 1.016 0 100 2.033h2.84a3.55 3.55 0 003.55-3.55v-8.54a1.016 1.016 0 00-1.02-1.016zM23.298 65.74h-4.083a3.053 3.053 0 01-3.053-3.05V50.6a1.018 1.018 0 00-2.033 0v12.09a5.092 5.092 0 005.086 5.083h4.083a1.016 1.016 0 000-2.033z"/><path fill="#4A4A4A" fill-rule="nonzero" d="M15.146 47.877a1.02 1.02 0 001.016-1.02v-12.97a3.053 3.053 0 013.053-3.05h12.16a1.017 1.017 0 00.001-2.034H25.85v-7.442a1.016 1.016 0 00-2.033 0v7.452h-4.602a5.093 5.093 0 00-5.086 5.073v12.961a1.019 1.019 0 001.017 1.03zm36.639-19.064h-4.602v-2.969a1.017 1.017 0 00-2.033 0v2.97H35.5a1.016 1.016 0 100 2.032h16.294a3.053 3.053 0 013.053 3.05v4.273a1.018 1.018 0 002.034 0v-4.283a5.093 5.093 0 00-5.096-5.073zm4.069 11.893c-.561 0-1.016.455-1.016 1.016v14.11a1.016 1.016 0 002.033 0v-14.11c0-.561-.455-1.016-1.017-1.016zm0 17.275c-.561 0-1.016.455-1.016 1.017v3.692a3.053 3.053 0 01-3.053 3.05H41.338a1.52 1.52 0 01-1.517-1.514 1.014 1.014 0 00-1.525-.88 1.016 1.016 0 00-.508.88 3.55 3.55 0 003.55 3.55h10.447a5.094 5.094 0 005.086-5.083v-3.695a1.02 1.02 0 00-1.017-1.017zm-17.127 3.773c.562 0 1.017-.455 1.017-1.017v-1.74a1.019 1.019 0 00-1.525-.88 1.017 1.017 0 00-.508.88v1.74c0 .27.107.528.297.72.191.19.45.297.72.297zm-2.459-15c0 1.152.59 2.084 1.317 2.084.726 0 1.32-.932 1.32-2.084 0-1.153-.59-2.089-1.32-2.089-.73 0-1.317.933-1.317 2.089zm-.768 4.689a4.17 4.17 0 01-3.363-1.775c.407 1.759 1.759 3.337 3.363 3.337s2.956-1.578 3.363-3.337a4.17 4.17 0 01-3.363 1.775zm-2.085-2.605c.726 0 1.317-.932 1.317-2.084 0-1.153-.59-2.089-1.317-2.089-.726 0-1.32.933-1.32 2.089 0 1.155.59 2.084 1.32 2.084z"/></g></svg>
ProTip! Use n and p to navigate between commits in a pull request.