hr
/
resume_builder


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700" />

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
      integrity="sha512NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <style>
      <%= Layout.resets() |> Phoenix.HTML.raw() %>
      <%= Layout.page_css() |> Phoenix.HTML.raw() %>

      dl {
        display: grid;
        grid-template-columns: auto 1fr;
      }

      dt {
        grid-column: 1/2;
      }

      dd {
        grid-column: 2/3;
      }

      <%= Work.css() |> Phoenix.HTML.raw() %>
      <%= Basics.css() |> Phoenix.HTML.raw() %>
      <%= Skill.css() |> Phoenix.HTML.raw() %>
      <%= Education.css() |> Phoenix.HTML.raw() %>

      dt.work_location+dd::before {
        content: '🏢 ' attr(value);
      }

      dt.location::after {
        content: '🏠 ' attr(value);
      }
    </style>
  </head>

  <body>
    <div id="basics">
      <Basics.basics name={@basics.name} title={@basics.label} />
    </div>

    <div id="work" class="section">
      <h1>Expériences professionnelles</h1>
      <ol>
        <%= for work <- @work do %>
          <li>
            <Work.work {work} />
          </li>
        <% end %>
      </ol>
    </div>

    <div id="skills" class="section">
      <h1>Compétences</h1>

      <ul>
        <%= for skill <- @skills do %>
          <li><Skill.skill skill={skill} /></li>
        <% end %>
      </ul>
    </div>

    <div id="education" class="section">
      <h1>Formation</h1>

      <ol>
        <%= for educ <- @education do %>
          <li><Education.education {educ} /></li>
        <% end %>
      </ol>
    </div>

    <div id="languages" class="section">
      <h1>Langues</h1>

      <ul>
        <%= for lang <- @languages do %>
          <li><Language.language lang={lang} /></li>
        <% end %>
      </ul>
    </div>
  </body>
</html>