Skip to content
This repository has been archived by the owner on May 31, 2024. It is now read-only.

task1_complete #4

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

task1_complete #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/logo_nitj.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 6 additions & 2 deletions src/certificateModule/Certificate.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@ import EditCertificate from "./EditCertificate"
import { useState } from "react"
import CertificateTemplate from "./CertificateTemplates";
import mySvg from "../assets/temp1.svg"
import Template01 from "./Templates/01";
import Template02 from "./Templates/02";
// import Template02 from "./Templates/02";



Expand Down Expand Up @@ -54,8 +55,11 @@ function Certificate() {
</div>
<div className="flex md:flex-row flex-col">
<div className="md:basis-[70%] basis:w-[100vw]">
<Template01 />
<Template02 />
</div>
{/* <div className="md:basis-[70%] basis:w-[100vw]">
<Template02 />
</div> */}
<div className="">
<EditCertificate certificateData={certificateData} setCertificateData={setCertificateData} handleSubmit={handleSubmit} />
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/certificateModule/Templates/01/Content.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,14 +13,14 @@ function Content({ data }) {
{/* {Certificate} */}
</text>
<text
x="161.26"
x="100.26"
y="221.542"
fill="#46B4A9"
fontFamily="AbhayaLibre-Regular"
fontSize="38.793"
textAnchor="middle"
>
OF APPRECIATION
OF APPRECIATION
</text>
<text
id="text"
Expand Down Expand Up @@ -112,8 +112,8 @@ function Content({ data }) {
fontSize="15.816"
textAnchor="middle"
fontFamily="AbhayaLibre-Regular"
width="200px"
height="200px"
width="100px"
height="100px"
>
<p className="w-full">HJNNZJ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus nemo sint odio delectus qui omnis voluptatibus illum amet consequuntur unde! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Debitis a veniam dicta quibusdam similique ea sint quaerat consectetur nihil! Officia. Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi officiis quis architecto, laborum molestias facere explicabo laudantium inventore iste vitae! lrem30
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati possimus unde dolorum, explicabo minus doloribus, quam molestiae esse eos quidem debitis vitae beatae libero nostrum odit tenetur in, vel officiis?
Expand Down
60 changes: 60 additions & 0 deletions src/certificateModule/Templates/01/Top.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,66 @@
function Top() {
return (
<>
<defs>
<linearGradient
id="a"
x1="579.046"
x2="596.353"
y1="-410.125"
y2="-410.125"
gradientTransform="translate(-11871.568 8539.78) scale(20.502)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#AB8641" />
<stop offset=".215" stopColor="#FFD386" />
<stop offset=".606" stopColor="#AB8641" />
<stop offset=".779" stopColor="#AB8641" />
<stop offset=".897" stopColor="#FFD386" />
<stop offset={1} stopColor="#AB8641" />
</linearGradient>
<linearGradient
id="b"
x1="244.846"
x2="260.557"
y1="361.87"
y2="361.87"
gradientTransform="translate(-5019.8 -7299.82) scale(20.502)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#C44545" />
<stop offset={1} stopColor="#6A1B1B" />
<stop offset={1} stopColor="#231F20" />
</linearGradient>
<linearGradient
id="c"
x1="108.01"
x2="123.352"
y1="93.954"
y2="93.954"
gradientTransform="translate(-1406.384 -1248.9) scale(20.502)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#AB8641" />
<stop offset=".215" stopColor="#FFD386" />
<stop offset=".606" stopColor="#AB8641" />
<stop offset=".779" stopColor="#AB8641" />
<stop offset=".897" stopColor="#FFD386" />
<stop offset={1} stopColor="#AB8641" />
</linearGradient>
<linearGradient
id="d"
x1="87.94"
x2="103.415"
y1="72.11"
y2="72.11"
gradientTransform="translate(-1400.32 -1248.9) scale(20.502)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#C44545" />
<stop offset={1} stopColor="#6A1B1B" />
<stop offset={1} stopColor="#231F20" />
</linearGradient>
</defs>
<path fill="#424847" d="M-4.729-6.627h1131.977v806.954H-4.729Z" />
<path
fill="#FFFFFF"
Expand Down
169 changes: 169 additions & 0 deletions src/certificateModule/Templates/02/Content.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
function Content({ data }) {
const name = "Prerna"
return (
<>

<text
x="300.26"
y="120.652"
fill="#000000."
fontFamily="sans-serif"
// fontFamily = "AbhayaLibre-Regular"
fontSize="25.028"
font-weight="bold"
>
डॉ बीआर अंबेडकर राष्ट्रीय प्रौद्योगिकी संस्थान जालंधर
{/* Dr BR Ambedkar National Institute of Technology Jalandhar */}

</text>

<image
x="120" // Adjust the x coordinate as needed
y="60" // Adjust the y coordinate as needed
width="100" // Set the width of the image
height="140" // Set the height of the image
xlinkHref="/public/logo_nitj.png" // Provide the path to your image
/>



{/* <text
x="430.26"
y="203.742"
fill="#FFFFFF"
fontFamily="AbhayaLibre-Regular"
fontSize="22.675"
>
OF ACHIEVEMENT
</text> */}
<text
x="369.26"
y="140.652"
fill="#000000."
fontFamily="sans-serif"
// fontFamily = "Montserrat-Medium"
fontSize="16.028"


>
जी.टी. रोड, अमृतसर बाईपास, जालंधर (पंजाब), भारत-144008
{/* G.T Road ,Amritsar Bypass ,Jalandhar(Punjab),India-144008 */}

</text>

<text
x="230.26"
y="180.652"
fill="#000000."
fontFamily="sans-serif"
// fontFamily = "AbhayaLibre-Regular"
fontSize="25.028"
font-weight="bold"
>
Dr BR Ambedkar National Institute of Technology Jalandhar

</text>
<text
x="350.26"
y="200.652"
fill="#000000."
fontFamily="sans-serif"
// fontFamily = "Montserrat-Medium"
fontSize="16.028"


>
{/* जी.टी. रोड, अमृतसर बाईपास, जालंधर (पंजाब), भारत-144008 */}
G.T Road ,Amritsar Bypass ,Jalandhar(Punjab),India-144008

</text>
<text
x="310.26"
y="285.379"
fill="#ADD8E8"
fontSize="40.015"
font-weight="bold"
>
Certificate of Achievement
</text>
<text
// x="53.26"
y="350.985"
fill="#231F20"
fontFamily="Montserrat-Regular"
fontSize="22.345"
>
<tspan x="300.26">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore

</tspan>



<tspan x="300.26" dy={30}>
of the team , consectetur adipisicing elit. Dolore hsgxbkm vhjjxz </tspan>
<tspan x="300.26" dy={30}>
wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper
</tspan>
<tspan x="300.26" dy={30}>
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</tspan>
<tspan x="350.26" dy={30} />
</text>
{/* <text
x="200.771"
y={625}
fill="#231F20"
fontFamily="Montserrat-Regular"
fontSize={20}
>
16-Oct-2023
</text> */}
<text
x="235.771"
y={661}
fill="#231F20"
fontFamily="Montserrat-Regular"
fontSize={19}
>
SIGNATURE
</text>
{/* <text
x="821.771"
y={625}
fill="#231F20"
fontFamily="AlexBrush-Regular"
fontSize={36}
>
Prerna
</text> */}
<text
x="815.094"
y={661}
fill="#231F20"
fontFamily="Montserrat-Regular"
fontSize={19}
>
SIGNATURE
</text>


<text
x="530.094"
y={661}
fill="#231F20"
fontFamily="Montserrat-Regular"
fontSize={19}
>
SIGNATURE
</text>
</>

)
}

export default Content




Loading