<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>{{resume.basics.name}} - {{resume.basics.label}}</title>
		<link
			rel="stylesheet"
			href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css"
		/>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/css/all.min.css" />
		<link rel="preconnect" href="https://fonts.gstatic.com" />
		<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet" />
        <style>
            :root {
                --font-family: {{{vars.fontFamily}}};
                --clr-primary: {{{vars.primaryColor}}};
            }
        </style>
		<link rel="stylesheet" href="./assets/index.css" />
	</head>
	<body>
		{{#with resume.basics}}
		{{> header}}
		{{/with}}

		<div class="c-container c-container__padded content">
			{{#with resume.basics}}
			{{> summary}}
			{{/with}}

			{{!-- dynamically render the section partials. name of partial file and section.key should be the same --}}
			{{#if resume._meta.sections}}
				{{{renderSections resume._meta.sections}}}
			{{else}}
				{{> work}}
				{{> volunteer}}
				{{> education}}
				{{> awards}}
				{{> publications}}
				{{> skills}}
				{{> interests}}
				{{> languages}}
				{{> references}}
			{{/if}}
		</div>
	</body>
</html>
