jsonresume/themes/stackoverflow/resume.template

501 lines
13 KiB
Plaintext

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>Resume of {{.Basic.Name}}</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
<style>
{{css}}
</style>
</head>
<body>
<div id="resume">
<header id="header" class="clear">
{{if .Basic.Image -}}
<img class="picture" src="{{.Basic.Image}}" alt="{{.Basic.Name}}" />
<div class="middle">
<h1 class="name">{{.Basic.Name}}</h1>
<h2 class="label">{{.Basic.Label}}</h2>
</div>
{{else -}}
<div>
<h1 class="name">{{.Basic.Name}}</h1>
<h2 class="label">{{.Basic.Label}}</h2>
</div>
{{- end}}
{{if .Basic.ResumeLocation.City}}
<span class="location">
{{if .Basic.ResumeLocation.Address}}
<span class="address">{{.Basic.ResumeLocation.Address}},</span>
{{- end}}
{{if .Basic.ResumeLocation.PostalCode}}
<span class="postalCode">{{.Basic.ResumeLocation.PostalCode}},</span>
{{- end}}
{{if .Basic.ResumeLocation.City}}
<span class="city">{{.Basic.ResumeLocation.City}},</span>
{{- end}}
{{if .Basic.ResumeLocation.Region}}
<span class="region">{{.Basic.ResumeLocation.Region}}</span>
{{- end}}
{{if .Basic.ResumeLocation.CountryCode}}
<span class="countryCode">{{.Basic.ResumeLocation.CountryCode}}</span>
{{- end}}
</span>
{{- end}}
<div id="contact">
{{if .Basic.URL}}
<div class="website">
<span class="fas fa-external-link-alt"></span>
<a target="_blank" target="_blank" href="{{.Basic.URL}}">{{.Basic.URL}}</a>
</div>
{{- end}}
{{if .Basic.Email}}
<div class="email">
<span class="far fa-envelope"></span>
<a href="mailto:{{.Basic.Email}}">{{.Basic.Email}}</a>
</div>
{{- end}}
{{if .Basic.Phone}}
<div class="phone">
<span class="fas fa-mobile-alt"></span>
<a href="tel:{{.Basic.Phone}}">{{.Basic.Phone}}</a>
</div>
{{- end}}
</div>
{{if .Basic.Profiles}}
<div id="profiles">
{{range .Basic.Profiles}}
<div class="item">
{{if .Network}}
<div class="username">
<span class="fab fa-{{tolower .Network}} {{.Network}} social"></span>
{{if .URL}}
<span class="url">
<a target="_blank" href="{{.URL}}">{{.UserName}}</a>
</span>
{{else}}
<span>{{.UserName}}</span>
{{- end}}
</div>
{{- end}}
</div>
{{- end}}
</div>
{{- end}}
</header>
{{if .Basic.Summary}}
<section class="section main-summary">
<section>
<div>{{.Basic.Summary}}</div>
</section>
</section>
{{- end}}
{{if .Skills}}
<section class="section margin1">
<header>
<h2 class='section-title'>Skills</h2>
</header>
<section id="skills">
{{range .Skills}}
<div class="item">
{{if .Name}}<h3 class="name">{{.Name}}</h3>{{end}}
{{if .Level}}<div class="level {{tolower .Level}}"><em>{{.Level}}</em><div class="bar"></div></div>{{end}}
{{if .Keywords -}}
<ul class="keywords">
{{range .Keywords}}<li>{{.}}</li>{{end}}
</ul>
{{- end}}
</div>
{{- end}}
</section>
</section>
{{- end}}
{{if .Work}}
<section class="section">
<header>
<h2 class='section-title'>Work Experience <span class="item-count">({{len .Work}})</span></h2>
</header>
<section id="work">
{{range $index, $w := .Work}}
<section class="work-item">
{{if $w.Name}}
{{if eq $index 0}}
<input id="work-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="work-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="work-item-{{$index}}"></label>
<header>
{{if $w.Position}}
<div class="position">{{$w.Position}}</div>
{{- end}}
<div class="company">{{$w.Name}}</div>
<div class="date">
<span class="startDate">{{formatDateWork $w.StartDate}}</span>
<span class="endDate">- {{formatDateWork $w.EndDate}}</span>
</div>
</header>
{{- end}}
{{if $w.WorkLocation}}
<span class="location">
<span class="fas fa-map-marker-alt"></span>
{{if $w.WorkLocation}}
<span class="city">{{$w.WorkLocation}},</span>
{{- end}}
</span>
{{end}}
{{if $w.URL}}
<span class="website">
<a target="_blank" href="{{$w.URL}}">{{$w.URL}}</a>
</span> {{- end}}
{{if $w.Keywords -}}
<ul class="keywords">
{{range $w.Keywords}}<li>{{.}}</li>{{end}}
</ul>
{{- end}}
<div class="item" id="work-item">
{{if $w.Summary}}<div class="summary"><p>{{$w.Summary}}</p></div>{{end}}
{{if $w.Highlights -}}
<ul class="highlights">
{{range $w.Highlights}}<li>{{.}}</li>{{end}}
</ul>{{end}}
</div>
</section>
{{end}}
</section>
</section>
{{- end}}
{{if .Projects}}
<section class="section">
<header>
<h2 class='section-title'>Projects <span class="item-count">({{len .Projects}})</span></h2>
</header>
<section id="projects">
{{range $index, $p := .Projects}}
<section class="project-item">
{{if eq $index 0}}
<input id="project-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="project-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="project-item-{{$index}}"></label>
{{if $p.Name}}
<header>
{{if $p.Name}}
<div class="position">{{$p.Name}}</div>
{{- end}}
{{if $p.StartDate}}
<div class="date">
<span class="startDate">{{formatDateWork $p.StartDate}}</span>
<span class="endDate">- {{formatDateWork $p.EndDate}}</span>
</div>
{{- end}}
</header>
{{- end}}
{{if $p.URL}}
<span class="website">
<a target="_blank" href="{{$p.URL}}">{{$p.URL}}</a>
</span>
{{- end}}
{{if $p.Keywords}}
<ul class="keywords">
{{range $p.Keywords}}
<li>{{.}}</li>
{{end}}
</ul>
{{- end}}
<div class="item">
{{if $p.Description}}<div class="summary"><p>{{$p.Description}}</p></div>{{end}}
{{if $p.Highlights}}<ul class="highlights">{{range $p.Highlights}}<li>{{.}}</li>{{end}}</ul>{{end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Volunteer}}
<section class="section">
<header>
<h2 class='section-title'>Volunteer</h2>
</header>
<section id="volunteer">
{{range $index, $v := .Volunteer}}
<section class="volunteer-item">
{{if $v.Organization}}
{{if eq $index 0}}
<input id="volunteer-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="volunteer-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="volunteer-item-{{$index}}"></label>
<header>
<div class="header-left">
{{if $v.Position}}<div class="position">{{$v.Position}}</div>{{end}}
<div class="organization">
{{$v.Organization}}
</div>
</div>
<div class="date">
{{if $v.StartDate}}<span class="startDate">{{formatDateWork $v.StartDate}}</span>{{- end}}
<span class="endDate"> - {{formatDateWork $v.EndDate}}</span>
</div>
</header>
{{- end}}
{{if $v.URL}}
<div class="website">
<a target="_blank" href="{{$v.URL}}">{{$v.URL}}</a>
</div>
{{- end}}
{{if $v.Keywords}}<ul class="keywords">{{range $v.Keywords}}<li>{{.}}</li>{{end}}</ul>{{end}}
<div class="item">
<div class="summary"><p></p></div>
{{if $v.Summary}}<div class="summary"><p>{{$v.Summary}}</p></div>{{end}}
{{if $v.Highlights}}
<ul class="highlights">
{{range $v.Highlights}}<li><p>{{.}}</p></li>{{end}}
</ul>
{{- end}}
</div>
</section>
{{end}}
</section>
</section>
{{- end}}
{{if .Education}}
<section class="section">
<header>
<h2 class='section-title'>Education <span class="item-count">({{len .Education}})</span></h2>
</header>
<section id="education">
{{range $index, $e := .Education}}
<section class="education-item">
{{if eq $index 0}}
<input id="education-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="education-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="education-item-{{$index}}"></label>
<header class="clear">
<div class="header-left">
{{if $e.StudyType}}<div class="studyType">{{$e.StudyType}}</div>{{end}}
{{if $e.Area}}<div class="area">{{$e.Area}}</div>{{end}}
{{if $e.Institution}} <div class="institution">{{$e.Institution}}</div>{{end}}
</div>
<div class="date">
{{if $e.StartDate}}<span class="startDate">{{formatDateEdu $e.StartDate}}</span>{{end}}
<span class="endDate"> - {{formatDateEdu $e.EndDate}} </span>
</div>
</header>
{{if $e.Courses}}
<ul class="courses">
{{range $e.Courses}}<li>{{.}}</li>{{end}}
</ul>
{{- end}}
<div class="item">
{{if $e.GPA}}
<div class='gpa'>
<strong> Grade:</strong> <span>{{$e.GPA}}</span>
</div>
{{- end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Awards}}
<section class="section">
<header>
<h2 class='section-title'>Awards</h2>
</header>
<section id="awards">
{{range $index, $a := .Awards}}
<section class="award-item">
{{if eq $index 0}}
<input id="award-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="award-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="award-item-{{$index}}"></label>
<header>
<div class="header-left">
{{if $a.Title}}
<div class="title">
{{$a.Title}}
</div>
{{- end}}
{{if $a.Awarder}}
<div class="awarder">
{{$a.Awarder}}
</div>
{{- end}}
</div>
{{if $a.Date}}
<div class="date">
{{formatDatePub $a.Date}}
</div>
{{- end}}
</header>
<div class="item">
{{if $a.Summary}}
<div class="summary">
<p>{{$a.Summary}}</p>
</div>
{{- end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Publications}}
<section class="section">
<header>
<h2 class='section-title'>Publications</h2>
</header>
<section id="publications">
{{range $index, $p := .Publications}}
<section class="publication-item">
{{if eq $index 0}}
<input id="publication-item-{{$index}}" type="checkbox" class="toggle-item" checked="checked" />
{{else}}
<input id="publication-item-{{$index}}" type="checkbox" class="toggle-item" />
{{- end}}
<label for="publication-item-{{$index}}"></label>
<header>
<div class="header-left">
{{if $p.Name}}
<span class="name">
{{if $p.URL}}
<span class="website">
<a target="_blank" href="{{$p.URL}}">{{$p.Name}}</a>
</span>
{{else}}
{{$p.Name}}
{{- end}}
</span>
{{- end}}
{{if $p.Publisher}}
<span class="publisher">
in {{$p.Publisher}}
</span>
{{- end}}
</div>
{{if $p.ReleaseDate}}
<span class="date">
{{formatDatePub $p.ReleaseDate}}
</span>
{{- end}}
</header>
<div class="item">
{{if $p.Summary}}
<div class="summary">
<p>{{$p.Summary}}</p>
</div>
{{- end}}
</div>
</section>
{{end}}
</section>
</section>
{{- end}}
{{if .Languages}}
<section class="section margin1">
<header>
<h2 class='section-title'>Languages</h2>
</header>
<section id="languages">
{{range .Languages}}
<div class="display">
{{if .Language}}
<h3 class="language">
{{.Language}}
</h3>
{{- end}}
<div class="item">
{{if .Fluency}}
<div class="level fluency {{tolower .Fluency}}">
<em>{{.Fluency}}</em>
<div class="bar"></div>
</div>
{{- end}}
</div>
</div>
{{end}}
</section>
</section>
{{- end}}
{{if .Interests}}
<section class="section margin1">
<header>
<h2 class='section-title' class='section-title'>Interests</h2>
</header>
<section id="interests">
{{range .Interests}}
<div class="item">
{{if .Name}}
<h3 class="name">
{{.Name}}
</h3>
{{- end}}
{{if .Keywords}}
<ul class="keywords">
{{range .Keywords}}
<li>{{.}}</li>
{{- end}}
</ul>
{{- end}}
</div>
{{end}}
</section>
</section>
{{- end}}
{{if .References}}
<section class="section">
<header>
<h2 class='section-title'>References</h2>
</header>
<section id="references">
{{range .References}}
<div class="item">
{{if .Reference}}
<blockquote class="reference">
&#8220;&#32;{{.Reference}}&#32;&#8221;
</blockquote>
{{- end}}
{{if .Name}}
<div class="name">
{{.Name}}
</div>
{{- end}}
</div>
{{end}}
</section>
</section>
{{- end}}
</body>
</html>