mirror of
https://github.com/JuanCanham/jsonresume-theme-modern.git
synced 2026-10-11 13:09:00 +01:00
will this work
This commit is contained in:
1 parent
4f1bd93c59
commit
b5175e395a
5 files changed
+385
-2
No files matched your search
@@ -0,0 +1,165 @@
|
||||
<!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">
|
||||
<title>{{resume.bio.firstName}} {{resume.bio.lastName}}</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<style>
|
||||
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
|
||||
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-Line truncated
|
||||
|
||||
section header h3 {
|
||||
margin: 0;
|
||||
}
|
||||
section > div {
|
||||
border-left: 1px solid #efefef;
|
||||
}
|
||||
section {
|
||||
min-height: 100px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
section div > h3 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h1>{{bio.firstName}} {{bio.lastName}}</h1>
|
||||
|
||||
<h2>{{bio.location.city}}</h2>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="{{bio.gravatar}}" style="width: 100px; height: 100px; margin-top: 20px;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr style="color: #ccc; height: 4px;" />
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>About</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<p>{{bio.summary}}</p>
|
||||
{{#bio.phone.personal}}
|
||||
<strong>Phone:</strong> {{bio.phone.personal}} <br />
|
||||
{{/bio.phone.personal}}
|
||||
{{#bio.email.personal}}
|
||||
<strong>Email:</strong> {{bio.email.personal}}<br />
|
||||
{{/bio.email.personal}}
|
||||
{{#bio.profiles.twitter}}
|
||||
<strong>Twitter:</strong> <a href="https://twitter.com/{{bio.profiles.twitter}}">@{{bio.profiles.twitter}}</a><br />
|
||||
{{/bio.profiles.twitter}}
|
||||
{{#bio.profiles.github}}
|
||||
<strong>Github:</strong> <a href="https://github.com/{{bio.profiles.github}}">{{bio.profiles.github}}</a><br />
|
||||
{{/bio.profiles.github}}
|
||||
</div>
|
||||
</section>
|
||||
{{#work.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Work Experience</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
{{#work}}
|
||||
<h3>{{company}}</h3>
|
||||
<strong>{{position}}</strong>
|
||||
<p>{{startDateYear}} - {{endDateYear}}</p>
|
||||
<p>{{summary}}</p>
|
||||
<ul>
|
||||
{{#highlights}}
|
||||
<li>{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
<hr />{{/work}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/work.length}}
|
||||
|
||||
{{#education.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Education</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
{{#education}}
|
||||
<h3>{{institution}}</h3>
|
||||
<h4>{{area}}, {{studyType}}</h4>
|
||||
<p>{{startDateYear}} - {{endDateYear}}</p>
|
||||
<p>{{summary}}</p>
|
||||
<ul>
|
||||
{{#highlights}}
|
||||
<li>{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
<hr />
|
||||
{{/education}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/education.length}}
|
||||
{{#skills.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Skills</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
{{#skills}}
|
||||
<ul class="col-md-6">
|
||||
|
||||
<li>
|
||||
<h4>{{name}}</h4>
|
||||
<ul>
|
||||
{{#keywords}}
|
||||
<li>{{.}}</li>
|
||||
{{/keywords}}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
{{/skills}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/skills.length}}
|
||||
{{#references.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>References</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
{{#references}}
|
||||
|
||||
<p>{{reference}} -
|
||||
<strong>{{name}}</strong>
|
||||
</p>
|
||||
{{/references}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/references.length}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,6 +1,39 @@
|
||||
var fs = require('fs');
|
||||
var gravatar = require('gravatar');
|
||||
var lodash = require('lodash');
|
||||
|
||||
function render(resumeObject) {
|
||||
return JSON.stringify(resumeObject);
|
||||
|
||||
|
||||
_.each(resumeObject.work, function(w){
|
||||
w.startDateYear = w.startDate.substr(0,4);
|
||||
if(w.endDate) {
|
||||
w.endDateYear = w.endDate.substr(0,4);
|
||||
} else {
|
||||
w.endDateYear = 'Present'
|
||||
}
|
||||
});
|
||||
_.each(resumeObject.education, function(e){
|
||||
e.startDateYear = e.startDate.substr(0,4);
|
||||
if(e.endDate) {
|
||||
e.endDateYear = e.endDate.substr(0,4);
|
||||
} else {
|
||||
e.endDateYear = 'Present'
|
||||
}
|
||||
});
|
||||
if(resumeObject.bio && resumeObject.bio.email && resumeObject.bio.email.personal) {
|
||||
resumeObject.bio.gravatar = gravatar.url(resumeObject.bio.email.personal, {
|
||||
s: '100',
|
||||
r: 'pg',
|
||||
d: 'mm'
|
||||
});
|
||||
}
|
||||
|
||||
var theme = fs.readFileSync('resume.template', 'utf8');
|
||||
var resumeHTML = Mustache.render(theme, resumeObject);
|
||||
|
||||
|
||||
return JSON.stringify(resumeHTML);
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
|
||||
+3
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "jsonresume-theme-modern",
|
||||
"version": "0.0.5",
|
||||
"version": "0.0.6",
|
||||
"description": "jsonresume-theme-modern =======================",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
@@ -17,6 +17,8 @@
|
||||
},
|
||||
"homepage": "https://github.com/jsonresume/jsonresume-theme-modern",
|
||||
"dependencies": {
|
||||
"gravatar": "^1.0.6",
|
||||
"lodash": "^2.4.1",
|
||||
"tarball-extract": "0.0.3"
|
||||
}
|
||||
}
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
|
||||
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-Line truncated
|
||||
|
||||
section header h3 {
|
||||
margin: 0;
|
||||
}
|
||||
section > div {
|
||||
border-left: 1px solid #efefef;
|
||||
}
|
||||
section {
|
||||
min-height: 100px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
section div > h3 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
+165
@@ -0,0 +1,165 @@
|
||||
<!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">
|
||||
<title>{{bio.firstName}} {{bio.lastName}}</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<style>
|
||||
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
|
||||
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-Line truncated
|
||||
|
||||
section header h3 {
|
||||
margin: 0;
|
||||
}
|
||||
section > div {
|
||||
border-left: 1px solid #efefef;
|
||||
}
|
||||
section {
|
||||
min-height: 100px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
section div > h3 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h1>{{bio.firstName}} {{bio.lastName}}</h1>
|
||||
|
||||
<h2>{{bio.location.city}}</h2>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="{{bio.gravatar}}" style="width: 100px; height: 100px; margin-top: 20px;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr style="color: #ccc; height: 4px;" />
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>About</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<p>{{bio.summary}}</p>
|
||||
{{#bio.phone.personal}}
|
||||
<strong>Phone:</strong> {{bio.phone.personal}} <br />
|
||||
{{/bio.phone.personal}}
|
||||
{{#bio.email.personal}}
|
||||
<strong>Email:</strong> {{bio.email.personal}}<br />
|
||||
{{/bio.email.personal}}
|
||||
{{#bio.profiles.twitter}}
|
||||
<strong>Twitter:</strong> <a href="https://twitter.com/{{bio.profiles.twitter}}">@{{bio.profiles.twitter}}</a><br />
|
||||
{{/bio.profiles.twitter}}
|
||||
{{#bio.profiles.github}}
|
||||
<strong>Github:</strong> <a href="https://github.com/{{bio.profiles.github}}">{{bio.profiles.github}}</a><br />
|
||||
{{/bio.profiles.github}}
|
||||
</div>
|
||||
</section>
|
||||
{{#work.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Work Experience</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
{{#work}}
|
||||
<h3>{{company}}</h3>
|
||||
<strong>{{position}}</strong>
|
||||
<p>{{startDateYear}} - {{endDateYear}}</p>
|
||||
<p>{{summary}}</p>
|
||||
<ul>
|
||||
{{#highlights}}
|
||||
<li>{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
<hr />{{/work}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/work.length}}
|
||||
|
||||
{{#education.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Education</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
{{#education}}
|
||||
<h3>{{institution}}</h3>
|
||||
<h4>{{area}}, {{studyType}}</h4>
|
||||
<p>{{startDateYear}} - {{endDateYear}}</p>
|
||||
<p>{{summary}}</p>
|
||||
<ul>
|
||||
{{#highlights}}
|
||||
<li>{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
<hr />
|
||||
{{/education}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/education.length}}
|
||||
{{#skills.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Skills</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
{{#skills}}
|
||||
<ul class="col-md-6">
|
||||
|
||||
<li>
|
||||
<h4>{{name}}</h4>
|
||||
<ul>
|
||||
{{#keywords}}
|
||||
<li>{{.}}</li>
|
||||
{{/keywords}}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
{{/skills}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/skills.length}}
|
||||
{{#references.length}}
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>References</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
{{#references}}
|
||||
|
||||
<p>{{reference}} -
|
||||
<strong>{{name}}</strong>
|
||||
</p>
|
||||
{{/references}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/references.length}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user