CS_learn/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2026-04-24 10:32:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

website: add social links to docs pages

Browse Source
This commit is contained in:
Yangshun
2022-02-03 14:35:09 +08:00
parent c09da634d1
commit 0e57a84adf
10 changed files with 63 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/src/theme/PaginatorNavLink/index.js
View File

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

28
website/src/theme/TOC/index.js
View File

@@ -25,6 +25,34 @@ function TOC({className, ...props}) {
linkClassName={LINK_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>
);
}

13
website/src/theme/TOC/styles.module.css
View File

@@ -21,3 +21,16 @@
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;
}