\n /* \n \n \n Sticky footer\n \n \n {\"Pin a footer to the bottom of the viewport.\"}\n {\"The footer will move as the main element of the page grows.\"}{\" \"}\n {\"Pin a footer to the bottom of the viewport.\"}\n {\"The footer will move as the main element of the page grows.\"}{\" \"}\n {\"Pin a footer to the bottom of the viewport.\"}\n {\"The footer will move as the main element of the page grows.\"}{\" \"}\n {\"The footer will move as the main element of the page grows.\"}{\" \"}\n {\"Pin a footer to the bottom of the viewport.\"}\n {\"The footer will move as the main element of the page grows.\"}\n \n Sticky footer placeholder.\n */\n \n //
\n );\n}\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from \"../styled/index.js\";\nimport useThemePropsSystem from \"../useThemeProps/index.js\";\nimport { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport createTheme from \"../createTheme/index.js\";\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from \"../breakpoints/index.js\";\nimport { createUnarySpacing, getValue } from \"../spacing/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n name: 'MuiStack',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n return useThemePropsSystem({\n props,\n name: 'MuiStack',\n defaultTheme\n });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n const childrenArray = React.Children.toArray(children).filter(Boolean);\n return childrenArray.reduce((output, child, index) => {\n output.push(child);\n if (index < childrenArray.length - 1) {\n output.push(/*#__PURE__*/React.cloneElement(separator, {\n key: `separator-${index}`\n }));\n }\n return output;\n }, []);\n}\nconst getSideFromDirection = direction => {\n return {\n row: 'Left',\n 'row-reverse': 'Right',\n column: 'Top',\n 'column-reverse': 'Bottom'\n }[direction];\n};\nexport const style = ({\n ownerState,\n theme\n}) => {\n let styles = {\n display: 'flex',\n flexDirection: 'column',\n ...handleBreakpoints({\n theme\n }, resolveBreakpointValues({\n values: ownerState.direction,\n breakpoints: theme.breakpoints.values\n }), propValue => ({\n flexDirection: propValue\n }))\n };\n if (ownerState.spacing) {\n const transformer = createUnarySpacing(theme);\n const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n acc[breakpoint] = true;\n }\n return acc;\n }, {});\n const directionValues = resolveBreakpointValues({\n values: ownerState.direction,\n base\n });\n const spacingValues = resolveBreakpointValues({\n values: ownerState.spacing,\n base\n });\n if (typeof directionValues === 'object') {\n Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n const directionValue = directionValues[breakpoint];\n if (!directionValue) {\n const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n directionValues[breakpoint] = previousDirectionValue;\n }\n });\n }\n const styleFromPropValue = (propValue, breakpoint) => {\n if (ownerState.useFlexGap) {\n return {\n gap: getValue(transformer, propValue)\n };\n }\n return {\n // The useFlexGap={false} implement relies on each child to give up control of the margin.\n // We need to reset the margin to avoid double spacing.\n '& > :not(style):not(style)': {\n margin: 0\n },\n '& > :not(style) ~ :not(style)': {\n [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n }\n };\n };\n styles = deepmerge(styles, handleBreakpoints({\n theme\n }, spacingValues, styleFromPropValue));\n }\n styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n return styles;\n};\nexport default function createStack(options = {}) {\n const {\n // This will allow adding custom styled fn (for example for custom sx style function)\n createStyledComponent = defaultCreateStyledComponent,\n useThemeProps = useThemePropsDefault,\n componentName = 'MuiStack'\n } = options;\n const useUtilityClasses = () => {\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n };\n const StackRoot = createStyledComponent(style);\n const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n const themeProps = useThemeProps(inProps);\n const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n const {\n component = 'div',\n direction = 'column',\n spacing = 0,\n divider,\n children,\n className,\n useFlexGap = false,\n ...other\n } = props;\n const ownerState = {\n direction,\n spacing,\n useFlexGap\n };\n const classes = useUtilityClasses();\n return /*#__PURE__*/_jsx(StackRoot, {\n as: component,\n ownerState: ownerState,\n ref: ref,\n className: clsx(classes.root, className),\n ...other,\n children: divider ? joinChildren(children, divider) : children\n });\n });\n process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n children: PropTypes.node,\n direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n divider: PropTypes.node,\n spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n } : void 0;\n return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nconst Stack = createStack({\n createStyledComponent: styled('div', {\n name: 'MuiStack',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n }),\n useThemeProps: inProps => useDefaultProps({\n props: inProps,\n name: 'MuiStack'\n })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * Defines the `flex-direction` style property.\n * It is applied for all screen sizes.\n * @default 'column'\n */\n direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n /**\n * Add an element between each child.\n */\n divider: PropTypes.node,\n /**\n * Defines the space between immediate children.\n * @default 0\n */\n spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n /**\n * The system prop, which allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n /**\n * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n *\n * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n *\n * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n * @default false\n */\n useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;","import React, { useEffect } from \"react\"\nimport { Box, Stack, Typography } from \"@mui/material\"\nimport { useTheme } from '@mui/material/styles'\n\nconst lightyellow = '#fff9c4'\nconst lightblue = '#e3f2fd'\nconst lightgreen = '#e8f5e9'\nconst lightpink = '#ffebee'\n\nconst darkyellow = '#5f4b00'\nconst darkblue = '#0d47a1'\nconst darkgreen = '#1b5e20'\nconst darkpink = '#880e4f'\n\n\nexport default function HeroView(props) {\n const theme = useTheme()\n\n return (\n \n \n\n \n group ride calendar\n Find local organized rides that fit best with your schedule and skills.\n \n \n \n \n \n \n know before you go\n No more guessing about the route or pace.\n \n\n \n \n \n Coming soon.\n \n \n \n )\n}\n","import React, { useEffect } from \"react\"\nimport { Box, Paper, Stack, Typography } from \"@mui/material\"\nimport { useTheme } from '@mui/material/styles'\n\nconst lightyellow = '#fff9c4'\nconst lightblue = '#e3f2fd'\nconst lightgreen = '#e8f5e9'\nconst lightpink = '#ffebee'\n\nconst darkyellow = '#5f4b00'\nconst darkblue = '#0d47a1'\nconst darkgreen = '#1b5e20'\nconst darkpink = '#880e4f'\n\n\nexport default function About(props) {\n const theme = useTheme()\n\n return (\n \n \n About\n \n Hi, I'm Marina. I love cycling and all things bicycles.\n \n\n \n\n \n I believe that one of the best ways to learn is from others, and am grateful for having a great cycling community around me.\n These wonderful people are a great source of inspiration and knowledge.\n \n\n \n I built this website because I would like every one to have an easy way to connect with their local bicycling communities.\n Many people (myself included) might be nervous about whether they can keep up on a group ride, or even have imposter syndrome.\n I am hoping that by making all of the details of a group ride available, folks will have less barriers to connecting with their local bike community through rides.\n \n\n \n Additionally, I hope to solve the problem of finding and keeping track of group rides to begin with.\n I've found that many bike organizations use multiple channels to announce and update their rides (social media, Signal groups, emails, Google docs, Google groups, etc.), making it very difficult to keep track of the official what/when/where without having to sign up and actively watch multiple places.\n I believe that having an easily-accessible \"single source of truth\" will help alleviate some of the stress that prevents locals from connecting with their bike community.\n \n\n \n I hope to see you on a ride soon!\n \n \n \n )\n}\n","import React, { useEffect } from \"react\"\nimport { Box, Paper, Stack, Typography } from \"@mui/material\"\nimport { useTheme } from '@mui/material/styles'\n\nconst lightyellow = '#fff9c4'\nconst lightblue = '#e3f2fd'\nconst lightgreen = '#e8f5e9'\nconst lightpink = '#ffebee'\n\nconst darkyellow = '#5f4b00'\nconst darkblue = '#0d47a1'\nconst darkgreen = '#1b5e20'\nconst darkpink = '#880e4f'\n\n\nexport default function Contact(props) {\n const theme = useTheme()\n\n return (\n \n \n Contact\n \n Feature requests? Questions? Feedback? Comments? Suggestions? I'd love to hear from you! Please feel free to reach out to me at contact@gearsofjoy.com.\n \n\n\n \n I hope to see you on a ride soon!\n \n \n \n )\n}\n","import * as React from 'react'\nimport Header from './Header'\nimport Footer from './Footer'\nimport { Container, CssBaseline } from '@mui/material'\nimport \"./Home.css\"\nimport { CurrentUserProvider } from './CurrentUserContext'\nimport PropTypes from 'prop-types'\nimport { BrowserRouter, Routes, Route } from \"react-router-dom\"\nimport { createTheme, ThemeProvider } from '@mui/material/styles'\nimport InitColorSchemeScript from '@mui/material/InitColorSchemeScript'\nimport HeroView from './HeroView'\nimport About from './About'\nimport Contact from './Contact'\n\nconst theme = createTheme({\n // cssVariables: true,\n cssVariables: {colorSchemeSelector: 'class'},\n colorSchemes: {\n light: true,\n dark: true,\n },\n})\n\nconst Index = (props) => {\n console.log(props)\n // const { classes } = props\n // const classes = useStyles(); // Call the useStyles function to get the styles\n\n React.useEffect(() => {\n console.log('RENDERING INDEX')\n }, [])\n\n return (\n \n \n \n {/*
*/}\n \n \n )\n}\n\n\nIndex.propTypes = {\n currentUser: PropTypes.object,\n}\n\n\nexport default Index\n","import ReactOnRails from 'react-on-rails';\n\nimport Index from '../bundles/Home/components/Index';\n\n// This is how react_on_rails can see the Home in the browser.\nReactOnRails.register({\n Index\n});\n"],"names":["CurrentUserContext","createContext","CurrentUserProvider","children","userData","orgId","useParams","currentUser","setCurrentUser","useState","currentUserCanManage","setCurrentUserCanManage","useEffect","console","log","organization","slug","React","Provider","value","fetchCurrentUser","async","email","response","fetch","data","json","pages","title","link","anchorElNav","setAnchorElNav","anchorElUser","setAnchorElUser","useContext","navigate","useNavigate","theme","useTheme","handleCloseNavMenu","handleNavItemClick","AppBar","position","sx","height","Container","maxWidth","Toolbar","disableGutters","Link","href","display","xs","sm","alignItems","justifyContent","marginTop","paddingTop","Box","component","maxHeight","paddingRight","paddingLeft","bgcolor","alt","src","palette","mode","flexGrow","IconButton","size","onClick","event","currentTarget","color","MenuIcon","Menu","id","anchorEl","anchorOrigin","vertical","horizontal","keepMounted","transformOrigin","open","Boolean","onClose","MenuItem","key","window","location","Typography","textAlign","map","page","mr","Button","my","Tooltip","p","Avatar","mt","handleCloseUserMenu","handleManageEventsSelect","handleSettingsSelect","handleEmbedSelect","headers","ReactOnRails","method","reload","variant","handleOnLoginClick","Copyright","Date","getFullYear","Footer","props","pt","pb","alignContent","defaultTheme","defaultCreateStyledComponent","name","slot","overridesResolver","styles","root","useThemePropsDefault","useThemeProps","joinChildren","separator","childrenArray","toArray","filter","reduce","output","child","index","push","length","style","ownerState","flexDirection","values","direction","breakpoints","propValue","spacing","transformer","base","Object","keys","acc","breakpoint","directionValues","spacingValues","forEach","previousDirectionValue","styleFromPropValue","useFlexGap","gap","margin","row","column","deepmerge","Stack","options","createStyledComponent","componentName","StackRoot","inProps","ref","themeProps","extendSxProp","divider","className","other","classes","composeClasses","generateUtilityClass","as","clsx","createStack","HeroView","padding","md","width","objectFit","borderRadius","About","Paper","px","py","Contact","createTheme","cssVariables","colorSchemeSelector","colorSchemes","light","dark","BrowserRouter","InitColorSchemeScript","modeStorageKey","attribute","ThemeProvider","CssBaseline","Header","Routes","Route","path","element","Index"],"sourceRoot":""}