diff --git a/app/resume-builder/app/how-to-start/[template]/finish/components/Finish.js b/app/resume-builder/app/how-to-start/[template]/finish/components/Finish.js index 3ff6257..a886845 100644 --- a/app/resume-builder/app/how-to-start/[template]/finish/components/Finish.js +++ b/app/resume-builder/app/how-to-start/[template]/finish/components/Finish.js @@ -17,6 +17,7 @@ export default function FinishYourResume() { const { user } = useUser(); const router = useRouter(); const templateRef = useRef(); + const containerRef = useRef(); // Reference for the container to get its dimensions useEffect(() => { const storedResumeData = localStorage.getItem("resumeInfo"); @@ -78,10 +79,42 @@ export default function FinishYourResume() {
-
+
+ {/* Watermark over entire image in diagonal */} +
+ + ANALOGUESHIFTS RESUME BUILDER + + + `) + "')", + backgroundRepeat: "repeat", + backgroundSize: "400px 400px", + }} + /> {/* Render Preview Of Resume With User Info */} {TemplateComponent && !imageSrc ? ( -
+
) : imageSrc ? ( diff --git a/package-lock.json b/package-lock.json index d1e37d2..b148a58 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3219,6 +3219,7 @@ "version": "11.5.4", "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.5.4.tgz", "integrity": "sha512-E+tb3/G6SO69POkdJT+3EpdMuhmtCh9EWuK4I1DnIC23L7tFPrl8vxP+LSovwaw6uUr73rUbpb4FgK011wbRJQ==", + "license": "MIT", "dependencies": { "tslib": "^2.4.0" },