-
- {children}
+
+
+ {children}
+
diff --git a/components/Heading/Heading.module.css b/components/Heading/Heading.module.css
index 7b786dfc..111bd3e8 100644
--- a/components/Heading/Heading.module.css
+++ b/components/Heading/Heading.module.css
@@ -3,8 +3,10 @@
margin-bottom: 0.5em;
line-height: 1.5;
- /* offset (approximately) with sticky header so jumped-to content isn't hiding behind it.
- note: use rem so it isn't based on the heading's font size. */
+ /*
+ * offset (approximately) with sticky header so jumped-to content isn't hiding behind it.
+ * note: use rem so it isn't based on the heading's font size.
+ */
scroll-margin-top: 5.5rem;
}
diff --git a/components/SkipToContent/SkipToContent.module.css b/components/SkipNav/SkipNav.module.css
similarity index 76%
rename from components/SkipToContent/SkipToContent.module.css
rename to components/SkipNav/SkipNav.module.css
index 4c0617f7..02fed8bb 100644
--- a/components/SkipToContent/SkipToContent.module.css
+++ b/components/SkipNav/SkipNav.module.css
@@ -1,5 +1,6 @@
-/* accessible invisibility stuff pulled from @reach/skip-nav:
-https://github.com/reach/reach-ui/blob/main/packages/skip-nav/styles.css */
+/*
+ * Pulled from @reach/skip-nav: https://github.com/reach/reach-ui/blob/main/packages/skip-nav/styles.css
+ */
.hidden {
border: 0;
diff --git a/components/SkipToContent/SkipToContent.tsx b/components/SkipNav/SkipNav.tsx
similarity index 53%
rename from components/SkipToContent/SkipToContent.tsx
rename to components/SkipNav/SkipNav.tsx
index f647b019..a2129442 100644
--- a/components/SkipToContent/SkipToContent.tsx
+++ b/components/SkipNav/SkipNav.tsx
@@ -1,8 +1,8 @@
-import styles from "./SkipToContent.module.css";
+import styles from "./SkipNav.module.css";
const skipNavId = "skip-nav";
-export const SkipToContentLink = () => {
+export const SkipNavLink = () => {
return (
Skip to content
@@ -10,8 +10,8 @@ export const SkipToContentLink = () => {
);
};
-export const SkipToContentTarget = () => {
+export const SkipNavTarget = () => {
return ;
};
-export default SkipToContentLink;
+export default SkipNavLink;
diff --git a/components/SkipNav/index.ts b/components/SkipNav/index.ts
new file mode 100644
index 00000000..b3528025
--- /dev/null
+++ b/components/SkipNav/index.ts
@@ -0,0 +1,2 @@
+export * from "./SkipNav";
+export { default } from "./SkipNav";
diff --git a/components/SkipToContent/index.ts b/components/SkipToContent/index.ts
deleted file mode 100644
index 98505134..00000000
--- a/components/SkipToContent/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./SkipToContent";
-export { default } from "./SkipToContent";
diff --git a/instrumentation.ts b/instrumentation.ts
index cfb5f21d..f8a9ce12 100644
--- a/instrumentation.ts
+++ b/instrumentation.ts
@@ -1,7 +1,9 @@
import { registerOTel } from "@vercel/otel";
export const register = () => {
- registerOTel({
- serviceName: "jarvis",
- });
+ if (process.env.VERCEL_ENV === "production") {
+ registerOTel({
+ serviceName: "jarvis",
+ });
+ }
};
diff --git a/lib/helpers/styles.ts b/lib/helpers/styles.ts
deleted file mode 100644
index e2f2b8d5..00000000
--- a/lib/helpers/styles.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import hash from "@emotion/hash";
-
-// a little hacky-hack to have react combine all of these css var declarations into a single