@t2ca/gatsby-theme-showcase 1.0.20 → 1.0.21

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.
Files changed (6) hide show
  1. package/gatsby-config.js +1 -0
  2. package/package.json +4 -5
  3. package/src/components/layout.js +6 -1
  4. package/src/components/logo-banner.js +0 -58
  5. package/src/components/map-styles-dark.js +0 -32
  6. package/src/components/map-styles.js +0 -136
package/gatsby-config.js CHANGED
@@ -44,6 +44,7 @@ module.exports = ({ contentPath = "data", basePath = "/" }) => ({
44
44
  // typeName: "Event",
45
45
  // },
46
46
  // },
47
+ `gatsby-plugin-react-helmet`,
47
48
  `gatsby-plugin-emotion`,
48
49
  `gatsby-plugin-theme-ui`,
49
50
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@t2ca/gatsby-theme-showcase",
3
- "version": "1.0.20",
3
+ "version": "1.0.21",
4
4
  "main": "index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {
@@ -24,7 +24,6 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@emotion/styled": "^10.0.17",
27
- "@hot-loader/react-dom": "^16.9.0",
28
27
  "@mdx-js/mdx": "^1.4.0",
29
28
  "@theme-ui/components": "^0.3.0",
30
29
  "@theme-ui/preset-bootstrap": "^0.3.0",
@@ -36,18 +35,18 @@
36
35
  "gatsby-image": "^2.2.7",
37
36
  "gatsby-plugin-emotion": "^4.1.2",
38
37
  "gatsby-plugin-mdx": "^1.0.33",
38
+ "gatsby-plugin-react-helmet": "^3.1.21",
39
39
  "gatsby-plugin-sharp": "^2.2.9",
40
- "gatsby-plugin-theme-ui": "^0.3.0-alpha.6",
40
+ "gatsby-plugin-theme-ui": "^0.3.0",
41
41
  "gatsby-remark-images": "^3.1.7",
42
42
  "gatsby-source-filesystem": "^2.1.4",
43
43
  "gatsby-transformer-json": "^2.2.2",
44
44
  "gatsby-transformer-remark": "^2.6.10",
45
45
  "gatsby-transformer-sharp": "^2.2.5",
46
46
  "gatsby-transformer-yaml": "^2.2.1",
47
- "react-google-maps": "^9.4.5",
47
+ "react-helmet": "6.0.0-beta.2",
48
48
  "react-icons": "^3.7.0",
49
49
  "react-spring": "^8.0.27",
50
- "react-switch": "^5.0.0",
51
50
  "remark-slug": "^5.1.2",
52
51
  "theme-ui": "^0.3.0"
53
52
  },
package/src/components/layout.js CHANGED
@@ -2,13 +2,14 @@
2
2
  import React, { useState, useRef } from "react"
3
3
  import { jsx, Styled } from "theme-ui"
4
4
  import { Global } from "@emotion/core"
5
+ import { Helmet } from "react-helmet"
5
6
 
6
7
  import MobileNavigation from "./navigation-mobile"
7
8
  import Header from "./header"
8
9
  import Footer from "./footer"
9
10
  import Sidebar from "./sidebar"
10
11
 
11
- const Layout = ({ header, main, location, children }) => {
12
+ const Layout = ({ header, main, children }) => {
12
13
  const [menuOpen, setMenuOpen] = useState(false)
13
14
  const nav = useRef(null)
14
15
 
@@ -24,6 +25,10 @@ const Layout = ({ header, main, location, children }) => {
24
25
  }}
25
26
  />
26
27
 
28
+ <Helmet>
29
+ <html lang="en" />
30
+ </Helmet>
31
+
27
32
  <Header
28
33
  styles={header}
29
34
  menuOpen={menuOpen}
package/src/components/logo-banner.js CHANGED
@@ -3,64 +3,6 @@ import React from "react"
3
3
  import { useStaticQuery, graphql } from "gatsby"
4
4
  import { jsx } from "theme-ui"
5
5
  import Img from "gatsby-image"
6
- import styled from "@emotion/styled"
7
-
8
- // import { colors, space, mediaQueries } from "../../utils/presets"
9
- // import { Name } from "./homepage-section"
10
-
11
- // const Section = styled(`section`)`
12
- // overflow: hidden;
13
- // padding: ${space[5]} 0;
14
- // width: 100%;
15
- // border-bottom: 1px solid ${colors.ui.border.subtle};
16
-
17
- // ${mediaQueries.xl} {
18
- // margin: -1px 0;
19
- // padding: ${space[5]} 0;
20
- // }
21
-
22
- // ${mediaQueries.xxl} {
23
- // padding: ${space[7]} 0;
24
- // }
25
- // `
26
-
27
- // const Title = styled(`header`)`
28
- // padding-right: ${space[6]};
29
- // padding-left: ${space[6]};
30
- // ${mediaQueries.md} {
31
- // max-width: 30rem;
32
- // }
33
-
34
- // ${mediaQueries.lg} {
35
- // margin-left: ${space[9]};
36
- // }
37
-
38
- // ${mediaQueries.xl} {
39
- // padding-right: 5%;
40
- // padding-left: 5%;
41
- // }
42
-
43
- // ${mediaQueries.xxl} {
44
- // padding-right: 8%;
45
- // padding-left: 8%;
46
- // }
47
- // `
48
-
49
- // const LogoGroup = styled(`div`)`
50
- // position: relative;
51
- // display: grid;
52
- // grid-auto-flow: column;
53
- // grid-auto-columns: auto;
54
- // grid-gap: 16;
55
- // align-items: center;
56
- // overflow-x: scroll;
57
- // padding-left: 3;
58
- // padding-bottom: 1;
59
-
60
- // &::-webkit-scrollbar {
61
- // display: none;
62
- // }
63
- // `
64
6
 
65
7
  const LogoBanner = () => {
66
8
  const data = useStaticQuery(graphql`
package/src/components/map-styles-dark.js DELETED
@@ -1,32 +0,0 @@
1
- const jsonMapStylesDark = [
2
- {
3
- stylers: [
4
- {
5
- hue: "#ff1a00",
6
- },
7
- {
8
- invert_lightness: true,
9
- },
10
- {
11
- saturation: -100,
12
- },
13
- {
14
- lightness: 33,
15
- },
16
- {
17
- gamma: 0.5,
18
- },
19
- ],
20
- },
21
- {
22
- featureType: "water",
23
- elementType: "geometry",
24
- stylers: [
25
- {
26
- color: "#2D333C",
27
- },
28
- ],
29
- },
30
- ]
31
-
32
- export default jsonMapStylesDark
package/src/components/map-styles.js DELETED
@@ -1,136 +0,0 @@
1
- const jsonMapStyles = [
2
- {
3
- featureType: "administrative",
4
- elementType: "all",
5
- stylers: [
6
- {
7
- saturation: "-100",
8
- },
9
- ],
10
- },
11
- {
12
- featureType: "administrative.province",
13
- elementType: "all",
14
- stylers: [
15
- {
16
- visibility: "off",
17
- },
18
- ],
19
- },
20
- {
21
- featureType: "landscape",
22
- elementType: "all",
23
- stylers: [
24
- {
25
- saturation: -100,
26
- },
27
- {
28
- lightness: 65,
29
- },
30
- {
31
- visibility: "on",
32
- },
33
- ],
34
- },
35
- {
36
- featureType: "poi",
37
- elementType: "all",
38
- stylers: [
39
- {
40
- saturation: -100,
41
- },
42
- {
43
- lightness: "50",
44
- },
45
- {
46
- visibility: "simplified",
47
- },
48
- ],
49
- },
50
- {
51
- featureType: "poi",
52
- elementType: "labels.icon",
53
- stylers: [
54
- {
55
- visibility: "off",
56
- },
57
- ],
58
- },
59
- {
60
- featureType: "road",
61
- elementType: "all",
62
- stylers: [
63
- {
64
- saturation: "-100",
65
- },
66
- ],
67
- },
68
- {
69
- featureType: "road.highway",
70
- elementType: "all",
71
- stylers: [
72
- {
73
- visibility: "simplified",
74
- },
75
- ],
76
- },
77
- {
78
- featureType: "road.arterial",
79
- elementType: "all",
80
- stylers: [
81
- {
82
- lightness: "30",
83
- },
84
- ],
85
- },
86
- {
87
- featureType: "road.local",
88
- elementType: "all",
89
- stylers: [
90
- {
91
- lightness: "40",
92
- },
93
- ],
94
- },
95
- {
96
- featureType: "transit",
97
- elementType: "all",
98
- stylers: [
99
- {
100
- saturation: -100,
101
- },
102
- {
103
- visibility: "simplified",
104
- },
105
- ],
106
- },
107
- {
108
- featureType: "water",
109
- elementType: "geometry",
110
- stylers: [
111
- {
112
- hue: "#ffff00",
113
- },
114
- {
115
- lightness: -25,
116
- },
117
- {
118
- saturation: -97,
119
- },
120
- ],
121
- },
122
- {
123
- featureType: "water",
124
- elementType: "labels",
125
- stylers: [
126
- {
127
- lightness: -25,
128
- },
129
- {
130
- saturation: -100,
131
- },
132
- ],
133
- },
134
- ]
135
-
136
- export default jsonMapStyles