ABOUT
Why and how Chisholm.nl was built.

What I wanted to achieve: I am interested in all kinds of stuff and the website is a record of some of the things that I have been thinking about and doing lately. If the content is vaguely useful to anybody all the better. It's useful to me because, if I don't write it down I'll forget it.

How was it built?: I wanted to keep the website simple, and as pure HTML and css as possible. I don't like: the limitations of frameworks and website builders, being dependent on other people's developments, or paying for software that I can create myself (my software is also ad- and nag-free!), so I have used w3-css — a great base to start from — with a visual design created by myself. In total the three components of the website are, w3-css, HTML, and I didn't seem to be able to avoid some Java script to stitch everything together.

The Java script helps with the following, it:

• powers slide shows;
• changes colors on mouse movement;
• shuts off the audio player when it is closed;
• activates the ESC key to close pop out pictures;
• makes the video player full screen;
• includes standard sections of HTML text;
• and calculates years since a date so that I don't have to update pages each year.

I am familiar with HTML but to get started I had to learn HTML in detail, CSS and JavaScript. My primary source of reference material and answers has been w3.CSS and w3schools.com — excellent stuff. Another great source has been "stackoverflow" related sources, if you have an issue and can formulate a good question around it the (usually) someone has asked it before (and hopefully someone has answered it!).

I started the web site on the 9th of May and the first pass is finished 18th of July with 28 HTML pages, 17 movies (mp4, ogv, and webm), 4 audio files (mp3 and ogg), and 112 picture files (png, jpg, and gif). It has been "interesting". I still have a few articles to write including MCU circuits, schematics and software, a few recipes including Spelt bagels, and some other tips and tricks.

Assets: There are lots of Photos, rostrum photos, videos, 3d Models, graphics and the like in the website. These are almost all made by me. The tools that were used to build the site and make the assets include:

Tool	Used for	(*)External Link
Notepad++	Text and code editing
Visual Studio Code	HTML and python editing
Firefox	Testing HTML
Gimp	General photo manipulation, perspective correction
Paint Shop Pro	Scanning (Text, photo, and film), background removal
LibreOffice Calc	Calculation, planning sheets
LibreOffice Writer	Formatted text, documentation
LibreOffice Draw	Technical and electronic drawings and diagrams
Blender	Animation, Color Key, Procedural Textures, 3D modeling
ffmpeg	Video, video/still, still/video conversion, cropping, resizing, respeeding, filtering
Microsoft Word 2010	Formatted text, documentation	No longer available
Microsoft Excel 2010	Calculation, planning sheets	No longer available
Arduino IDE	MCU code development
VLC Media Player	Video testing
FileZilla	File transfer, up- and downloads
Cubase	Audio recording and processing
Audacity	Audio analysis, audio conversion
PicoScope	MCU hardware and software debugging, timing analysis
mp3DirectCut	"Lossless" MP3 editing
Inkscape	Bitmap to path conversion, SVG editing
Python	Scripting and helper apps
KiCad	Electronic diagrams, PCB design

(*External sites are not in my control. Be wary of insecure sites, i.e. non https sites. At the time of writing these external links were working — they may not when you try. If they don't work please email me. Thanks!)