Samcfuchs.com
- Python
- Flask
- Docker
- SQL
- JavaScript
- React.js
- Cloudflare
- AWS
The current site hosted at https://samcfuchs.com is built from a variety of separate components. Much of the site is built on the Hugo static site generator. Hugo uses custom themes to contruct static pages from markdown files, making it very easy to spin up new pages and content quickly. It’s built in Go and has a relatively powerful templating syntax that enables me to build more interesting layouts and designs inside their basic framework. This is how I build, for instance, my portfolio–a custom layout based on Hugo’s index feature, which incorporates child pages into the card model that I designed. I’ve also built a feature that can include the README of my project directly into the content of the project page, imported at compile time. This site’s theme is built on Cactus, but I have customized and extended it with the colors from Dracula as well as custom fonts and other features.
Some features, however, don’t fit well into the hugo format, such as my photo gallery. This page is built with react.js in Vite, to allow a higher degree of interactivity than would be convenient within the Hugo framework. Full-size images are stored in an S3 bucket, along with their thumbnails and watermarked counterparts. These are served to the client indirectly, and live-loaded into the gallery. A tagging system records information about photos and will enable filtering in the future. In the custom lightbox interface, adjacent images are pre-loaded to create a seamless experience. Currently, full-resolution & un-watermarked photos are available for free, but the infrastructure is already built to hide them behind a log-in verification system.
These endpoints and more are served by a Flask server which distributes live content as well as the static hugo pages, with caching and login verification available. This server and its files are packaged with a Dockerfile which enables quick and seamless deploys to my domain host, Render.com using a CI pipeline. I’m always building new features for the site. Thanks for visiting!
Archive
Since I reserved the domain https://samcfuchs.com in 2016, the site has gone through many, many iterations. For a time, it hosted a static site built in Github pages, https://samcfuchs.github.io. I updated this static site periodically from 2016 to 2019. Below are some iterations of the splash page throughout my high school years.
I can credit Erik Boesen with inspiring me to build a website in the first place.