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

Luna Rossa (ITA) vs INEOS (UK) - Final Prada Cup / Americas Cup 2021© Prada Cup / Americas CupFeb 14, 2021Final Prada Cup / Americas Cup 2021
Photo by Sharon McCutcheonunsplashFeb 05, 2021New site release 2021
Wishes of Jacques Brel - 1968ncJan 01, 2021Happy new year 2021
Blob Opera© GoogleDec 24, 2020Mary Christmas
Dark Vador / Darth VaderStar Wars / DisneyNov 29, 2020Dead of Darth Vader
Erotic momentncNov 12, 2020Erotic moment
Apple Event « One more thing »© AppleNov 10, 2020Apple Event
Saphia Wesphael « Etre différent .. »Droit de citerNov 02, 2020Chronicle
Omega Speedmaster MoonwatchncOct 25, 2020change to winter time
Nude in VANncOct 13, 2020Nude in VAN
Apple Event October 13, 2020, at 10 a.m. PDT© AppleOct 07, 2020Apple Event
The original Porsche 911 (1967–1973)Image Porsche AG0ct 04, 2020Cars : Porsche 911 (1967–1973)
Amazon’s flying indoor security camera dronencSep 28, 2020Geek : flying camera drone
Mask ParisncSep 25, 2020Mask Paris
Jaguar E-type Lightweight revealedncSep 20, 2020Cars : Jaguar type-e
Apple Event - September 15, 2020© AppleSep 15, 2020Apple Event
Photo by Elijah O’DonnellunsplashAug 20, 2020Smoking woman in the night
Photo by Marten BjorkunsplashAug 17, 2020Go back to work
Photo by Tim MossholderunsplashAug 7, 2020Holiday

Article of the week

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

System 1 iOS Macintosh System 1 iOS Macintosh theme

Historical articles

HeadingAuthorTagsAdded date
System 1 iOS MacintoshiOSMacintoshUI, Motion DesignFeb 15, 2021
Top 10 Myths of the Dark WebJason RigdenDark NetNov 12, 2020
Nobeone’s Guide to Servicing a Naim Nait 2hi-fi AFHigh End SystemsOct 04, 2020
Naim Audio - Fatale AttractionApproche SystemeHigh End SystemsSept 06, 2020
How to read out your smart gas meter with a raspberry piErik SchramaSmart MeteringAug 30, 2020
The ultimate guide to proper use of animation in UXTaras SkytskyiUI, Motion DesignAug 17, 2020


New site release - v2.1


  • 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. resume_download_button Add the following to the front matter. Note that the PDF needs to be pre-generated
    <!-- file: "resume.md" -->
    print: true
    pdf: /assets/Resume.pdf
    vcf: http://h2vx.com/vcf/<!--url-->
    json: /assets/resume.json
  • Added breadcrumbs paths above page title: last_modified

Note that this requires a directory-like URL pattern like /blog/:categories/:year-:month-:day-:title/.

  • Added “Last modified at” to post layout: last_modified

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: last_modified 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.


  • 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


  • 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.

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:

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
speed score

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

Selected Projects

See Projects for more

Selected Posts

See Blog for more

About Me

Alexandre di Marco

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