Header and footer populated from yaml
This commit is contained in:
parent
778c8027a2
commit
4b5df3d46c
|
|
@ -9,5 +9,13 @@ meta:
|
||||||
theme-color: "#bd93f9"
|
theme-color: "#bd93f9"
|
||||||
title: "Go-Resume - dynamic resume"
|
title: "Go-Resume - dynamic resume"
|
||||||
description: "Software Developer"
|
description: "Software Developer"
|
||||||
theme: "light"
|
favicon: ""
|
||||||
|
theme: "dark"
|
||||||
|
profile:
|
||||||
|
name: "Job Applicant"
|
||||||
|
title: "Software Developer"
|
||||||
|
city: "Oulu, Finland"
|
||||||
|
phone: "+358 xx xxx xxxx"
|
||||||
|
email: "iwannajob@email.com"
|
||||||
|
photo: "path-or-url-to-avatar"
|
||||||
|
socials: []
|
||||||
2
main.go
2
main.go
|
|
@ -7,6 +7,7 @@ import (
|
||||||
"net/http"
|
"net/http"
|
||||||
"slices"
|
"slices"
|
||||||
"strings"
|
"strings"
|
||||||
|
"time"
|
||||||
)
|
)
|
||||||
|
|
||||||
//go:embed "static/css/*.css" "templates/*.html"
|
//go:embed "static/css/*.css" "templates/*.html"
|
||||||
|
|
@ -52,6 +53,7 @@ func home(w http.ResponseWriter, r *http.Request) {
|
||||||
urlSlice := strings.Split(r.URL.Path, "/")
|
urlSlice := strings.Split(r.URL.Path, "/")
|
||||||
data.Theme = urlSlice[len(urlSlice)-1]
|
data.Theme = urlSlice[len(urlSlice)-1]
|
||||||
}
|
}
|
||||||
|
data.Year = time.Now().Format("2006")
|
||||||
err = tmpl.Execute(w, *data)
|
err = tmpl.Execute(w, *data)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
slog.Error(err.Error())
|
slog.Error(err.Error())
|
||||||
|
|
|
||||||
16
resume.go
16
resume.go
|
|
@ -3,6 +3,18 @@ package main
|
||||||
type Resume struct {
|
type Resume struct {
|
||||||
Theme string `yaml:"theme"`
|
Theme string `yaml:"theme"`
|
||||||
Meta *Meta `yaml:"meta"`
|
Meta *Meta `yaml:"meta"`
|
||||||
|
Profile *Profile `yaml:"profile"`
|
||||||
|
Year string
|
||||||
|
}
|
||||||
|
|
||||||
|
type Profile struct {
|
||||||
|
Name string `yaml:"name"`
|
||||||
|
Title string `yaml:"title"`
|
||||||
|
City string `yaml:"city"`
|
||||||
|
Phone string `yaml:"phone"`
|
||||||
|
Email string `yaml:"email"`
|
||||||
|
Socials Socials `yaml:"socials"`
|
||||||
|
Photo string `yaml:"photo"`
|
||||||
}
|
}
|
||||||
|
|
||||||
type job struct {
|
type job struct {
|
||||||
|
|
@ -32,13 +44,13 @@ type skill struct {
|
||||||
|
|
||||||
type skills []skill
|
type skills []skill
|
||||||
|
|
||||||
type social struct {
|
type Social struct {
|
||||||
Media string `yaml:"media"`
|
Media string `yaml:"media"`
|
||||||
UserId string `yaml:"userId"`
|
UserId string `yaml:"userId"`
|
||||||
Link string `yaml:"link"`
|
Link string `yaml:"link"`
|
||||||
}
|
}
|
||||||
|
|
||||||
type socials []social
|
type Socials []Social
|
||||||
|
|
||||||
type Meta struct {
|
type Meta struct {
|
||||||
Language string `yaml:"language"`
|
Language string `yaml:"language"`
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
{{ template "meta" .Meta }}
|
{{ template "meta" . }}
|
||||||
<link rel="stylesheet" href="/static/css/{{ .Theme }}-style.css" />
|
<link rel="stylesheet" href="/static/css/{{ .Theme }}-style.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
@ -16,26 +16,30 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-two-fifths">
|
<div class="column is-two-fifths">
|
||||||
<h1 class="title is-size-1"><%= content.data.profile.name %></h1>
|
<h1 class="title is-size-1">{{ .Profile.Name }}</h1>
|
||||||
<p class="subtitle"><%= content.data.profile.title %></p>
|
<p class="subtitle">{{ .Profile.Title }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-2">
|
<div class="column is-2">
|
||||||
<figure class="image image is-128x128">
|
<figure class="image image is-128x128">
|
||||||
<img alt="Profile photo" class="is-rounded" src="https://avatars.githubusercontent.com/u/50285623?v=4" /> <!--<%= content.data.profile.photo %>" />-->
|
<img alt="Profile photo" class="is-rounded" src="{{ .Profile.Photo }}" /> <!--<%= content.data.profile.photo %>" />-->
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="column has-text-grey-light has-text-right-in-desktop">
|
<div class="column has-text-grey-light has-text-right-in-desktop">
|
||||||
<p class="has-text-weight-light">
|
<p class="has-text-weight-light">
|
||||||
<%= content.data.profile.city %>
|
{{ .Profile.City }}
|
||||||
</p>
|
</p>
|
||||||
<p class="has-text-weight-light">
|
<p class="has-text-weight-light">
|
||||||
<%= content.data.profile.phone %>
|
{{ .Profile.Phone }}
|
||||||
</p>
|
</p>
|
||||||
<p class="has-text-weight-light">
|
<p class="has-text-weight-light">
|
||||||
<%= content.data.profile.mail %>
|
{{ .Profile.Email }}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
{{ with .Profile.Socials }}
|
||||||
|
{{ range .Profile.Socials }}
|
||||||
<% include /socialIcons %>
|
<% include /socialIcons %>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -152,8 +156,9 @@
|
||||||
<a href="/light">See Light Theme</a>
|
<a href="/light">See Light Theme</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<br />
|
<br />
|
||||||
Copyright © 2018-2019 by
|
Copyright © {{ .Year }} {{ .Profile.Name }}. All rights Reserved.
|
||||||
<a href="https://mazipan.space">Irfan Maulana</a>
|
<br />
|
||||||
|
Powered by <a href="https://github.com/0ranki/go-resume">go-resume</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,14 +3,14 @@
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
<!-- Dynamic tags -->
|
<!-- Dynamic tags -->
|
||||||
<meta name="robots" content="{{ .Robots }}" /> <!-- FROM YAML -->
|
<meta name="robots" content="{{ .Meta.Robots }}" /> <!-- FROM YAML -->
|
||||||
<meta name="language" content="{{ .Language }}" /> <!-- FROM YAML -->
|
<meta name="language" content="{{ .Meta.Language }}" /> <!-- FROM YAML -->
|
||||||
<meta name="author" content="{{ .Author }}" /> <!-- FROM YAML -->
|
<meta name="author" content="{{ .Meta.Author }}" /> <!-- FROM YAML -->
|
||||||
<meta name="description" content="{{ .Description }}" /> <!-- FROM YAML -->
|
<meta name="description" content="{{ .Meta.Description }}" /> <!-- FROM YAML -->
|
||||||
<meta name="theme-color" content="{{ .ThemeColor }}" /> <!-- FROM YAML -->
|
<meta name="theme-color" content="{{ .Meta.ThemeColor }}" /> <!-- FROM YAML -->
|
||||||
<!-- Dynamic tags end -->
|
<!-- Dynamic tags end -->
|
||||||
|
|
||||||
<title>AUTHOR FROM YAML</title> <!-- FROM YAML -->
|
<title>{{ .Profile.Name }} - {{ .Profile.Title }}</title> <!-- FROM YAML -->
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="https://cloud.oranki.net/apps/theming/favicon?v=2659fc51" />
|
<link rel="icon" type="image/png" sizes="16x16" href="https://cloud.oranki.net/apps/theming/favicon?v=2659fc51" />
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com/css?family=Raleway" />
|
<link rel="preconnect" href="https://fonts.googleapis.com/css?family=Raleway" />
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
{{ define "socialIcons" }}
|
||||||
|
<div class="social-icon">
|
||||||
|
<a href="<%= content.data.social.facebook.link %>" class="facebook"
|
||||||
|
title="Facebook"><%= content.data.social.facebook.name %>
|
||||||
|
<svg viewBox="0 0 512 512" height="2rem" width="2rem">
|
||||||
|
<path
|
||||||
|
d="M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z" />
|
||||||
|
</svg></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="social-icon">
|
||||||
|
<a href="<%= content.data.social.twitter.link %>" class="twitter"
|
||||||
|
title="Twitter"><%= content.data.social.twitter.name %>
|
||||||
|
<svg viewBox="0 0 512 512" height="2rem" width="2rem">
|
||||||
|
<path
|
||||||
|
d="M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z" />
|
||||||
|
</svg></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="social-icon">
|
||||||
|
<a href="<%= content.data.social.linkedin.link %>" class="linkedin"
|
||||||
|
title="Linkedin"><%= content.data.social.linkedin.name %>
|
||||||
|
<svg viewBox="0 0 512 512" height="2rem" width="2rem">
|
||||||
|
<path
|
||||||
|
d="M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5C171.1 107.9 186.4 123.4 186.4 142.4zM181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 0 98h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9-56.3 30.9v-25.2H273.8z" />
|
||||||
|
</svg></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="social-icon">
|
||||||
|
<a href="<%= content.data.social.github.link %>" class="github" title="Github"><%= content.data.social.github.name %>
|
||||||
|
<svg viewBox="0 0 512 512" height="2rem" width="2rem">
|
||||||
|
<path
|
||||||
|
d="M256 70.7c-102.6 0-185.9 83.2-185.9 185.9 0 82.1 53.3 151.8 127.1 176.4 9.3 1.7 12.3-4 12.3-8.9V389.4c-51.7 11.3-62.5-21.9-62.5-21.9 -8.4-21.5-20.6-27.2-20.6-27.2 -16.9-11.5 1.3-11.3 1.3-11.3 18.7 1.3 28.5 19.2 28.5 19.2 16.6 28.4 43.5 20.2 54.1 15.4 1.7-12 6.5-20.2 11.8-24.9 -41.3-4.7-84.7-20.6-84.7-91.9 0-20.3 7.3-36.9 19.2-49.9 -1.9-4.7-8.3-23.6 1.8-49.2 0 0 15.6-5 51.1 19.1 14.8-4.1 30.7-6.2 46.5-6.3 15.8 0.1 31.7 2.1 46.6 6.3 35.5-24 51.1-19.1 51.1-19.1 10.1 25.6 3.8 44.5 1.8 49.2 11.9 13 19.1 29.6 19.1 49.9 0 71.4-43.5 87.1-84.9 91.7 6.7 5.8 12.8 17.1 12.8 34.4 0 24.9 0 44.9 0 51 0 4.9 3 10.7 12.4 8.9 73.8-24.6 127-94.3 127-176.4C441.9 153.9 358.6 70.7 256 70.7z" />
|
||||||
|
</svg></a>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
Loading…
Reference in New Issue