Welcome

Updated Wednesday 16 March 2022

Photo of the week

Sunday, December 18, 2022 FIFA World Cup Final : France vs Argentina (winner)

2022 FIFA World Cup Final wins

welcome

2022 FIFA World Cup Final : France vs Argentina

Storytelling pictures

PicturesLicenseDatesubject
2022 FIFA World Cup Final-Dec 18, 20222022 FIFA World Cup Final
Ukraine support-Feb 24, 2022Russia invades Ukraine
Photo by Artturi JalliunsplashJan 01, 2022Happy New Year 2022
Luna Rossa (ITA) vs INEOS (UK) - Final Prada Cup© Prada Cup / Americas CupFeb 14, 2021Final Prada Cup / Americas Cup 2021
Photo by Sharon McCutcheonunsplashFeb 05, 2021New site release 2021
Wishes of Jacques Brel - 1968-Jan 01, 2021Happy new year 2021
Blob Opera© GoogleDec 24, 2020Mary Christmas
Dark Vador / Darth Vader© Star Wars / DisneyNov 29, 2020Dead of Darth Vader
Erotic moment-Nov 12, 2020Erotic moment
Apple Event « One more thing »© AppleNov 10, 2020Apple Event
Saphia Wesphael « Etre différent .. »Droit de citerNov 02, 2020Chronicle
Omega Speedmaster Moonwatch-Oct 25, 2020change to winter time
Nude in VAN-Oct 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 drone-Sep 28, 2020Geek : flying camera drone
Mask Paris-Sep 25, 2020Mask Paris
Jaguar E-type Lightweight revealed-Sep 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 / Movie of the week

The Satoshi Mystery - The Story of Bitcoin / Le mystère Satoshi : enquête sur l’inventeur du bitcoin - ARTE

The Satoshi Mystery The Satoshi Mystery - ARTE©

At the beginning of 2009, in the midst of the financial crisis, “Satoshi Nakamoto” put Bitcoin into circulation. He created the first decentralised and reliable cryptocurrency. In 2011 he disappeared. The Mystery of Satoshi tells the exciting history of Bitcoin and blockchain technology, from the perspective of its mysterious creator.

Historical articles

HeadingAuthorTagsAdded date
The Satoshi Mystery - The Story of BitcoinARTEDocumentaries and ReportageDec 28, 2021
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

Newscast

New site release - v2.1.2

February 07 2022

Minor

  • Removed unused clap button HTML tags
  • Minor style adjustments
  • Updated dependencies

Fixes

  • Fixed an issue with using featured projects on the welcome layout

New site release - v2.1.1

December 26 2021

Minor

  • Removed clap button info box

    Added

  • Works with Ruby 3.0
  • Build with Jekyll 4.2.1

    Fixes

  • Fixed theme color issue when using multiple theme colors
  • Fixed UTF-8 characters not rendering correctly in breadcrumbs
  • Fixed empty string warning in resume layout

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

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.

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 24 years of experience with international and high-profile companies.

Strong experience in Energy & Utilities, Smart Metering, Telecommunication, Embedded System, and Information Systems Security.

Learn more about me