diff --git a/createPDF.bash b/createPDF.bash index 319065c..1c01d69 100644 --- a/createPDF.bash +++ b/createPDF.bash @@ -1 +1,2 @@ electroshot localhost:3000/resume-1 2481x3508 --format pdf --out pdf +electroshot localhost:3000/resume-2 2481x3508 --format pdf --out pdf diff --git a/createPDF.sh b/createPDF.sh index 319065c..1c01d69 100644 --- a/createPDF.sh +++ b/createPDF.sh @@ -1 +1,2 @@ electroshot localhost:3000/resume-1 2481x3508 --format pdf --out pdf +electroshot localhost:3000/resume-2 2481x3508 --format pdf --out pdf diff --git a/index.html b/index.html index 7b7cfc0..154b35e 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,10 @@ Resume 1 +
+ + Resume 2 +
diff --git a/less/resume-2.less b/less/resume-2.less new file mode 100644 index 0000000..8a8a4e3 --- /dev/null +++ b/less/resume-2.less @@ -0,0 +1,161 @@ +@dots: rgba(153, 153, 153, 0.6); + +#resume2 { + font-family: 'Raleway', sans-serif; + font-weight: 200; + + h3 { + text-transform: uppercase; + padding-top: 0; + margin-top: 0; + letter-spacing: 5px; + font-weight: 400; + } + + .top-row { + width: 100%; + padding-top: 100px; + padding-bottom: 100px; + + span { + width: 100%; + display: block; + text-align: center; + font-weight: normal; + + &.person-name { + text-transform: uppercase; + font-size: 50px; + letter-spacing: 10px; + } + + &.person-position { + letter-spacing: 5px; + } + } + } + + .left-col { + width: 26%; + float: left; + padding-left: 8%; + padding-right: 4%; + + .person-image { + .image-centerer { + display: flex; + justify-content: center; + height: auto; + overflow: hidden; + + img { + flex: none; + } + } + } + + .contact { + h3 { + text-align: center; + margin-top: 20px; + } + + .contact-row { + text-align: center; + letter-spacing: 2px; + margin-bottom: 3px; + + &:first-of-type { + margin-top: 50px; + } + + &.dots { + margin-top: 20px; + margin-bottom: 15px; + font-size: 10px; + color: @dots; + } + + a { + color: black; + } + } + } + } + + .right-col { + width: 50%; + float: right; + padding-left: 4%; + padding-right: 8%; + + .experience-block { + margin-bottom: 10px; + + .row { + &:first-child { + font-size: 19px; + margin-bottom: 3px; + } + + .company { + text-transform: uppercase; + font-size: 19px; + } + } + } + + .education { + margin-top: 50px; + + .education-block { + margin-bottom: 10px; + + .degree { + font-size: 19px; + text-transform: uppercase; + margin-bottom: 3px; + } + } + } + + .skills-block { + margin-top: 50px; + position: relative; + + .skills { + margin-bottom: 10px; + position: relative; + margin-left: auto; + margin-right: auto; + display: inline-block; + margin-bottom: 20px; + + .skill { + width: 80px; + height: 80px; + border-radius: 50%; + position: relative; + border: #333 1px solid; + margin: 3px; + float: left; + font-size: 13px; + + .skill-name { + text-align: center; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; + } + } + + .skills-other { + display: inline-block; + width: 100%; + margin-top: 20px; + } + } + } + } +} diff --git a/less/style.less b/less/style.less index f1e2f0c..e0bfadb 100755 --- a/less/style.less +++ b/less/style.less @@ -96,6 +96,7 @@ body { .resume { display: inline-block; text-decoration: none; + margin-right: 10px; img { height: 300px; diff --git a/package.json b/package.json index 2721bd8..71fe591 100755 --- a/package.json +++ b/package.json @@ -1,35 +1,35 @@ { - "name": "best-resume-ever", - "version": "1.0.0", - "description": "", - "main": "server.js", - "scripts": { - "server": "node server.js", - "start": "npm run less && npm run server", - "pdf": "bash createPDF.bash", - "pdf:win": "sh createPDF.sh", - "less": "lessc --clean-css less/style.less public/style.min.css" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/SalamiMitPizza/beautifulCV.git" - }, - "author": "salamimipizza", - "homepage": "https://salamimitpizza.github.io/beautifulCV/", - "dependencies": { - "electron": "^1.4.15", - "electroshot": "^1.2.0", - "express": "^4.14.1", - "font-awesome": "^4.7.0", - "hogan-express": "^0.5.2", - "html-pdf": "2.1.0", - "jquery": "^3.1.1", - "less": "^2.7.2", - "less-plugin-clean-css": "^1.5.1", - "local-web-server": "1.2.6", - "mustache-express": "^1.2.4", - "open-sans-fontface": "^1.4.0", - "path": "^0.12.7", - "raleway-webfont": "^3.0.1" - } + "name": "best-resume-ever", + "version": "1.0.0", + "description": "", + "main": "server.js", + "scripts": { + "server": "node server.js", + "start": "npm run less && npm run server", + "pdf": "bash createPDF.bash", + "pdf:win": "sh createPDF.sh", + "less": "lessc --clean-css less/style.less public/style.min.css" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/SalamiMitPizza/beautifulCV.git" + }, + "author": "salamimipizza", + "homepage": "https://salamimitpizza.github.io/beautifulCV/", + "dependencies": { + "electron": "^1.4.15", + "electroshot": "^1.2.0", + "express": "^4.14.1", + "font-awesome": "^4.7.0", + "hogan-express": "^0.5.2", + "html-pdf": "2.1.0", + "jquery": "^3.1.1", + "less": "^2.7.2", + "less-plugin-clean-css": "^1.5.1", + "local-web-server": "1.2.6", + "mustache-express": "^1.2.4", + "open-sans-fontface": "^1.4.0", + "path": "^0.12.7", + "raleway-webfont": "^3.0.1" + } } diff --git a/pdf/localhost-resume-1-2481x3508.pdf b/pdf/localhost-resume-1-2481x3508.pdf index b3269b3..aa0bb87 100644 Binary files a/pdf/localhost-resume-1-2481x3508.pdf and b/pdf/localhost-resume-1-2481x3508.pdf differ diff --git a/pdf/localhost-resume-2-2481x3508.pdf b/pdf/localhost-resume-2-2481x3508.pdf new file mode 100644 index 0000000..6105cd3 Binary files /dev/null and b/pdf/localhost-resume-2-2481x3508.pdf differ diff --git a/public/charts.js b/public/charts.js new file mode 100644 index 0000000..e69de29 diff --git a/public/preview/resume-2.png b/public/preview/resume-2.png new file mode 100644 index 0000000..71e0a25 Binary files /dev/null and b/public/preview/resume-2.png differ diff --git a/public/style.min.css b/public/style.min.css index 0f63de7..5443b8e 100755 --- a/public/style.min.css +++ b/public/style.min.css @@ -1 +1 @@ -#resume1 body{font-family:'Source Sans Pro',sans-serif}#resume1 h3{padding-top:20px;margin-bottom:0}#resume1 a,#resume1 a:focus,#resume1 a:hover,#resume1 a:visited{color:#616161}#resume1 span{display:inline-block}#resume1 .row{width:100%}#resume1 .half{width:44%}#resume1 .left{float:left;text-align:right;padding-left:4%;padding-right:2%}#resume1 .right{float:right;text-align:left;padding-right:4%;padding-left:2%}#resume1 .center{margin-left:auto;margin-right:auto}#resume1 .text-center{text-align:center}#resume1 .name{border:1px solid #000;text-transform:uppercase;padding:10px 20px;margin-top:80px;margin-bottom:5px;font-family:'Open Sans',sans-serif;font-size:25px;font-weight:700;letter-spacing:5px}#resume1 .position{text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:smaller;color:#757575;margin-bottom:40px}#resume1 .image{width:100px;height:100px;margin-top:50px;margin-bottom:50px}#resume1 .image img{width:100%;height:100%;border-radius:50%}#resume1 .contact,#resume1 .experience,#resume1 .experience-block{width:100%}#resume1 .experience-block span{width:100%}#resume1 .education-block span.degree,#resume1 .experience-block span.company{font-weight:700;padding-bottom:10px;padding-top:20px;color:#424242}#resume1 .education-block span.degree-description,#resume1 .experience-block span.job-description,#resume1 .experience-block span.time-period,#resume1 .skills-other{color:#616161}#resume1 .experience-block span.job-title{font-style:italic;color:#616161}#resume1 .skill-block{display:flex;padding-bottom:10px}#resume1 .skill-block .skill{width:100px;color:#616161}#resume1 .skill-block .skill-bar{background:#E0E0E0;overflow:hidden;height:8px;flex:1;border-radius:3px;margin-top:6.5px;position:relative}#resume1 .skill-bar .level{background:#757575;height:100%}#resume1 .skills{margin-top:20px;margin-bottom:20px}#resume1 .contact table{text-align:right;float:right;margin-top:20px}#resume1 .contact table i{padding:5px;color:#616161}#resume1 .contact table tr td:nth-child(2){vertical-align:top}#resume1 .contact table{color:#616161}#resume2{font-family:Raleway,sans-serif}#resume2 .top-row{width:100%;padding-top:100px;padding-bottom:100px}#resume2 .top-row span{width:100%;display:block;text-align:center}#resume2 .top-row span.person-name{text-transform:uppercase;font-size:50px;letter-spacing:10px}#resume2 .top-row span.person-position{letter-spacing:5px}#resume2 .left-col{width:22%;float:left;padding-left:8%;padding-right:8%}#resume2 .right-col{width:46%;float:right;padding-left:8%;padding-right:8%}@font-face{font-family:'Open Sans';src:url(fonts/Light/OpenSans-Light.eot);src:url(fonts/Light/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(fonts/Light/OpenSans-Light.woff) format('woff'),url(fonts/Light/OpenSans-Light.ttf) format('truetype'),url(fonts/Light/OpenSans-Light.svg#OpenSansLight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/LightItalic/OpenSans-LightItalic.eot);src:url(fonts/LightItalic/OpenSans-LightItalic.eot?#iefix) format('embedded-opentype'),url(fonts/LightItalic/OpenSans-LightItalic.woff) format('woff'),url(fonts/LightItalic/OpenSans-LightItalic.ttf) format('truetype'),url(fonts/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic) format('svg');font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Regular/OpenSans-Regular.eot);src:url(fonts/Regular/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/Regular/OpenSans-Regular.woff) format('woff'),url(fonts/Regular/OpenSans-Regular.ttf) format('truetype'),url(fonts/Regular/OpenSans-Regular.svg#OpenSansRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/Italic/OpenSans-Italic.eot);src:url(fonts/Italic/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(fonts/Italic/OpenSans-Italic.woff) format('woff'),url(fonts/Italic/OpenSans-Italic.ttf) format('truetype'),url(fonts/Italic/OpenSans-Italic.svg#OpenSansItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Semibold/OpenSans-Semibold.eot);src:url(fonts/Semibold/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),url(fonts/Semibold/OpenSans-Semibold.woff) format('woff'),url(fonts/Semibold/OpenSans-Semibold.ttf) format('truetype'),url(fonts/Semibold/OpenSans-Semibold.svg#OpenSansSemibold) format('svg');font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot);src:url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff) format('woff'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf) format('truetype'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic) format('svg');font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Bold/OpenSans-Bold.eot);src:url(fonts/Bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/Bold/OpenSans-Bold.woff) format('woff'),url(fonts/Bold/OpenSans-Bold.ttf) format('truetype'),url(fonts/Bold/OpenSans-Bold.svg#OpenSansBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/BoldItalic/OpenSans-BoldItalic.eot);src:url(fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/BoldItalic/OpenSans-BoldItalic.woff) format('woff'),url(fonts/BoldItalic/OpenSans-BoldItalic.ttf) format('truetype'),url(fonts/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/ExtraBold/OpenSans-ExtraBold.eot);src:url(fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix) format('embedded-opentype'),url(fonts/ExtraBold/OpenSans-ExtraBold.woff) format('woff'),url(fonts/ExtraBold/OpenSans-ExtraBold.ttf) format('truetype'),url(fonts/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold) format('svg');font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot);src:url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff) format('woff'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf) format('truetype'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic) format('svg');font-weight:800;font-style:italic}@font-face{font-family:Raleway;src:url(fonts/Raleway-Thin.ttf) format('truetype');font-style:normal;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Thin-Italic.ttf) format('truetype');font-style:italic;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraLight.ttf) format('truetype');font-style:normal;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraLight-Italic.ttf) format('truetype');font-style:italic;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Light.ttf) format('truetype');font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Light-Italic.ttf) format('truetype');font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Regular.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Regular-Italic.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Medium.ttf) format('truetype');font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Medium-Italic.ttf) format('truetype');font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-SemiBold-Italic.ttf) format('truetype');font-style:italic;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Bold.ttf) format('truetype');font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Bold-Italic.ttf) format('truetype');font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraBold-Italic.ttf) format('truetype');font-style:italic;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Black.ttf) format('truetype');font-style:normal;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Black-Italic.ttf) format('truetype');font-style:italic;font-weight:900;text-rendering:optimizeLegibility}body{background:#CCC;font-family:'Open Sans',sans-serif;margin:0;padding:0;-webkit-print-color-adjust:exact;box-sizing:border-box}body page{background:#fff;position:relative;width:21cm;height:297mm;display:block;page-break-after:auto;overflow:hidden}body .index-page header{background:#4B5B6E;color:#fff;padding-top:10px;padding-bottom:10px}body .index-page header #forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#E77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}body .index-page header .content{width:80%;margin-right:auto;margin-left:auto}body .index-page header .content .logo{display:inline-block;position:relative}body .index-page header .content .logo .fa{color:#fff;margin-bottom:10px;font-size:70px;float:left;margin-right:10px;margin-top:15px}body .index-page header .content .logo h1{float:left;margin-top:27px}body .index-page main{padding-left:5%;padding-right:5%;width:80%;margin-left:auto;margin-right:auto;padding-top:50px}body .index-page main p{font-size:20px}body .index-page main .resume-collection h3{font-size:30px}body .index-page main .resume-collection .resume{display:inline-block;text-decoration:none}body .index-page main .resume-collection .resume img{height:300px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}body .index-page main .resume-collection .resume img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body .index-page main .resume-collection .resume .resume-title{text-align:center;display:block;text-decoration:none;margin-top:10px;color:#000}@media print{body,page{margin:0;box-shadow:0;width:100%;height:100%}} \ No newline at end of file +#resume1 body{font-family:'Source Sans Pro',sans-serif}#resume1 h3{padding-top:20px;margin-bottom:0}#resume1 a,#resume1 a:focus,#resume1 a:hover,#resume1 a:visited{color:#616161}#resume1 span{display:inline-block}#resume1 .row{width:100%}#resume1 .half{width:44%}#resume1 .left{float:left;text-align:right;padding-left:4%;padding-right:2%}#resume1 .right{float:right;text-align:left;padding-right:4%;padding-left:2%}#resume1 .center{margin-left:auto;margin-right:auto}#resume1 .text-center{text-align:center}#resume1 .name{border:1px solid #000;text-transform:uppercase;padding:10px 20px;margin-top:80px;margin-bottom:5px;font-family:'Open Sans',sans-serif;font-size:25px;font-weight:700;letter-spacing:5px}#resume1 .position{text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:smaller;color:#757575;margin-bottom:40px}#resume1 .image{width:100px;height:100px;margin-top:50px;margin-bottom:50px}#resume1 .image img{width:100%;height:100%;border-radius:50%}#resume1 .contact,#resume1 .experience,#resume1 .experience-block{width:100%}#resume1 .experience-block span{width:100%}#resume1 .education-block span.degree,#resume1 .experience-block span.company{font-weight:700;padding-bottom:10px;padding-top:20px;color:#424242}#resume1 .education-block span.degree-description,#resume1 .experience-block span.job-description,#resume1 .experience-block span.time-period,#resume1 .skills-other{color:#616161}#resume1 .experience-block span.job-title{font-style:italic;color:#616161}#resume1 .skill-block{display:flex;padding-bottom:10px}#resume1 .skill-block .skill{width:100px;color:#616161}#resume1 .skill-block .skill-bar{background:#E0E0E0;overflow:hidden;height:8px;flex:1;border-radius:3px;margin-top:6.5px;position:relative}#resume1 .skill-bar .level{background:#757575;height:100%}#resume1 .skills{margin-top:20px;margin-bottom:20px}#resume1 .contact table{text-align:right;float:right;margin-top:20px}#resume1 .contact table i{padding:5px;color:#616161}#resume1 .contact table tr td:nth-child(2){vertical-align:top}#resume1 .contact table{color:#616161}#resume2{font-family:Raleway,sans-serif;font-weight:200}#resume2 h3{text-transform:uppercase;padding-top:0;margin-top:0;letter-spacing:5px;font-weight:400}#resume2 .top-row{width:100%;padding-top:100px;padding-bottom:100px}#resume2 .top-row span{width:100%;display:block;text-align:center;font-weight:400}#resume2 .top-row span.person-name{text-transform:uppercase;font-size:50px;letter-spacing:10px}#resume2 .top-row span.person-position{letter-spacing:5px}#resume2 .left-col{width:26%;float:left;padding-left:8%;padding-right:4%}#resume2 .left-col .person-image .image-centerer{display:flex;justify-content:center;height:auto;overflow:hidden}#resume2 .left-col .person-image .image-centerer img{flex:none}#resume2 .left-col .contact h3{text-align:center;margin-top:20px}#resume2 .left-col .contact .contact-row{text-align:center;letter-spacing:2px;margin-bottom:3px}#resume2 .left-col .contact .contact-row:first-of-type{margin-top:50px}#resume2 .left-col .contact .contact-row.dots{margin-top:20px;margin-bottom:15px;font-size:10px;color:rgba(153,153,153,.6)}#resume2 .left-col .contact .contact-row a{color:#000}#resume2 .right-col{width:50%;float:right;padding-left:4%;padding-right:8%}#resume2 .right-col .experience-block{margin-bottom:10px}#resume2 .right-col .experience-block .row:first-child{font-size:19px;margin-bottom:3px}#resume2 .right-col .experience-block .row .company{text-transform:uppercase;font-size:19px}#resume2 .right-col .education{margin-top:50px}#resume2 .right-col .education .education-block{margin-bottom:10px}#resume2 .right-col .education .education-block .degree{font-size:19px;text-transform:uppercase;margin-bottom:3px}#resume2 .right-col .skills-block{margin-top:50px;position:relative}#resume2 .right-col .skills-block .skills{margin-bottom:10px;position:relative;margin-left:auto;margin-right:auto;display:inline-block;margin-bottom:20px}#resume2 .right-col .skills-block .skills .skill{width:80px;height:80px;border-radius:50%;position:relative;border:#333 1px solid;margin:3px;float:left;font-size:13px}#resume2 .right-col .skills-block .skills .skill .skill-name{text-align:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}#resume2 .right-col .skills-block .skills .skills-other{display:inline-block;width:100%;margin-top:20px}@font-face{font-family:'Open Sans';src:url(fonts/Light/OpenSans-Light.eot);src:url(fonts/Light/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(fonts/Light/OpenSans-Light.woff) format('woff'),url(fonts/Light/OpenSans-Light.ttf) format('truetype'),url(fonts/Light/OpenSans-Light.svg#OpenSansLight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/LightItalic/OpenSans-LightItalic.eot);src:url(fonts/LightItalic/OpenSans-LightItalic.eot?#iefix) format('embedded-opentype'),url(fonts/LightItalic/OpenSans-LightItalic.woff) format('woff'),url(fonts/LightItalic/OpenSans-LightItalic.ttf) format('truetype'),url(fonts/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic) format('svg');font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Regular/OpenSans-Regular.eot);src:url(fonts/Regular/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/Regular/OpenSans-Regular.woff) format('woff'),url(fonts/Regular/OpenSans-Regular.ttf) format('truetype'),url(fonts/Regular/OpenSans-Regular.svg#OpenSansRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/Italic/OpenSans-Italic.eot);src:url(fonts/Italic/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(fonts/Italic/OpenSans-Italic.woff) format('woff'),url(fonts/Italic/OpenSans-Italic.ttf) format('truetype'),url(fonts/Italic/OpenSans-Italic.svg#OpenSansItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Semibold/OpenSans-Semibold.eot);src:url(fonts/Semibold/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),url(fonts/Semibold/OpenSans-Semibold.woff) format('woff'),url(fonts/Semibold/OpenSans-Semibold.ttf) format('truetype'),url(fonts/Semibold/OpenSans-Semibold.svg#OpenSansSemibold) format('svg');font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot);src:url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff) format('woff'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf) format('truetype'),url(fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic) format('svg');font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/Bold/OpenSans-Bold.eot);src:url(fonts/Bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/Bold/OpenSans-Bold.woff) format('woff'),url(fonts/Bold/OpenSans-Bold.ttf) format('truetype'),url(fonts/Bold/OpenSans-Bold.svg#OpenSansBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/BoldItalic/OpenSans-BoldItalic.eot);src:url(fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/BoldItalic/OpenSans-BoldItalic.woff) format('woff'),url(fonts/BoldItalic/OpenSans-BoldItalic.ttf) format('truetype'),url(fonts/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:url(fonts/ExtraBold/OpenSans-ExtraBold.eot);src:url(fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix) format('embedded-opentype'),url(fonts/ExtraBold/OpenSans-ExtraBold.woff) format('woff'),url(fonts/ExtraBold/OpenSans-ExtraBold.ttf) format('truetype'),url(fonts/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold) format('svg');font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot);src:url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff) format('woff'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf) format('truetype'),url(fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic) format('svg');font-weight:800;font-style:italic}@font-face{font-family:Raleway;src:url(fonts/Raleway-Thin.ttf) format('truetype');font-style:normal;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Thin-Italic.ttf) format('truetype');font-style:italic;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraLight.ttf) format('truetype');font-style:normal;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraLight-Italic.ttf) format('truetype');font-style:italic;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Light.ttf) format('truetype');font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Light-Italic.ttf) format('truetype');font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Regular.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Regular-Italic.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Medium.ttf) format('truetype');font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Medium-Italic.ttf) format('truetype');font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-SemiBold-Italic.ttf) format('truetype');font-style:italic;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Bold.ttf) format('truetype');font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Bold-Italic.ttf) format('truetype');font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-ExtraBold-Italic.ttf) format('truetype');font-style:italic;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Black.ttf) format('truetype');font-style:normal;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(fonts/Raleway-Black-Italic.ttf) format('truetype');font-style:italic;font-weight:900;text-rendering:optimizeLegibility}body{background:#CCC;font-family:'Open Sans',sans-serif;margin:0;padding:0;-webkit-print-color-adjust:exact;box-sizing:border-box}body page{background:#fff;position:relative;width:21cm;height:297mm;display:block;page-break-after:auto;overflow:hidden}body .index-page header{background:#4B5B6E;color:#fff;padding-top:10px;padding-bottom:10px}body .index-page header #forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#E77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}body .index-page header .content{width:80%;margin-right:auto;margin-left:auto}body .index-page header .content .logo{display:inline-block;position:relative}body .index-page header .content .logo .fa{color:#fff;margin-bottom:10px;font-size:70px;float:left;margin-right:10px;margin-top:15px}body .index-page header .content .logo h1{float:left;margin-top:27px}body .index-page main{padding-left:5%;padding-right:5%;width:80%;margin-left:auto;margin-right:auto;padding-top:50px}body .index-page main p{font-size:20px}body .index-page main .resume-collection h3{font-size:30px}body .index-page main .resume-collection .resume{display:inline-block;text-decoration:none;margin-right:10px}body .index-page main .resume-collection .resume img{height:300px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}body .index-page main .resume-collection .resume img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body .index-page main .resume-collection .resume .resume-title{text-align:center;display:block;text-decoration:none;margin-top:10px;color:#000}@media print{body,page{margin:0;box-shadow:0;width:100%;height:100%}} \ No newline at end of file diff --git a/templates/index.mustache b/templates/index.mustache index 6226ba4..d7688fd 100755 --- a/templates/index.mustache +++ b/templates/index.mustache @@ -32,6 +32,10 @@ Resume 1 + + + Resume 2 + diff --git a/templates/layout.mustache b/templates/layout.mustache index d74b1f0..30764c7 100755 --- a/templates/layout.mustache +++ b/templates/layout.mustache @@ -5,14 +5,14 @@ - - Best resume ever + + Best resume ever - {{> content}} + {{>content}} diff --git a/templates/resume-2.mustache b/templates/resume-2.mustache new file mode 100644 index 0000000..f5d67c7 --- /dev/null +++ b/templates/resume-2.mustache @@ -0,0 +1,95 @@ + +
+
+ {{person.name}} + {{person.position}} +
+
+
+
+ +
+
+
+

Contact

+ +
+ + + +
+ +
+ + + +
+
+ {{person.contact.street}}
{{person.contact.city}} +
+
+ + + +
+ +
+
+
+
+

Experience

+ {{#person.experience}} +
+
+ {{company}} - + {{position}} +
+
+ {{timeperiod}} +
+
+ + {{description}} +
+
+ {{/person.experience}} +
+
+

Education

+ {{#person.education}} +
+
+ {{degree}} +
+
+ {{description}} +
+
+ {{/person.education}} +
+
+

Skills

+ +
+ {{#person.skills}} +
+ {{name}} +
+ {{/person.skills}} +
+ + {{person.skillDescription}} +
+
+
+ + +
+ +