Site Information - Most Recent Build

Number:
1112
Date:
2021-10-20 00:12
Pages:
7624

Who

My name is Karl Wilcox. I am an educator, web developer and programmer living in Lincolnshire, in the East of England. You can find out much more about my background on Linked In so I won't repeat it here.

Why

I looked at Heraldry and blazonry as a programming language, and wrote a compiler for it. The original idea belongs to my group project supervisor for my undergraduate degree, which we implemented in UCSD Pascal on an Apple II. About 20 years later, looking for a project to test my programming skills I re-implemented it and massively expanded it in PHP and SVG.

While researching blazonry I found many good resources on archive.org but found the multi-megabyte PDFs a difficult medium to use comfortably. Hence, I started another project to convert these into cleaner, searchable web pages.

How

The source files for this website are HTML5 and CSS with Embedded Liquid tags and are edited using Visual Studio Code. I use Jekyll to compile these files into pure HTML5 and CSS. The page layouts make use of Bootstrap 4 design elements with a custom theme designed by me.

The interactive parts of the pages are written in JavaScript, and the server-side programs such as the main DrawShield engine are written in PHP, again edited with Visual Studio Code.

All of the website source files can be found on Github at https://github.com/karlwilcox/drawshield-website.

All development work is done on a Dell Alienware R7 desktop, with 32GB of RAM running Ubuntu 18.04 under the Windows Subsystem for Linux (WSL2). VSCode and various other tools are run under windows, the build and other processes are in Linux and I use X410 to seamlessly switch between these environments on two, 27" Samsung Ultra HD displays.

The live pages are served from an AWS Lightsail instance, also running Ubuntu 18.04. Filezilla is used to synchronise the development version and the live system, or sometimes this is done via the Github repositories.

Please Help!

Gallery

Test Me

flashcard image