📄 Add print layout for resume

This commit is contained in:
Dan Jones 2025-11-21 21:51:45 -06:00
commit 83109656a8
7 changed files with 90 additions and 2 deletions

View file

@ -20,6 +20,22 @@ figure {
}
}
#web-resume .post {
#contact p {
display: grid;
grid-gap: .35rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
text-align: center;
&:first-child {
margin-bottom: 0;
}
&:last-child {
margin-top: 0;
}
}
}
#projects > .projects {
@media print {
display: grid;

5
assets/scss/resume.scss Normal file
View file

@ -0,0 +1,5 @@
header {
h1, p {
text-align: center;
}
}

View file

@ -3,7 +3,8 @@ title = "Web Résumé"
post_title = "🧑‍💻 Dan Jones"
toc = true
layout = "web-resume"
Description = "Experienced web developer"
Description = "Software Engineer and Architect"
outputs = ['html','resume']
+++
<section id="workhistory">

View file

@ -1,8 +1,11 @@
---
id: contact
---
<span class="location">🏠 Fort Bend, TX 77069</span>
<span class="phone">📞 +1 (704) 326-1626</span>
<span class="email">📧 [dan&#x40;danielrayjones&#x2e;com](mailto:dan&#x40;danielrayjones&#x2e;com)</span>
<span class="web printonly">🌐 https://danielrayjones.com/</span><br/>
<span class="web printonly">🌐 https://danielrayjones.com/</span>
<span class="where">📍 Open to remote positions</span>

View file

@ -4,6 +4,13 @@ title = "Dan Jones"
theme = "hello-friend-ng"
enableGitInfo = true
[outputFormats]
[outputFormats.resume]
mediaType = "text/html"
isHTML = true
baseName = "dan-jones-resume"
[params]
homeSubtitle = "Web developer, actor, jack of some trades"
EnableThemeToggle = true

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
{{ $options := (dict "targetPath" "resume.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $style := resources.Get "scss/resume.scss" | css.Sass $options | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}">
</head>
<body>
<header>
<h1>{{ with .Params.post_title }}{{ . | markdownify }}{{ else }}{{ .Title | markdownify }}{{ end }}</h1>
{{ with .Params.Description }}<p>{{ . | markdownify }}</p>{{ end }}
</header>
{{ with .Resources.Get "sections/005-contact.md" }}
<aside id="{{ .Params.id }}" class="{{ .Params.class }}">
{{ .Content }}
</aside>
{{ end }}
{{ with .Resources.Get "sections/007-summary.md" }}
<aside id="{{ .Params.id }}" class="{{ .Params.class }}">
<h2>Objectives</h3>
{{ .Content }}
</aside>
{{ end }}
{{ with .Resources.Get "sections/010-skills.md" }}
<aside id="{{ .Params.id }}" class="{{ .Params.class }}">
{{ .Content }}
</aside>
{{ end }}
<div class="post-content">
{{ .Content }}
</div>
{{ with .Resources.Get "data/projects.yaml" }}
<aside id="projects">
{{ partial "projects.resume.html" . }}
</aside>
{{ end }}
</body>
</html>

View file

@ -0,0 +1,9 @@
{{ with . | transform.Unmarshal -}}
<ul>
{{- range $project := . -}}
{{- range $slug, $proj := $project }}
<li class="project {{ $slug }}"><a href="{{ $proj.url }}">{{ $proj.name }}</a> {{ $proj.desc }}</li>
{{- end -}}
{{- end }}
</ul>
{{- end }}