diff --git a/index.html b/index.html index dd7bccd..40ac2eb 100644 --- a/index.html +++ b/index.html @@ -25,12 +25,14 @@ - - - - - - + + + + + + + +
diff --git a/public/favicon-16x16.png b/public/assets/favicon-16x16.png similarity index 100% rename from public/favicon-16x16.png rename to public/assets/favicon-16x16.png diff --git a/public/favicon-32x32.png b/public/assets/favicon-32x32.png similarity index 100% rename from public/favicon-32x32.png rename to public/assets/favicon-32x32.png diff --git a/src/Components/Header/Header.jsx b/src/Components/Header/Header.jsx index 18edff9..5d60e49 100644 --- a/src/Components/Header/Header.jsx +++ b/src/Components/Header/Header.jsx @@ -1,20 +1,25 @@ import { Col, Row } from "react-bootstrap"; import Translate from "../Translate/Translate"; +import PropTypes from "prop-types"; -function Header() { +function Header({ title, lead, disableTranslate }) { return (- If you are reading this, you have constitutional rights. -
*/} +{lead}
}- I do not wish to speak with you, answer your questions, or sign or hand - you any documents based on my 5th Amendment rights under the United States - Constitution. -
-- I do not give you permission to enter my home based on my 4th Amendment - rights under the United States Constitution unless you have a warrant to - enter, signed by a judge or magistrate with my name on it that you slide - under the door. -
-- I do not give you permission to search any of my belongings based on my - 4th Amendment rights. -
-I choose to exercise my constitutional rights.
- > -); - -const leftColContent = ( - <> -- DO NOT OPEN THE DOOR if an immigration agent is knocking on the - door. -
-- DO NOT ANSWER ANY QUESTIONS from an immigration agent if they try - to talk to you. You have the right to remain silent. -
-- DO NOT SIGN ANYTHING without first speaking to a lawyer. You have - the right to speak with a lawyer. -
-- If you are outside of your home, ask the agent if you are free to leave - and if they say yes, leave calmly. -
-- GIVE THIS CARD TO THE AGENT. If you are inside of your home, show - the card through the window or slide it under the door. -
- > -); - -function Rights() { +function Rights({ ctaUrl, ctaTitle, leftHeader, rightHeader }) { return (- {`This is a digital version of the "Red Cards" created by `} - - {`the Immigration Legal Resource Center`} - - {`.`} -
- ++ I do not wish to speak with you, answer your questions, or sign or hand + you any documents based on my 5th Amendment rights under the United States + Constitution. +
++ I do not give you permission to enter my home based on my 4th Amendment + rights under the United States Constitution unless you have a warrant to + enter, signed by a judge or magistrate with my name on it that you slide + under the door. +
++ I do not give you permission to search any of my belongings based on my + 4th Amendment rights. +
+I choose to exercise my constitutional rights.
+ > +); + +export const leftColContent = ( + <> ++ DO NOT OPEN THE DOOR if an immigration agent is knocking on the + door. +
++ DO NOT ANSWER ANY QUESTIONS from an immigration agent if they try + to talk to you. You have the right to remain silent. +
++ DO NOT SIGN ANYTHING without first speaking to a lawyer. You have + the right to speak with a lawyer. +
++ If you are outside of your home, ask the agent if you are free to leave + and if they say yes, leave calmly. +
++ GIVE THIS CARD TO THE AGENT. If you are inside of your home, show + the card through the window or slide it under the door. +
+ > +); + +export const attribution = ( ++ {`This is a digital version of the "Red Cards" created by `} + + {`the Immigration Legal Resource Center`} + + {`.`} +
+); diff --git a/src/Components/Share/Share.jsx b/src/Components/Share/Share.jsx index 2726866..59c74e1 100644 --- a/src/Components/Share/Share.jsx +++ b/src/Components/Share/Share.jsx @@ -1,20 +1,25 @@ +import PropTypes from "prop-types"; import { Row, Col } from "react-bootstrap"; -function Share() { +function Share({ siteUrl, linkText, shareTitle, shareText }) { + const url = siteUrl || "https://redcards.accessi.tech"; + const text = linkText || url.slice(8); const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); + const shareHandler = (e) => { e.preventDefault(); if (!isMobile) { - navigator.clipboard.writeText("https://redcards.accessi.tech"); + navigator.clipboard.writeText(url); alert("Link copied to clipboard"); return; } + navigator .share({ - title: "Red Cards", - text: "Know Your Rights", - url: "https://redcards.accessi.tech", + title: shareTitle || document.title, + text: shareText || "Know Your Rights", + url, }) .then(() => { console.log("Thanks for sharing!"); @@ -45,7 +50,7 @@ function Share() { src="/assets/qr.svg" alt="QR code to this website" /> -redcards.accessi.tech
+{text}