jsonresume/themes/stackoverflow/resume.template

459 lines
14 KiB
Plaintext

<!doctype html>
<html lang="{{.Language}}">
<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.Location.City}}
<span class="location">
{{if .Basic.Location.Address}}
<span class="address">{{.Basic.Location.Address}},</span>
{{- end}}
{{if .Basic.Location.PostalCode}}
<span class="postalCode">{{.Basic.Location.PostalCode}},</span>
{{- end}}
{{if .Basic.Location.City}}
<span class="city">{{.Basic.Location.City}},</span>
{{- end}}
{{if .Basic.Location.Region}}
<span class="region">{{.Basic.Location.Region}}</span>
{{- end}}
{{if .Basic.Location.CountryCode}}
<span class="countryCode">{{.Basic.Location.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" 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'>{{.Lang.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'>{{.Lang.WorkExperience}} <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">{{formatDateMY $w.StartDate}}</span>
<span class="endDate">- {{formatDateMY $w.EndDate}}</span>
</div>
</header>
{{- end}}
{{if $w.Location -}}
<span class="location">
<span class="fas fa-map-marker-alt"></span>
{{if $w.Location}}<span class="city">{{$w.Location}},</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>{{.Title}}
{{if .Items -}}
<ul>
{{range .Items}}<li>{{.}}</li>{{end}}
</ul>
{{- end}}
</li>
{{- end}}
</ul>{{end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Projects -}}
<section class="section">
<header>
<h2 class='section-title'>{{.Lang.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">{{formatDateMY $p.StartDate}}</span>
<span class="endDate">- {{formatDateMY $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>{{.Title}}
{{if .Items -}}
<ul>
{{range .Items}}<li>{{.}}</li>{{end}}
</ul>
{{- end}}
</li>
{{- end}}
</ul>{{end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Volunteer -}}
<section class="section">
<header>
<h2 class='section-title'>{{.Lang.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">
<span class="startDate">{{formatDateMY $v.StartDate}}</span>
<span class="endDate"> - {{formatDateMY $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>{{md2html .Title}}
{{if .Items -}}
<ul>
{{range .Items}}<li>{{md2html .}}</li>{{end}}
</ul>
{{- end}}
</li>
{{- end}}
</ul>
{{- end}}
</div>
</section>
{{- end}}
</section>
</section>
{{- end}}
{{if .Education -}}
<section class="section">
<header>
<h2 class='section-title'>{{.Lang.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">{{formatDateY $e.StartDate}}</span>{{end}}
<span class="endDate"> - {{formatDateY $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'>{{.Lang.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">{{formatDateDMY $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'>{{.Lang.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"> {{formatDateDMY $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'>{{.Lang.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'>{{.Lang.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'>{{.Lang.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}}
</div>
</body>
</html>