mirror of
https://github.com/JuanCanham/jsonresume-theme-modern.git
synced 2024-11-25 01:30:16 +00:00
166 lines
118 KiB
Plaintext
166 lines
118 KiB
Plaintext
|
<!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"}.glyphi
|
||
|
|
|
||
|
|
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>
|