diff --git a/docusaurus.footer.config.js b/docusaurus.footer.config.js index 7b54d35a..d1c1bfb9 100644 --- a/docusaurus.footer.config.js +++ b/docusaurus.footer.config.js @@ -6,14 +6,15 @@ module.exports = { { html: `
- + - - - + + + + @@ -21,6 +22,16 @@ module.exports = { + + + + + + + + + +
`, }, @@ -30,7 +41,7 @@ module.exports = { title: 'Projects', items: [ {label: 'go-storage', href: 'https://github.com/beyondstorage/go-storage'}, - {label: 'Data migration', href: 'https://github.com/beyondstorage/dm'}, + {label: 'BeyondTP', href: 'https://github.com/beyondstorage/beyond-tp'}, ], }, { @@ -48,5 +59,5 @@ module.exports = { ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} Beyond Storage.`, + copyright: `Copyright © ${new Date().getFullYear()} BeyondStorage.io`, }; diff --git a/docusaurus.navbar.config.js b/docusaurus.navbar.config.js index 6b76177f..1346b2c1 100644 --- a/docusaurus.navbar.config.js +++ b/docusaurus.navbar.config.js @@ -10,7 +10,7 @@ module.exports = { position: 'left', items: [ {label: 'go-storage', href: 'https://github.com/beyondstorage/go-storage'}, - {label: 'Data migration', href: 'https://github.com/beyondstorage/dm'}, + {label: 'BeyondTP', href: 'https://github.com/beyondstorage/beyond-tp'}, ], }, { @@ -35,16 +35,16 @@ module.exports = { ], }, { - to: 'community/#discussions', + href: 'https://matrix.to/#/#campfire:aos.dev', position: 'right', className: 'navbar__link--matrix', 'aria-label': 'Matrix', }, { - href: 'https://join.slack.com/t/aos-wg/shared_invite/zt-pf4yk96u-7znnJVYpQvY57C3rRrbDPg', + href: 'https://twitter.com/beyond_storage', position: 'right', - className: 'navbar__link--slack', - 'aria-label': 'GitHub repository', + className: 'navbar__link--twitter', + 'aria-label': 'Twitter', }, { href: 'https://github.com/beyondstorage', diff --git a/i18n/en-US/docusaurus-theme-classic/footer.json b/i18n/en-US/docusaurus-theme-classic/footer.json index 43c6c90f..6d18219b 100644 --- a/i18n/en-US/docusaurus-theme-classic/footer.json +++ b/i18n/en-US/docusaurus-theme-classic/footer.json @@ -44,7 +44,11 @@ "description": "The label of footer link with label=Forum linking to https://forum.beyondstorage.io" }, "copyright": { - "message": "Copyright © 2021 Beyond Storage.", + "message": "Copyright © 2021 BeyondStorage.io", "description": "The footer copyright" + }, + "link.item.label.BeyondTP": { + "message": "BeyondTP", + "description": "The label of footer link with label=BeyondTP linking to https://github.com/beyondstorage/dm" } } \ No newline at end of file diff --git a/i18n/en-US/docusaurus-theme-classic/navbar.json b/i18n/en-US/docusaurus-theme-classic/navbar.json index 0b4998f2..c3547948 100644 --- a/i18n/en-US/docusaurus-theme-classic/navbar.json +++ b/i18n/en-US/docusaurus-theme-classic/navbar.json @@ -38,5 +38,9 @@ "item.label.Forum": { "message": "Forum", "description": "Navbar item with label Forum" + }, + "item.label.BeyondTP": { + "message": "BeyondTP", + "description": "Navbar item with label BeyondTP" } } \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index 04dc4e42..2c0a8b2d 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -7,7 +7,7 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #4898F7; + --ifm-color-primary: #2B99FF; --ifm-color-primary-dark: rgb(33, 175, 144); --ifm-color-primary-darker: rgb(31, 165, 136); --ifm-color-primary-darkest: rgb(26, 136, 112); @@ -48,5 +48,7 @@ padding: 0 var(--ifm-pre-padding); } -@import "./fonts.css"; @import "./layout.css"; + +/* Roboto Fonts */ +@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); diff --git a/src/css/layout.css b/src/css/layout.css index aab4bcd6..7599e9e9 100644 --- a/src/css/layout.css +++ b/src/css/layout.css @@ -17,6 +17,7 @@ .navbar__link--github, .navbar__link--slack, + .navbar__link--twitter, .navbar__link--matrix { padding: 0; } @@ -34,14 +35,20 @@ font-size: 1.75rem; } +.navbar__link { + font-weight: var(--ifm-font-weight-normal); +} + .navbar__link--github:hover, .navbar__link--slack:hover, +.navbar__link--twitter:hover, .navbar__link--matrix:hover { opacity: 0.6; } .navbar__link--github:before, .navbar__link--slack:before, +.navbar__link--twitter:before, .navbar__link--matrix:before { display: inline-flex; width: 16px; @@ -54,9 +61,14 @@ no-repeat; } -.navbar__link--slack:before { +/* .navbar__link--slack:before { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6012 7.84982C15.3345 7.5905 15.0026 7.46084 14.6054 7.46084L14.6091 7.46453C14.468 7.46453 14.3207 7.48997 14.1672 7.54085L12.5905 8.08001L11.5812 5.04078L13.0915 4.52131C13.3737 4.4253 13.6109 4.26035 13.8029 4.02647C13.9949 3.79258 14.0909 3.53121 14.0909 3.24234C14.0909 2.86403 13.9547 2.54808 13.6823 2.29451C13.4098 2.04093 13.0812 1.91414 12.6964 1.91414C12.5552 1.91414 12.4174 1.93343 12.2828 1.972L10.7245 2.50131L10.2149 0.952762C10.1189 0.670462 9.94743 0.441094 9.70044 0.264656C9.45344 0.0882187 9.17937 0 8.87822 0C8.49993 0 8.17458 0.137867 7.90214 0.413602C7.62971 0.689337 7.4935 1.01636 7.4935 1.39468C7.4935 1.54239 7.51894 1.69298 7.56981 1.84644L8.08924 3.38514L5.10808 4.39452L4.58866 2.85582C4.49265 2.56696 4.32279 2.33595 4.07908 2.16279C3.83537 1.98964 3.56294 1.90306 3.26179 1.90306C2.87694 1.90306 2.54994 2.03929 2.28079 2.31174C2.01164 2.58419 1.87707 2.91286 1.87707 3.29774C1.87707 3.44545 1.9025 3.59604 1.95338 3.7495L2.46296 5.27835L0.952688 5.78797C0.67041 5.88398 0.441059 6.05385 0.264636 6.29758C0.0882119 6.54131 0 6.81377 0 7.11494C0 7.49982 0.131292 7.82192 0.393876 8.08124C0.656461 8.34057 0.980178 8.47023 1.36503 8.47023C1.50617 8.47023 1.66002 8.44479 1.8266 8.39391L3.32702 7.87444L4.33633 10.8841L2.83591 11.3938C2.55363 11.4898 2.32428 11.6596 2.14786 11.9034C1.97143 12.1471 1.88322 12.4196 1.88322 12.7207C1.88322 13.1122 2.01287 13.4359 2.27217 13.692C2.53148 13.948 2.85683 14.076 3.24825 14.076C3.38282 14.076 3.54325 14.0473 3.72952 13.9898L5.2004 13.4802L5.72967 15.0472C5.82568 15.3361 5.99554 15.5671 6.23925 15.7403C6.48296 15.9134 6.75539 16 7.05654 16C7.44139 16 7.76839 15.8621 8.03754 15.5864C8.30669 15.3107 8.44126 14.9836 8.44126 14.6053C8.44126 14.4576 8.41582 14.307 8.36495 14.1536L7.83568 12.5767L10.8168 11.5575L11.3461 13.1442C11.4421 13.433 11.6136 13.6641 11.8606 13.8372C12.1076 14.0104 12.3817 14.0969 12.6828 14.0969C13.0611 14.0969 13.3848 13.9591 13.654 13.6833C13.9231 13.4076 14.0577 13.0806 14.0577 12.7023C14.0577 12.5357 14.0351 12.3851 13.99 12.2505L13.4509 10.6441L15.1052 10.0766C15.7017 9.8649 16 9.44802 16 8.82597C16.0008 8.43453 15.8679 8.10915 15.6012 7.84982ZM9.89998 8.92278L6.93426 9.92686L5.93018 6.93298L8.8959 5.90931L9.89998 8.92278Z'/%3E%3C/svg%3E") no-repeat; +} */ + +.navbar__link--twitter:before { + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3.53901C15.405 3.80001 14.771 3.97301 14.11 4.05701C14.79 3.65101 15.309 3.01301 15.553 2.24401C14.919 2.62201 14.219 2.88901 13.473 3.03801C12.871 2.39701 12.013 2.00001 11.077 2.00001C9.261 2.00001 7.799 3.47401 7.799 5.28101C7.799 5.54101 7.821 5.79101 7.875 6.02901C5.148 5.89601 2.735 4.58901 1.114 2.59801C0.831 3.08901 0.665 3.65101 0.665 4.25601C0.665 5.39201 1.25 6.39901 2.122 6.98201C1.595 6.97201 1.078 6.81901 0.64 6.57801C0.64 6.58801 0.64 6.60101 0.64 6.61401C0.64 8.20801 1.777 9.53201 3.268 9.83701C3.001 9.91001 2.71 9.94501 2.408 9.94501C2.198 9.94501 1.986 9.93301 1.787 9.88901C2.212 11.188 3.418 12.143 4.852 12.174C3.736 13.047 2.319 13.573 0.785 13.573C0.516 13.573 0.258 13.561 0 13.528C1.453 14.465 3.175 15 5.032 15C11.068 15 14.368 10 14.368 5.66601C14.368 5.52101 14.363 5.38101 14.356 5.24201C15.007 4.78001 15.554 4.20301 16 3.53901Z'/%3E%3C/svg%3E") + no-repeat; } .navbar__link--matrix:before { @@ -99,39 +111,46 @@ margin-bottom: 4.1666vw; } +.footer .footer__link-item { + color: #31383E; +} + +.footer .footer__link-item:hover { + text-decoration: none; + color: var(--ifm-color-primary); +} + .footer .footer__links .footer__col { padding: 0; } .footer .footer__links .footer__col .footer__title { - font-weight: normal; + line-height: 1.5rem; + margin-bottom: 0.5rem; } .footer .footer__links .footer__col:first-child .footer__title { font-weight: bold; font-size: 1.75rem; + margin-bottom: 2.5rem; } .footer .footer-link-shared { display: grid; - grid-template-columns: repeat(auto-fill, 32px); - grid-gap: 12px; + grid-template-columns: repeat(auto-fill, 16px); + grid-gap: 20px; align-items: center; + height: 2rem; } .footer .footer-link-shared a { display: inline-flex; align-items: center; justify-content: center; - width: 32px; - height: 32px; - - border-radius: 50%; - border: 1px solid rgba(182, 194, 205, 1); } .footer .footer-link-shared a svg { - fill: rgba(182, 194, 205, 1); + fill: #31383E; } .footer .footer-link-shared a:hover { @@ -143,8 +162,12 @@ } .footer .footer__copyright { + line-height: 1.25rem; + font-size: 0.875rem; + font-weight: 500; font-family: 'PingFang SC'; + letter-spacing: 1px; } @media (max-width: 996px) { diff --git a/src/pages/index.js b/src/pages/index.js index a1239f3a..9925c56a 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -101,9 +101,9 @@ function Home() { ]} /> dm description} articles={[ dm article one, diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css index 2e5daaa0..5a569498 100644 --- a/src/pages/styles.module.css +++ b/src/pages/styles.module.css @@ -7,7 +7,7 @@ .projectName { display: inline-block; - margin-bottom: 0; + padding-right: 2px; background-image: url('/img/underline.svg'); background-repeat: no-repeat; @@ -16,16 +16,17 @@ .banner { position: relative; - padding: 50px 0 var(--main-modules-gap); + padding: 50px 0 100px; overflow: hidden; text-align: center; } .banner h1 { + margin-bottom: 0; line-height: 1.4; - font-size: 2.625rem; + font-size: 2.875rem; } .banner p { @@ -56,7 +57,7 @@ background: #F1E759; border-radius: 2px; - font-weight: normal; + font-weight: 300; } .introductionContent { @@ -70,7 +71,7 @@ flex-direction: column; align-items: center; min-height: 280px; - padding: 40px 20px; + padding: 40px; border-radius: 4px; @@ -114,8 +115,10 @@ .projects h1 { display: inline-block; - margin-bottom: 60px; + line-height: 3.25rem; + padding-right: 2px; + font-size: 2.25rem; background-image: url('/img/underline1.svg'); @@ -126,6 +129,7 @@ .projectsContent { display: grid; grid-template-columns: repeat(2, 1fr); + grid-gap: 8.3333vw; } .projectsContent > div { @@ -135,7 +139,7 @@ margin-bottom: 32px; } -.projectsContent > div > img, .projects > div > p { +.projectsContent > div > img, .projectsContent > div > p { margin-bottom: 32px; } @@ -165,6 +169,15 @@ background: #31383E; border-radius: 4px; + text-decoration: none; +} + +.projectsContent a:hover { + opacity: 0.8; +} + +.projectsContent a img { + margin-left: 12px; } @media (max-width: 996px) { diff --git a/src/theme/Community/index.js b/src/theme/Community/index.js index 6bc3e851..4f7f84d8 100644 --- a/src/theme/Community/index.js +++ b/src/theme/Community/index.js @@ -19,7 +19,9 @@ const Community = () => { { items.slice(0, 3).map((item) => (
  • - {item.title} + +

    {item.title}

    +
    • )) } @@ -31,16 +33,22 @@ const Community = () => {
    -

    Community News

    +
    +

    Community News

    +
    { lastItem ? ( - {lastItem.title} +
    + {lastItem.title} +
    ) : null } - - Read More - - +
    + + Read More + + +
    diff --git a/src/theme/Community/styles.module.css b/src/theme/Community/styles.module.css index ef14f1bc..a6aa5a7a 100644 --- a/src/theme/Community/styles.module.css +++ b/src/theme/Community/styles.module.css @@ -29,6 +29,10 @@ border-bottom: 1px solid rgba(255, 255, 255, 0.4); } +.communityNews li:last-child { + border-bottom: none; +} + .communityNews li a { display: inline-flex; @@ -48,19 +52,41 @@ border-radius: 8px; } -.communitiesContext h1 { - flex-grow: 1; +.communitiesContext div { + margin-bottom: 20px; +} + +.communitiesContext div h1 { + display: inline-block; + padding-right: 4px; + padding-bottom: 12px; + font-size: 1.75rem; + + background-image: url('/img/underline2.svg'); + background-repeat: no-repeat; + background-position: right bottom; +} + +.communitiesContext div:first-child { + flex-grow: 1; +} + +.communitiesContext div:last-child { + margin-bottom: 0; } .communitiesContext a { display: inline-flex; align-items: center; - margin-top: 20px; color: inherit; } +.communitiesContext a img { + margin-left: 6px; +} + @media (max-width: 996px) { .communities { display: block; diff --git a/src/theme/IconExternalLink/index.js b/src/theme/IconExternalLink/index.js new file mode 100644 index 00000000..a1a6dc5f --- /dev/null +++ b/src/theme/IconExternalLink/index.js @@ -0,0 +1,27 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import React from 'react'; +import styles from './styles.module.css'; + +const IconExternalLink = ({width = 13.5, height = 13.5}) => { + return null; + // return ( + // + // ); +}; + +export default IconExternalLink; diff --git a/src/theme/IconExternalLink/styles.module.css b/src/theme/IconExternalLink/styles.module.css new file mode 100644 index 00000000..1e8964ae --- /dev/null +++ b/src/theme/IconExternalLink/styles.module.css @@ -0,0 +1,12 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +.iconExternalLink { + margin-left: 0.3rem; + position: relative; + top: 1px; +} diff --git a/static/fonts/Roboto-Black.ttf b/static/fonts/Roboto-Black.ttf deleted file mode 100644 index 689fe5cb..00000000 Binary files a/static/fonts/Roboto-Black.ttf and /dev/null differ diff --git a/static/fonts/Roboto-Black.woff b/static/fonts/Roboto-Black.woff deleted file mode 100644 index 1fe59bab..00000000 Binary files a/static/fonts/Roboto-Black.woff and /dev/null differ diff --git a/static/fonts/Roboto-Black.woff2 b/static/fonts/Roboto-Black.woff2 deleted file mode 100644 index 41186d07..00000000 Binary files a/static/fonts/Roboto-Black.woff2 and /dev/null differ diff --git a/static/fonts/Roboto-Bold.ttf b/static/fonts/Roboto-Bold.ttf deleted file mode 100644 index d3f01ad2..00000000 Binary files a/static/fonts/Roboto-Bold.ttf and /dev/null differ diff --git a/static/fonts/Roboto-Bold.woff b/static/fonts/Roboto-Bold.woff deleted file mode 100644 index 83a333ad..00000000 Binary files a/static/fonts/Roboto-Bold.woff and /dev/null differ diff --git a/static/fonts/Roboto-Bold.woff2 b/static/fonts/Roboto-Bold.woff2 deleted file mode 100644 index 76817cc7..00000000 Binary files a/static/fonts/Roboto-Bold.woff2 and /dev/null differ diff --git a/static/fonts/Roboto-Light.ttf b/static/fonts/Roboto-Light.ttf deleted file mode 100644 index 219063a5..00000000 Binary files a/static/fonts/Roboto-Light.ttf and /dev/null differ diff --git a/static/fonts/Roboto-Light.woff b/static/fonts/Roboto-Light.woff deleted file mode 100644 index d0158be6..00000000 Binary files a/static/fonts/Roboto-Light.woff and /dev/null differ diff --git a/static/fonts/Roboto-Light.woff2 b/static/fonts/Roboto-Light.woff2 deleted file mode 100644 index ddbf4a92..00000000 Binary files a/static/fonts/Roboto-Light.woff2 and /dev/null differ diff --git a/static/fonts/Roboto-Medium.ttf b/static/fonts/Roboto-Medium.ttf deleted file mode 100644 index 1a7f3b0b..00000000 Binary files a/static/fonts/Roboto-Medium.ttf and /dev/null differ diff --git a/static/fonts/Roboto-Medium.woff b/static/fonts/Roboto-Medium.woff deleted file mode 100644 index cbac5e5d..00000000 Binary files a/static/fonts/Roboto-Medium.woff and /dev/null differ diff --git a/static/fonts/Roboto-Medium.woff2 b/static/fonts/Roboto-Medium.woff2 deleted file mode 100644 index 6a88805f..00000000 Binary files a/static/fonts/Roboto-Medium.woff2 and /dev/null differ diff --git a/static/fonts/Roboto-Regular.ttf b/static/fonts/Roboto-Regular.ttf deleted file mode 100644 index 2c97eead..00000000 Binary files a/static/fonts/Roboto-Regular.ttf and /dev/null differ diff --git a/static/fonts/Roboto-Regular.woff b/static/fonts/Roboto-Regular.woff deleted file mode 100644 index f43dd1b5..00000000 Binary files a/static/fonts/Roboto-Regular.woff and /dev/null differ diff --git a/static/fonts/Roboto-Regular.woff2 b/static/fonts/Roboto-Regular.woff2 deleted file mode 100644 index 9a0064ec..00000000 Binary files a/static/fonts/Roboto-Regular.woff2 and /dev/null differ diff --git a/static/img/architecture.svg b/static/img/architecture.svg index 87cb6933..585703ec 100644 --- a/static/img/architecture.svg +++ b/static/img/architecture.svg @@ -6,15 +6,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/static/img/dm.svg b/static/img/dm.svg index 200c11f6..c3ced020 100644 --- a/static/img/dm.svg +++ b/static/img/dm.svg @@ -6,59 +6,26 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - + + + + + + + + + + diff --git a/static/img/twitter.svg b/static/img/twitter.svg new file mode 100644 index 00000000..d4a1669a --- /dev/null +++ b/static/img/twitter.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/img/underline.svg b/static/img/underline.svg index 8929c0c7..ee6a1067 100644 --- a/static/img/underline.svg +++ b/static/img/underline.svg @@ -1,3 +1,3 @@ - - + + diff --git a/static/img/underline1.svg b/static/img/underline1.svg index 71faaedf..81840fec 100644 --- a/static/img/underline1.svg +++ b/static/img/underline1.svg @@ -1,3 +1,3 @@ - + diff --git a/static/img/underline2.svg b/static/img/underline2.svg new file mode 100644 index 00000000..697adf26 --- /dev/null +++ b/static/img/underline2.svg @@ -0,0 +1,3 @@ + + +