System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 22:05:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Upgrade to Theme 0.3

Browse source
This commit is contained in:
Lachlan Campbell 2020-07-24 18:14:03 +00:00
parent 563ce9c9bb
commit 70b4f448a0
4 changed files with 50 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
lib/theme.js
View file

@ -8,51 +8,7 @@ theme.useColorSchemeMediaQuery = false
theme.buttons.primary = merge(theme.buttons.primary, {
textTransform: 'uppercase'
})
theme.buttons.outlineLg = {
variant: 'buttons.outline',
fontSize: 3,
px: 4,
py: 3
}
theme.cards.translucent = {
// variant: 'cards.primary',
backgroundColor: 'rgba(255, 255, 255, 0.98)',
boxShadow: 'none',
[theme.util.supportsBackdrop]: {
backgroundColor: 'rgba(255, 255, 255, 0.75)',
backdropFilter: 'saturate(180%) blur(20px)',
WebkitBackdropFilter: 'saturate(180%) blur(20px)'
},
[theme.util.reduceTransparency]: {
backdropFilter: 'none',
WebkitBackdropFilter: 'none'
}
}
theme.cards.translucentDark = {
// variant: 'cards.primary',
backgroundColor: 'rgba(0, 0, 0, 0.875)',
boxShadow: 'none',
[theme.util.supportsBackdrop]: {
backgroundColor: 'rgba(0, 0, 0, 0.625)',
backdropFilter: 'saturate(180%) blur(16px)',
WebkitBackdropFilter: 'saturate(180%) blur(16px)'
},
[theme.util.reduceTransparency]: {
backdropFilter: 'none',
WebkitBackdropFilter: 'none'
}
}
theme.cards.interactive.textDecoration = 'none'
theme.layout.copy.maxWidth = [null, null, 'copyPlus']
theme.text.titleUltra = {
...theme.text.title,
fontSize: [5, 6, 7],
lineHeight: 0.875
}
theme.text.subtitle.mt = 3
export default theme

4
package.json
View file

