Welcome

Updated Sunday 21 February 2021

• Photo of the week
  • Storytelling pictures
• Article of the week
  • Historical articles
• Newscast
  • New site release - v2.1
    • Added
    • Changed
    • Fixes
  • New site release - v2.0
    • Linking in Style
    • Ready for the Big Screen
    • What’s in the Cards?
    • Built-In Search
    • Auto-Hiding Navbar
    • Sticky Table of Contents
    • …and much more
    • Speed Score
• Selected Projects
• Selected Posts
• About Me

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

• System 1 iOS Macintosh

The iOS Theme. Bring your iPhone back to the good old days!

System 1 iOS Macintosh theme

Historical articles

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_at (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 and larger 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 and apple_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 now

  Fixes

• 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