+++
date = "2018-06-01T21:37:32+00:00"
publishdate = "2023-12-29T07:08:55+00:00"
title = "Personal Portfolio"
slug = "personal-portfolio"
author = "Thedro"
tags = ["portfolio"]
type = "projects"
summary =  "This is the website you're browsing right now. The general structure is based on design patterns from the Laravel PHP framework."
draft =  ""
syntax =  ""
toc =  ""
updated =  "2020-06-07"
+++

![Mobile front page of the website](/images/personal-portfolio.png "
  Mobile view of the front page."
)

[Demo](https://www.thedroneely.com) and
[Source](https://www.thedroneely.com/git/thedroneely/thedroneely.com)

This is the website you're browsing right now. The structure is based on design
patterns from the [Laravel](https://github.com/laravel/laravel#readme) `PHP`
framework. The comments are handled by [Isso](https://posativ.org/isso) --- a
backend commenting server written in [Python.](https://www.python.org/) The
static parts of this website are compiled by [Hugo,](https://gohugo.io) while
the [`PHP`](https://secure.php.net) front controller handles the rest.

The backend traffic dashboard is integrated into the website using
[GoAccess](https://goaccess.io) which is a traffic monitor that reads the access
logs of [`nginx`](https://github.com/nginx/nginx). Nothing much else to it. This
website is small, lean, and compact since it was intended to run on a tiny
[Raspberry Pi.](https://www.raspberrypi.org)

## Content Management System

![Cockpit content management system](/images/cockpit-cms.png "
  Cockpit dashboard"
)

The content on this site is sometimes edited using an "`API` driven
[headless](https://en.wikipedia.org/wiki/Headless_content_management_system)
`CMS`" {{< sidenote mark="called" set="left" >}}Sounds like an marketing tag
line.{{< /sidenote>}} [Cockpit.](https://getcockpit.com/) The
[Hugo Cockpit](https://github.com/iakta/hugocockpit#readme) addon is
{{< sidenote mark="adapted" set="right" >}}The code is old and a bit
crude.{{< /sidenote>}} to control `hugo`.

![Cockpit dashboard editor](/images/cockpit-cms-post.png "
  Editing an article in the Cockpit dashboard"
)