@ -12,8 +12,8 @@
"dependencies": {
"@hackclub/icons": "^0.0.3",
"@hackclub/meta": "1.0.0",
"@hackclub/theme": "^0.2.0",
"@mdx-js/loader": "^1.6.13",
"@hackclub/theme": "^0.3.0",
"@mdx-js/loader": "^1.6.14",
"@next/mdx": "^9.4.4",
"@segment/snippet": "^4.12.0",
"airtable-plus": "^1.0.4",

6
pages/ship.js
View file

@ -141,9 +141,7 @@ export default ({ stats }) => (
<Meta
as={Head}
name="Ship"
description={`Hack Clubbers ship projects: a real-time list of the ${
stats.projects
} projects created by the Hack Club high school community in the last month.`}
description={`Hack Clubbers ship projects: a real-time list of the ${stats.projects} projects created by the Hack Club high school community in the last month.`}
image="https://assets.hackclub.com/log/2020-05-22-ship.png"
/>
<Nav />
@ -167,7 +165,7 @@ export default ({ stats }) => (
<Text variant="eyebrow" sx={{ color: 'white', opacity: 0.875 }}>
All aboard!
</Text>
<Heading as="h1" variant="titleUltra" sx={{ mb: [3, 4] }}>
<Heading as="h1" variant="ultratitle" sx={{ mb: [3, 4] }}>
Hack Clubbers focus on one thing: <ShipBadge>shipping.</ShipBadge>
</Heading>
<Text as="p" variant="subtitle">

92
yarn.lock
View file

@ -1391,59 +1391,59 @@
resolved "https://registry.yarnpkg.com/@hackclub/meta/-/meta-1.0.0.tgz#421731bd87e8fdeb4cc33afd12d68c8266ce79ae"
integrity sha512-Xm1QgCxWAzG8ekV3xSf0gZ/6gCL4BuaKl3EjAy3e8QhoKDCjO7O4TtlfeUyLoJvIHzgYN/1sbZtkZ1VE6Pw5XA==
"@hackclub/theme@^0.2.0":
version "0.2.0"
resolved "https://registry.yarnpkg.com/@hackclub/theme/-/theme-0.2.0.tgz#99101554a122688263bc6b3f8ce43fb7c1031ce1"
integrity sha512-8UlP0DNbtiBQCDtDEG8qSwqAqOmycppn6wnb8TBMKBsYbTCFKjq2MMiCdsliBjDfVpRLC1Y3zcqYGZ9zZb5/XA==
"@hackclub/theme@^0.3.0":
version "0.3.0"
resolved "https://registry.yarnpkg.com/@hackclub/theme/-/theme-0.3.0.tgz#d1f5ae1f52aea22e732f6aad8e0a361e4979b963"
integrity sha512-OY2OUhFhFihG0UhhpkQWM7A2rRYWIJRtiOxNRrESw7NCcyk1DSFXDv8lAUaDKsrQ5opX16nnzctWgfpHVw1YXQ==
"@mdx-js/loader@^1.6.13":
version "1.6.13"
resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.6.13.tgz#3696057e98a170180d6e13af90e07359cba74742"
integrity sha512-+1JQ/d1z1Jflilg7eQgNSePAJd4GEYS+P25oPcNpBfdH79ytIsMeyZ4V0ztikXLBejsDAiJcIbEtWdsqxE1Q4w==
"@mdx-js/loader@^1.6.14":
version "1.6.14"
resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.6.14.tgz#db9b0f719ccb893ef60a03efccac88a59b986716"
integrity sha512-22GBci68mhh/f88aMcRP2VjhZkiPJYA0TNIroW7jP7ugWN0lqFIrzrL80ZtwkGpvZuv7mKjFPc4nUBAXB6fNng==
dependencies:
"@mdx-js/mdx" "1.6.13"
"@mdx-js/react" "1.6.13"
"@mdx-js/mdx" "1.6.14"
"@mdx-js/react" "1.6.14"
loader-utils "2.0.0"
"@mdx-js/mdx@1.6.13":
version "1.6.13"
resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.13.tgz#6b2ba52e1b19131d0f99cad730a3dcd7b6cb1d02"
integrity sha512-xVZnzSQ/QsP6LnYnV5CC9sc92dzm0VsnFEbpDhB3ahbrCc0j/p4O5+q+OIic9H3AAYLIzoKah3Mj+wTnDpAeWg==
"@mdx-js/mdx@1.6.14":
version "1.6.14"
resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.14.tgz#e49e2003e22bd92fe90fad7e18b478e69960acda"
integrity sha512-VLGd52mFL091mkFTNZkGPMJxLvb382DqYDZfiZcqYBnbZPpFIbW3GnjXiHjLxT2v9zEKWD11+wcZLKNaWt8WPQ==
dependencies:
"@babel/core" "7.10.5"
"@babel/plugin-syntax-jsx" "7.10.4"
"@babel/plugin-syntax-object-rest-spread" "7.8.3"
"@mdx-js/util" "1.6.13"
babel-plugin-apply-mdx-type-prop "1.6.13"
babel-plugin-extract-import-names "1.6.13"
"@mdx-js/util" "1.6.14"
babel-plugin-apply-mdx-type-prop "1.6.14"
babel-plugin-extract-import-names "1.6.14"
camelcase-css "2.0.1"
detab "2.0.3"
hast-util-raw "6.0.0"
lodash.uniq "4.5.0"
mdast-util-to-hast "9.1.0"
remark-footnotes "1.0.0"
remark-mdx "1.6.13"
remark-parse "8.0.2"
remark-mdx "1.6.14"
remark-parse "8.0.3"
remark-squeeze-paragraphs "4.0.0"
style-to-object "0.3.0"
unified "9.0.0"
unist-builder "2.0.3"
unist-util-visit "2.0.3"
"@mdx-js/react@1.6.13":
version "1.6.13"
resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.13.tgz#d58d2db408ee1fb2bfd6314d3cc86c444d08dc52"
integrity sha512-k8UfufP+eZbxHsprAvGvQB/vmiXpbhMYnM0c6xov5xEg3dYdtzrpjnf2kYsTIwyr3RG2SeZXGjE9tG9vzli53Q==
"@mdx-js/react@1.6.14":
version "1.6.14"
resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.14.tgz#20c64d6691a894227cd04006b620e5fff85f79b1"
integrity sha512-WN4OWXiSTN5x1Ee0ZeYQ9bjjSSgH3Mfx/ezcSV3T691C/PcHTNWwJa5qhcuq8V/NrVAeMc26aXuSdOAq6sRb1g==
"@mdx-js/react@^1.0.0":
version "1.5.5"
resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.5.5.tgz#0036e65ec59521059f33292f535b9ef0d67bd0e6"
integrity sha512-Qwvri4zyU9ZbhhXsH0wfSZ/J9b8mARRTB6GSCTnyKRffO2CaQXl9oLsvRAeQSLRei/onEARc+RexH+jMeNS1rw==
"@mdx-js/util@1.6.13":
version "1.6.13"
resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.13.tgz#36e4ed697de5797c368bea0b8f503215b6967b5a"
integrity sha512-IZP3UDGDaaaw0AchbXDofC//f+08w8FzW8EfTL/ZJNy6nKROe5xFwxnfRo5nL06l0CRCwNDmoReAerLuFMl1jA==
"@mdx-js/util@1.6.14":
version "1.6.14"
resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.14.tgz#e3c14aef1c721b79ca7afa4d54ed7b5817a973c7"
integrity sha512-JyhjH3ffP4KQuqnUSBSSF28mToGGSc2jFI0XIXSEqiN+FaPlgzOSd3U350gXi8FYQxXzEygHCOtzOIfTjFf+4w==
"@ndhoule/each@^2.0.1":
version "2.0.1"
@ -2093,13 +2093,13 @@ babel-code-frame@^6.22.0:
esutils "^2.0.2"
js-tokens "^3.0.2"
babel-plugin-apply-mdx-type-prop@1.6.13:
version "1.6.13"
resolved "https://registry.yarnpkg.com/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.6.13.tgz#13c01e248addd293bb378fc0b2e49ba78d1d0296"
integrity sha512-G+vyur4OM+2iZih+vUeMzL/Aa0/4s/YZlDo6L0pfslgoX6eNGYT/NmjDZe99VxiaTaODX/bF/kt6oxZJYt8mJw==
babel-plugin-apply-mdx-type-prop@1.6.14:
version "1.6.14"
resolved "https://registry.yarnpkg.com/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.6.14.tgz#a4ca2c23efa1f710eb2e0a760c55e4ac14b93150"
integrity sha512-qOnIfczK7yxDpBUeT21WIVmGPpSyzPv61FS9/Ql5J/PIEVw0c6aS2a53/tL5rQWKlJwNdb2RkhG+fpT5WGvYaQ==
dependencies:
"@babel/helper-plugin-utils" "7.10.4"
"@mdx-js/util" "1.6.13"
"@mdx-js/util" "1.6.14"
babel-plugin-dynamic-import-node@^2.3.3:
version "2.3.3"
@ -2124,10 +2124,10 @@ babel-plugin-emotion@^10.0.27:
find-root "^1.1.0"
source-map "^0.5.7"
babel-plugin-extract-import-names@1.6.13:
version "1.6.13"
resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.6.13.tgz#a87a44423c338e10fb4f3b607381ceaf434a448b"
integrity sha512-EKqKcGLmbegJji7qB7VRYQ6pJp74MGCjfCu1H6VOYr+ODqVMIsnxixYSvkuYTvwYaO1dWjSho85T4ctGMWpr+A==
babel-plugin-extract-import-names@1.6.14:
version "1.6.14"
resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.6.14.tgz#5f061123411c2fe7401b436060d2323b4bd0436e"
integrity sha512-pCyalU0WzbFPEb3E/ALerXzL/OMGH9M1mbWPR4QuSRo6BAfLL/j0QcLRRYojYQpCCS7pys9JpN/HI2+GcsbEhg==
dependencies:
"@babel/helper-plugin-utils" "7.10.4"
@ -6042,24 +6042,24 @@ remark-footnotes@1.0.0:
resolved "https://registry.yarnpkg.com/remark-footnotes/-/remark-footnotes-1.0.0.tgz#9c7a97f9a89397858a50033373020b1ea2aad011"
integrity sha512-X9Ncj4cj3/CIvLI2Z9IobHtVi8FVdUrdJkCNaL9kdX8ohfsi18DXHsCVd/A7ssARBdccdDb5ODnt62WuEWaM/g==
remark-mdx@1.6.13:
version "1.6.13"
resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.13.tgz#e85c98bb2256f4e6436aaeaa5703799f77ef9565"
integrity sha512-LlaW2PpGl13THFHajl0EEpAnMkrZO2vmn4PPGJzy7vKfKf2UMioKa7zszfV3cEwKu1aHqqnjH5ZwuZj1hexHJw==
remark-mdx@1.6.14:
version "1.6.14"
resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.14.tgz#a38676804cec2d045afe54e3d366caf8cf46f339"
integrity sha512-90nKwpyhrTPD9tJoOFYhspcG3jinNp5Gwck14jcNuAzqS8e2cyOkIt11+KIsbC9M4KJQ/n3wTtb6xMh3dFgKuA==
dependencies:
"@babel/core" "7.10.5"
"@babel/helper-plugin-utils" "7.10.4"
"@babel/plugin-proposal-object-rest-spread" "7.10.4"
"@babel/plugin-syntax-jsx" "7.10.4"
"@mdx-js/util" "1.6.13"
"@mdx-js/util" "1.6.14"
is-alphabetical "1.0.4"
remark-parse "8.0.2"
remark-parse "8.0.3"
unified "9.0.0"
remark-parse@8.0.2:
version "8.0.2"
resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.2.tgz#5999bc0b9c2e3edc038800a64ff103d0890b318b"
integrity sha512-eMI6kMRjsAGpMXXBAywJwiwAse+KNpmt+BK55Oofy4KvBZEqUDj6mWbGLJZrujoPIPPxDXzn3T9baRlpsm2jnQ==
remark-parse@8.0.3:
version "8.0.3"
resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.3.tgz#9c62aa3b35b79a486454c690472906075f40c7e1"
integrity sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q==
dependencies:
ccount "^1.0.0"
collapse-white-space "^1.0.2"