eddiewebb/json-resume

My personal site, see `hugo-resume` for the base theme!

Data Fed resume

Created from Start Bootstrap - Resume. Uses HUGO to generate pages from various data files in JSON.

Published via CI pipelines to Eddie's Website, current status:

Technology & Setup

The primary technology is HTML5 and CSS3 to create a static webpage. Rather than copy and paste the same formatting used for multiple projects, experiences and others, I dropped the data into json files, and have a single template in HTML. Using gohugo to render the repetitive formatting as needed.

Data files

• /src/data/skills.json
• /src/data/contributions.json
• /src/data/experience.json
• /src/data/publications.json

projects

Initially projects were also in their own JSON file, but I decided I wanted to allow more detail and custom formatting, and with the move to hugo created a dedicated archetype projects. Any projects are added with hugo add projects/name-of-project.html

Resume theme

Following Hugo conventions, all the styling is embodied in the resume theme.

The partials contain corresponding *.html files for each data type in json files.

<section class="resume-section p-3 p-lg-5 d-flex flex-column" id="publications">
  <div class="my-auto" id="publications-content">
    <h2 class="mb-5">Publications</h2>
  </div>
  {{ range .Site.Data.publications }}
      <div class="resume-item d-flex flex-column flex-md-row mb-5">
        <div class="publication-content mr-auto">
          <h3 class="mb-0">{{ .type }} - <a href="{{ .link }}">{{ .name }}</a></h3>
          <p>{{ .summary | safeHTML }}</p>
          <ul class="tags">
              {{ range  .tags }}
                <li><a class="tag">{{ . }}</a ></li>
              {{ end }}
          </ul>
        </div>
        <div class="resume-date text-md-right">
          <span class="text-primary">{{ .date }}</span>
          <img src="{{ .image }}" style="max-width:250px;padding:5px;"/>
        </div>
      </div>
  {{ end }}
</section>

About (from Start Bootstrap)

Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

• https://startbootstrap.com
• https://twitter.com/SBootstrap

Start Bootstrap was created by and is maintained by David Miller, Owner of Blackrock Digital.

• http://davidmiller.io
• https://twitter.com/davidmillerskt
• https://github.com/davidtmiller

Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2018 Blackrock Digital LLC. Code released under the MIT license.

Serving locally with dfocker

docker run -p1313:1313 -v $PWD:/tmp/site eddiewebb/hugo:0.84.4-webp hugo serve -s /tmp/site/src --bind 0.0.0.0

OR

docker run --rm -it -v $(pwd):/src -p 1313:1313 klakegg/hugo:0.93.2-ext serve -s src/