2021-04-03 23:22:35 -04:00
|
|
|
<main class="container-fluid d-flex justify-content-center align-items-center">
|
2021-03-29 19:50:47 -04:00
|
|
|
|
|
|
|
<div class="d-flex flex-column mt-5">
|
|
|
|
|
|
|
|
<div class="col-auto justify-content-start">
|
|
|
|
|
2021-04-03 23:22:35 -04:00
|
|
|
<h2 class="font-monospace fs-2 fw-500 mb-0">
|
2021-03-29 19:50:47 -04:00
|
|
|
<%= icon_div @conn, "mdi-account", [class: "icon baseline me-2"] %><span>Adam Piontek</span>
|
|
|
|
</h2>
|
|
|
|
|
2021-04-03 23:22:35 -04:00
|
|
|
<div class="font-monospace text-gray-500 fs-5">Desktop Systems Engineer.</div>
|
2021-03-29 19:50:47 -04:00
|
|
|
|
|
|
|
<div id="social-icons" class="mt-1">
|
|
|
|
<%= for s <- socials_prof(@conn) do %>
|
|
|
|
<%= link to: s.url, target: "_blank", class: "fs-3 link-light text-decoration-none" do %>
|
|
|
|
<%= icon_div @conn, s.icon, [class: "icon baseline"] %>
|
|
|
|
<% end %>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-auto">
|
|
|
|
|
|
|
|
<div class="separator mt-4 mb-2">qualifications</div>
|
|
|
|
|
2021-04-03 23:22:35 -04:00
|
|
|
<ul class="text-gray-200">
|
2021-03-29 19:50:47 -04:00
|
|
|
<%= for qualif <- resume_qualifs() do %>
|
|
|
|
<%= content_tag :li, qualif %>
|
|
|
|
<% end %>
|
|
|
|
</ul>
|
|
|
|
|
2021-04-03 23:22:35 -04:00
|
|
|
<div class="separator mt-4 mb-n2">experience</div>
|
2021-03-29 19:50:47 -04:00
|
|
|
|
|
|
|
<%= for %{employer: employer, positions: positions} <- resume_experience() do %>
|
2021-04-03 23:22:35 -04:00
|
|
|
<div class="fs-5 border-bottom border-gray mt-3 mb-2"><%= employer%></div>
|
2021-03-29 19:50:47 -04:00
|
|
|
<div class="mb-3">
|
|
|
|
<%= for position <- positions do %>
|
|
|
|
<div>
|
2021-04-03 23:22:35 -04:00
|
|
|
<span class="text-gray-200"><%= position.title %></span>
|
|
|
|
<span class="text-gray-500">· <%= position.start %> — <%= position.end %></span>
|
2021-03-29 19:50:47 -04:00
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</main>
|