optimisations
diff --git a/Components/Card.js b/Components/Card.js
index 85a2407..dff4229 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -28,7 +28,7 @@
style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
href={button.link}
target={button.newTab ? "_blank" : undefined}
- rel="noreferror">{button.text}
+ rel="noopener">{button.text}
</a>
}) : null
}
diff --git a/Components/Header.js b/Components/Header.js
index 89a6d1e..bd5c54e 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -25,7 +25,7 @@
<meta name="author" content="Clicks Minute Per" />
<meta name="og:author" content="Clicks Minute Per" />
</Head>
- <img draggable={false} className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
+ <img draggable={false} alt="" className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
<div className={Styles.panel}>
<div className={Styles.titleContainer}>
<h1 className={Styles.title}>{this.props.name}</h1>
@@ -40,7 +40,7 @@
style={{ backgroundColor: `#${button.color}`, color: `#${button.buttonText}` }}
href={button.link}
target={button.target ? "_blank" : null}
- rel="noreferror">
+ rel="noopener">
{button.text}
</a>
}) : null
@@ -48,7 +48,9 @@
</div>
</div>
<span className={Styles.arrowSpan + " " + (this.props.hideArrow ? Styles.arrowHidden : null)} draggable={false}>
- <a href="#start" draggable={false}><img alt="Down arrow" src="/Arrow.svg" className={Styles.arrow} draggable={false} /></a>
+ <a href="#start" draggable={false}><img alt="Down arrow" src="/Arrow.svg" className={Styles.arrow} draggable={false} style={{
+ height: "49px", width: "87px"
+ }}/></a>
</span>
</div>
)
diff --git a/package.json b/package.json
index 02e0023..8f34773 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-hcaptcha": "^0.1.1",
+ "react-helmet": "^6.1.0",
"react-redux": "^7.2.4",
"redux": "^4.1.1",
"redux-thunk": "^2.3.0",
diff --git a/pages/_app.js b/pages/_app.js
index 23c45ff..46808d0 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,6 +1,7 @@
import '../styles/globals.css';
import NavBar from '../Components/NavBar';
import { ThemeProvider } from 'theme-ui';
+import { Helmet } from 'react-helmet';
const theme = {
config: {
@@ -37,6 +38,12 @@
function App({ Component, pageProps }) {
return <>
+ <Helmet>
+ <html lang="en" />
+ </Helmet>
+ <head>
+ <meta charSet="utf-8" />
+ </head>
<ThemeProvider theme={theme}>
<Component {...pageProps} />
<NavBar />
diff --git a/public/Icons/CA.svg b/public/Icons/CA.svg
index 69fe1c9..a20408e 100644
--- a/public/Icons/CA.svg
+++ b/public/Icons/CA.svg
@@ -1,79 +1 @@
-<svg width="2048" height="2048" viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3116:5883)">
-<rect width="2048" height="2048" rx="1024" fill="url(#paint0_linear_3116:5883)"/>
-<path d="M1740.16 1448.19C930.446 1495.91 260.306 1747.39 67.7139 2048H2048L2048 1440.41C1947.82 1439.51 1844.95 1442.02 1740.16 1448.19Z" fill="url(#paint1_linear_3116:5883)"/>
-<g filter="url(#filter0_d_3116:5883)">
-<path d="M1673 1235C1596.6 1187.12 1592.7 1170.2 1526.56 1170.11L1481.64 1171.66C1474.89 1171.89 1468.6 1168.59 1464.06 1163.59C1437.76 1134.54 1387.53 1117.19 1298 1110.38C1324.77 1099.43 1392.1 1104.41 1432.31 1108.7C1447 1110.26 1458.62 1096.25 1453.56 1082.37C1442.35 1051.66 1423.39 1004 1402.77 971C1447.19 999.819 1471.98 1023.77 1508.99 1107.76C1511.56 1113.58 1516.71 1117.85 1522.84 1119.56C1578.75 1135.15 1616.32 1169.03 1673 1235Z" fill="#424242"/>
-</g>
-<g filter="url(#filter1_d_3116:5883)">
-<path d="M1567 839C1490.6 791.303 1486.7 774.447 1420.56 774.353L1375.62 775.902C1368.88 776.134 1362.6 772.846 1358.06 767.856C1331.76 738.924 1281.53 721.641 1192 714.85C1218.77 703.948 1286.08 708.902 1326.29 713.172C1340.99 714.732 1352.59 700.704 1347.51 686.828C1336.3 656.226 1317.36 608.834 1296.77 576C1341.19 604.707 1365.97 628.562 1402.98 712.215C1405.55 718.028 1410.71 722.29 1416.84 723.992C1472.75 739.528 1510.32 773.279 1567 839Z" fill="#424242"/>
-</g>
-<g filter="url(#filter2_d_3116:5883)">
-<path d="M632 1103C555.599 1055.12 551.7 1038.2 485.561 1038.11L440.644 1039.66C433.891 1039.89 427.597 1036.59 423.061 1031.59C396.763 1002.54 346.532 985.194 257 978.377C283.772 967.433 351.101 972.409 391.314 976.696C406.002 978.261 417.617 964.251 412.556 950.373C401.355 919.659 382.39 872.003 361.772 839C406.195 867.819 430.977 891.766 467.991 975.756C470.556 981.576 475.714 985.847 481.84 987.556C537.755 1003.15 575.325 1037.03 632 1103Z" fill="#424242"/>
-</g>
-<g filter="url(#filter3_d_3116:5883)">
-<path d="M1088 1046C1011.6 998.122 1007.7 981.201 941.561 981.108L896.644 982.661C889.891 982.895 883.597 979.594 879.061 974.586C852.763 945.543 802.532 928.194 713 921.377C739.772 910.433 807.101 915.409 847.314 919.696C862.002 921.261 873.617 907.251 868.556 893.373C857.355 862.659 838.39 815.003 817.772 782C862.195 810.819 886.977 834.766 923.991 918.756C926.556 924.576 931.714 928.847 937.84 930.556C993.755 946.151 1031.32 980.031 1088 1046Z" fill="#424242"/>
-</g>
-<g filter="url(#filter4_d_3116:5883)">
-<path d="M1177 418C1100.6 370.122 1096.7 353.201 1030.56 353.108L985.644 354.661C978.891 354.895 972.597 351.594 968.061 346.586C941.763 317.543 891.532 300.194 802 293.377C828.772 282.433 896.101 287.409 936.314 291.696C951.002 293.261 962.617 279.251 957.556 265.373C946.355 234.659 927.39 187.003 906.772 154C951.195 182.819 975.977 206.766 1012.99 290.756C1015.56 296.576 1020.71 300.847 1026.84 302.556C1082.75 318.151 1120.32 352.031 1177 418Z" fill="#424242"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_3116:5883" x="1298" y="971" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="5" dy="5"/>
-<feGaussianBlur stdDeviation="1.25"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5883"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5883" result="shape"/>
-</filter>
-<filter id="filter1_d_3116:5883" x="1192" y="576" width="382.5" height="270.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="5" dy="5"/>
-<feGaussianBlur stdDeviation="1.25"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5883"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5883" result="shape"/>
-</filter>
-<filter id="filter2_d_3116:5883" x="257" y="839" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="5" dy="5"/>
-<feGaussianBlur stdDeviation="1.25"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5883"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5883" result="shape"/>
-</filter>
-<filter id="filter3_d_3116:5883" x="713" y="782" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="5" dy="5"/>
-<feGaussianBlur stdDeviation="1.25"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5883"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5883" result="shape"/>
-</filter>
-<filter id="filter4_d_3116:5883" x="802" y="154" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="5" dy="5"/>
-<feGaussianBlur stdDeviation="1.25"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5883"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5883" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_3116:5883" x1="2048" y1="0" x2="0" y2="2048" gradientUnits="userSpaceOnUse">
-<stop stop-color="#78ECF2"/>
-<stop offset="1" stop-color="#71AFE5"/>
-</linearGradient>
-<linearGradient id="paint1_linear_3116:5883" x1="-28" y1="1552.39" x2="1925.63" y2="2212.59" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F2D478"/>
-<stop offset="0.927083" stop-color="#EDC575"/>
-</linearGradient>
-<clipPath id="clip0_3116:5883">
-<rect width="2048" height="2048" rx="1024" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="2048" height="2048" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="2048" height="2048" rx="1024" fill="url(#a)"/><g filter="url(#b)"><path d="M1673 1235c-76.4-47.88-80.3-64.8-146.44-64.89l-44.92 1.55c-6.75.23-13.04-3.07-17.58-8.07-26.3-29.05-76.53-46.4-166.06-53.21 26.77-10.95 94.1-5.97 134.31-1.68 14.69 1.56 26.31-12.45 21.25-26.33-11.21-30.71-30.17-78.37-50.79-111.37 44.42 28.819 69.21 52.77 106.22 136.76 2.57 5.82 7.72 10.09 13.85 11.8 55.91 15.59 93.48 49.47 150.16 115.44Z" fill="#424242"/></g><g filter="url(#c)"><path d="M1567 839c-76.4-47.697-80.3-64.553-146.44-64.647l-44.94 1.549c-6.74.232-13.02-3.056-17.56-8.046-26.3-28.932-76.53-46.215-166.06-53.006 26.77-10.902 94.08-5.948 134.29-1.678 14.7 1.56 26.3-12.468 21.22-26.344-11.21-30.602-30.15-77.994-50.74-110.828 44.42 28.707 69.2 52.562 106.21 136.215 2.57 5.813 7.73 10.075 13.86 11.777 55.91 15.536 93.48 49.287 150.16 115.008Z" fill="#424242"/></g><g filter="url(#d)"><path d="M632 1103c-76.401-47.88-80.3-64.8-146.439-64.89l-44.917 1.55c-6.753.23-13.047-3.07-17.583-8.07-26.298-29.05-76.529-46.396-166.061-53.213 26.772-10.944 94.101-5.968 134.314-1.681 14.688 1.565 26.303-12.445 21.242-26.323-11.201-30.714-30.166-78.37-50.784-111.373 44.423 28.819 69.205 52.766 106.219 136.756 2.565 5.82 7.723 10.091 13.849 11.8C537.755 1003.15 575.325 1037.03 632 1103Z" fill="#424242"/></g><g filter="url(#e)"><path d="M1088 1046c-76.4-47.878-80.3-64.799-146.439-64.892l-44.917 1.553c-6.753.234-13.047-3.067-17.583-8.075-26.298-29.043-76.529-46.392-166.061-53.209 26.772-10.944 94.101-5.968 134.314-1.681 14.688 1.565 26.303-12.445 21.242-26.323-11.201-30.714-30.166-78.37-50.784-111.373 44.423 28.819 69.205 52.766 106.219 136.756 2.565 5.82 7.723 10.091 13.849 11.8 55.915 15.595 93.48 49.475 150.16 115.444Z" fill="#424242"/></g><g filter="url(#f)"><path d="M1177 418c-76.4-47.878-80.3-64.799-146.44-64.892l-44.916 1.553c-6.753.234-13.047-3.067-17.583-8.075-26.298-29.043-76.529-46.392-166.061-53.209 26.772-10.944 94.101-5.968 134.314-1.681 14.688 1.565 26.303-12.445 21.242-26.323-11.201-30.714-30.166-78.37-50.784-111.373 44.423 28.819 69.205 52.766 106.218 136.756 2.57 5.82 7.72 10.091 13.85 11.8 55.91 15.595 93.48 49.475 150.16 115.444Z" fill="#424242"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M354.304 1798.67C533.844 1954.02 767.947 2048 1024 2048c417.23 0 776.18-249.53 935.75-607.5-72.05.78-145.34 3.32-219.59 7.69-570.76 33.64-1072.169 168.52-1385.856 350.48Z" fill="url(#g)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M354.304 1798.67c313.687-181.96 815.096-316.84 1385.856-350.48 74.25-4.37 147.54-6.91 219.59-7.69C1800.18 1798.47 1441.23 2048 1024 2048c-256.053 0-490.156-93.98-669.696-249.33Z" fill="url(#h)"/><defs><filter id="b" x="1298" y="971" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="1.25"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7645"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7645" result="shape"/></filter><filter id="c" x="1192" y="576" width="382.5" height="270.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="1.25"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7645"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7645" result="shape"/></filter><filter id="d" x="257" y="839" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="1.25"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7645"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7645" result="shape"/></filter><filter id="e" x="713" y="782" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="1.25"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7645"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7645" result="shape"/></filter><filter id="f" x="802" y="154" width="382.5" height="271.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="1.25"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7645"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7645" result="shape"/></filter><linearGradient id="a" x1="2048" y1="0" x2="0" y2="2048" gradientUnits="userSpaceOnUse"><stop stop-color="#78ECF2"/><stop offset="1" stop-color="#71AFE5"/></linearGradient><linearGradient id="g" x1="-28" y1="1552.39" x2="1925.63" y2="2212.59" gradientUnits="userSpaceOnUse"><stop stop-color="#F2D478"/><stop offset=".927083" stop-color="#EDC575"/></linearGradient><linearGradient id="h" x1="-28" y1="1552.39" x2="1925.63" y2="2212.59" gradientUnits="userSpaceOnUse"><stop stop-color="#F2D478"/><stop offset=".927083" stop-color="#EDC575"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/public/Icons/RM.svg b/public/Icons/RM.svg
index 59590e0..4343d08 100644
--- a/public/Icons/RM.svg
+++ b/public/Icons/RM.svg
@@ -1,23 +1 @@
-<svg width="2048" height="2048" viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="2048" height="2048" rx="1024" fill="url(#paint0_linear_3116:5873)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M354 478C318.101 478 289 507.101 289 543V724C289 759.898 318.102 789 354 789H1693C1728.9 789 1758 759.898 1758 724V543C1758 507.101 1728.9 478 1693 478H354ZM1602 761C1672.14 761 1729 704.14 1729 634C1729 563.86 1672.14 507 1602 507C1531.86 507 1475 563.86 1475 634C1475 704.14 1531.86 761 1602 761Z" fill="#424242"/>
-<g filter="url(#filter0_d_3116:5873)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M354 868C318.101 868 289 897.101 289 933V1114C289 1149.9 318.102 1179 354 1179H1693C1728.9 1179 1758 1149.9 1758 1114V933C1758 897.101 1728.9 868 1693 868H354ZM1602 1151C1672.14 1151 1729 1094.14 1729 1024C1729 953.86 1672.14 897 1602 897C1531.86 897 1475 953.86 1475 1024C1475 1094.14 1531.86 1151 1602 1151Z" fill="#424242"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M354 1258C318.101 1258 289 1287.1 289 1323V1504C289 1539.9 318.102 1569 354 1569H1693C1728.9 1569 1758 1539.9 1758 1504V1323C1758 1287.1 1728.9 1258 1693 1258H354ZM1602 1541C1672.14 1541 1729 1484.14 1729 1414C1729 1343.86 1672.14 1287 1602 1287C1531.86 1287 1475 1343.86 1475 1414C1475 1484.14 1531.86 1541 1602 1541Z" fill="#424242"/>
-<defs>
-<filter id="filter0_d_3116:5873" x="285" y="868" width="1477" height="319" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3116:5873"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3116:5873" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_3116:5873" x1="2048" y1="0" x2="0" y2="2048" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F27878"/>
-<stop offset="1" stop-color="#D96B6B"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="2048" height="2048" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="2048" height="2048" rx="1024" fill="url(#a)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M354 478c-35.899 0-65 29.101-65 65v181c0 35.898 29.102 65 65 65h1339c35.9 0 65-29.102 65-65V543c0-35.899-29.1-65-65-65H354Zm1248 283c70.14 0 127-56.86 127-127s-56.86-127-127-127-127 56.86-127 127 56.86 127 127 127Z" fill="#424242"/><g filter="url(#b)"><path fill-rule="evenodd" clip-rule="evenodd" d="M354 868c-35.899 0-65 29.101-65 65v181c0 35.9 29.102 65 65 65h1339c35.9 0 65-29.1 65-65V933c0-35.899-29.1-65-65-65H354Zm1248 283c70.14 0 127-56.86 127-127s-56.86-127-127-127-127 56.86-127 127 56.86 127 127 127Z" fill="#424242"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M354 1258c-35.899 0-65 29.1-65 65v181c0 35.9 29.102 65 65 65h1339c35.9 0 65-29.1 65-65v-181c0-35.9-29.1-65-65-65H354Zm1248 283c70.14 0 127-56.86 127-127s-56.86-127-127-127-127 56.86-127 127 56.86 127 127 127Z" fill="#424242"/><defs><linearGradient id="a" x1="2048" y1="0" x2="0" y2="2048" gradientUnits="userSpaceOnUse"><stop stop-color="#F27878"/><stop offset="1" stop-color="#D96B6B"/></linearGradient><filter id="b" x="285" y="868" width="1477" height="319" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3103:7635"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3103:7635" result="shape"/></filter></defs></svg>
\ No newline at end of file
diff --git a/styles/clicksforms/form.module.css b/styles/clicksforms/form.module.css
index 28eaa70..16bebe1 100644
--- a/styles/clicksforms/form.module.css
+++ b/styles/clicksforms/form.module.css
@@ -63,6 +63,7 @@
.input {
background-color: var(--card-background-color);
border: solid 3px var(--card-border-color);
+ color: var(--card-text-color);
padding-block: 5px;
padding-inline: 5px;
border-radius: 7px;
diff --git a/yarn.lock b/yarn.lock
index 2118c67..cd5e114 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4326,11 +4326,26 @@
object-assign "^4.1.1"
scheduler "^0.20.2"
+react-fast-compare@^3.1.1:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
+ integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
+
react-hcaptcha@^0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/react-hcaptcha/-/react-hcaptcha-0.1.1.tgz#da21311166f0153054624caf5784cfd977ef31f5"
integrity sha512-p0s7uDOZAh28dbcmP2bXsox2NmIwQ6OtDTgjCYwfe49kHeCU67Omma1DhzYiGWQJRC6eTUZEikjsm+WT7bmy2g==
+react-helmet@^6.1.0:
+ version "6.1.0"
+ resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-6.1.0.tgz#a750d5165cb13cf213e44747502652e794468726"
+ integrity sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==
+ dependencies:
+ object-assign "^4.1.1"
+ prop-types "^15.7.2"
+ react-fast-compare "^3.1.1"
+ react-side-effect "^2.1.0"
+
react-is@17.0.2:
version "17.0.2"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
@@ -4358,6 +4373,11 @@
resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
+react-side-effect@^2.1.0:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.1.tgz#66c5701c3e7560ab4822a4ee2742dee215d72eb3"
+ integrity sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ==
+
react@^17.0.2:
version "17.0.2"
resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
