Welcome
Updated Sunday 21 February 2021
Photo of the week
Sunday 21 February 2021 - Luna Rossa Prada Pirelli win the Prada Cup
The G.H. Mumm Champagne was flowing for Luna Rossa Prada Pirelli who sailed to victory today in the PRADA Cup Final. The Italians winning the Series 7-1 over INEOS TEAM UK, now move onto the America’s Cup Match, the ultimate goal four years in the making, starting in 12 days time.
Luna Rossa (ITA) vs INEOS (UK) - Final Prada Cup / Americas Cup 2021
Luna Rossa Prada Pirelli outraced the British team in today’s medium to light conditions that proved to favour the Italians so markedly.
For the second time in their six attempts, Luna Rossa Prada Pirelli have their name included in the exclusive list of just 36 challengers in 170 years that have made it to the America’s Cup itself.
As happened 20 years ago, the Defender Emirates Team New Zealand will face Luna Rossa Prada Pirelli on the Hauraki Gulf to decide who will win the most difficult and oldest trophy in international sport.
Storytelling pictures
Article of the week
The iOS Theme. Bring your iPhone back to the good old days!
System 1 iOS Macintosh theme
Historical articles
Heading | Author | Tags | Added date |
---|---|---|---|
System 1 iOS Macintosh | iOSMacintosh | UI, Motion Design | Feb 15, 2021 |
Top 10 Myths of the Dark Web | Jason Rigden | Dark Net | Nov 12, 2020 |
Nobeone’s Guide to Servicing a Naim Nait 2 | hi-fi AF | High End Systems | Oct 04, 2020 |
Naim Audio - Fatale Attraction | Approche Systeme | High End Systems | Sept 06, 2020 |
How to read out your smart gas meter with a raspberry pi | Erik Schrama | Smart Metering | Aug 30, 2020 |
The ultimate guide to proper use of animation in UX | Taras Skytskyi | UI, Motion Design | Aug 17, 2020 |
Newscast
New site release - v2.1
Added
- Code blocks now can have headers:
// file: "hello-world.js" console.log('Hello World!');
To add the headers, simply make the first line a comment of the form file: “dir/filename.ext”
- Code blocks now have a copy-to-clipboard button
- Resumes can now have download buttons.
Add the following to the front matter. Note that the PDF needs to be pre-generated
<!-- file: "resume.md" --> buttons: print: true pdf: /assets/Resume.pdf vcf: http://h2vx.com/vcf/<!--url--> json: /assets/resume.json
- Added breadcrumbs paths above page title:
Note that this requires a directory-like URL pattern like /blog/:categories/:year-:month-:day-:title/
.
- Added “Last modified at” to post layout:
To enable this feature, the post needs to have a last_modified_at
property with a valid date. You can either set it manually in the frontmatter (not recommended), or use the jekyll-last-modified-at
plugin to set it for you (Not available on GitHub Pages!).
You can remove this element by setting hide_last_modified
in the front matter. You can disable it for all posts by setting hydejack.hide_last_modified
in the config file. Setting hydejack.hide_dates
will also remove it, together with all other time-related UI elements.
You can customize the hover text, icon, and date format in _data/strings.yml
using the following keys: last_modified_a
t (hover text), last_modified_at_icon
(icon name, default: icon-history
) and date_formats.last_modified_at
(date format, default: %Y-%m-%d
).
- Added Reading Time:
The reading time indicator is a simple script which helps to create a reading indicator displaying the estimated reading time for the content. The script calculates the reading time based on a configurable reading speed (180 words per minutes by default). To display the reading time of an article, the code below is used.
<!-- file: "_includes/reading-time.html" -->
{% capture words %}
{{ content | number_of_words | minus: 180 }}
{% endcapture %}
{% unless words contains '-' %}
{{ words | plus: 180 | divided_by: 180 | append: ' minutes to read' }}
{% endunless %}
Installation :
- Step 1. Copy the file
reading-time.html
- Step 2. Save the file in the
_includes
directory of your project - Step 3. Add the following line to your layout on the place where you want the reading time indicator to appear:
{% include reading-time.html %}
- Added option to “invert” / darken the font colors in the sidebar. This enables use of bright sidebar images. Set
invert_sidebar: true
in the font matter to enable. Use defaults in the config file to enable this for all pages. - Added option to configure border radius
- Added dingbat to
page
layout - Added
plain
layout that comes without a dingbat - Added
smaller
andlarger
CSS classes that set the font size to the respective values. - Added options to change the file paths to favicon and apple touch icon in the confog file. Use
favicon
andapple_touch_icon
respectively.
Changed
- Added border radius to many elements
- Modernized table design
- Setting
hydejack.advertise: false
will now remove the banner from the HTML and the JavaScript console. - Changed the box shadow of cards (projects, posts) to reduce the amount of painting the browser has to do on when mouse hovering them.
- The layout when using the theme without the
no_break_layout
setting is nowFixes
- Allow transparent project and post images
- Removing/leaving out the
logo
key in the config file will now correctly remove the logo from the sidebar - Fixed a bug that caused blog posts to be included the the search even when set to
sitemap: false
in the front matter.
New site release - v2.0
This July 14 2020, French national holiday 🎉, I am happy to announce the new releases of the site. New design, improved performance and more … Enjoy your visit!
Version 2.0 is the most complete version of this site. Modernized design, big headlines, and big new features: Built-In Search, Sticky Table of Contents, and Auto-Hiding Navbar, and more…
Linking in Style
Ever since the introduction of Dark Mode, link styles have been a bit of an issue. Specifically, finding an accent color that worked on both light and dark backgrounds was the problem. With this new release, the link style has been revamped so that legibility is no longer tied to the choice of accent_color
.
Ready for the Big Screen
The theme on which site is based was designed for a different era of the web. Over time I’ve made adjustments, such as centering the content column for better reading ergonomics.
With this version 2.0, this site takes full advantage of large displays. Whether it’s design indulgences such as oversized headlines, or quality of life improvements such as a floating table of contents.
What’s in the Cards?
The site now lets you use content cards for both projects and posts. The cards have been redesigned with a new hover style and drop shadows and they retain their unique transition-to-next-page animations, which now also work on the blog layout.
Built-In Search
Site now has Built-In Search. It even works offline. I settled on a fully client-side, off-the-main thread solution that perfectly fits the use case of personal sites and shows surprisingly good results.
The new search UI is custom made for the site and shows beautiful previews of posts and pages, right on top of the content.
Auto-Hiding Navbar
A navbar that’s there when you need it, and disappears when you don’t. Simple as that.
Sticky Table of Contents
Already a staple on so many sites on the web, this pattern is now also available in here. What’s unique about it is that it simply picks up the table of contents already created by kramdown’s {:toc}
tag and transparently upgrades it to a fully dynamic version.
…and much more
Other noteworthy changes include:
- Support for Jekyll 4
- Choice between MathJax and KaTeX for math rendering
- Use of jekyll-include-cache for drastically improved page building speeds
- …and the option to disable grouping projects by year.
Read the CHANGELOG for the full scope of features and improvements.
Speed Score
The speed score is based on the lab data analyzed by Lighthouse
- Analysis time:
05/12/2020, 12:15:41
- Version: 6.3.0

Lighthouse Speed Score result for https://di-marco.net
Selected Projects

Mini LOFT under the roof
Surface 76 m² - calendar 2005 Continue reading Mini LOFT under the roof

n0d3 b0x v2
work in progress - The OIAP n0d3 b0x - Updated Saturday 05 December 2020
Continue reading n0d3 b0x v2
See Projects for more
Selected Posts

Setup a Linux Plex Media Server
In this post, I go through all the steps to getting your very own Plex Merdia Server up and running. Continue reading Setup a Linux Plex Media Server

How to host a site on the Dark Web
In this tutorial we will be setting up a server that will host a static site on the Dark Web. We will be using Tor Hidden services for this. We will be using static files for simplicity and security. Continue reading How to host a site on the Dark Web
See Blog for more
About Me
IT Consultant, Technical Architect & Developer. Highly qualified professional offering 20 years of experience with international and high-profile companies.
Strong experience in Energy & Utilities, Smart Metering, Telecommunication, Embedded System, and Information Systems Security.
See Resume for more