{"version":3,"file":"static/js/7246.d68e312e.chunk.js","mappings":"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","sources":["components/meta/Helmet.tsx","statics/SocialMediaIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { Helmet as ReactHelmet } from 'react-helmet';\n\ninterface HelmetInput {\n  title: string;\n  url: string;\n  description?: string;\n  // Provide if there's a better image than the default\n  ogImage?: string;\n}\n\nexport default function Helmet({ metaContent, schema }: { metaContent: HelmetInput, schema?: Array<Object> }) {\n  const { title, url, description, ogImage } = metaContent;\n  const defaultOgImage =\n    'https://website-assets-public.s3.us-west-2.amazonaws.com/opengraph/girl-in-hammock.jpg';\n  const currentOgImage = ogImage || defaultOgImage;\n  // Recent OG Images generated from Canva are 1200 x 600\n  // So if one was set from Helmet, we use the smaller 600 size.\n  // These will have to be redone and this discrepancy removed.\n  const height = ogImage ? '600' : '630';\n  return (\n    <ReactHelmet>\n      <title>{title}</title>\n      <meta property=\"og:title\" content={title} />\n      <link rel=\"canonical\" href={url} />\n      <meta property=\"og:url\" content={url} />\n      <meta property=\"og:description\" content={description} />\n      <meta property=\"og:image\" content={currentOgImage} />\n      <meta property=\"og:image:url\" content={currentOgImage} />\n      <meta property=\"og:image:width\" content=\"1200\" />\n      <meta property=\"og:image:height\" content={height} />\n\n      <script type=\"application/ld+json\">\n        {JSON.stringify({\n          \"@context\": \"https://schema.org\",\n          \"@type\": \"Organization\",\n          \"url\": \"https://bookraid.com\",\n          \"logo\": \"https://bookraid.com/logo.png\",\n          \"description\": \"BookRaid is a website and newsletter that lets you download free & bestselling discount eBooks for your Kindle, Nook, Kobo, or other eReader\"\n        })}\n      </script>\n      {schema && (\n        schema.map(sch => <script type=\"application/ld+json\">{JSON.stringify(sch)}</script>)\n      )}\n    </ReactHelmet>\n  );\n}\n\nHelmet.defaultProps = {\n  schema: [],\n};\n","import React from 'react';\nimport {\n  Container,\n  Grid,\n  Box,\n  Typography,\n  Link,\n  Button,\n} from '@mui/material';\nimport Helmet from '../components/meta/Helmet';\nimport WhiteIcon from '../images/social_icons/bookraid_white_96.png';\nimport BlackIcon from '../images/social_icons/bookraid_black_96.png';\nimport BlackWhiteCircleIcon from '../images/social_icons/bookraid_black_white_circle_96.png';\nimport ColorIcon from '../images/social_icons/bookraid_color_96.png';\nimport ColorWhiteCircleIcon from '../images/social_icons/bookraid_color_white_circle_96.png';\nimport WhiteBlackCircleIcon from '../images/social_icons/bookraid_white_black_circle_96.png';\nimport WhiteColorCircleIcon from '../images/social_icons/bookraid_white_color_circle_96.png';\nimport WhiteColorSquareIcon from '../images/social_icons/bookraid_white_color_square_96.png';\nimport PurpFollow from '../images/social_icons/purp_follow.png';\nimport OrangeFollow from '../images/social_icons/orange_follow.png';\n\nconst SocialMediaIconsPage = function () {\n  return (\n    <Container component=\"main\" disableGutters maxWidth=\"md\">\n      <Grid container spacing={2}>\n        {/* Introduction */}\n        <Grid item xs={12}>\n          <Typography variant=\"h3\" sx={{ mb: 2 }}>\n            BookRaid Social Media Icons\n          </Typography>\n          <Typography sx={{ mb: 4 }}>\n            Enhance your website or blog by adding a BookRaid icon linking to your author profile or book page. Let your readers easily find you on BookRaid!\n          </Typography>\n        </Grid>\n\n        {/* Download Button */}\n        <Grid item xs={12}>\n          <Button\n            variant=\"contained\"\n            color=\"secondary\"\n            href=\"/bookraid_social_icons.zip\"\n          >\n            Download All Icons\n          </Button>\n        </Grid>\n\n        {/* Icon Examples */}\n        <Grid item xs={12}>\n          <Typography variant=\"h5\" sx={{ mt: 4, mb: 4 }}>\n            Icon Examples\n          </Typography>\n          <Grid container spacing={2} sx={{ p: 2, borderRadius: '6px', backgroundColor: '#f0f0f0' }}>\n            {/* Icon 1 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={BlackIcon}\n                  alt=\"Black Icon on Transparent Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 2 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={BlackWhiteCircleIcon}\n                  alt=\"Black Icon on White Circle Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 3 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={WhiteIcon}\n                  alt=\"White Icon on Transparent Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 4 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={WhiteBlackCircleIcon}\n                  alt=\"White Icon on Black Circle Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 5 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={ColorIcon}\n                  alt=\"Colored Icon on Transparent Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 6 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={ColorWhiteCircleIcon}\n                  alt=\"Colored Icon on White Circle Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 7 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={WhiteColorCircleIcon}\n                  alt=\"White Icon on Colored Circle Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            {/* Icon 8 */}\n            <Grid item xs={12} sm={6} md={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={WhiteColorSquareIcon}\n                  alt=\"White Icon on Colored Rectangle Background\"\n                  width=\"64\"\n                  height=\"64\"\n                />\n              </Box>\n            </Grid>\n            <Grid item xs={12} sm={6} lg={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={PurpFollow}\n                  alt=\"Purple follow icon\"\n                  width=\"150\"\n                />\n              </Box>\n            </Grid>\n            <Grid item xs={12} sm={6} lg={3}>\n              <Box textAlign=\"center\">\n                <img\n                  src={OrangeFollow}\n                  alt=\"Orange follow icon\"\n                  width=\"150\"\n                />\n              </Box>\n            </Grid>\n          </Grid>\n        </Grid>\n\n        {/* Instructions */}\n        <Grid item xs={12}>\n          <Typography variant=\"h5\" sx={{ mt: 4, mb: 2 }}>\n            How to Use the Icons\n          </Typography>\n\n          {/* Step 1 */}\n          <Typography variant=\"h6\" sx={{ mt: 2 }}>\n            1. Download the Icons\n          </Typography>\n          <Typography>\n            Click the \"Download All Icons\" button above to download a zip file containing all icons in various sizes and styles.\n          </Typography>\n\n          {/* Step 2 */}\n          <Typography variant=\"h6\" sx={{ mt: 2 }}>\n            2. Embed the Icons on Your Website\n          </Typography>\n          <Typography>\n            Upload the icon image of your choice to your website, then add the following HTML code where you want the icon to appear:\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: '#f5f5f5',\n              padding: 2,\n              mt: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n            }}\n          >\n            {`<a href=\"https://bookraid.com/authors/your-author-id/your-author-name\">\n  <img src=\"path-to-your-icon.png\" alt=\"Find me on BookRaid\">\n</a>`}\n          </Box>\n          <Typography sx={{ mt: 2 }}>\n            Replace <code>your-author-id</code> and <code>your-author-name</code> with your actual BookRaid author ID and name. Replace <code>path-to-your-icon.png</code> with the URL where you uploaded the icon image.\n          </Typography>\n          <Typography sx={{ mt: 2 }}>\n            For linking to a specific book, use:\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: '#f5f5f5',\n              padding: 2,\n              mt: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n            }}\n          >\n            {`<a href=\"https://bookraid.com/books/your-book-id/your-book-title\">\n  <img src=\"path-to-your-icon.png\" alt=\"Find my book on BookRaid\">\n</a>`}\n          </Box>\n          <Typography sx={{ mt: 2 }}>\n            Replace <code>your-book-id</code> and <code>your-book-title</code> accordingly.\n          </Typography>\n\n          {/* Step 3 */}\n          <Typography variant=\"h6\" sx={{ mt: 2 }}>\n            3. Change the Color of the Icons\n          </Typography>\n          <Typography>\n            If you'd like to change the color of the icons to match your website's theme, you can:\n          </Typography>\n          <ul>\n            <li>\n              Use an image editing tool like <Link href=\"https://www.gimp.org/\" target=\"_blank\" rel=\"noopener\">GIMP</Link> (free) or <Link href=\"https://www.adobe.com/products/photoshop.html\" target=\"_blank\" rel=\"noopener\">Adobe Photoshop</Link>.\n            </li>\n            <li>\n              Use online tools like <Link href=\"https://pixlr.com/\" target=\"_blank\" rel=\"noopener\">Pixlr</Link> or <Link href=\"https://www.canva.com/\" target=\"_blank\" rel=\"noopener\">Canva</Link>.\n            </li>\n          </ul>\n          <Typography>\n            Alternatively, apply CSS filters directly in your code:\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: '#f5f5f5',\n              padding: 2,\n              mt: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n            }}\n          >\n            {`<a href=\"https://bookraid.com/authors/your-author-id/your-author-name\">\n  <img src=\"path-to-your-icon.png\" alt=\"Find me on BookRaid\" style=\"filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(200deg);\">\n</a>`}\n          </Box>\n          <Typography sx={{ mt: 2 }}>\n            Adjust the CSS filter values to achieve your desired color.\n          </Typography>\n\n          {/* Other Social Media Icons */}\n          <Typography variant=\"h6\" sx={{ mt: 2 }}>\n            Other Social Media Icons\n          </Typography>\n          <Typography>\n            For consistency, you may want to use matching icons for your other social media profiles. You can find free icons at:\n          </Typography>\n          <ul>\n            <li>\n              <Link href=\"https://icons8.com/\" target=\"_blank\" rel=\"noopener\">Icons8</Link>\n            </li>\n            <li>\n              <Link href=\"https://fontawesome.com/icons\" target=\"_blank\" rel=\"noopener\">Font Awesome</Link>\n            </li>\n            <li>\n              <Link href=\"https://www.flaticon.com/\" target=\"_blank\" rel=\"noopener\">Flaticon</Link>\n            </li>\n          </ul>\n        </Grid>\n\n        {/* Need Help */}\n        <Grid item xs={12}>\n          <Typography variant=\"h5\" sx={{ mt: 4, mb: 2 }}>\n            Need Assistance?\n          </Typography>\n          <Typography>\n            If you have any questions, feel free to <Link href=\"/contact\">contact us</Link>.\n          </Typography>\n        </Grid>\n      </Grid>\n\n      {/* Meta Tags */}\n      <Helmet\n        metaContent={{\n          title: 'BookRaid Social Media Icons',\n          url: 'https://bookraid.com/social-media-icons',\n          description:\n            'Download BookRaid social media icons to add to your website or blog. Help your readers find you on BookRaid!',\n        }}\n      />\n    </Container>\n  );\n};\n\nexport default SocialMediaIconsPage;\n"],"names":["Helmet","metaContent","schema","title","url","description","ogImage","currentOgImage","height","property","content","rel","href","type","JSON","stringify","map","sch","defaultProps","Container","component","disableGutters","maxWidth","Grid","container","spacing","item","xs","Typography","variant","sx","mb","Button","color","mt","p","borderRadius","backgroundColor","sm","md","Box","textAlign","src","BlackIcon","alt","width","BlackWhiteCircleIcon","WhiteIcon","WhiteBlackCircleIcon","ColorIcon","ColorWhiteCircleIcon","WhiteColorCircleIcon","WhiteColorSquareIcon","lg","padding","overflow","Link","target"],"sourceRoot":""}