tonnygaric.com 1.0.0 released
Saturday 28th October I came up with the spontaneous idea to start a blog. I immediately started to write down what I would need to go live the next day. After going live on Sunday 29th October, it was only about improvements, like making the response time shorter and being mobile-first. After 9 days of development in the evening, after finishing work and studying, I can finally say: tonnygaric.com 1.0.0 is here!
What am I using?
File‑based CMS - I had three (simple) requirements for the CMS I would use. Firstly, I did not want to involve a database, because I wanted first class performance, version controllable content, simple backups and many other awesome sideeffects of using NoDB. Secondly, I wanted to be able to use Markdown to write my content. Thirdly, I prefered to use PHP, because it is easy to deploy and get it up and running with minimum configurations on a VPS. I quickly came across Kirby and now it is my favourite CMS.
Responsive and mobile-first framework - Who does not use Bootstrap these days? I am using Bootstrap v4.0.0-beta.2. It was actually my first time using B4, before that I have only used B3. B4 requires jQuery and Popper.js. So they are also included.
Minimum custom css is the best css - B4 has everything I need for styling. I only added one class and overridden four classes. I did not like the page jumping if there was suddenly no scrollbar, so I added a scrollbar on every page. The logo you see in the upper left is just text inside a
<code>-tag and a dark background. I did not want any of my hyperlinks to have text-decoration (underline), so I removed it. Oh, and the font-size of code in
<pre><code> blocks is now 90%.
Syntax highlighting - I use JetBrains' Darcula theme every day. So I really wanted to get the same syntax highlighting on my website. I am using highlight.js to make this possible. It is very simple and fast, and they have the Darcula theme! 😍
675 available icons - I am using Font Awesome for scalable vector icons that can instantly be customized.
Icons in all sizes for all devices - I used favicon-generator.org to generate icons for web, Android, Microsoft, and iOS (iPhone and iPad). All I needed to do was to create one icon, upload i, click on generate and include them. If somebody adds tonnygaric.com to his/her home screen on mobile, they will see an awesome icon.
Downtime/uptime monitoring - I am using Uptime Robot to monitor my website every 5 minutes. It checks for a http
OK (200) and for a successful response with ping. If there is any downtime, I get notified via e-mail.
Keep track of traffic - I am using Google Analytics to get insights of my site's traffic.
Version control - I am using GitHub to host my repository and to have version control.
- started on Saturday 28th October;
- live on Sunday 29th October;
- tonnygaric.com 1.0.0 released on Sunday 5th November;
- 9 days of development;
- 98.0% PHP and 2.0% other;
- 25 commits;
- 72,876 lines added (including the used cms, frameworks and libraries);
- 3,219 lines deleted;
- 9 blog posts published.
Let me know what you think of tonnygaric.com 😎
from Nijmegen, The Netherlands