website: add social links to docs pages

pull/265/head
Yangshun 3 years ago
parent c09da634d1
commit 0e57a84adf

@ -2,6 +2,7 @@
id: coding-signals id: coding-signals
title: Coding interview signals title: Coding interview signals
keywords: [algorithm, coding, interview, signals, behavior] keywords: [algorithm, coding, interview, signals, behavior]
toc_max_heading_level: 2
--- ---
<head> <head>

@ -49,18 +49,18 @@ module.exports = {
className: 'navbar-icon navbar-icon-telegram', className: 'navbar-icon navbar-icon-telegram',
'aria-label': 'Telegram channel', 'aria-label': 'Telegram channel',
}, },
{
href: 'https://www.facebook.com/techinterviewhandbook',
position: 'right',
className: 'navbar-icon navbar-icon-facebook',
'aria-label': 'Facebook page',
},
{ {
href: 'https://twitter.com/techinterviewhb', href: 'https://twitter.com/techinterviewhb',
position: 'right', position: 'right',
className: 'navbar-icon navbar-icon-twitter', className: 'navbar-icon navbar-icon-twitter',
'aria-label': 'Twitter page', 'aria-label': 'Twitter page',
}, },
{
href: 'https://www.facebook.com/techinterviewhandbook',
position: 'right',
className: 'navbar-icon navbar-icon-facebook',
'aria-label': 'Facebook page',
},
], ],
}, },
footer: { footer: {

@ -22,6 +22,8 @@
'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
'Helvetica Neue', sans-serif; 'Helvetica Neue', sans-serif;
--ifm-font-size-base: 16px; --ifm-font-size-base: 16px;
--ifm-footer-padding-vertical: 3rem;
} }
html[data-theme='dark'] { html[data-theme='dark'] {
@ -34,6 +36,14 @@ html[data-theme='dark'] {
--ifm-color-primary-lightest: rgb(191, 191, 248); --ifm-color-primary-lightest: rgb(191, 191, 248);
} }
.footer__links {
margin-bottom: 3rem;
}
.footer__copyright {
text-align: start;
}
.markdown h1 { .markdown h1 {
margin-top: 1rem; margin-top: 1rem;
} }
@ -98,7 +108,7 @@ div[class^='announcementBar_'] {
} }
.navbar-icon:hover { .navbar-icon:hover {
opacity: 0.6; opacity: 0.8;
} }
.navbar-icon-github:before { .navbar-icon-github:before {

@ -3,7 +3,6 @@ import clsx from 'clsx';
import styles from './styles.module.css'; import styles from './styles.module.css';
function PaginatorNavLink({hasArrow, permalink, title, subLabel, ...rest}) { function PaginatorNavLink({hasArrow, permalink, title, subLabel, ...rest}) {
console.log(rest);
return ( return (
<a className={clsx('pagination-nav__link', styles.root)} href={permalink}> <a className={clsx('pagination-nav__link', styles.root)} href={permalink}>
{subLabel && <div className="pagination-nav__sublabel">{subLabel}</div>} {subLabel && <div className="pagination-nav__sublabel">{subLabel}</div>}

@ -25,6 +25,34 @@ function TOC({className, ...props}) {
linkClassName={LINK_CLASS_NAME} linkClassName={LINK_CLASS_NAME}
linkActiveClassName={LINK_ACTIVE_CLASS_NAME} linkActiveClassName={LINK_ACTIVE_CLASS_NAME}
/> />
<div className="margin--md">
<div className={clsx('padding--md', styles.socialLinksContainer)}>
<div className={styles.socialLinks}>
Follow us
<a
href="https://t.me/techinterviewhandbook"
target="_blank"
rel="noopener noreferrer"
class="navbar-icon navbar-icon-telegram"
aria-label="Telegram channel"
/>
<a
href="https://twitter.com/techinterviewhb"
target="_blank"
rel="noopener noreferrer"
class="navbar-icon navbar-icon-twitter"
aria-label="Twitter"
/>
<a
href="https://www.facebook.com/techinterviewhandbook"
target="_blank"
rel="noopener noreferrer"
class="navbar-icon navbar-icon-facebook"
aria-label="Facebook page"
/>
</div>
</div>
</div>
</div> </div>
); );
} }

@ -21,3 +21,16 @@
padding: 0 0.3rem; padding: 0 0.3rem;
} }
} }
.socialLinksContainer {
background-color: var(--ifm-color-emphasis-100);
border-radius: var(--ifm-global-radius);
}
.socialLinks {
align-items: center;
display: flex;
font-size: 0.9rem;
justify-content: center;
gap: 1rem;
}

@ -1 +1 @@
<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px" height="24px"><path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"/></svg> <svg fill="#444950" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px" height="24px"><path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"/></svg>

Before

Width:  |  Height:  |  Size: 406 B

After

Width:  |  Height:  |  Size: 409 B

@ -1 +1 @@
<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg> <svg fill="#444950" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg>

Before

Width:  |  Height:  |  Size: 735 B

After

Width:  |  Height:  |  Size: 738 B

@ -1 +1 @@
<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18" width="24px" height="24px"><path d="M18.3763847,0.715862633 L0.657316069,7.58408686 C-0.055723353,7.90390989 -0.296898352,8.54445419 0.484943384,8.89205895 L5.03068631,10.3441163 L16.0216017,3.51640121 C16.6217013,3.08775321 17.2360953,3.20206181 16.7074354,3.67356793 L7.26770364,12.2647747 L6.97116516,15.9005651 C7.24582814,16.4619562 7.74872683,16.4645454 8.06949519,16.1855373 L10.6811472,13.7015864 L15.1540014,17.0682547 C16.1928401,17.6864776 16.7581126,17.2875139 16.9816217,16.1544451 L19.9154327,2.19078227 C20.2200387,0.796019408 19.7005663,0.181489627 18.3763847,0.715862633 Z"></path></svg> <svg fill="#444950" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18" width="24px" height="24px"><path d="M18.3763847,0.715862633 L0.657316069,7.58408686 C-0.055723353,7.90390989 -0.296898352,8.54445419 0.484943384,8.89205895 L5.03068631,10.3441163 L16.0216017,3.51640121 C16.6217013,3.08775321 17.2360953,3.20206181 16.7074354,3.67356793 L7.26770364,12.2647747 L6.97116516,15.9005651 C7.24582814,16.4619562 7.74872683,16.4645454 8.06949519,16.1855373 L10.6811472,13.7015864 L15.1540014,17.0682547 C16.1928401,17.6864776 16.7581126,17.2875139 16.9816217,16.1544451 L19.9154327,2.19078227 C20.2200387,0.796019408 19.7005663,0.181489627 18.3763847,0.715862633 Z"></path></svg>

Before

Width:  |  Height:  |  Size: 677 B

After

Width:  |  Height:  |  Size: 680 B

@ -1 +1 @@
<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg> <svg fill="#444950" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Loading…
Cancel
Save