Online Resume Builder
John Doe
john.doe@example.com
123 Main Street, City, Country
Bachelor's in Computer Science - University XYZ
Software Developer - ABC Company
Reading, Traveling, Coding
English, French
This is a sample resume. All information is fictitious.
body {
font-family: 'Arial', sans-serif;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #f5f5f5;
}
#resume-builder {
text-align: center;
}
#resume-preview {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
}
#resume-content {
position: relative;
}
#photo img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 10px;
}
#resume-preview path {
fill: #3498db; /* Default background color */
}
button {
padding: 10px;
font-size: 16px;
cursor: pointer;
background-color: #4caf50;
color: white;
border: none;
border-radius: 4px;
}
button:hover {
background-color: #45a049;
}
function getRandomColor() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
function applyRandomColor() {
const pathTags = document.querySelectorAll('#resume-preview path');
pathTags.forEach(path => {
path.setAttribute('fill', getRandomColor());
});
}
function downloadResume() {
applyRandomColor();
const resumeContent = document.getElementById('resume-content');
const options = {
margin: 10,
filename: 'resume.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
};
html2pdf().from(resumeContent).set(options).outputPdf(pdf => {
const blob = new Blob([pdf], { type: 'application/pdf' });
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'resume.pdf';
link.click();
});
}
function getRandomColor() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
function applyRandomColor() {
const pathTags = document.querySelectorAll('#resume-preview path');
pathTags.forEach(path => {
path.setAttribute('fill', getRandomColor());
});
}
function downloadResume() {
applyRandomColor();
const resumeContent = document.getElementById('resume-content');
const options = {
margin: 10,
filename: 'resume.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
};
html2pdf().from(resumeContent).set(options).outputPdf(pdf => {
const blob = new Blob([pdf], { type: 'application/pdf' });
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'resume.pdf';
link.click();
});
}
