CBielstein / cbielstein.github.io

A personal website for Cameron Bielstein.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

cbielstein.github.io

A personal website for Cameron Bielstein.

Currently hosted at bielstein.dev.

Built with Hugo, based on the the xaviablaza/hugo-lodi-theme theme, and hosted using GitHub Pages.

Adding new icons

To create, size, and color a new icon for links used on this site, use the following steps:

  1. Find a source for an SVG of the image you want (ensure it's appropriately licensed for reuse)
  2. Open a new document in Inkscape
  3. Resize to 17 px tall:
    1. Select all elements by dragging a box around the full window
    2. Object (Menu) > Transform > Scale
    3. Height: 17pt, ✔ scale proportionally
    4. Edit (Menu) > Resize Page To Selection
    5. Save
  4. Mask to appropriate color. This can either be done in Inkscape or directly on the resulting SVG XML content. Color should be #505050. If there are white bits (letters, etc.) in the image, careful not to mask them as well.
  5. Open with VS Code and copy the XML
  6. Put in places where needed (e.g. hero.html, footer.html, etc.)
  7. Set height and width, remove additional unnecessary bits (inkscape saves a lot of metadata we don't need here)

Analytics Reporting

Visitor analytics reporting is handled by Plausible.io. A script is added during deployment to report analytics data to them. When forking this repository, please remove or update deploy/plausible.html.

About

A personal website for Cameron Bielstein.


Languages

Language:HTML 76.2%Language:CSS 19.0%Language:JavaScript 4.8%