more backgrounds

src/10th/Roster.jsx

@@ -10,6 +10,11 @@ import orkBackground from "../assets/orkBackground.png";
 import necronBackground from "../assets/necronBackground.png";
 import custodesBackground from "../assets/custodesBackground.png";
 import imperiumBackground from "../assets/imperiumBackground.png";
+import sistersBackground from "../assets/sistersBackground.png";
+import thousandBackground from "../assets/thousandBackground.png";
+import worldEatersBackground from "../assets/worldEatersBackground.png";
+import chaosKnightsBackground from "../assets/chaosKnightsBackground.png";
+import chaosMarinesBackground from "../assets/chaosMarinesBackground.png";
 import { Arrow, wavyLine } from "../assets/icons";
 import { Weapons, hasDifferentProfiles } from "./Weapons";
 import { useIndexedDB } from "../helpers/useIndexedDB"; // New hook for IndexedDB
@@ -596,7 +601,12 @@ const backgrounds = {
 
 	"Imperium - Adeptus Mechanicus": mechanicusBackground,
 	"Imperium - Adeptus Custodes": custodesBackground,
+	"Imperium - Adepta Sororitas": sistersBackground,
 	"Chaos - Death Guard": dgBackground,
+	"Chaos - Thousand Sons": thousandBackground,
+	"Chaos - World Eaters": worldEatersBackground,
+	"Chaos - Chaos Knights": chaosKnightsBackground,
+	"Chaos - Chaos Space Marines": chaosMarinesBackground,
 	"Xenos - T'au Empire": tauBackground,
 	"Xenos - Tyranids": tyranidBackground,
 	"Xenos - Orks": orkBackground,
@@ -891,6 +901,11 @@ const factionIcons = {
 			</g>
 		</svg>
 	),
+	"Imperium - Adepta Sororitas": (
+		<svg viewBox="0 0 504.04308 800" width="52px" height="52px">
+			<path d="m 503.81273,402.86592 c -9.41658,-56.66326 -44.21699,-82.53839 -90.97236,-85.15865 -28.33163,-1.55579 -65.50665,9.66223 -93.10133,33.81781 C 332.1853,320 357.7329,240.73695 333.33167,145.17912 314.49851,71.72979 274.94886,23.0911 253.33167,0 V 0 C 231.79636,23.0911 192.16483,71.72979 173.41355,145.17912 147.86596,244.913 176.93453,326.96008 188.56197,355.45548 160.55787,328.59775 121.00823,316.0696 91.202701,317.70727 44.447328,320.32753 9.6469185,346.20266 0.23033711,402.86592 -6.8935114,532.24156 153.59779,526.34596 152.94272,476.31525 c -82.538381,-6.46878 -5.24053,-70.174 17.52303,-10.39918 4.09417,13.18321 4.50358,38.81269 4.58547,43.97134 l -1.39202,6.71443 h -62.23132 v 51.99591 h 98.1781 c -0.40942,1.14636 -0.90072,2.4565 -1.31014,4.01228 -12.77379,44.87206 -84.01228,29.47799 -84.01228,29.47799 4.913,63.86899 55.68066,75.33266 84.01228,67.96316 1.14637,-0.32754 2.12897,-0.81884 3.11157,-1.4739 l 0.9826,3.4391 c 2.29273,19.89764 6.8782,44.1351 15.88536,70.91095 7.3695,21.86284 16.04913,40.45036 24.31935,55.68065 L 253.00414,800 c 8.27021,-15.2303 16.94984,-33.81781 24.31934,-55.68066 9.00716,-26.77584 13.59263,-51.09518 15.88536,-70.91095 l 0.65507,-2.53838 c 32.34391,6.55067 75.5783,-8.43398 80.24565,-68.78199 0,0 -71.23849,15.39407 -84.01228,-29.47799 -0.40942,-1.55578 -0.90072,-2.86592 -1.31014,-4.01228 h 106.5302 V 516.60184 H 328.7462 v -5.8956 c 0.16377,0.0819 0.24565,0.0819 0.24565,0.0819 0,0 0,-30.13306 4.58547,-44.87206 22.76356,-59.77482 100.06141,3.9304 17.52303,10.39918 -0.65507,50.03071 159.83623,55.92631 152.71238,-73.44933 z" />
+		</svg>
+	),
 	"Chaos - Death Guard": (
 		<svg
 			viewBox="0 0 833.07203 800.00001"

src/App.jsx

@@ -13,7 +13,7 @@ import { parseJSON, stringifyJSON } from "./helpers/json";
 const throttle = (func, limit) => {
 	let lastFunc;
 	let lastRan;
-	return function (...args) {
+	return (...args) => {
 		if (!lastRan) {
 			func(...args);
 			lastRan = Date.now();
@@ -294,14 +294,14 @@ function App() {
 									className="print-display-none absolute right-[-4px] top-[-4px] rounded-full border-0 bg-red-600 fill-white p-[2px] text-sm transition duration-150 ease-in-out hover:bg-red-800 focus:outline-none"
 								>
 									<svg height="16" viewBox="0 0 16 16" width="16">
-										<path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
+										<path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z" />
 									</svg>
 								</button>
 							</div>
 						))}
 					</div>
 				</div>
-				<div className="print-display-none"></div>
+				<div className="print-display-none" />
 				<div
 					className="print-display-none max-w-[95vw]"
 					style={{ display: "flex", width: "100%", gap: 8 }}
@@ -405,7 +405,7 @@ function App() {
 									setColorUserChoice(true);
 									throttledSetPrimaryColor(e.target.value);
 								}}
-							></input>
+							/>
 							<span> Custom Color</span>
 						</label>
 
@@ -497,21 +497,33 @@ function App() {
 					<div style={{ padding: "8px 0", fontSize: "1.7rem" }}>About</div>
 					<div style={{ fontSize: "1.2rem" }}>
 						FancyScribe is a website that renders{" "}
-						<a href="https://www.battlescribe.net/" target="_blank">
+						<a
+							href="https://www.battlescribe.net/"
+							target="_blank"
+							rel="noreferrer"
+						>
 							BattleScribe
 						</a>{" "}
 						or <a href="https://www.newrecruit.eu/">New Recruit</a> roster files
 						in an opinionated format inspired by the new 10th edition datacards.
 						Additional inspiration and large parts of the parsing logic come
 						from the{" "}
-						<a href="https://rweyrauch.github.io/PrettyScribe" target="_blank">
+						<a
+							href="https://rweyrauch.github.io/PrettyScribe"
+							target="_blank"
+							rel="noreferrer"
+						>
 							PrettyScribe
 						</a>{" "}
 						website.
 					</div>
 					<div style={{ fontSize: "1.2rem" }}>
 						FancyScribe is an open-source project and can be found on Github (
-						<a href="https://github.com/NilsUeter/fancyscribe" target="_blank">
+						<a
+							href="https://github.com/NilsUeter/fancyscribe"
+							target="_blank"
+							rel="noreferrer"
+						>
 							FancyScribe
 						</a>
 						).
@@ -577,7 +589,7 @@ const getPrimaryColor = (catalog) => {
 		case "Chaos - Death Guard":
 			return "#576011";
 		case "Chaos - Chaos Knights":
-			return "#513627";
+			return "#405c58";
 		case "Chaos - Thousand Sons":
 			return "#015d68";
 		case "Necrons":