226 lines
8.1 KiB
HTML
226 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
{{ template "meta" . }}
|
|
<link rel="stylesheet" href="/static/css/{{ .Theme }}-style.css" />
|
|
|
|
<style>
|
|
{{ if .Profile.Skills }}
|
|
.skilltag {
|
|
display: inline-block;
|
|
width: {{ .Profile.GetTagWidth "skills" }};
|
|
}
|
|
{{ end }}
|
|
{{ if .Profile.Languages }}
|
|
.languagetag {
|
|
display: inline-block;
|
|
width: {{ .Profile.GetTagWidth "languages" }};
|
|
}
|
|
{{ end }}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body id="body-app">
|
|
|
|
{{ template "githubCorner" }}
|
|
|
|
<header class="line has-background-primary"></header>
|
|
|
|
<section class="profile section">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-two-fifths">
|
|
<h1 class="title is-size-1">{{ .Profile.Name }}</h1>
|
|
<p class="subtitle">{{ .Profile.Title }}</p>
|
|
</div>
|
|
<div class="column is-2">
|
|
<figure class="image image is-128x128">
|
|
<img alt="Profile photo" class="is-rounded" src="{{ .Profile.Photo }}" />
|
|
</figure>
|
|
</div>
|
|
<div class="column has-text-grey-light has-text-right-in-desktop">
|
|
<p class="has-text-weight-light">
|
|
{{ .Profile.City }}
|
|
</p>
|
|
<p class="has-text-weight-light">
|
|
{{ .Profile.Phone }}
|
|
</p>
|
|
<p class="has-text-weight-light">
|
|
{{ .Profile.Email }}
|
|
</p>
|
|
|
|
{{ with .Profile.Socials }}
|
|
{{ range .Profile.Socials }}
|
|
<% include /socialIcons %>
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="hr"></div>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-three-fifths">
|
|
<div class="summary">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
SUMMARY
|
|
</div>
|
|
<div class="wrapper">{{ .Profile.Summary }}</div>
|
|
</div>
|
|
|
|
{{ with .Profile.Experience }}
|
|
<div class="experience">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
EXPERIENCE
|
|
</div>
|
|
|
|
<!--<% content.data.experiences.forEach(function(experience){ %>-->
|
|
{{ range . }}
|
|
<div class="item">
|
|
<div class="is-size-5">
|
|
<!-- <div class="columns is-gapless">-->
|
|
<!-- <div class="column">-->
|
|
<span><b>{{ .Company }}</b></span>
|
|
<!-- </div>-->
|
|
<!-- <div class="column">-->
|
|
<span class="has-text-weight-semi-bold"> - <i>{{ .Title }}</i></span>
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div>{{ .Location }}</div>
|
|
<div class="is-size-6 tag is-primary">{{ .Period }}</div>
|
|
{{ with .Description }}
|
|
<ul style="list-style: disc; margin-left: 1em">
|
|
{{ range . }}
|
|
<li>{{ . | html }}</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ with .Profile.Education }}
|
|
<div class="education">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
EDUCATION
|
|
</div>
|
|
|
|
{{ range . }}
|
|
<div class="item">
|
|
<div class="is-size-5">
|
|
<!-- <div class="columns is-gapless">-->
|
|
<!-- <div class="column">-->
|
|
<span><b>{{ .Degree }}</b>, </span>
|
|
<!-- </div>-->
|
|
<!-- <div class="column">-->
|
|
<span class="has-text-weight-semi-bold">{{ .Name }}</span>
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div>{{ .Faculty }}
|
|
<div class="is-size-6 tag is-primary ml-5">{{ .Period }}</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ if or .Profile.Projects (or .Profile.Skills .Profile.Languages) }}
|
|
<div class="column">
|
|
{{ with .Profile.Projects }}
|
|
<div class="projects">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
PROJECTS
|
|
</div>
|
|
|
|
<% content.data.projects.forEach(function(proj){ %>
|
|
<div class="item">
|
|
<div class="is-size-5">
|
|
<b><%= proj.title %></b>
|
|
—
|
|
<i><%= proj.company %></i>
|
|
</div>
|
|
<div class="is-size-6 tag is-primary"><%= proj.period %></div>
|
|
</div>
|
|
<% }); %>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ with .Profile.Skills }}
|
|
<div class="skills">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
SKILLS
|
|
</div>
|
|
<div class="wrapper">
|
|
{{ range . }}
|
|
<div class="item">
|
|
<div class="field is-grouped is-grouped-multiline">
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="skilltag tag is-size-6">{{ .Name }}</span>
|
|
{{ .VisualLevel .Level }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ with .Profile.Languages }}
|
|
<div class="languages">
|
|
<div class="title is-size-5 has-text-primary has-text-weight-bold">
|
|
LANGUAGES
|
|
</div>
|
|
<div class="wrapper">
|
|
{{ range . }}
|
|
<div class="item">
|
|
<div class="field is-grouped is-grouped-multiline">
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="languagetag tag is-size-6">{{ .Name }}</span>
|
|
{{ .VisualLevel .Level }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="content has-text-centered">
|
|
{{ if eq .Theme "light" }}
|
|
<a href="/dark">See Dark Theme</a>
|
|
{{ else }}
|
|
<a href="/light">See Light Theme</a>
|
|
{{ end }}
|
|
<br />
|
|
Copyright © {{ .Year }} {{ .Profile.Name }}. All rights Reserved.
|
|
<br />
|
|
Powered by <a href="https://github.com/0ranki/go-resume">go-resume</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<footer class="line has-background-primary"></footer>
|
|
|
|
</body>
|
|
|
|
</html>
|