Colophon

a brief statement containing information about the publication”. This page describes how this website is built…

Server-side

This website is built using the Laravel PHP framework, running on PHP 8.

I use composer to manage PHP dependencies and help with the rapid development of features. Here are some useful packages;

  • laravel/framework
  • imdbphp/imdbphp
  • blade-ui-kit/blade-heroicons
  • league/commonmark
  • php-tmdb/api
  • simple-icons/simple-icons
  • spatie/laravel-feed
  • spatie/yaml-front-matter

Client-side

I use Tailwind CSS behind the scenes to generate the styles. Laravel Mix makes using webpack easy. I compile my CSS using PostCSS.

The site makes use of a lot of existing open source code and resources. highlight.js is used to make the code blocks more readable with syntax highlighting. The random pattern in the footer uses GeoPattern library.

I use npm to manage client-side code. Here are some of the packages I use, that power the website itself;

  • chart.js
  • geopattern
  • google-maps
  • highlight.js
  • lite-youtube-embed
  • masonry-layout
  • spotlight.js

The following packages help me build website assets;

  • laravel-mix
  • postcss
  • tailwindcss

Hosting

The project repository is hosted on GitHub. The website itself is hosted with Phurix.

Attributions

Illustrations

The bike illustrations are from Stand Out Bikes.

Icons

The social media icons in the footer are Simple Icons. Other icons are heroicons. I have integrated these using Blade Icons package for Laravel.

Sources

The content for movies is synced from IMDB data and the images are sourced from The Movie Database.

Imported data

Music is synced from Last.fm. Activities are synced from Strava. Most of my photos come from my Instagram profile.