\n {composers.map((composer) => (\n
\n);\n\nAlbumComposers.propTypes = {\n composers: PropTypes.array.isRequired,\n};\n\nexport default AlbumComposers;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./panel-style.module.scss\";\n\nconst Panel = ({ children, customComponent, subtitle, title }) => (\n \n
\n ))}\n \n
\n {composer.name}\n \n
\n);\nPanel.propTypes = {\n children: PropTypes.any,\n customComponent: PropTypes.object,\n subtitle: PropTypes.string,\n title: PropTypes.string,\n};\n\nexport default Panel;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './service-button.module.scss';\n\nconst ServiceButton = ({ serviceUrl, serviceName }) => (\n \n
\n \n {title} {subtitle}\n
\n {customComponent ? customComponent : null}\n{children}
\n \n \n
\n);\n\nServiceButton.propTypes = {\n serviceUrl: PropTypes.string.isRequired,\n serviceName: PropTypes.string.isRequired,\n};\n\nexport default ServiceButton;\n","/*\n *\n * TERMS OF USE - EASING EQUATIONS\n *\n * Open source under the BSD License.\n *\n * Copyright © 2001 Robert Penner\n * All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without modification,\n * are permitted provided that the following conditions are met:\n *\n * Redistributions of source code must retain the above copyright notice, this list of\n * conditions and the following disclaimer.\n * Redistributions in binary form must reproduce the above copyright notice, this list\n * of conditions and the following disclaimer in the documentation and/or other materials\n * provided with the distribution.\n *\n * Neither the name of the author nor the names of contributors may be used to endorse\n * or promote products derived from this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY\n * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\n * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE\n * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\n * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE\n * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED\n * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\n * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\n * OF THE POSSIBILITY OF SUCH DAMAGE.\n *\n */\n/* eslint-disable */\n\nexport function linearEase(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * currentIteration / totalIterations + startValue;\n}\n\nexport function easeInQuad(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (currentIteration /= totalIterations) * currentIteration + startValue;\n}\n\nexport function easeOutQuad(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn -changeInValue * (currentIteration /= totalIterations) * (currentIteration - 2) + startValue;\n}\n\nexport function easeInOutQuad(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * currentIteration * currentIteration + startValue;\n\t}\n\treturn -changeInValue / 2 * ((--currentIteration) * (currentIteration - 2) - 1) + startValue;\n}\n\nexport function easeInCubic(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.pow(currentIteration / totalIterations, 3) + startValue;\n}\n\nexport function easeOutCubic(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (Math.pow(currentIteration / totalIterations - 1, 3) + 1) + startValue;\n}\n\nexport function easeInOutCubic(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * Math.pow(currentIteration, 3) + startValue;\n\t}\n\treturn changeInValue / 2 * (Math.pow(currentIteration - 2, 3) + 2) + startValue;\n}\n\nexport function easeInQuart(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.pow (currentIteration / totalIterations, 4) + startValue;\n}\n\nexport function easeOutQuart(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn -changeInValue * (Math.pow(currentIteration / totalIterations - 1, 4) - 1) + startValue;\n}\n\nexport function easeInOutQuart(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * Math.pow(currentIteration, 4) + startValue;\n\t}\n\treturn -changeInValue/2 * (Math.pow(currentIteration - 2, 4) - 2) + startValue;\n}\n\nexport function easeInQuint(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.pow (currentIteration / totalIterations, 5) + startValue;\n}\n\nexport function easeOutQuint(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (Math.pow(currentIteration / totalIterations - 1, 5) + 1) + startValue;\n}\n\nexport function easeInOutQuint(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * Math.pow(currentIteration, 5) + startValue;\n\t}\n\treturn changeInValue / 2 * (Math.pow(currentIteration - 2, 5) + 2) + startValue;\n}\n\nexport function easeInSine(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (1 - Math.cos(currentIteration / totalIterations * (Math.PI / 2))) + startValue;\n}\n\nexport function easeOutSine(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.sin(currentIteration / totalIterations * (Math.PI / 2)) + startValue;\n}\n\nexport function easeInOutSine(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue / 2 * (1 - Math.cos(Math.PI * currentIteration / totalIterations)) + startValue;\n}\n\nexport function easeInExpo(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.pow(2, 10 * (currentIteration / totalIterations - 1)) + startValue;\n}\n\nexport function easeOutExpo(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (-Math.pow(2, -10 * currentIteration / totalIterations) + 1) + startValue;\n}\n\nexport function easeInOutExpo(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * Math.pow(2, 10 * (currentIteration - 1)) + startValue;\n\t}\n\treturn changeInValue / 2 * (-Math.pow(2, -10 * --currentIteration) + 2) + startValue;\n}\n\nexport function easeInCirc(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * (1 - Math.sqrt(1 - (currentIteration /= totalIterations) * currentIteration)) + startValue;\n}\n\nexport function easeOutCirc(currentIteration, startValue, changeInValue, totalIterations) {\n\treturn changeInValue * Math.sqrt(1 - (currentIteration = currentIteration / totalIterations - 1) * currentIteration) + startValue;\n}\n\nexport function easeInOutCirc(currentIteration, startValue, changeInValue, totalIterations) {\n\tif ((currentIteration /= totalIterations / 2) < 1) {\n\t\treturn changeInValue / 2 * (1 - Math.sqrt(1 - currentIteration * currentIteration)) + startValue;\n\t}\n\treturn changeInValue / 2 * (Math.sqrt(1 - (currentIteration -= 2) * currentIteration) + 1) + startValue;\n}\n\n\n//// My easing ones\n// t: current time\n// b: beginning value\n// c: change in value\n// d: duration\nexport function customEaseInOutQuart(t, b, c, d) {\n if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;\n return -c / 2 * ((t -= 2) * t * t * t - 2) + b;\n}\n\nexport function customLinear(t, b, c, d) {\n if ( t > d ) return b + c;\n const ratio = t / d;\n return b + (c * ratio);\n}\n\n/* eslint-enable */\n","export function getStopIconPoints ({ size, progressCircleWidth }) {\n const innerSize = getInnerSize({size, progressCircleWidth});\n\n return [\n [innerSize * 0.3 + progressCircleWidth,\n innerSize * 0.3 + progressCircleWidth], [innerSize * 0.3 + progressCircleWidth,\n innerSize * 0.7 + progressCircleWidth], [innerSize * 0.7 + progressCircleWidth,\n innerSize * 0.7 + progressCircleWidth], [innerSize * 0.7 + progressCircleWidth,\n innerSize * 0.3 + progressCircleWidth],\n ];\n}\n\nexport function getPlayIconPoints ({ size, progressCircleWidth }) {\n const innerSize = getInnerSize({size, progressCircleWidth});\n\n return [\n [innerSize * 7 / 20 + progressCircleWidth,\n innerSize * 1 / 4 + progressCircleWidth], [innerSize * 7 / 20 + progressCircleWidth,\n innerSize * 3 / 4 + progressCircleWidth], [innerSize * 31 / 40 + progressCircleWidth,\n innerSize * 1 / 2 + progressCircleWidth], [innerSize * 31 / 40 + progressCircleWidth,\n innerSize * 1 / 2 + progressCircleWidth],\n ];\n}\n\nfunction getInnerSize ({size, progressCircleWidth}) {\n return size - progressCircleWidth * 2;\n}\n","export default function idGenerator () {\n const s4 = () => Math\n .floor((1 + Math.random()) * 0x10000)\n .toString(16)\n .substring(1);\n\n return `${s4()}-${s4()}-${s4()}`;\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Howl } from 'howler';\nimport noop from 'lodash/noop';\n\nimport { easeOutCubic } from '../../helpers/easing';\nimport {\n getStopIconPoints,\n getPlayIconPoints,\n} from '../../helpers/icon-points';\nimport idGenerator from '../../helpers/id-generator';\n\nclass PlayButton extends Component {\n constructor(props) {\n super(props);\n this.state = {\n progress: 0,\n loading: true,\n iconPoints: getPlayIconPoints({\n size: props.size,\n progressCircleWidth: 5,\n }),\n };\n\n this.updateProgress = this.updateProgress.bind(this);\n this.clickHandler = this.clickHandler.bind(this);\n }\n\n componentDidMount() {\n this.setupHowler();\n }\n\n componentWillUnmount() {\n this.howler.unload();\n }\n\n componentDidUpdate(prevProps) {\n // Figure out what needs to happen with these new props.\n const justStartedPlaying = !prevProps.active && this.props.active;\n const justStoppedPlaying = prevProps.active && !this.props.active;\n const newAudioClip = prevProps.url !== this.props.url;\n\n if (justStartedPlaying) {\n this.triggerPlayAudio();\n } else if (justStoppedPlaying) {\n this.triggerStopAudio();\n }\n\n if (newAudioClip) {\n this.setupHowler();\n }\n }\n\n triggerPlayAudio() {\n // Tell howler to drop the beat.\n this.howler.play();\n this.howler.fade(0, 1, 250);\n\n // Morph our icon into a stop button\n this.animateIcon('stop');\n\n // Reset the progress bar, and start animating it.\n this.setState({ progress: 0 }, () => this.updateProgress());\n }\n\n triggerStopAudio() {\n this.howler.fade(1, 0, 250);\n setTimeout(() => this.howler.stop(), 250);\n\n this.animateIcon('play');\n\n this.setState({ progress: 0 });\n }\n\n setupHowler() {\n // If we have a currently-loaded howler, unload it so we can load our new sound.\n if (this.howler && this.howler.unload) {\n this.howler.unload();\n }\n\n this.howler = new Howl({\n src: [this.props.url],\n format: this.props.audioFormat,\n html5: true,\n onend: () => {\n if (this.props.canAddClicks) {\n this.props.onAddClick(this.props.trackId, this.props.albumSlug);\n }\n this.props.stop();\n },\n onload: () => {\n this.setState({\n loading: false,\n duration: this.howler.duration(this.props.audioId) * 1000,\n });\n },\n preload: false,\n });\n }\n\n clickHandler() {\n this.props.active ? this.props.stop() : this.props.play(this.props.audioId);\n }\n\n updateProgress() {\n requestAnimationFrame(() => {\n if (!this.props.active) {\n return;\n }\n\n this.setState({\n progress: (this.howler.seek() * 1000) / this.state.duration,\n });\n\n this.updateProgress();\n });\n }\n\n animateIcon(shape) {\n const easingFunction = easeOutCubic;\n const startTime = new Date().getTime();\n const duration = this.props.iconAnimationLength;\n const initialPoints = this.state.iconPoints;\n const finalPoints =\n shape === 'stop'\n ? getStopIconPoints({ size: this.props.size, progressCircleWidth: 5 })\n : getPlayIconPoints({ size: this.props.size, progressCircleWidth: 5 });\n\n const updatePosition = () => {\n requestAnimationFrame(() => {\n const time = new Date().getTime() - startTime;\n\n // Our end condition. The time has elapsed, the animation is completed.\n if (time > duration) {\n return;\n }\n\n // Let's figure out where the new points should be.\n // There are a total of 8 numbers to work out (4 points, each with x/y).\n // easiest way is probably just to map through them.\n const newPoints = initialPoints.map((initialPoint, index) => {\n const [initialX, initialY] = initialPoint;\n const [finalX, finalY] = finalPoints[index];\n\n return [\n easingFunction(time, initialX, finalX - initialX, duration),\n easingFunction(time, initialY, finalY - initialY, duration),\n ];\n });\n\n this.setState(\n {\n iconPoints: newPoints,\n },\n updatePosition\n );\n });\n };\n\n updatePosition();\n }\n\n renderIcon() {\n const { active } = this.props;\n const points = this.state.iconPoints.map((p) => p.join(',')).join(' ');\n\n return (\n \n {props.hideComposer ? null : (\n
\n);\nTracksListItem.propTypes = {\n currentTrackId: PropTypes.number,\n hideComposer: PropTypes.bool,\n isPlaying: PropTypes.bool,\n onAddClick: PropTypes.func,\n onPauseTrack: PropTypes.func.isRequired,\n onPlayTrack: PropTypes.func.isRequired,\n track: PropTypes.object.isRequired,\n};\n\nexport default TracksListItem;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport TracksListItem from \"./TracksListItem.jsx\";\nimport styles from \"./tracks-list.module.scss\";\n\nconst TracksList = (props) => (\n {props.track.track_number}
\n )}\n {props.track.preview_url ? (\n{props.track.title}
\n {props.hideComposer ? (\n\n \n {props.track.album.title}\n \n
\n ) : (\n\n \n {props.track.composer.last_name}\n \n
\n )}\n 0 ? styles.container : \"\"}>\n {props.tracks.map((track) => (\n
\n);\nTracksList.propTypes = {\n currentTrackId: PropTypes.number,\n onAddClick: PropTypes.func,\n onPauseTrack: PropTypes.func.isRequired,\n onPlayTrack: PropTypes.func.isRequired,\n tracks: PropTypes.array.isRequired,\n};\n\nexport default TracksList;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./content-wrapper.module.scss\";\n\nconst ContentWrapper = ({ children }) => (\n {children}
\n);\nContentWrapper.propTypes = {\n children: PropTypes.any,\n};\n\nexport default ContentWrapper;\n","export const linkSites = {\n iTunes: 'iTunes',\n spotify: 'Spotify',\n home: 'Home',\n wikipedia: 'Wikipedia',\n twitter: 'Twitter',\n email: 'Email',\n facebook: 'Facebook',\n};\n\nexport const featureCards = {\n composer: 'featured-composer',\n album: 'featured-album',\n};\n","/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './share-button.module.scss';\nimport { linkSites } from '../../helpers/enums';\n\nconst ShareButton = ({\n noBackground = false,\n socialNetwork,\n subject,\n text,\n url,\n}) => {\n let shareURL = '';\n switch (socialNetwork) {\n case linkSites.twitter:\n shareURL = `https://twitter.com/intent/tweet/?text=${text}&url=${url}`;\n break;\n case linkSites.email:\n shareURL = `mailto:?subject=${subject}&body=${text} - ${url}`;\n break;\n default:\n shareURL = `https://facebook.com/sharer/sharer.php?u=${url}`;\n }\n\n const getShareIcon = () => {\n switch (socialNetwork) {\n case linkSites.twitter:\n return (\n \n \n {getShareIcon()}\n
\n \n \n );\n};\nShareButton.propTypes = {\n noBackground: PropTypes.bool,\n socialNetwork: PropTypes.string.isRequired,\n subject: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string.isRequired,\n};\n\nexport default ShareButton;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport axiosClient from \"../../../actions/axiosClient\";\nimport ShareButton from \"../../../components/buttons/ShareButton.jsx\";\nimport styles from \"./footer-style.module.scss\";\n\nconst signOutUser = () => {\n axiosClient.delete(\"/users/sign_out\").then((response) => {\n console.log(response);\n window.location.reload();\n });\n};\n\nconst Footer = ({\n featuredComposerURL,\n featuredAlbumURL,\n shareTitle = \"LivingMusicDatabase\",\n shareText = \"Discover new music by living composers on LivingMusicDatabase.com\",\n siteDescription,\n url,\n user,\n}) => (\n \n
\n);\n\nFooter.propTypes = {\n featuredComposerURL: PropTypes.string.isRequired,\n featuredAlbumURL: PropTypes.string.isRequired,\n shareTitle: PropTypes.string,\n shareText: PropTypes.string,\n siteDescription: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n user: PropTypes.object,\n};\n\nexport default Footer;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./hero-banner.module.scss\";\n\nconst HeroBanner = ({ backgroundColor, subtitle, title }) => (\n \n
\n \n
\n \n
\n LivingMusicDatabase
\n \n\n iTunes™ previews and music courtesy of{\" \"}\n
\n Spotify™ previews and music courtesy of{\" \"}\n
\n
\n Navigation
\n- \n
- \n Home\n \n
- \n Composers\n \n
- \n Albums\n \n
- \n Featured Composer\n \n
- \n Featured Album\n \n
\n
\n \n
\n \n \n © {new Date().getFullYear()}\n \n Existential Music\n \n \n
\n \n
\n \n Privacy Policy\n {user ? (\n signOutUser()}>\n Sign Out\n \n ) : null}\n {!user ? (\n \n Sign In\n \n ) : null}\n {!user ? (\n \n Register\n \n ) : null}\n
\n \n
\n);\nHeroBanner.propTypes = {\n backgroundColor: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n};\n\nexport default HeroBanner;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Gravatar from \"react-gravatar\";\nimport styles from \"./nav-item.module.scss\";\n\nconst NavItem = ({ icon, link, title, user }) =>\n icon ? (\n \n {title} {subtitle}\n
\n\n \n \n
\n);\n\nPageContainer.propTypes = {\n children: PropTypes.element.isRequired,\n settings: PropTypes.shape({\n bannerBackgroundColor: PropTypes.string.isRequired,\n calltoAction: PropTypes.string.isRequired,\n cTABackgroundColor: PropTypes.string.isRequired,\n featuredAlbum: PropTypes.object.isRequired,\n featuredComposer: PropTypes.object.isRequired,\n siteDescription: PropTypes.string.isRequired,\n siteSubtitle: PropTypes.string.isRequired,\n siteTitle: PropTypes.string.isRequired,\n }),\n shareTitle: PropTypes.string,\n shareText: PropTypes.string,\n url: PropTypes.string.isRequired,\n user: PropTypes.object,\n};\n\nexport default PageContainer;\n","import PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\nimport moment from \"moment\";\n\nimport axiosClient from \"../actions/axiosClient\";\n\n// Components\nimport AlbumComposers from \"../components/albums/AlbumComposers.jsx\";\nimport Panel from \"../components/panel/Panel.jsx\";\nimport ServiceButton from \"../components/buttons/ServiceButton.jsx\";\nimport TracksList from \"../components/tracks/TracksList.jsx\";\n\n// Container\nimport PageContainer from \"../containers/PageContainer.jsx\";\n\nimport styles from \"./album-page.module.scss\";\n\nexport default class AlbumPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentTrackId: -1,\n loading: false,\n };\n\n this.handleAddClick = this.handleAddClick.bind(this);\n this.handlePauseTrack = this.handlePauseTrack.bind(this);\n this.handlePlayTrack = this.handlePlayTrack.bind(this);\n }\n\n handleAddClick(trackId, albumSlug) {\n axiosClient.patch(`/v1/albums/${albumSlug}/add_album_click`);\n }\n\n handlePauseTrack() {\n this.setState({\n currentTrackId: -1,\n });\n }\n\n handlePlayTrack(trackId) {\n this.setState({\n currentTrackId: parseInt(trackId, 10),\n });\n }\n\n render() {\n const album = this.props.album;\n const composers = album.composers;\n const itunesUrl = this.props.album.itunes_url;\n const spotifyUrl = this.props.album.spotify_uri;\n const tracks = this.props.album.tracks;\n return (\n \n \n
\n \n );\n }\n}\nAlbumPage.propTypes = {\n album: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n user: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CaretDown = () => (\n \n);\nCaretDown.propTypes = {\n fillColor: PropTypes.string,\n};\nexport default CaretDown;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CaretUp = () => (\n \n);\nCaretUp.propTypes = {\n fillColor: PropTypes.string,\n};\nexport default CaretUp;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport AnimateHeight from 'react-animate-height';\nimport CaretDown from '../icons/CaretDown.jsx';\nimport CaretUp from '../icons/CaretUp.jsx';\nimport TracksList from '../tracks/TracksList.jsx';\nimport styles from './albums-list-item.module.scss';\n\nconst AlbumsListItem = (props) => {\n const trackListHeight =\n props.activeAlbumId === parseInt(props.album.id, 10) ? 'auto' : 0;\n return (\n \n
\n \n 
\n
\n \n {spotifyUrl ? (\n
\n \n
\n Featured Composers
\n\n \n \n
\n );\n};\nAlbumsListItem.propTypes = {\n album: PropTypes.object.isRequired,\n activeAlbumId: PropTypes.number.isRequired,\n onToggleAlbum: PropTypes.func.isRequired,\n};\n\nexport default AlbumsListItem;\n","/**\n * Created by jesshendricks on 5/14/16.\n */\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport styles from \"./loading-overlay.module.scss\";\n\nconst alignmentStyle = (topAlign) => {\n if (topAlign) {\n return {\n alignItems: \"flex-start\",\n padding: \"15% 0 0\",\n };\n }\n\n return {\n alignItems: \"center\",\n padding: \"0\",\n };\n};\n\nconst Loading = ({ topAlign }) => (\n \n
\n \n \n 
\n \n
\n \n
\n \n \n
\n {props.album.title}
\n \n\n \n Released on{' '}\n {moment(props.album.release_date).format('MMMM D, YYYY')}\n \n
\n \n \n props.onToggleAlbum(props.album.id, props.album.title)\n }\n >\n {props.activeAlbumId === parseInt(props.album.id, 10) ? (\n \n Hide Tracks
\n \n
\n);\n\nLoading.propTypes = {\n topAlign: PropTypes.bool,\n};\n\nexport default Loading;\n","import React from 'react';\nimport Loading from '../loadingoverlay/Loading.jsx';\nimport styles from './albums-list-item.module.scss';\n\nconst AlbumsLoadingListItem = () => (\n \n \n \n \n \n \n \n \n
\n \n
\n);\n\nexport default AlbumsLoadingListItem;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport AlbumsListItem from './AlbumsListItem.jsx';\nimport AlbumsLoadingListItem from './AlbumsLoadingListItem.jsx';\nimport styles from './albums-list.module.scss';\n\nexport default class AlbumsList extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeAlbumId: -1,\n };\n this.handleToggleAlbum = this.handleToggleAlbum.bind(this);\n }\n\n handleToggleAlbum(albumId) {\n this.setState({\n activeAlbumId:\n albumId === this.state.activeAlbumId ? -1 : parseInt(albumId, 10),\n });\n }\n\n render() {\n return this.props.loading ? (\n \n
\n \n
\n ) : (\n \n {this.props.albums.map((album) => (\n
\n );\n }\n}\nAlbumsList.propTypes = {\n albums: PropTypes.array.isRequired,\n loading: PropTypes.bool,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactPaginate from \"react-paginate\";\n\nimport styles from \"./pagination-style.module.scss\";\n\nconst Pagination = (props) =>\n props.totalPages > 1 ? (\n \n
\n);\n\nSearchForm.propTypes = {\n searchTerm: PropTypes.string.isRequired,\n onClearSearchForm: PropTypes.func.isRequired,\n onSearchChange: PropTypes.func.isRequired,\n};\n\nexport default SearchForm;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nimport axiosClient from '../actions/axiosClient';\n\n// Components\nimport AlbumsList from '../components/albums/AlbumsList.jsx';\nimport Pagination from '../components/pagination/Pagination.jsx';\nimport Panel from '../components/panel/Panel.jsx';\nimport SearchForm from '../components/searchform/SearchForm.jsx';\n\n// Container\nimport PageContainer from '../containers/PageContainer.jsx';\n\nimport styles from './albums-page.module.scss';\n\nexport default class AlbumsPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n albums: props.albums.albums,\n currentTrackId: -1,\n limit: 10,\n loading: false,\n order: 'release_date DESC',\n page: 1,\n searchTerm: '',\n tags: '',\n totalPages: props.totalPages ? props.totalPages : 0,\n typing: false,\n typingTimeOut: 0,\n };\n\n this.handleAddClick = this.handleAddClick.bind(this);\n this.handleClearSearchForm = this.handleClearSearchForm.bind(this);\n this.handlePageClick = this.handlePageClick.bind(this);\n this.handlePauseTrack = this.handlePauseTrack.bind(this);\n this.handlePlayTrack = this.handlePlayTrack.bind(this);\n this.handleSearchChange = this.handleSearchChange.bind(this);\n }\n\n getAlbumsFromApi() {\n const apiParams = {\n page: this.state.page,\n order: this.state.order,\n per_page: this.state.limit,\n };\n\n if (this.state.searchTerm !== '') {\n apiParams.search = this.state.searchTerm;\n }\n\n if (this.state.tags !== '') {\n apiParams.tags = this.state.tags;\n }\n\n axiosClient\n .get('/v1/albums', { params: apiParams })\n .then((response) => {\n this.setState({\n albums: response.data.albums,\n loading: false,\n totalPages: response.data.meta.total,\n });\n })\n .catch((error) => {\n console.error(error);\n });\n }\n\n handleAddClick(trackId, albumSlug) {\n axiosClient.patch(`/v1/albums/${albumSlug}/add_album_click`);\n }\n\n handleClearSearchForm() {\n this.setState(\n {\n order: 'release_date DESC',\n page: 1,\n searchTerm: '',\n typing: false,\n typingTimeOut: 0,\n },\n () => {\n this.getAlbumsFromApi();\n }\n );\n }\n\n handlePageClick(pageSelected) {\n const page = pageSelected.selected + 1;\n if (page > 0 && page <= this.props.totalPages) {\n this.setState(\n {\n loading: true,\n page,\n },\n () => {\n this.getAlbumsFromApi();\n }\n );\n }\n }\n\n handlePauseTrack() {\n this.setState({\n currentTrackId: -1,\n });\n }\n\n handlePlayTrack(trackId) {\n this.setState({\n currentTrackId: parseInt(trackId, 10),\n });\n }\n\n runSearchTimeout() {\n if (\n this.state.searchTerm.length > 2 ||\n this.state.searchTerm.length === 0\n ) {\n this.setState(\n {\n page: 1,\n },\n () => {\n this.getAlbumsFromApi();\n }\n );\n }\n }\n\n handleSearchChange(event) {\n if (this.state.typingTimeout) {\n clearTimeout(this.state.typingTimeout);\n }\n this.setState({\n loading: this.state.searchTerm.length > 2,\n searchTerm: event.target.value,\n typing: false,\n typingTimeout: setTimeout(() => {\n this.runSearchTimeout();\n }, 1000),\n });\n }\n\n render() {\n return (\n \n \n \n
\n \n );\n }\n}\nAlbumsPage.propTypes = {\n albums: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n totalPages: PropTypes.number.isRequired,\n user: PropTypes.object,\n};\n","/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './link-button.module.scss';\nimport { linkSites } from '../../helpers/enums';\n\nexport const LinkIcon = ({ linkSite, composerName }) => {\n switch (linkSite) {\n case linkSites.iTunes:\n return (\n \n \n
\n \n \n );\n};\nLinkButton.propTypes = {\n noBackground: PropTypes.bool,\n linkSite: PropTypes.string.isRequired,\n linkURL: PropTypes.string.isRequired,\n composerName: PropTypes.string.isRequired,\n};\n\nexport default LinkButton;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport styles from \"./tag-style.module.scss\";\n\nconst Tag = ({ tag, size, color }) => (\n \n \n {tag.value}\n {\" \"}\n \n);\n\nTag.propTypes = {\n tag: PropTypes.object.isRequired,\n size: PropTypes.number.isRequired,\n color: PropTypes.string.isRequired,\n};\n\nexport default Tag;\n","import PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\nimport { TagCloud } from \"react-tagcloud\";\n\nimport Tag from \"./Tag.jsx\";\n\nimport styles from \"./tag-cloud-component.module.scss\";\n\nexport default class TagCloudComponent extends Component {\n get colorOptions() {\n return {\n luminosity: \"light\",\n hue: \"blue\",\n };\n }\n\n customRenderer(tag, size, color) {\n const textSize = size.isNaN ? 12 : textSize;\n return \n \n
\n \n
\n \n
\n {this.props.composer.tags.length > 0 ? (\n \n
\n ) : null}\n \n {this.props.composer.wiki_url ? (\n
\n \n
\n \n \n \n );\n }\n}\nComposerPage.propTypes = {\n composer: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n totalPages: PropTypes.number.isRequired,\n user: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TracksListItem from '../tracks/TracksListItem.jsx';\n\nimport styles from './composer-style.module.scss';\n\nconst Composer = (props) => {\n const composerName = `${props.composer.first_name} ${props.composer.last_name}`;\n const composerImage =\n props.composer.image_url && props.composer.image_url !== ''\n ? props.composer.image_url\n : '/images/ComposerIcon.svg';\n return (\n \n
\n );\n};\n\nComposer.propTypes = {\n composer: PropTypes.object.isRequired,\n currentTrackId: PropTypes.number,\n};\n\nexport default Composer;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nimport axiosClient from '../actions/axiosClient';\n\n// Components\nimport Composer from '../components/composers/Composer.jsx';\nimport Pagination from '../components/pagination/Pagination.jsx';\nimport Panel from '../components/panel/Panel.jsx';\nimport SearchForm from '../components/searchform/SearchForm.jsx';\n\n// Container\nimport PageContainer from '../containers/PageContainer.jsx';\n\nimport styles from './composers-page.module.scss';\n\nexport default class ComposersPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n composers: props.composers.composers,\n currentTrackId: -1,\n limit: 10,\n loading: false,\n order: 'last_name ASC',\n page: 1,\n searchTerm: '',\n tags: props.tags ? props.tags : '',\n totalPages: props.totalPages ? props.totalPages : 0,\n typing: false,\n typingTimeOut: 0,\n };\n\n this.handleAddClick = this.handleAddClick.bind(this);\n this.handleClearSearchForm = this.handleClearSearchForm.bind(this);\n this.handlePageClick = this.handlePageClick.bind(this);\n this.handlePauseTrack = this.handlePauseTrack.bind(this);\n this.handlePlayTrack = this.handlePlayTrack.bind(this);\n this.handleSearchChange = this.handleSearchChange.bind(this);\n }\n\n getComposersFromApi() {\n const apiParams = {\n page: this.state.page,\n order: this.state.order,\n per_page: this.state.limit,\n };\n\n if (this.state.searchTerm !== '') {\n apiParams.search = this.state.searchTerm;\n }\n\n if (this.state.tags !== '') {\n apiParams.tags = this.state.tags;\n }\n\n axiosClient\n .get('/v1/composers', { params: apiParams })\n .then((response) => {\n this.setState({\n composers: response.data.composers,\n loading: false,\n totalPages: response.data.meta.total,\n });\n })\n .catch((error) => {\n console.error(error);\n });\n }\n\n handleAddClick(trackId, albumSlug) {\n axiosClient.patch(`/v1/albums/${albumSlug}/add_album_click`);\n }\n\n handleClearSearchForm() {\n this.setState(\n {\n order: 'last_name ASC',\n page: 1,\n searchTerm: '',\n typing: false,\n typingTimeOut: 0,\n },\n () => {\n this.getComposersFromApi();\n }\n );\n }\n\n handlePageClick(pageSelected) {\n const page = pageSelected.selected + 1;\n if (page > 0 && page <= this.props.totalPages) {\n this.setState(\n {\n loading: true,\n page,\n },\n () => {\n this.getComposersFromApi();\n }\n );\n }\n }\n\n handlePauseTrack() {\n this.setState({\n currentTrackId: -1,\n });\n }\n\n handlePlayTrack(trackId) {\n this.setState({\n currentTrackId: parseInt(trackId, 10),\n });\n }\n\n runSearchTimeout() {\n if (\n this.state.searchTerm.length > 2 ||\n this.state.searchTerm.length === 0\n ) {\n this.setState(\n {\n page: 1,\n },\n () => {\n this.getComposersFromApi();\n }\n );\n }\n }\n\n handleSearchChange(event) {\n if (this.state.typingTimeout) {\n clearTimeout(this.state.typingTimeout);\n }\n this.setState({\n loading: this.state.searchTerm.length > 2,\n searchTerm: event.target.value,\n typing: false,\n typingTimeout: setTimeout(() => {\n this.runSearchTimeout();\n }, 1000),\n });\n }\n\n render() {\n return (\n \n
\n \n 
\n
\n {composerName}\n \n
\n \n \n \n
\n \n );\n }\n}\nComposersPage.propTypes = {\n composers: PropTypes.object.isRequired,\n settings: PropTypes.object.isRequired,\n tags: PropTypes.string,\n totalPages: PropTypes.number.isRequired,\n user: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ServiceButton from '../buttons/ServiceButton.jsx';\nimport ShareButton from '../buttons/ShareButton.jsx';\nimport styles from './featured-card.module.scss';\nimport { linkSites } from '../../helpers/enums';\n\nconst FeaturedCard = ({\n heading,\n image,\n itunesUrl,\n spotifyUrl,\n title,\n cardType,\n url,\n}) => (\n \n
\n \n \n {heading}\n
\n\n {title}\n
\n\n {spotifyUrl ? (\n
\n \n
\n \n);\nFeaturedCard.propTypes = {\n heading: PropTypes.string.isRequired,\n image: PropTypes.string.isRequired,\n itunesUrl: PropTypes.string,\n spotifyUrl: PropTypes.string,\n title: PropTypes.string.isRequired,\n cardType: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n};\n\nexport default FeaturedCard;\n","import React from \"react\";\nimport AlbumsList from \"../albums/AlbumsList.jsx\";\nimport Panel from \"../panel/Panel.jsx\";\nimport styles from \"./latest-releases.module.scss\";\n\nconst LatestReleases = (props) => (\n \n
\n \n \n
\n \n \n);\nRandomComposer.propTypes = {\n composer: PropTypes.object.isRequired,\n};\n\nexport default RandomComposer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './refresh-button.module.scss';\n\nconst RefreshButton = ({ isLoading, onRefreshRandomClick, title }) => {\n const buttonClasses = [styles.refreshButton];\n if (isLoading) {\n buttonClasses.push(styles.loadingRefreshButton);\n }\n\n return (\n \n
\n \n {composer.first_name} {composer.last_name}\n
\n\n {this.state.composers.map((composer) => (\n
\n \n );\n }\n}\nRandomComposers.propTypes = {\n composers: PropTypes.array.isRequired,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./random-track.module.scss\";\nimport AudioPlayerFancy from \"../audioplayer/AudioPlayerFancy.jsx\";\n\nconst RandomTrack = ({\n currentTrackId,\n isPlaying,\n onAddClick,\n onPauseTrack,\n onPlayTrack,\n track,\n}) => (\n \n
\n \n);\nRandomTrack.propTypes = {\n currentTrackId: PropTypes.number,\n isPlaying: PropTypes.bool,\n onAddClick: PropTypes.func,\n onPauseTrack: PropTypes.func.isRequired,\n onPlayTrack: PropTypes.func.isRequired,\n track: PropTypes.object.isRequired,\n};\n\nexport default RandomTrack;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './random-tracks.module.scss';\nimport Panel from '../panel/Panel.jsx';\nimport RefreshButton from '../buttons/RefreshButton.jsx';\nimport axiosClient from '../../actions/axiosClient';\nimport RandomTrack from './RandomTrack.jsx';\n\nexport default class RandomTracks extends Component {\n constructor(props) {\n super(props);\n this.state = {\n tracks: this.props.tracks,\n loading: false,\n };\n this.handleRefreshRandomClick = this.handleRefreshRandomClick.bind(this);\n }\n\n handleRefreshRandomClick() {\n this.setState(\n {\n loading: true,\n },\n () => {\n axiosClient\n .get('/v1/random_tracks?count=6')\n .then((response) => {\n this.setState({\n tracks: response.data.tracks,\n loading: false,\n });\n })\n .catch((error) => {\n console.error(error);\n });\n }\n );\n }\n\n render() {\n return (\n \n \n \n {track.preview_url ? (\n
\n \n \n
\n \n {track.composer.last_name}
\n\n {this.state.tracks.map((track) => (\n
\n \n );\n }\n}\nRandomTracks.propTypes = {\n currentTrackId: PropTypes.number,\n onAddClick: PropTypes.func,\n onPauseTrack: PropTypes.func.isRequired,\n onPlayTrack: PropTypes.func.isRequired,\n tracks: PropTypes.array.isRequired,\n};\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nimport axiosClient from '../actions/axiosClient';\n\n// Components\nimport FeaturedCard from '../components/features/FeaturedCard.jsx';\nimport LatestReleases from '../components/latestreleases/LatestReleases.jsx';\nimport RandomComposers from '../components/randomcomposers/RandomComposers.jsx';\nimport RandomTracks from '../components/randomtracks/RandomTracks.jsx';\nimport TagCloudComponent from '../components/tagcloud/TagCloudComponent.jsx';\n\n// Container\nimport PageContainer from '../containers/PageContainer.jsx';\n\nimport styles from './landing-page.module.scss';\nimport { featureCards } from '../helpers/enums';\n\nexport default class LandingPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentTrackId: -1,\n };\n this.handleAddClick = this.handleAddClick.bind(this);\n this.handlePauseTrack = this.handlePauseTrack.bind(this);\n this.handlePlayTrack = this.handlePlayTrack.bind(this);\n }\n\n handleAddClick(trackId, albumSlug) {\n axiosClient.patch(`/v1/albums/${albumSlug}/add_album_click`);\n }\n\n handlePauseTrack() {\n this.setState({\n currentTrackId: -1,\n });\n }\n\n handlePlayTrack(trackId) {\n this.setState({\n currentTrackId: parseInt(trackId, 10),\n });\n }\n\n get colorOptions() {\n return {\n luminosity: 'light',\n hue: 'blue',\n };\n }\n\n customRenderer(tag, size, color) {\n return (\n \n
\n \n );\n }\n}\nLandingPage.propTypes = {\n latestReleases: PropTypes.array.isRequired,\n randomComposers: PropTypes.array.isRequired,\n randomTracks: PropTypes.array.isRequired,\n settings: PropTypes.shape({\n bannerBackgroundColor: PropTypes.string.isRequired,\n calltoAction: PropTypes.string.isRequired,\n cTABackgroundColor: PropTypes.string.isRequired,\n featuredAlbum: PropTypes.object.isRequired,\n featuredComposer: PropTypes.object.isRequired,\n siteDescription: PropTypes.string.isRequired,\n siteSubtitle: PropTypes.string.isRequired,\n siteTitle: PropTypes.string.isRequired,\n }),\n tags: PropTypes.array.isRequired,\n user: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\n// Container\nimport PageContainer from '../containers/PageContainer.jsx';\n\nimport styles from './privacy-policy.module.scss';\n\nconst PrivacyPolicy = ({ settings, user }) => (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n Google
\n
\n \n Home | Privacy Policy\n
\n \n {\n \"This privacy policy has been compiled to better serve those who are concerned with how their 'Personally Identifiable Information' (PII) is being used online. PII, as described in US privacy law and information security, is information that can be used on its own or with other information to identify, contact, or locate a single person, or to identify an individual in context. Please read our privacy policy carefully to get a clear understanding of how we collect, use, protect or otherwise handle your Personally Identifiable Information in accordance with our website.\"\n }\n
\n\n What personal information do we collect from the people that visit\n LivingMusicDatabase?\n
\n\n {\n 'When ordering or registering on our site, as appropriate, you may be asked to enter your name, email address or other details to help you with your experience.'\n }\n
\nWhen do we collect information?
\n\n {\n 'We collect information from you when you register on our site or enter information on our site.'\n }\n
\nHow do we use your information?
\n {\n 'We may use the information we collect from you when you register, make a purchase, sign up for our newsletter, respond to a survey or marketing communication, surf the website, or use certain other site features in the following ways:'\n }\n- \n
- \n {\n 'To personalize your experience and to allow us to deliver the type of content and product offerings in which you are most interested.'\n }\n \n
How do we protect your information?
\n- \n
- \n We do not use vulnerability scanning and/or scanning to PCI standards.\n \n
- \n We only provide articles and information. We never ask for credit card\n numbers.\n \n
- We do not use Malware Scanning. \n
\n {\n 'Your personal information is contained behind secured networks and is only accessible by a limited number of persons who have special access rights to such systems, and are required to keep the information confidential. In addition, all sensitive/credit information you supply is encrypted via Secure Socket Layer (SSL) technology.'\n }\n
\n\n {\n 'We implement a variety of security measures when a user enters, submits, or accesses their information to maintain the safety of your personal information.'\n }\n
\n\n {\n 'All transactions are processed through a gateway provider and are not stored or processed on our servers.'\n }\n
\nDo we use cookies?
\n\n {\n \"Yes. Cookies are small files that a site or its service provider transfers to your computer's hard drive through your Web browser (if you allow) that enables the site's or service provider's systems to recognize your browser and capture and remember certain information. For instance, we use cookies to help us remember and process the items in your shopping cart. They are also used to help us understand your preferences based on previous or current site activity, which enables us to provide you with improved services. We also use cookies to help us compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.\"\n }\n
\n We use cookies to:\n- \n
- {\"Understand and save user's preferences for future visits.\"} \n
- \n {\n 'Compile aggregate data about site traffic and site interactions in order to offer better site experiences and tools in the future. We may also use trusted third-party services that track this information on our behalf.'\n }\n \n
\n {\n \"You can choose to have your computer warn you each time a cookie is being sent, or you can choose to turn off all cookies. You do this through your browser settings. Since browser is a little different, look at your browser's Help Menu to learn the correct way to modify your cookies.\"\n }\n
\n\n {\n \"If you turn cookies off, Some of the features that make your site experience more efficient may not function properly.It won't affect the user's experience that make your site experience more efficient and may not function properly.\"\n }\n
\nThird-party disclosure
\n\n {\n 'We do not sell, trade, or otherwise transfer to outside parties your Personally Identifiable Information.'\n }\n
\nThird-party links
\n\n {\n 'We do not include or offer third-party products or services on our website.'\n }\n
\n\n {\n \"Google's advertising requirements can be summed up by Google's Advertising Principles. They are put in place to provide a positive experience for users. \"\n }\n
{'We use Google AdSense Advertising on our website.'}
\n\n {\n \"Google, as a third-party vendor, uses cookies to serve ads on our site. Google's use of the DART cookie enables it to serve ads to our users based on previous visits to our site and other sites on the Internet. Users may opt-out of the use of the DART cookie by visiting the Google Ad and Content Network privacy policy.\"\n }\n
\nWe have implemented the following:
\n\n {\n 'We, along with third-party vendors such as Google use first-party cookies (such as the Google Analytics cookies) and third-party cookies (such as the DoubleClick cookie) or other third-party identifiers together to compile data regarding user interactions with ad impressions and other ad service functions as they relate to our website.'\n }\n
\nOpting out:
\n\n {\n 'Users can set preferences for how Google advertises to you using the Google Ad Settings page. Alternatively, you can opt out by visiting the Network Advertising Initiative Opt Out page or by using the Google Analytics Opt Out Browser add on.'\n }\n
\nCalifornia Online Privacy Protection Act
\n\n {\n \"CalOPPA is the first state law in the nation to require commercial websites and online services to post a privacy policy. The law's reach stretches well beyond California to require any person or company in the United States (and conceivably the world) that operates websites collecting Personally Identifiable Information from California consumers to post a conspicuous privacy policy on its website stating exactly the information being collected and those individuals or companies with whom it is being shared. - See more at:\"\n }{' '}\n
According to CalOPPA, we agree to the following:
\n- \n
- Users can visit our site anonymously. \n
- \n {\n 'Once this privacy policy is created, we will add a link to it on our home page or as a minimum, on the first significant page after entering our website. '\n }\n \n
- \n {\n \"Our Privacy Policy link includes the word 'Privacy' and can easily be found on the page specified above.\"\n }\n \n
- {'You will be notified of any Privacy Policy changes.'} \n
- \n {\n 'On our Privacy Policy Page Can change your personal information by logging in to your account'\n }\n \n
How does our site handle Do Not Track signals?
\n\n {\n 'We honor Do Not Track signals and Do Not Track, plant cookies, or use advertising when a Do Not Track (DNT) browser mechanism is in place.'\n }\n
\nDoes our site allow third-party behavioral tracking?
\n\n {\n \"It's also important to note that we do not allow third-party behavioral tracking\"\n }\n
\nCOPPA (Children Online Privacy Protection Act)
\n\n {\n \"When it comes to the collection of personal information from children under the age of 13 years old, the Children's Online Privacy Protection Act (COPPA) puts parents in control. The Federal Trade Commission, United States' consumer protection agency, enforces the COPPA Rule, which spells out what operators of websites and online services must do to protect children's privacy and safety online. We do not specifically market to children under the age of 13 years old. Do we let third-parties, including ad networks or plug-ins collect PII from children under 13?\"\n }\n
\nFair Information Practices
\n\n {\n 'The Fair Information Practices Principles form the backbone of privacy law in the United States and the concepts they include have played a significant role in the development of data protection laws around the globe. Understanding the Fair Information Practice Principles and how they should be implemented is critical to comply with the various privacy laws that protect personal information.'\n }\n
\n\n {\n 'In order to be in line with Fair Information Practices we will take the following responsive action, should a data breach occur:'\n }\n
\n\n {\n 'We will notify you via email • Within 1 business day We also agree to the Individual Redress Principle which requires that individuals have the right to legally pursue enforceable rights against data collectors and processors who fail to adhere to the law. This principle requires not only that individuals have enforceable rights against data users, but also that individuals have recourse to courts or government agencies to investigate and/or prosecute non-compliance by data processors.'\n }\n
\nCAN SPAM Act
\n\n {\n 'The CAN-SPAM Act is a law that sets the rules for commercial email, establishes requirements for commercial messages, gives recipients the right to have emails stopped from being sent to them, and spells out tough penalties for violations.'\n }\n
\nWe collect your email address in order to:
\n\n {\n 'Send information, respond to inquiries, and/or other requests or questions'\n }\n
\nTo be in accordance with CANSPAM, we agree to the following:
\n\n {\n 'Not use false or misleading subjects or email addresses. • Identify the message as an advertisement in some reasonable way. • Include the physical address of our business or site headquarters. • Monitor third-party email marketing services for compliance, if one is used. • Honor opt-out/unsubscribe requests quickly. • Allow users to unsubscribe by using the link at the bottom of each email.'\n }\n
\n