Skip to content

C
CV-pdf-javascript
Commit 27627b0f by Josebaezx
Options

Initial commit

parents
Showing with 192 additions and 0 deletions
images/702.jpg 0 → 100644
This diff is collapsed. Click to expand it.
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<navbar>
<div class="nav">
<a href="#" class="ancla-nav" id="nav1">Acerca de mi</a>
<a href="#" class="ancla-nav" id="nav2">Resumen</a>
<a href="#" class="ancla-nav" id="nav3">Portafolio</a>
<a href="#" class="ancla-nav" id="nav4">Blog</a>
</div>
</navbar>
<div class="cv" id="cv">
<section class="imagencv" id="imagencv">
<div>
<img src="images/foto-cv.jpg" alt="">
</div>
<div class="resumencv" id="3">
<h2>PROGRAMADOR JAVA WEB</h2>
<p id="resumenfoto">Estudiante de Ing. en Sistemas, aprendí a desarrollar habilidades<br>
en programación en JAVA, PostgreSQL, SPRING BOOT, ANGULAR,<br>
JAVASCRIPT estudiando de forma autodidacta, sigo en constante<br>
aprendizaje para mejorar mis habilidades</p>
</div>
</section>
<aside class="contenidocv" >
<h1 id="1">CURRÍCULUM VITAE</h1>
<hr>
<div id="2">
<h3>Nombre: José Ramón </h3>
<h3>Apellido: Báez Arce</h3>
<h3>Titulo: Estudiante de Ing. Sistemas</h3>
<h3>Telefono: 0981 111-111</h3>
<h3>E-Mail: joseb@mail.roshka.com.py</h3>
</div>
<div>
<h2 id="4">EXPERIENCIA</h2>
<p id="5">Desarrollador Java web con Spring Boot, JSP, JavaScript,<br>
escribí código para una aplicación de <br>
un banco muy importante, creando nuevas funcionalidades y<br>
corrigiendo errores, logré dar un<br>
gran soporte a mi equipo para la entrega a tiempo del<br>
proyecto además de mejorar la<br>
aplicación y su legibilidad con expresiones Lamda, Streams.<br>
(Trabajo temporal de 2 meses)</p>
</div>
<div>
<h2 id="6">FORMACION</h2>
<p id="7">ING. EN SISTEMAS. Cursando actualmente el 4to año
de la carrera. <br> Desde 2019, UNIDA.</p>
</div><br>
<button id="generador" onclick="generarPDF()">Generar PDF</button>
</aside>
</div>
<section class="formcontacto">
<div>
<p><b>Contacto</b></p>
<input type="text" id="fname" name="fname"><br>
<textarea name="textarea" rows="8" cols="50">Deja tu nombre y numero de contacto</textarea><br>
<button onclick="enviado()">Enviar</button>
</div>
</section>
<footer>
<div>
</div>
</footer>
<script src="logica.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script>
</body>
</html>
\ No newline at end of file
logica.js 0 → 100644
function generarPDF() {
var a = document.getElementById('1').innerText,
b = document.getElementById('2').innerText,
c = document.getElementById('3').innerText,
d = document.getElementById('4').innerText,
e = document.getElementById('5').innerText,
f = document.getElementById('6').innerText,
g = document.getElementById('7').innerText
var doc = new jsPDF();
doc.text(12,12, '\n\t\t\t\t\t'+ a +'\n\n'+ b +'\n\n\t\t\t\t' + c +'\n\n\t\t\t\t'+
d +'\n\n'+ e +'\n\n\t\t\t\t' + f +'\n\n'+ g);
//doc.addPage();
doc.save('curriculum.pdf');
}
document.getElementById("nav1").addEventListener("click", myFunction);
document.getElementById("nav2").addEventListener("click", myFunction);
document.getElementById("nav3").addEventListener("click", myFunction);
document.getElementById("nav4").addEventListener("click", myFunction);
function myFunction() {
alert('Pagina en construcción')
}
function enviado(){
alert('Enviado correctamente!')
window.location.reload();
}
\ No newline at end of file
style.css 0 → 100644
html{
font-family: Tahoma, Verdana, sans-serif;
}
.ancla-nav{
display: inline-block;
background-color: rgb(24, 149, 233);
color: #fff;
padding: 10px 30px;
text-decoration: none;
border-radius: 8px;
margin-left: 12.5%;
}
.ancla-nav:hover{
background-color: rgb(13, 74, 114);
}
.nav {
background-color: rgba(184, 192, 197, 0.247);
padding: 10px;
border-radius: 8px;
width: 70%;
margin: 0 auto;
}
.imagencv{
margin-left: 150px;
width: 250px;
height: 550px;
}
.contenidocv{
margin-left: 10px;
width: 700px;
height: 550px;
}
.cv{
background-image: url('images/702.jpg');
width: 71%;
height: 620px;
margin: 0 auto;
}
img{
width: 200px;
display: block;
margin: 0px auto;
}
.resumencv h2, #resumenfoto{
text-align: center;
}
.cv{
display: flex;
}
.formcontacto {
margin-left: 1235px;
width: 400px;
height: 200px;
}
button{
color: white;
cursor: pointer;
background-color: rgb(24, 149, 233);
height: 30px;
border-radius: 8px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment