Portfolio Site v1

Single page static site using raw HTML, Bulma, and SASS

Links: GitHub Repository Website

Languages: HTML SCSS

Tag: Bulma CSS

The letters "EV" on a turquoise gradient background.

Check back soon for more detailed insight on this project’s inspiration, process, and lessons! For now, here’s information from the GitHub repo:

Website

See it in action at https://v1.ethanvoth.com!

Theme

For the sake of convenience, many of the standalone websites hosted under the ethanvoth.com domain use very similar theming. They support light and dark mode, and theme preference is stored in a shared cookie between all of them (for now). The website is styled using Bulma, which is rendered (together with additional styling) from Sass.

Todo
  • Use tiles for skills chart instead of rows and columns
  • Comment Bulma Sass (do this in FP too)
  • Use templates or JSX instead of repetitive HTML
  • Improve contrast and accessability
  • Improve metadata and link previews

Other project pages
Abstract logo consisting of yellow circle encircled by green and blue arcs.

Sequent

A flexible tool for composing and programmatically executing complex sequences of actions

Photorealistic vector illustration of an ESP8266 dev board.

ESP8266 Intervalometer

A ESP8266-based web app and server that uses the Canon CCAPI to trigger a series of exposures over Wi-Fi

Artistic vector interpretation of the Southern Ring Nebula, exploding outwards from a central star.

Webbster

Utility to transform raw James Webb Space Telescope data into viewable color images

GoPro with clapper stick on top, alluding to a clapperboard.

GoPro Video Sync

Tool to sync videos from two jointly mounted GoPros using data from multiple sensors

White letter "S" on background divided into four quadrants in different shades of blue.

Schema Notes

A notes app built using Flutter with support for offline use and real-time syncing across devices

The letters "EV" on a dark gray background.

This Website!

Portfolio and blog site created with Hugo SSG, Tailwind CSS, and good old JavaScript

Circle split between sun and moon/stars, encircled by cyclic arrows.

Perpetual Timelapse

An automatic time-lapse creation and posting system (my first Python project)

Glowing aquamarine-colored zigzag shape on a black background.

Midi Vision

Visualizing midi files as a chorus of colorful lines using Tone.js and the canvas

Abstract palette, dividing image into various shades of pink.

Feedback Palette

Using feedback loops and interpolation artifacts to get a color palette for a point in an image

White infinity symbol on a background split between pale blue and green.

PseudoSun

Procedurally generated 3D environment using Three.js (development paused)

2024 © Ethan Voth / GitHub / Resume