jsonresume-theme-modern/container.template

166 lines
118 KiB
Plaintext
Raw Normal View History

2014-07-08 08:45:52 +01:00
<!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>{{basics.name}}</title>
2014-07-08 08:45:52 +01:00
<!-- 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>