resume/src/homebrew/homebrew.tmpl

127 lines
7.3 KiB
Cheetah

<html>
<head>
<link rel="preload" as="font" href="./fonts/Lato-Regular.ttf" type="font/ttf" crossorigin="anonymous">
</link>
<link rel="preload" as="font" href="./fonts/Lato-Bold.ttf" type="font/ttf" crossorigin="anonymous">
</link>
<style>
@media print { .no-print, .no-print * { visibility: hidden !important; }
@font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Regular.ttf");}
@font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Lato"; src: url("./fonts/Lato-Regular.ttf");}
@font-face {font-family: "Lato"; src: url("./fonts/Lato-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Montserrat"; src: url("./fonts/Montserrat-Regular.ttf");}
@font-face {font-family: "Montserrat"; src: url("./fonts/Montserrat-Bold.ttf"); font-weight: bold;}@font-face {font-family: "OpenSans"; src: url("./fonts/OpenSans-Regular.ttf");}
@font-face {font-family: "OpenSans"; src: url("./fonts/OpenSans-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Raleway"; src: url("./fonts/Raleway-Regular.ttf");}
@font-face {font-family: "Raleway"; src: url("./fonts/Raleway-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Caladea"; src: url("./fonts/Caladea-Regular.ttf");}
@font-face {font-family: "Caladea"; src: url("./fonts/Caladea-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Lora"; src: url("./fonts/Lora-Regular.ttf");}
@font-face {font-family: "Lora"; src: url("./fonts/Lora-Bold.ttf"); font-weight: bold;}@font-face {font-family: "RobotoSlab"; src: url("./fonts/RobotoSlab-Regular.ttf");}
@font-face {font-family: "RobotoSlab"; src: url("./fonts/RobotoSlab-Bold.ttf"); font-weight: bold;}@font-face {font-family: "PlayfairDisplay"; src: url("./fonts/PlayfairDisplay-Regular.ttf");}
@font-face {font-family: "PlayfairDisplay"; src: url("./fonts/PlayfairDisplay-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Merriweather"; src: url("./fonts/Merriweather-Regular.ttf");}
@font-face {font-family: "Merriweather"; src: url("./fonts/Merriweather-Bold.ttf"); font-weight: bold;}
</style>
</head>
<body style="margin: auto !important; padding-bottom: .0em !important; width: 512pt; margin: 0; padding: 0; -webkit-text-size-adjust:none;">
<div>
<div class="frame-content">
<document title="{{ range .resume.name }}{{ . }} {{ end }}Resume" author="{{ range .resume.name }}{{ . }} {{ end }}" producer="OpenResume">
<page style="display: flex; flex-direction: column; color: rgb(23, 23, 23); font-family: Lato; font-size: 11pt;">
<view style="width: 100%; height: 10.5pt; background-color: rgb(129, 140, 248);">
</view>
<view style="display: flex; flex-direction: column; padding: 0px 18pt;">
<view style="display: flex; flex-direction: column; gap: 6pt; margin-top: 12pt;">
<view style="display: flex; flex-direction: row; justify-content: space-between;">
<text style="color: rgb(129, 140, 248); font-weight: bold; font-size: 20pt;">{{ range .resume.name }}{{ . }} {{ end }}
</text>
<a href="./BreeLapointeResume.pdf" download class="no-print">
<text style="color: rgb(99, 99, 99); font-weight: normal; text-decoration: none;"><u>Download as PDF</u>
</text>
</a>
</view>
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .resume.title }}
</text>
<view style="display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 1.5pt;">
{{ range .resume.contact.links }}
<view style="display: flex; flex-direction: row; align-items: center; gap: 3pt;">
{{ .svg }}
<a href="{{ .link }}" style="text-decoration: none;" target="_blank" rel="noreferrer">
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .text }}</text>
</a>
</view>
{{ end }}
</view>
</view>
{{ range .resume.headings }}
<view style="display: flex; flex-direction: column; gap: 6pt; margin-top: 12pt;">
<view style="display: flex; flex-direction: row; align-items: center;">
<view style="height: 3.75pt; width: 30pt; background-color: rgb(129, 140, 248); margin-right: 10.5pt;">
</view>
<text style="font-weight: bold; letter-spacing: 0.3pt;">{{ .title }}</text>
</view>
{{ if .what }}
<view>
{{ range .what }}
<view style="display: flex; flex-direction: row; justify-content: space-between;">
<text style="color: rgb(23, 23, 23); font-weight: bold; padding-left: 6pt; padding-right: 6pt; line-height: 1.3;">•
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ . }}
</text>
</view>
{{ end }}
</view>
{{ end }}
{{ range .headings }}
<view>
{{ if .headings }}
<text style="color: rgb(23, 23, 23); font-weight: bold;">{{ .title }}</text>
{{ else }}
<view style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 4.5pt;">
<text style="color: rgb(23, 23, 23); font-weight: bold;">{{ .title }}</text>
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .when }}
</text>
</view>
{{ end }}
{{ range .what }}
<view style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 4.5pt;">
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ . }}
</text>
</view>
{{ end }}
{{ range .headings }}
<view style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 4.5pt;">
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .title }}</text>
<text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .when }}
</text>
</view>
<view style="display: flex; flex-direction: column; margin-top: 4.5pt;">
{{ range .what }}
<view style="display: flex; flex-direction: row;">
<text style="color: rgb(23, 23, 23); font-weight: bold; padding-left: 6pt; padding-right: 6pt; line-height: 1.3;">•</text>
<text style="color: rgb(23, 23, 23); font-weight: normal; line-height: 1.3; flex-grow: 1; flex-basis: 0px;">{{ . }}</text>
</view>
{{ end }}
</view>
{{ end }}
</view>
{{ end }}
</view>
{{ end }}
</view>
</view>
</page>
</document>
</div>
</div>
</body>
</html>