@t2ca/gatsby-theme-showcase 1.2.3 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/gatsby-config.js +0 -16
- package/index.js +0 -2
- package/package.json +2 -5
- package/src/components/logo-banner.js +0 -67
package/gatsby-config.js
CHANGED
|
@@ -22,22 +22,6 @@ module.exports = {
|
|
|
22
22
|
},
|
|
23
23
|
`gatsby-plugin-sharp`,
|
|
24
24
|
`gatsby-transformer-sharp`,
|
|
25
|
-
{
|
|
26
|
-
resolve: `gatsby-transformer-remark`,
|
|
27
|
-
options: {
|
|
28
|
-
plugins: [
|
|
29
|
-
{
|
|
30
|
-
resolve: `gatsby-remark-images`,
|
|
31
|
-
options: {
|
|
32
|
-
// It's important to specify the maxWidth (in pixels) of
|
|
33
|
-
// the content container as this plugin uses this as the
|
|
34
|
-
// base for generating different widths of each image.
|
|
35
|
-
maxWidth: 1200,
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
],
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
25
|
`gatsby-transformer-yaml`,
|
|
42
26
|
`gatsby-transformer-json`,
|
|
43
27
|
`gatsby-plugin-react-helmet`,
|
package/index.js
CHANGED
|
@@ -3,7 +3,5 @@ export { default as Layout } from "./src/components/layout"
|
|
|
3
3
|
export { default as Alert } from "./src/components/alert"
|
|
4
4
|
export { default as Card } from "./src/components/card"
|
|
5
5
|
export { default as Button } from "./src/components/button"
|
|
6
|
-
export { default as LogoBanner } from "./src/components/logo-banner"
|
|
7
6
|
export { default as Wave } from "./src/components/wave"
|
|
8
7
|
export { default as Hero } from "./src/components/hero"
|
|
9
|
-
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@t2ca/gatsby-theme-showcase",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.4",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"devDependencies": {
|
|
@@ -28,15 +28,12 @@
|
|
|
28
28
|
"@theme-ui/sidenav": "^0.9.1",
|
|
29
29
|
"@theme-ui/typography": "^0.9.1",
|
|
30
30
|
"framer-motion": "^4.0.0",
|
|
31
|
-
"gatsby": "^3.
|
|
32
|
-
"gatsby-image": "^3.0.0",
|
|
31
|
+
"gatsby": "^3.0.0",
|
|
33
32
|
"gatsby-plugin-react-helmet": "^4.0.0",
|
|
34
33
|
"gatsby-plugin-sharp": "^3.0.0",
|
|
35
34
|
"gatsby-plugin-theme-ui": "^0.9.1",
|
|
36
|
-
"gatsby-remark-images": "^5.0.0",
|
|
37
35
|
"gatsby-source-filesystem": "^3.0.0",
|
|
38
36
|
"gatsby-transformer-json": "^3.0.0",
|
|
39
|
-
"gatsby-transformer-remark": "^4.0.0",
|
|
40
37
|
"gatsby-transformer-sharp": "^3.0.0",
|
|
41
38
|
"gatsby-transformer-yaml": "^3.0.0",
|
|
42
39
|
"react-helmet": "^6.0.0",
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { useStaticQuery, graphql } from "gatsby"
|
|
3
|
-
import { jsx } from "theme-ui"
|
|
4
|
-
import Img from "gatsby-image"
|
|
5
|
-
|
|
6
|
-
const LogoBanner = () => {
|
|
7
|
-
const data = useStaticQuery(graphql`
|
|
8
|
-
query {
|
|
9
|
-
allFile(
|
|
10
|
-
filter: {
|
|
11
|
-
extension: { regex: "/(jpg)|(png)|(jpeg)/" }
|
|
12
|
-
relativeDirectory: { eq: "tech-logos" }
|
|
13
|
-
}
|
|
14
|
-
sort: { fields: publicURL }
|
|
15
|
-
) {
|
|
16
|
-
edges {
|
|
17
|
-
node {
|
|
18
|
-
base
|
|
19
|
-
childImageSharp {
|
|
20
|
-
fixed(quality: 75, height: 42, grayscale: true) {
|
|
21
|
-
...GatsbyImageSharpFixed
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
`)
|
|
29
|
-
|
|
30
|
-
return (
|
|
31
|
-
<section
|
|
32
|
-
sx={{
|
|
33
|
-
overflow: ` hidden`,
|
|
34
|
-
padding: 3,
|
|
35
|
-
width: `100%`,
|
|
36
|
-
borderBottom: `1px solid transparent`,
|
|
37
|
-
}}
|
|
38
|
-
>
|
|
39
|
-
<div>{/*<div>Technologies we use</div>*/}</div>
|
|
40
|
-
<div
|
|
41
|
-
sx={{
|
|
42
|
-
position: "relative",
|
|
43
|
-
display: "grid",
|
|
44
|
-
gridAutoFlow: "column",
|
|
45
|
-
gridAutoColumns: "auto",
|
|
46
|
-
gridGap: 4,
|
|
47
|
-
alignItems: "center",
|
|
48
|
-
overflowX: "scroll",
|
|
49
|
-
paddingLeft: 2,
|
|
50
|
-
paddingBottom: 1,
|
|
51
|
-
"&::-webkit-scrollbar": { display: "none" },
|
|
52
|
-
}}
|
|
53
|
-
>
|
|
54
|
-
{data.allFile.edges.map(({ node: image }) => (
|
|
55
|
-
<Img
|
|
56
|
-
alt={`${image.base.split(`.`)[0]}`}
|
|
57
|
-
fixed={image.childImageSharp.fixed}
|
|
58
|
-
key={image.base}
|
|
59
|
-
style={{ opacity: 0.5 }}
|
|
60
|
-
/>
|
|
61
|
-
))}
|
|
62
|
-
</div>
|
|
63
|
-
</section>
|
|
64
|
-
)
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default LogoBanner
|