go-resume/templates/index.html

226 lines
8.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
2023-12-03 22:59:37 +02:00
{{ template "meta" . }}
2023-12-03 22:36:42 +02:00
<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">
2023-12-03 22:59:37 +02:00
<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">
2023-12-03 22:59:37 +02:00
{{ .Profile.City }}
</p>
<p class="has-text-weight-light">
2023-12-03 22:59:37 +02:00
{{ .Profile.Phone }}
</p>
<p class="has-text-weight-light">
2023-12-03 22:59:37 +02:00
{{ .Profile.Email }}
</p>
2023-12-03 22:59:37 +02:00
{{ with .Profile.Socials }}
{{ range .Profile.Socials }}
<% include /socialIcons %>
2023-12-03 22:59:37 +02:00
{{ 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">
2023-12-03 22:36:42 +02:00
{{ if eq .Theme "light" }}
<a href="/dark">See Dark Theme</a>
{{ else }}
<a href="/light">See Light Theme</a>
2023-12-03 22:36:42 +02:00
{{ end }}
<br />
2023-12-03 22:59:37 +02:00
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>