@@ -71,6 +71,7 @@ const LogoGardenStyles = styled.div`
&::-webkit-scrollbar {
display: none;
}
+ text-align: center;
> a {
display: inline-table;
height: 100%;
diff --git a/src/components/StackedAvatar.js b/src/components/StackedAvatar.js
index 4267cf7..1ab952a 100644
--- a/src/components/StackedAvatar.js
+++ b/src/components/StackedAvatar.js
@@ -6,7 +6,7 @@ import styled from 'styled-components';
export default function StackedAvatar({ sectionRefs, setTeamIndex, pausedRef }) {
// Query all team name and image sorted by image file name
const { allMembersJson } = useStaticQuery(graphql`{
- allMembersJson(sort: {fields: en___image___base, order: ASC}) {
+ allMembersJson(sort: {en: {image: {base: ASC}}}) {
nodes {
en {
name
diff --git a/src/components/stacked-avatar.js b/src/components/stacked-avatar.js
deleted file mode 100644
index 1b15a35..0000000
--- a/src/components/stacked-avatar.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as React from "react";
-import { graphql, useStaticQuery } from 'gatsby';
-import { GatsbyImage } from "gatsby-plugin-image";
-
-export default function StackedAvatar({ sectionRefs, setTeamIndex, pausedRef }) {
- // Query all team name and image sorted by image file name
- const { allMembersJson } = useStaticQuery(graphql`{
- allMembersJson(sort: {fields: en___image___base, order: ASC}) {
- nodes {
- en {
- name
- image {
- childImageSharp {
- gatsbyImageData(
- width: 75,
- height: 75
- placeholder: BLURRED,
- layout: CONSTRAINED
- )
- }
- }
- }
- }
- }
- }`);
-
- // handle clicking on the individual avatar
- const handleClick = (ev) => {
- // Pause Observer
- pausedRef.current = true
- // Update Team Index
- const updatedTeamIndex = parseInt(ev.currentTarget.dataset.team)
- setTeamIndex(updatedTeamIndex)
- // Find Team Section Top
- const top = sectionRefs.current[2].offsetTop
- // Navigate to the Team Section
- window.scrollTo({ top, behavior: 'smooth' })
- // Un-pause observer effects when completed
- const checkIfScrollCompleted = setInterval(() => {
- if (window.scrollY === top) {
- pausedRef.current = false;
- clearInterval(checkIfScrollCompleted);
- }
- }, 25);
- }
-
- const members = allMembersJson.nodes.map(member => member.en)
-
- return (
-
- {members.map((member, i) => {
- const zIndex = members.length - i;
- const translateX = i * -30;
- return (
-
- );
- }).slice(0, 7)}
- {/* TODO: handle representation for members with count above 7 */}
-
- );
-}
diff --git a/static/CNAME b/static/CNAME
new file mode 100644
index 0000000..2b77bc3
--- /dev/null
+++ b/static/CNAME
@@ -0,0 +1 @@
+coderbunker.ca
diff --git a/tailwind.config.js b/tailwind.config.js
index e1fbd90..db09898 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,5 @@
module.exports = {
- purge: ['./src/**/*.{js,jsx,ts,tsx}'],
- darkMode: false, // or 'media' or 'class'
+ content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
colors: {
white: {