https://dev.to/menghif

HASH 89b177b3b6332b3bb57c165fe7a29de7
This item was proven by @francesco on 2023-09-09T01:02:47+00:00. (View all of @francesco’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-09-09T01:02:47+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en" class="js-focus-visible" data-js-focus-visible=""><head>
    <meta charset="utf-8">
    <title>Francesco Menghi - DEV Community</title>
      <meta name="last-updated" content="2023-09-09 01:02:45 UTC">
      <meta name="user-signed-in" content="false">
      <meta name="head-cached-at" content="1694221365">
        <!-- Experimental web monetization payment pointer for micropayments -->
        <!-- It lets readers make micropayments to websites they visit. -->
        <!-- This is step 1: Get live in production to test for platform-wide payment pointer. -->
        <!-- Step 2: Allow authors to set their payment pointer so they can directly monetize their content based on visitors. -->
        <!-- Step 3: Enable further functionality based on what we learn from this experimentation and how the ecosystem evolves. -->
        <meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn">
      <meta name="environment" content="production">
      <link rel="stylesheet" href="https://dev.to/assets/minimal-953c583948ec3e2b9e68c341c76e756a954e5cbd85ef42164c560fe4918196bf.css" media="all" id="main-minimal-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/views-bb164e55d36aa9e37d55b2d48923a38e79cc75ca32c513d0fec9f43fb85e4d58.css" media="all" id="main-views-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/crayons-f9820427e24760348bec4a8a4cefb6afb7a6b09049a9dc7bf53c58f41786d157.css" media="all" id="main-crayons-stylesheet">

      <script async="" src="//www.google-analytics.com/analytics.js"></script><script src="https://dev.to/assets/base-51cad243f79a215f0b81a17e4594df3219b5efeddb0fa74dd207497c78606cc9.js" defer="defer"></script>
        <script src="https://dev.to/packs/js/runtime~base-ee3314f5b2dd2e8d5ce5.js" defer="defer"></script>
<script src="https://dev.to/packs/js/base-f9b3e03df16a52b6561a.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~baseInitializers-1b46516427ffe0ce2b71.js" defer="defer"></script>
<script src="https://dev.to/packs/js/baseInitializers-af1fad96847cdd63acd7.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~Search-ba82eb59e6b555d14ceb.js" defer="defer"></script>
<script src="https://dev.to/packs/js/0-9c7b3644b93b5643123e.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/1-119b8c6ee4caeff09002.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/Search-323cf1d93d8b9508ce0b.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~runtimeBanner-802a603a5c1aef66783b.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtimeBanner-61b27a4b173b3fcc1dbe.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~baseTracking-a0f9a184179537a1af15.js" defer="defer"></script>
<script src="https://dev.to/packs/js/baseTracking-c4e5efbdd2b9a44a0732.chunk.js" defer="defer"></script>
      
  <link rel="canonical" href="https://dev.to/menghif">
<meta name="description" content="">
<meta name="keywords" content="software development, engineering, rails, javascript, ruby">

<meta property="og:type" content="website">
<meta property="og:url" content="https://dev.to/menghif">
<meta property="og:title" content="Francesco Menghi — DEV Community Profile">
<meta property="og:image" content="https://thepracticaldev.s3.amazonaws.com/i/6hqmcjaxbgbon8ydw93z.png">
<meta property="og:description" content="">
<meta property="og:site_name" content="DEV Community">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@thepracticaldev">
<meta name="twitter:creator" content="@">
<meta name="twitter:title" content="Francesco Menghi — DEV Community Profile">
<meta name="twitter:description" content="">
<meta name="twitter:image:src" content="https://thepracticaldev.s3.amazonaws.com/i/6hqmcjaxbgbon8ydw93z.png">
  <link rel="alternate" type="application/rss+xml" title="DEV Community RSS Feed" href="https://dev.to/feed/menghif">


      <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
      <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/practicaldev/image/fetch/s--E8ak4Hr1--/c_limit,f_auto,fl_progressive,q_auto,w_32/https://dev-to.s3.us-east-2.amazonaws.com/favicon.ico">
      <link rel="apple-touch-icon" href="https://res.cloudinary.com/practicaldev/image/fetch/s--eWZ6RXEZ--/c_limit,f_png,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png">
      <link rel="apple-touch-icon" sizes="152x152" href="https://res.cloudinary.com/practicaldev/image/fetch/s--4NZquTNJ--/c_limit,f_png,fl_progressive,q_80,w_152/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png">
      <link rel="apple-touch-icon" sizes="180x180" href="https://res.cloudinary.com/practicaldev/image/fetch/s--eWZ6RXEZ--/c_limit,f_png,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png">
      <link rel="apple-touch-icon" sizes="167x167" href="https://res.cloudinary.com/practicaldev/image/fetch/s--2M4UHURL--/c_limit,f_png,fl_progressive,q_80,w_167/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png">
      <link href="https://res.cloudinary.com/practicaldev/image/fetch/s--b551aYX---/c_limit,f_png,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png" rel="icon" sizes="192x192">
      <link href="https://res.cloudinary.com/practicaldev/image/fetch/s--NWcX-tD4--/c_limit,f_png,fl_progressive,q_80,w_128/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png" rel="icon" sizes="128x128">
      <meta name="apple-mobile-web-app-title" content="dev.to">
      <meta name="application-name" content="dev.to">
      <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
      <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
      <link rel="search" href="https://dev.to/open-search.xml" type="application/opensearchdescription+xml" title="DEV Community">

      <meta property="forem:name" content="DEV Community">
      <meta property="forem:logo" content="https://res.cloudinary.com/practicaldev/image/fetch/s--BlMrNwoZ--/c_limit,f_png,fl_progressive,q_80,w_512/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png">
      <meta property="forem:domain" content="dev.to">
  <script charset="utf-8" src="https://dev.to/packs/js/184-541b10f620a96006a147.chunk.js"></script><script charset="utf-8" src="https://dev.to/packs/js/182-438e903ae36783ff1821.chunk.js"></script><script src="//www.googletagmanager.com/gtag/js?id=G-TYEM8Y3JN3" async=""></script><meta name="csrf-param" content="authenticity_token"><meta name="csrf-token" content="vANCN8RonPqdSImK_AZHrLJ_XBrDyVVBHiCZqo4hbuqqwN4cM-RkBMR4KMnuYne7xCGeeOHsE116aDojVV0B0w"></head>
      <body class="sans-serif-article-body default-header" data-user-status="logged-out" data-community-name="DEV Community" data-locale="en" data-honeybadger-key="hbp_nqu4Y66HuEKlD6YRGssZuRQnPOjDm50J8Zkr" data-deployed-at="2023-09-08T21:18:26Z" data-latest-commit-id="ed853f7e1ec82fe90997d624857ba1f465573927" data-ga-tracking="UA-71991109-1" data-ga4-tracking-id="G-TYEM8Y3JN3" data-runtime="Browser-Linux" data-loaded="true">
        <link rel="stylesheet" href="https://dev.to/assets/minimal-953c583948ec3e2b9e68c341c76e756a954e5cbd85ef42164c560fe4918196bf.css" media="all" id="secondary-minimal-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/views-bb164e55d36aa9e37d55b2d48923a38e79cc75ca32c513d0fec9f43fb85e4d58.css" media="all" id="secondary-views-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/crayons-f9820427e24760348bec4a8a4cefb6afb7a6b09049a9dc7bf53c58f41786d157.css" media="all" id="secondary-crayons-stylesheet">

        <div id="body-styles">
          <style>
            :root {
              --accent-brand-lighter-rgb: 80, 99, 301;
              --accent-brand-rgb: 59, 73, 223;
              --accent-brand-darker-rgb: 47, 58, 178;
            }
          </style>
        </div>
        <div id="audiocontent" data-podcast="">
          
        </div>
        <div class="navigation-progress" id="navigation-progress"></div>
<header class="crayons-header print-hidden">
  <span id="route-change-target" tabindex="-1"></span>
  <a href="#main-content" class="skip-content-link">Skip to content</a>
  <div class="crayons-header__container">
    <span class="inline-block m:hidden ">
      <button class="c-btn c-btn--icon-alone js-hamburger-trigger mx-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="alsnckcmj241bt4voiuxs2ii6bsjj3j8" class="crayons-icon"><title id="alsnckcmj241bt4voiuxs2ii6bsjj3j8">Navigation menu</title>
    <path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"></path>
</svg>

      </button>
    </span>
    <a href="/" class="site-logo" aria-label="DEV Community Home">
    <img class="site-logo__img" src="https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png" alt="DEV Community">
</a>


    <div class="crayons-header--search js-search-form" id="header-search"><form method="get" action="/search" role="search" accept-charset="UTF-8"><input name="utf8" type="hidden" value="✓"><div class="crayons-fields crayons-fields--horizontal"><div class="crayons-field flex-1 relative"><input class="crayons-header--search-input crayons-textfield" type="text" id="" name="q" placeholder="Search..." autocomplete="off" aria-label="Search term"><button type="submit" aria-label="Search" class="c-btn c-btn--icon-alone absolute inset-px left-auto mt-0 py-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="crayons-icon c-btn__icon" focusable="false"><path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"></path></svg></button></div></div></form>
      
    </div>

    <div class="flex items-center h-100 ml-auto">
      <a class="c-link c-link--icon-alone c-link--block m:hidden mx-1" id="search-link" aria-label="Search" href="/search">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a20cqswtxpo3upr218x5urppi5gkkb7j" class="crayons-icon"><title id="a20cqswtxpo3upr218x5urppi5gkkb7j">Search</title>
    <path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"></path>
</svg>

      </a>
        <div class="flex" id="authentication-top-nav-actions">
          <span class="hidden m:block">
            <a href="/enter" class="c-link c-link--block mr-2 whitespace-nowrap ml-auto" data-no-instant="">
              Log in
            </a>
          </span>

          <a href="/enter?state=new-user" data-tracking-id="ca_top_nav" data-tracking-source="top_navbar" class="c-cta c-cta--branded whitespace-nowrap mr-2" data-no-instant="">
            Create account
          </a>
        </div>
    </div>
  </div>
</header>

<div class="hamburger">
  <div class="hamburger__content">
    <header class="hamburger__content__header">
      <h2 class="fs-l fw-bold flex-1 break-word lh-tight">DEV Community</h2>

      <button class="c-btn c-btn--icon-alone js-hamburger-trigger shrink-0" aria-label="Close">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aj7r1ohuirmxcextw2s24ru9p30lek2i" aria-hidden="true" class="crayons-icon c-btn__icon"><title id="aj7r1ohuirmxcextw2s24ru9p30lek2i">Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

      </button>
    </header>

    <div class="p-2 js-navigation-links-container" id="authentication-hamburger-actions">
    </div>
  </div>
  <div class="hamburger__overlay js-hamburger-trigger"></div>
</div>


        <div id="active-broadcast" class="broadcast-wrapper"></div>
  <div id="base-payment-pointer" data-payment-pointer="$ilp.uphold.com/24HhrUGG7ekn"></div>
<div id="page-content" class="wrapper stories stories-index" data-current-page="stories-index">
  <div id="page-content-inner" data-follow-clicks-initialized="true">
    <div id="page-route-change" class="screen-reader-only" aria-live="polite" aria-atomic="true"></div>

    <main id="main-content">




  <script type="application/ld+json">
    {"@context":"http://schema.org","@type":"Person","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/menghif"},"url":"https://dev.to/menghif","sameAs":["https://github.com/menghif","https://francescomenghi.com"],"image":"https://res.cloudinary.com/practicaldev/image/fetch/s--LsqLqXus--/c_fill,f_auto,fl_progressive,h_320,q_auto,w_320/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg","name":"Francesco Menghi","description":"404 bio not found"}
  </script>

  <style>
    :root {
      --profile-brand-color: #12574c;
    }
  </style>
  <div class="brand-bg">
    <div class="crayons-layout crayons-layout--limited-l pt-7 m:pt-9">
      <header class="profile-header crayons-card mt-2">
        <div class="relative profile-header__top">
          <span class="crayons-avatar crayons-avatar--3xl">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LsqLqXus--/c_fill,f_auto,fl_progressive,h_320,q_auto,w_320/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" width="128" height="128" alt="Francesco Menghi profile picture" class="crayons-avatar__image">
          </span>

          <div class="profile-header__actions">
              <button id="user-follow-butt" class="crayons-btn whitespace-nowrap follow-action-button follow-user" data-info="{&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
        <div class="profile-dropdown ml-2 s:relative" data-username="menghif" data-dropdown-initialized="true">
              <button id="user-profile-dropdown" aria-expanded="false" aria-controls="user-profile-dropdownmenu" aria-haspopup="true" class="crayons-btn crayons-btn--ghost-dimmed crayons-btn--icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="ai8sbyf4gy9v8udqv5eq4jtnlc8ustns" class="crayons-icon dropdown-icon"><title id="ai8sbyf4gy9v8udqv5eq4jtnlc8ustns">User actions</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12a2 2 0 11-4 0 2 2 0 014 0zm7 0a2 2 0 11-4 0 2 2 0 014 0zm5 2a2 2 0 100-4 2 2 0 000 4z"></path></svg>

              </button>

              <div id="user-profile-dropdownmenu" class="crayons-dropdown left-2 right-2 s:right-0 s:left-auto top-100 mt-1">
                <span class="report-abuse-link-wrapper" data-path="/report-abuse?url=https://dev.to/menghif"><a href="/report-abuse?url=https://dev.to/menghif" class="crayons-link crayons-link--block">Report Abuse</a></span>
              </div>
            </div>
          </div>
        </div>

        <div class="profile-header__details">
          <h1 class="crayons-title fw-heavy mb-2">Francesco Menghi</h1>
          <p class="fs-base m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75">404 bio not found</p>

          <div class="profile-header__meta">
              <span class="profile-header__meta__item">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aroa2ua4f29uwr37biyy41l0ntwjqajb" class="crayons-icon mr-2 shrink-0"><title id="aroa2ua4f29uwr37biyy41l0ntwjqajb">Location</title>
    <path d="M18.364 17.364L12 23.728l-6.364-6.364a9 9 0 1112.728 0zM12 13a2 2 0 100-4 2 2 0 000 4z"></path>
</svg>

                <span>
                  Toronto, Canada
                </span>
              </span>

            <span class="profile-header__meta__item">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aroglhintef1wmeqoq05y3oklnd2wbr0" class="crayons-icon mr-2 shrink-0"><title id="aroglhintef1wmeqoq05y3oklnd2wbr0">Joined</title>
    <path d="M8 6v3.999h3V6h2v3.999h3V6h2v3.999L19 10a3 3 0 012.995 2.824L22 13v1c0 1.014-.377 1.94-.999 2.645L21 21a1 1 0 01-1 1H4a1 1 0 01-1-1v-4.36a4.025 4.025 0 01-.972-2.182l-.022-.253L2 14v-1a3 3 0 012.824-2.995L5 10l1-.001V6h2zm11 6H5a1 1 0 00-.993.883L4 13v.971l.003.147a2 2 0 003.303 1.4c.363-.312.602-.744.674-1.218l.015-.153.005-.176c.036-1.248 1.827-1.293 1.989-.134l.01.134.004.147a2 2 0 003.992.031l.012-.282c.124-1.156 1.862-1.156 1.986 0l.012.282a2 2 0 003.99 0L20 14v-1a1 1 0 00-.883-.993L19 12zM7 1c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 11-2.898-.776C5.85 2.002 7 2.5 7 1zm5 0c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 01-2.898-.776C10.85 2.002 12 2.5 12 1zm5 0c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 01-2.898-.776C15.85 2.002 17 2.5 17 1z"></path>
</svg>

              <span>
                Joined on&nbsp;<time datetime="2021-09-08T18:41:50Z" class="date">Sep 8, 2021</time>
              </span>
            </span>


              <a href="https://francescomenghi.com" target="_blank" rel="noopener me ugc" class="profile-header__meta__item">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aop01mixna97zwn4tks4eo5bkc7vr5tc" class="crayons-icon mr-2 shrink-0"><title id="aop01mixna97zwn4tks4eo5bkc7vr5tc">Personal website</title><path d="M10.667 8v1.333H7.333v7.334h7.334v-3.334H16v4a.666.666 0 01-.667.667H6.667A.666.666 0 016 17.333V8.667A.667.667 0 016.667 8h4zM18 6v5.333h-1.333V8.275l-5.196 5.196-.942-.942 5.194-5.196h-3.056V6H18z"></path></svg>

                <span>
                  https://francescomenghi.com
                </span>
              </a>

              <a href="https://github.com/menghif" target="_blank" rel="noopener me" class="profile-header__meta__item p-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="ajqwgxfj687m72yrvyska8epa0kovj02" class="crayons-icon shrink-0"><title id="ajqwgxfj687m72yrvyska8epa0kovj02">github website</title>
    <path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 006.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 012.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0022 12c0-5.525-4.475-10-10-10z"></path>
</svg>

              </a>
          </div>
        </div>

        

        <div class="p-3 pt-0 block m:hidden js-user-info-trigger-wrapper">
          <button type="button" class="crayons-btn crayons-btn--outlined w-100 js-user-info-trigger">More info about @menghif</button>
        </div>
      </header>
    </div>
  </div>

<div class="crayons-layout crayons-layout--limited-l crayons-layout--2-cols crayons-layout--2-cols--1-2 pt-4 m:pt-0" id="index-container" data-params="{&quot;user_id&quot;:701880,&quot;class_name&quot;:&quot;Article&quot;,&quot;sort_by&quot;:&quot;published_at&quot;,&quot;sort_direction&quot;:&quot;desc&quot;}" data-which="articles" data-tag="" data-feed="base-feed" data-articles-since="0">

  <div class="crayons-layout__sidebar-left crayons-layout__content">
    <div class="m:gap-4 hidden m:grid js-user-info">

    

      <div class="crayons-card crayons-card--secondary">
  <header class="crayons-card__header">
    <h3 class="crayons-subtitle-3">Badges</h3>
  </header>

  <div class="crayons-card__body">
    <div class="grid gap-4 grid-cols-3 s:grid-cols-4 m:grid-cols-2 align-center items-center js-profile-badges">
        <div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-9', overlay: true})" title="Two Year Club" class="js-profile-badge ">
          <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7LzjnbaB--/c_limit,f_auto,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/9/2year-Badge-shadow__1_.png" alt="Two Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(5deg);" loading="lazy">
        </div>

        <div id="badge-9" class="hidden">
          <div class="badge_details">
  <div class="badge-image-container p-3">
    <img class="badge-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--grKZzx3a--/c_limit,f_auto,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/9/2year-Badge-shadow__1_.png" alt="Two Year Club badge" title="Two Year Club" loading="lazy">
  </div>

  <div class="badge_text_content">
    <h4 class="title fw-800 fs-l">Two Year Club</h4>
    <p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least two years.</p>
    <button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
  </div>
  <div class="close" onclick="window.Forem.closeModal()">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

  </div>
</div>

        </div>
        <div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-2', overlay: true})" title="One Year Club" class="js-profile-badge ">
          <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mvoi2vUk--/c_limit,f_auto,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/2/1-year-badge.png" alt="One Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(2deg);" loading="lazy">
        </div>

        <div id="badge-2" class="hidden">
          <div class="badge_details">
  <div class="badge-image-container p-3">
    <img class="badge-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--caCkEwkM--/c_limit,f_auto,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/2/1-year-badge.png" alt="One Year Club badge" title="One Year Club" loading="lazy">
  </div>

  <div class="badge_text_content">
    <h4 class="title fw-800 fs-l">One Year Club</h4>
    <p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least one year.</p>
    <button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
  </div>
  <div class="close" onclick="window.Forem.closeModal()">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

  </div>
</div>

        </div>
        <div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-131', overlay: true})" title="Hacktoberfest 2021" class="js-profile-badge ">
          <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1l8Lf2vD--/c_limit,f_auto,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/131/hacktoberfest-2021-badge.png" alt="Hacktoberfest 2021" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-2deg);" loading="lazy">
        </div>

        <div id="badge-131" class="hidden">
          <div class="badge_details">
  <div class="badge-image-container p-3">
    <img class="badge-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--o_YmWfy8--/c_limit,f_auto,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/131/hacktoberfest-2021-badge.png" alt="Hacktoberfest 2021 badge" title="Hacktoberfest 2021" loading="lazy">
  </div>

  <div class="badge_text_content">
    <h4 class="title fw-800 fs-l">Hacktoberfest 2021</h4>
    <p class="description">Awarded for successful completion of the 2021 Hacktoberfest challenge.</p>
    <button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
  </div>
  <div class="close" onclick="window.Forem.closeModal()">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

  </div>
</div>

        </div>
        <div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-12', overlay: true})" title="8 Week Streak" class="js-profile-badge ">
          <img src="https://res.cloudinary.com/practicaldev/image/fetch/s---aRFTfxO--/c_limit,f_auto,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/12/8_week_streak-Shadow.png" alt="8 Week Streak" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-4deg);" loading="lazy">
        </div>

        <div id="badge-12" class="hidden">
          <div class="badge_details">
  <div class="badge-image-container p-3">
    <img class="badge-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZvIM52ov--/c_limit,f_auto,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/12/8_week_streak-Shadow.png" alt="8 Week Streak badge" title="8 Week Streak" loading="lazy">
  </div>

  <div class="badge_text_content">
    <h4 class="title fw-800 fs-l">8 Week Streak</h4>
    <p class="description">For publishing at least one post per week for eight consecutive weeks. The streak continues!</p>
    <button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
  </div>
  <div class="close" onclick="window.Forem.closeModal()">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

  </div>
</div>

        </div>
        <div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-11', overlay: true})" title="4 Week Streak" class="js-profile-badge ">
          <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--76zWVT__--/c_limit,f_auto,fl_progressive,q_80,w_180/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/11/4WeekStreak-badge.png" alt="4 Week Streak" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-6deg);" loading="lazy">
        </div>

        <div id="badge-11" class="hidden">
          <div class="badge_details">
  <div class="badge-image-container p-3">
    <img class="badge-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--gjj6VUZ---/c_limit,f_auto,fl_progressive,q_80,w_192/https://dev-to-uploads.s3.amazonaws.com/uploads/badge/badge_image/11/4WeekStreak-badge.png" alt="4 Week Streak badge" title="4 Week Streak" loading="lazy">
  </div>

  <div class="badge_text_content">
    <h4 class="title fw-800 fs-l">4 Week Streak</h4>
    <p class="description">Awarded for consistency of writing.</p>
    <button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
  </div>
  <div class="close" onclick="window.Forem.closeModal()">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>

  </div>
</div>

        </div>
    </div>

  </div>
</div>


      <div class="crayons-card crayons-card--secondary">
        <header class="crayons-card__header">
          <h3 class="crayons-subtitle-3">
            <p>Skills/Languages</p>
          </h3>
        </header>

        <div class="crayons-card__body">
          <p>HTML, CSS, Javascript, Typescript, C++, Java, Swift</p>
        </div>
      </div>
      <div class="crayons-card crayons-card--secondary">
        <header class="crayons-card__header">
          <h3 class="crayons-subtitle-3">
            <p>Currently hacking on</p>
          </h3>
        </header>

        <div class="crayons-card__body">
          <p>proven.lol/abced3</p>
        </div>
      </div>

    <div class="crayons-card crayons-card--secondary p-4">
      <div class="flex items-center mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a4hctqdai1pvqu5rpcr693sti9sfwglh" class="crayons-icon mr-3 color-base-50"><title id="a4hctqdai1pvqu5rpcr693sti9sfwglh">Post</title>
    <path d="M19 22H5a3 3 0 01-3-3V3a1 1 0 011-1h14a1 1 0 011 1v12h4v4a3 3 0 01-3 3zm-1-5v2a1 1 0 002 0v-2h-2zm-2 3V4H4v15a1 1 0 001 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"></path>
</svg>

        36 posts published
      </div>
      <div class="flex items-center mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="ae9xxdsxl13mtemjg4os3pwofiu5phmo" class="crayons-icon mr-3 color-base-50"><title id="ae9xxdsxl13mtemjg4os3pwofiu5phmo">Comment</title>
    <path d="M10 3h4a8 8 0 010 16v3.5c-5-2-12-5-12-11.5a8 8 0 018-8zm2 14h2a6 6 0 000-12h-4a6 6 0 00-6 6c0 3.61 2.462 5.966 8 8.48V17z"></path>
</svg>

        2 comments written
      </div>
      <div class="flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a5xbetq8ty5okqlizlabfi50zmj1rnos" class="crayons-icon mr-3 color-base-50"><title id="a5xbetq8ty5okqlizlabfi50zmj1rnos">Tag</title>
    <path d="M7.784 14l.42-4H4V8h4.415l.525-5h2.011l-.525 5h3.989l.525-5h2.011l-.525 5H20v2h-3.784l-.42 4H20v2h-4.415l-.525 5h-2.011l.525-5H9.585l-.525 5H7.049l.525-5H4v-2h3.784zm2.011 0h3.99l.42-4h-3.99l-.42 4z"></path>
</svg>

        9 tags followed
      </div>
    </div>
</div>

  </div>

  <main class="crayons-layout__content articles-list" id="articles-list">
    <div class="substories" id="substories">
          <div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/telescope-30-gjg" aria-labelledby="article-link-1065148" class="crayons-story__hidden-navigation-link">Telescope 3.0</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1065148" aria-controls="story-author-preview-content-1065148" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1065148" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/telescope-30-gjg" class="crayons-story__tertiary fs-xs"><time datetime="2022-04-23T22:29:47Z" title="Saturday, April 23, 2022 at 10:29:47 PM">Apr 23 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1650752987"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/telescope-30-gjg" data-preload-image="https://res.cloudinary.com/practicaldev/image/fetch/s--QuKJGfqM--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2motfig7m3hysgdxkvtc.png" id="article-link-1065148">
          Telescope 3.0
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/telescope"><span class="crayons-tag__prefix">#</span>telescope</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/telescope-30-gjg" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1065148" aria-label="Add a comment to post - Telescope 3.0">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">7<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/telescope-30-gjg#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Telescope 3.0">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="atd6cu8gyu2zl9uy6xb7e8mo3nxo8gg5" class="crayons-icon"><title id="atd6cu8gyu2zl9uy6xb7e8mo3nxo8gg5">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>

  <div id="comments-locked-cta" class="crayons-card mt-2 m:mt-0 mb-2 m:p-8 p-4">
  <div class="align-center">
    <svg xmlns="http://www.w3.org/2000/svg" width="132" height="102" viewBox="0 0 132 102" fill="none" aria-hidden="true">
    <g filter="url(#a)">
        <rect y="6" width="128" height="92" rx="8" fill="url(#b)"></rect>
        <rect x=".5" y="6.5" width="127" height="91" rx="7.5" stroke="#171717"></rect>
    </g>
    <path d="M.5 14A7.5 7.5 0 0 1 8 6.5h112a7.5 7.5 0 0 1 7.5 7.5v11.5H.5V14Z" fill="url(#c)" stroke="#171717"></path>
    <path opacity=".2" d="M13 63h27v2H13v-2ZM13 70h21v2H13v-2ZM13 77h28v2H13v-2ZM13 84h24v2H13v-2Z" fill="#171717"></path>
    <g filter="url(#d)">
        <circle cx="64" cy="24" r="24" fill="url(#e)"></circle>
        <circle cx="64" cy="24" r="23.571" stroke="#171717" stroke-width=".857"></circle>
    </g>
    <circle cx="64" cy="16.286" r="5.571" fill="url(#f)" stroke="#171717" stroke-width=".857"></circle>
    <path d="M75.571 33.03c0 1.32-.535 2.285-1.373 3.008-.854.736-2.033 1.23-3.306 1.552-2.545.645-5.319.569-6.174.525a5.576 5.576 0 0 0-.579 0c-.855.044-3.629.12-6.174-.525-1.273-.322-2.452-.816-3.305-1.552-.84-.723-1.374-1.688-1.374-3.009 0-3.077 1.237-5.424 3.228-7.012 2-1.596 4.792-2.446 7.915-2.446 3.122 0 5.913.85 7.915 2.446 1.99 1.588 3.227 3.936 3.227 7.012Z" fill="url(#g)" stroke="#171717" stroke-width=".857"></path>
    <path d="M49.5 64a3.5 3.5 0 0 1 3.5-3.5h64a3.5 3.5 0 0 1 3.5 3.5v33.5h-71V64Z" fill="url(#h)" stroke="#171717"></path>
    <circle cx="59" cy="72" r="3.5" fill="#A7F3D0" stroke="#171717"></circle>
    <path fill="#171717" d="M66 71h20v2H66z"></path>
    <path opacity=".2" d="M66 80h30v2H66v-2ZM66 87h44v2H66v-2Z" fill="#171717"></path>
    <defs>
        <linearGradient id="b" x1="64" y1="6" x2="64" y2="98" gradientUnits="userSpaceOnUse">
            <stop offset=".736" stop-color="#fff"></stop>
            <stop offset="1" stop-color="#D7D7D7"></stop>
        </linearGradient>
        <linearGradient id="c" x1="64" y1="6" x2="64" y2="98" gradientUnits="userSpaceOnUse">
            <stop offset=".736" stop-color="#fff"></stop>
            <stop offset="1" stop-color="#D7D7D7"></stop>
        </linearGradient>
        <linearGradient id="e" x1="64" y1="0" x2="64" y2="48" gradientUnits="userSpaceOnUse">
            <stop stop-color="#FFE89E"></stop>
            <stop offset="1" stop-color="#FFC50A"></stop>
        </linearGradient>
        <linearGradient id="f" x1="64" y1="10.286" x2="64" y2="23.623" gradientUnits="userSpaceOnUse">
            <stop offset=".292" stop-color="#fff"></stop>
            <stop offset="1" stop-color="#E7E7E7"></stop>
        </linearGradient>
        <linearGradient id="g" x1="64.429" y1="23.143" x2="64.429" y2="40.291" gradientUnits="userSpaceOnUse">
            <stop offset=".292" stop-color="#fff"></stop>
            <stop offset="1" stop-color="#E7E7E7"></stop>
        </linearGradient>
        <linearGradient id="h" x1="85" y1="52" x2="85" y2="114" gradientUnits="userSpaceOnUse">
            <stop offset=".292" stop-color="#fff"></stop>
            <stop offset="1" stop-color="#E7E7E7"></stop>
        </linearGradient>
        <filter id="a" x="0" y="6" width="132" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
            <feOffset dx="4" dy="4"></feOffset>
            <feComposite in2="hardAlpha" operator="out"></feComposite>
            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"></feColorMatrix>
            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_811_2367"></feBlend>
            <feBlend in="SourceGraphic" in2="effect1_dropShadow_811_2367" result="shape"></feBlend>
        </filter>
        <filter id="d" x="40" y="0" width="51.429" height="51.429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
            <feOffset dx="3.429" dy="3.429"></feOffset>
            <feComposite in2="hardAlpha" operator="out"></feComposite>
            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"></feColorMatrix>
            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_811_2367"></feBlend>
            <feBlend in="SourceGraphic" in2="effect1_dropShadow_811_2367" result="shape"></feBlend>
        </filter>
    </defs>
</svg>

  </div>
  <h3 class="crayons-subtitle-3 mt-5 fs-l align-center">
    Want to connect with Francesco Menghi?
  </h3>
  <p class="align-center mt-1 color-base-60 fs-base">
    Create an account to connect with Francesco Menghi. You can also sign in below to proceed if you already have an account.
  </p>
  <div class="align-center mt-4">
    <a href="/enter?state=new-user" class="crayons-btn crayons-btn--l w-75" data-tracking-id="ca_profile_comment_section_locked" data-tracking-source="comments_locked_cta" data-no-instant="">
      Create Account
    </a>
  </div>
  <div class="align-center mt-4">
    <span>
      Already have an account?
      <a href="/enter" data-tracking-id="si_profile_comment_section_locked" data-tracking-source="comments_locked_cta">
          Sign in
      </a>
    </span>
  </div>
</div>

  <div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/close-to-the-finish-line-1m1b" aria-labelledby="article-link-1058250" class="crayons-story__hidden-navigation-link">Close to the finish line</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1058250" aria-controls="story-author-preview-content-1058250" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1058250" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/close-to-the-finish-line-1m1b" class="crayons-story__tertiary fs-xs"><time datetime="2022-04-16T22:52:23Z" title="Saturday, April 16, 2022 at 10:52:23 PM">Apr 16 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1650149543"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/close-to-the-finish-line-1m1b" data-preload-image="" id="article-link-1058250">
          Close to the finish line
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/telescope"><span class="crayons-tag__prefix">#</span>telescope</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/turborepo"><span class="crayons-tag__prefix">#</span>turborepo</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/close-to-the-finish-line-1m1b" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1058250" aria-label="Add a comment to post - Close to the finish line">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/close-to-the-finish-line-1m1b#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Close to the finish line">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a820m7e0pwlpltjaflw3b6n5gfrspyi7" class="crayons-icon"><title id="a820m7e0pwlpltjaflw3b6n5gfrspyi7">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/telescope-30-alpha-2pn0" aria-labelledby="article-link-1051180" class="crayons-story__hidden-navigation-link">Telescope 3.0 alpha</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1051180" aria-controls="story-author-preview-content-1051180" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1051180" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/telescope-30-alpha-2pn0" class="crayons-story__tertiary fs-xs"><time datetime="2022-04-11T02:09:40Z" title="Monday, April 11, 2022 at 2:09:40 AM">Apr 11 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1649642980"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/telescope-30-alpha-2pn0" data-preload-image="" id="article-link-1051180">
          Telescope 3.0 alpha
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/telescope-30-alpha-2pn0" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1051180" aria-label="Add a comment to post - Telescope 3.0 alpha">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">6<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/telescope-30-alpha-2pn0#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Telescope 3.0 alpha">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a3piasv6a5jg661chqas6l5vk9mw34ck" class="crayons-icon"><title id="a3piasv6a5jg661chqas6l5vk9mw34ck">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/getting-nginx-to-work-1g3l" aria-labelledby="article-link-1043751" class="crayons-story__hidden-navigation-link">Getting Nginx to work</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1043751" aria-controls="story-author-preview-content-1043751" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1043751" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/getting-nginx-to-work-1g3l" class="crayons-story__tertiary fs-xs"><time datetime="2022-04-04T02:29:36Z" title="Monday, April 4, 2022 at 2:29:36 AM">Apr 4 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1649039376"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/getting-nginx-to-work-1g3l" data-preload-image="" id="article-link-1043751">
          Getting Nginx to work
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/getting-nginx-to-work-1g3l" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1043751" aria-label="Add a comment to post - Getting Nginx to work">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">8<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/getting-nginx-to-work-1g3l#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Getting Nginx to work">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aa3wsn7oznk0127otd78qkwlz8emqs7r" class="crayons-icon"><title id="aa3wsn7oznk0127otd78qkwlz8emqs7r">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/slow-and-steady-400p" aria-labelledby="article-link-1037075" class="crayons-story__hidden-navigation-link">Slow and steady</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1037075" aria-controls="story-author-preview-content-1037075" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1037075" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/slow-and-steady-400p" class="crayons-story__tertiary fs-xs"><time datetime="2022-03-28T15:11:26Z" title="Monday, March 28, 2022 at 3:11:26 PM">Mar 28 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1648480286"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/slow-and-steady-400p" data-preload-image="" id="article-link-1037075">
          Slow and steady
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/slow-and-steady-400p" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1037075" aria-label="Add a comment to post - Slow and steady">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">4<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/slow-and-steady-400p#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Slow and steady">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a8ko90ac3t4xznqacwmyubj1tj5yw8a2" class="crayons-icon"><title id="a8ko90ac3t4xznqacwmyubj1tj5yw8a2">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/towards-telescope-29-4pcm" aria-labelledby="article-link-1028234" class="crayons-story__hidden-navigation-link">Towards Telescope 2.9</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1028234" aria-controls="story-author-preview-content-1028234" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1028234" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/towards-telescope-29-4pcm" class="crayons-story__tertiary fs-xs"><time datetime="2022-03-19T21:38:46Z" title="Saturday, March 19, 2022 at 9:38:46 PM">Mar 19 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1647725926"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/towards-telescope-29-4pcm" data-preload-image="" id="article-link-1028234">
          Towards Telescope 2.9
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/monorepo"><span class="crayons-tag__prefix">#</span>monorepo</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/telescope"><span class="crayons-tag__prefix">#</span>telescope</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/towards-telescope-29-4pcm" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1028234" aria-label="Add a comment to post - Towards Telescope 2.9">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/towards-telescope-29-4pcm#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Towards Telescope 2.9">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="amlxmqz77q519wo8bh9oc8lcvim91w0q" class="crayons-icon"><title id="amlxmqz77q519wo8bh9oc8lcvim91w0q">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/last-piece-of-the-puzzle-moving-satellite-inside-telescope-1f89" aria-labelledby="article-link-1020685" class="crayons-story__hidden-navigation-link">Last piece of the puzzle: Moving Satellite inside Telescope</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1020685" aria-controls="story-author-preview-content-1020685" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1020685" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/last-piece-of-the-puzzle-moving-satellite-inside-telescope-1f89" class="crayons-story__tertiary fs-xs"><time datetime="2022-03-12T17:06:40Z" title="Saturday, March 12, 2022 at 5:06:40 PM">Mar 12 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1647104800"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/last-piece-of-the-puzzle-moving-satellite-inside-telescope-1f89" data-preload-image="" id="article-link-1020685">
          Last piece of the puzzle: Moving Satellite inside Telescope
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(245, 77, 39, 0.10);
        --tag-prefix: #F54D27;
        --tag-bg-hover: rgba(245, 77, 39, 0.10);
        --tag-prefix-hover: #F54D27;
      " href="/t/git"><span class="crayons-tag__prefix">#</span>git</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/monorepo"><span class="crayons-tag__prefix">#</span>monorepo</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/eslint"><span class="crayons-tag__prefix">#</span>eslint</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/last-piece-of-the-puzzle-moving-satellite-inside-telescope-1f89" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1020685" aria-label="Add a comment to post - Last piece of the puzzle: Moving Satellite inside Telescope">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/last-piece-of-the-puzzle-moving-satellite-inside-telescope-1f89#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Last piece of the puzzle: Moving Satellite inside Telescope">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aeyeldum8hd1536zt7fzn1phajcpo85d" class="crayons-icon"><title id="aeyeldum8hd1536zt7fzn1phajcpo85d">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/publish-packages-from-within-a-monorepo-3b96" aria-labelledby="article-link-1004795" class="crayons-story__hidden-navigation-link">Publish packages from within a Monorepo</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-1004795" aria-controls="story-author-preview-content-1004795" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-1004795" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/publish-packages-from-within-a-monorepo-3b96" class="crayons-story__tertiary fs-xs"><time datetime="2022-03-01T02:47:24Z" title="Tuesday, March 1, 2022 at 2:47:24 AM">Mar 1 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1646102844"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/publish-packages-from-within-a-monorepo-3b96" data-preload-image="" id="article-link-1004795">
          Publish packages from within a Monorepo
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/monorepo"><span class="crayons-tag__prefix">#</span>monorepo</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/publish-packages-from-within-a-monorepo-3b96" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="1004795" aria-label="Add a comment to post - Publish packages from within a Monorepo">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">8<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/publish-packages-from-within-a-monorepo-3b96#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Publish packages from within a Monorepo">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aavcgbgoqjlu9l0bl1a69myllyu7efkv" class="crayons-icon"><title id="aavcgbgoqjlu9l0bl1a69myllyu7efkv">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              1<span class="hidden s:inline">&nbsp;comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/telescope-sheriff-bep" aria-labelledby="article-link-996532" class="crayons-story__hidden-navigation-link">Telescope Sheriff</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-996532" aria-controls="story-author-preview-content-996532" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-996532" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/telescope-sheriff-bep" class="crayons-story__tertiary fs-xs"><time datetime="2022-02-21T16:37:17Z" title="Monday, February 21, 2022 at 4:37:17 PM">Feb 21 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1645461437"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/telescope-sheriff-bep" data-preload-image="" id="article-link-996532">
          Telescope Sheriff
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(242, 46, 7, 0.10);
        --tag-prefix: #f22e07;
        --tag-bg-hover: rgba(242, 46, 7, 0.10);
        --tag-prefix-hover: #f22e07;
      " href="/t/management"><span class="crayons-tag__prefix">#</span>management</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/telescope-sheriff-bep" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="996532" aria-label="Add a comment to post - Telescope Sheriff">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/telescope-sheriff-bep#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Telescope Sheriff">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="abmtcuin4xmtkjp3asdxwbhsfsvjz4di" class="crayons-icon"><title id="abmtcuin4xmtkjp3asdxwbhsfsvjz4di">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/packages-docs-and-accessibility-46k7" aria-labelledby="article-link-986682" class="crayons-story__hidden-navigation-link">Packages, Docs and Accessibility</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-986682" aria-controls="story-author-preview-content-986682" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-986682" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/packages-docs-and-accessibility-46k7" class="crayons-story__tertiary fs-xs"><time datetime="2022-02-12T03:40:03Z" title="Saturday, February 12, 2022 at 3:40:03 AM">Feb 12 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1644637203"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/packages-docs-and-accessibility-46k7" data-preload-image="" id="article-link-986682">
          Packages, Docs and Accessibility
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/monorepo"><span class="crayons-tag__prefix">#</span>monorepo</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/pnpm"><span class="crayons-tag__prefix">#</span>pnpm</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/docusaurus"><span class="crayons-tag__prefix">#</span>docusaurus</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(8, 59, 21, 0.10);
        --tag-prefix: #083b15;
        --tag-bg-hover: rgba(8, 59, 21, 0.10);
        --tag-prefix-hover: #083b15;
      " href="/t/a11y"><span class="crayons-tag__prefix">#</span>a11y</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/packages-docs-and-accessibility-46k7" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="986682" aria-label="Add a comment to post - Packages, Docs and Accessibility">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">6<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/packages-docs-and-accessibility-46k7#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Packages, Docs and Accessibility">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aqp2tqi5am5gvuw7nptpus19ysh90a9f" class="crayons-icon"><title id="aqp2tqi5am5gvuw7nptpus19ysh90a9f">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/fixes-and-documentation-hg6" aria-labelledby="article-link-979323" class="crayons-story__hidden-navigation-link">Fixes and documentation</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-979323" aria-controls="story-author-preview-content-979323" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-979323" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/fixes-and-documentation-hg6" class="crayons-story__tertiary fs-xs"><time datetime="2022-02-05T02:48:53Z" title="Saturday, February 5, 2022 at 2:48:53 AM">Feb 5 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1644029333"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/fixes-and-documentation-hg6" data-preload-image="" id="article-link-979323">
          Fixes and documentation
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/fixes-and-documentation-hg6" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="979323" aria-label="Add a comment to post - Fixes and documentation">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/fixes-and-documentation-hg6#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Fixes and documentation">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aootef5mwvj2hf5ofc751krodh8s2iag" class="crayons-icon"><title id="aootef5mwvj2hf5ofc751krodh8s2iag">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/turborepo-react-native-and-more-2m0h" aria-labelledby="article-link-972021" class="crayons-story__hidden-navigation-link">Turborepo, React Native and more</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-972021" aria-controls="story-author-preview-content-972021" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-972021" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/turborepo-react-native-and-more-2m0h" class="crayons-story__tertiary fs-xs"><time datetime="2022-01-29T16:22:48Z" title="Saturday, January 29, 2022 at 4:22:48 PM">Jan 29 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1643473368"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/turborepo-react-native-and-more-2m0h" data-preload-image="" id="article-link-972021">
          Turborepo, React Native and more
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/turborepo-react-native-and-more-2m0h" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="972021" aria-label="Add a comment to post - Turborepo, React Native and more">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/turborepo-react-native-and-more-2m0h#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Turborepo, React Native and more">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="alxmkaqquepryb1hu1qox107x6pn56sv" class="crayons-icon"><title id="alxmkaqquepryb1hu1qox107x6pn56sv">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/telescope-25-update-4lcd" aria-labelledby="article-link-963478" class="crayons-story__hidden-navigation-link">Telescope 2.5 Update</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-963478" aria-controls="story-author-preview-content-963478" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-963478" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/telescope-25-update-4lcd" class="crayons-story__tertiary fs-xs"><time datetime="2022-01-22T02:10:36Z" title="Saturday, January 22, 2022 at 2:10:36 AM">Jan 22 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1642817436"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/telescope-25-update-4lcd" data-preload-image="" id="article-link-963478">
          Telescope 2.5 Update
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
            <a href="/menghif/telescope-25-update-4lcd#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Telescope 2.5 Update">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aqe2adwzmx9no07gtp5e9y9xze70uqba" class="crayons-icon"><title id="aqe2adwzmx9no07gtp5e9y9xze70uqba">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/osd700-goals-5ek3" aria-labelledby="article-link-955557" class="crayons-story__hidden-navigation-link">OSD700 Goals</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-955557" aria-controls="story-author-preview-content-955557" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-955557" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/osd700-goals-5ek3" class="crayons-story__tertiary fs-xs"><time datetime="2022-01-14T21:32:35Z" title="Friday, January 14, 2022 at 9:32:35 PM">Jan 14 '22</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1642195955"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/osd700-goals-5ek3" data-preload-image="" id="article-link-955557">
          OSD700 Goals
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/telescope"><span class="crayons-tag__prefix">#</span>telescope</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/osd700-goals-5ek3" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="955557" aria-label="Add a comment to post - OSD700 Goals">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/osd700-goals-5ek3#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - OSD700 Goals">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a9c06j3r5cbjilwxcdu0m6gryrdzh2ac" class="crayons-icon"><title id="a9c06j3r5cbjilwxcdu0m6gryrdzh2ac">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/finishing-up-goj" aria-labelledby="article-link-923418" class="crayons-story__hidden-navigation-link">Finishing Up</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-923418" aria-controls="story-author-preview-content-923418" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-923418" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/finishing-up-goj" class="crayons-story__tertiary fs-xs"><time datetime="2021-12-11T03:41:02Z" title="Saturday, December 11, 2021 at 3:41:02 AM">Dec 11 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1639194062"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/finishing-up-goj" data-preload-image="" id="article-link-923418">
          Finishing Up
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/finishing-up-goj" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="923418" aria-label="Add a comment to post - Finishing Up">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/finishing-up-goj#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Finishing Up">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="acwsbkylozaxm6o0dltnukrw7q8solr8" class="crayons-icon"><title id="acwsbkylozaxm6o0dltnukrw7q8solr8">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              1<span class="hidden s:inline">&nbsp;comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/transition-to-pnpm-4alf" aria-labelledby="article-link-916048" class="crayons-story__hidden-navigation-link">Transition to pnpm</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-916048" aria-controls="story-author-preview-content-916048" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-916048" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/transition-to-pnpm-4alf" class="crayons-story__tertiary fs-xs"><time datetime="2021-12-07T14:00:42Z" title="Tuesday, December 7, 2021 at 2:00:42 PM">Dec 7 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1638885642"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/transition-to-pnpm-4alf" data-preload-image="https://res.cloudinary.com/practicaldev/image/fetch/s--8USk4yL---/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l21xalspp4vi9cc76uc4.png" id="article-link-916048">
          Transition to pnpm
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/pnpm"><span class="crayons-tag__prefix">#</span>pnpm</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(203, 56, 55, 0.10);
        --tag-prefix: #cb3837;
        --tag-bg-hover: rgba(203, 56, 55, 0.10);
        --tag-prefix-hover: #cb3837;
      " href="/t/npm"><span class="crayons-tag__prefix">#</span>npm</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/transition-to-pnpm-4alf" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="916048" aria-label="Add a comment to post - Transition to pnpm">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">10<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/transition-to-pnpm-4alf#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Transition to pnpm">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="ah6q1ld474ty7scasar2bkc6xbpqzq7n" class="crayons-icon"><title id="ah6q1ld474ty7scasar2bkc6xbpqzq7n">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              4<span class="hidden s:inline">&nbsp;comments</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/monorepo-tooling-4ebm" aria-labelledby="article-link-912757" class="crayons-story__hidden-navigation-link">Monorepo tooling</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-912757" aria-controls="story-author-preview-content-912757" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-912757" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/monorepo-tooling-4ebm" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-30T02:59:41Z" title="Tuesday, November 30, 2021 at 2:59:41 AM">Nov 30 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1638241181"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/monorepo-tooling-4ebm" data-preload-image="" id="article-link-912757">
          Monorepo tooling
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/pnpm"><span class="crayons-tag__prefix">#</span>pnpm</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(203, 56, 55, 0.10);
        --tag-prefix: #cb3837;
        --tag-bg-hover: rgba(203, 56, 55, 0.10);
        --tag-prefix-hover: #cb3837;
      " href="/t/npm"><span class="crayons-tag__prefix">#</span>npm</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/monorepo"><span class="crayons-tag__prefix">#</span>monorepo</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/monorepo-tooling-4ebm" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="912757" aria-label="Add a comment to post - Monorepo tooling">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/monorepo-tooling-4ebm#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Monorepo tooling">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a941wi0k1m0z4l77ih0lhi9wr2xo4knx" class="crayons-icon"><title id="a941wi0k1m0z4l77ih0lhi9wr2xo4knx">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/first-npm-release-34ni" aria-labelledby="article-link-910088" class="crayons-story__hidden-navigation-link">First NPM Release</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-910088" aria-controls="story-author-preview-content-910088" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-910088" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/first-npm-release-34ni" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-26T20:14:33Z" title="Friday, November 26, 2021 at 8:14:33 PM">Nov 26 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1637957673"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/first-npm-release-34ni" data-preload-image="" id="article-link-910088">
          First NPM Release
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(203, 56, 55, 0.10);
        --tag-prefix: #cb3837;
        --tag-bg-hover: rgba(203, 56, 55, 0.10);
        --tag-prefix-hover: #cb3837;
      " href="/t/npm"><span class="crayons-tag__prefix">#</span>npm</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/first-npm-release-34ni" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="910088" aria-label="Add a comment to post - First NPM Release">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/first-npm-release-34ni#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - First NPM Release">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a35yayk3w9rjzhc0m0evij6a9sgufwkx" class="crayons-icon"><title id="a35yayk3w9rjzhc0m0evij6a9sgufwkx">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/first-look-at-github-actions-41a0" aria-labelledby="article-link-904996" class="crayons-story__hidden-navigation-link">First look at GitHub Actions</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-904996" aria-controls="story-author-preview-content-904996" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-904996" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/first-look-at-github-actions-41a0" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-21T23:18:40Z" title="Sunday, November 21, 2021 at 11:18:40 PM">Nov 21 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1637536720"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/first-look-at-github-actions-41a0" data-preload-image="" id="article-link-904996">
          First look at GitHub Actions
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/first-look-at-github-actions-41a0" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="904996" aria-label="Add a comment to post - First look at GitHub Actions">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/first-look-at-github-actions-41a0#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - First look at GitHub Actions">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a1kor4mf8xod8k3kn8nqc95q6lfy25ft" class="crayons-icon"><title id="a1kor4mf8xod8k3kn8nqc95q6lfy25ft">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/telescope-code-reviews-4cle" aria-labelledby="article-link-900982" class="crayons-story__hidden-navigation-link">Telescope code reviews</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-900982" aria-controls="story-author-preview-content-900982" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-900982" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/telescope-code-reviews-4cle" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-19T23:25:08Z" title="Friday, November 19, 2021 at 11:25:08 PM">Nov 19 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1637364308"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/telescope-code-reviews-4cle" data-preload-image="https://res.cloudinary.com/practicaldev/image/fetch/s--KjQMF6l---/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfr8gd5to71nkz6v6pky.jpg" id="article-link-900982">
          Telescope code reviews
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/telescope-code-reviews-4cle" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="900982" aria-label="Add a comment to post - Telescope code reviews">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/telescope-code-reviews-4cle#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Telescope code reviews">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="adj2tqdcvsse4b8g51b9xrw3ljwiv5ii" class="crayons-icon"><title id="adj2tqdcvsse4b8g51b9xrw3ljwiv5ii">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/fetching-the-github-api-119e" aria-labelledby="article-link-900983" class="crayons-story__hidden-navigation-link">Fetching the Github API</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-900983" aria-controls="story-author-preview-content-900983" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-900983" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/fetching-the-github-api-119e" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-19T15:36:55Z" title="Friday, November 19, 2021 at 3:36:55 PM">Nov 19 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1637336215"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/fetching-the-github-api-119e" data-preload-image="" id="article-link-900983">
          Fetching the Github API
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(86, 39, 101, 0.10);
        --tag-prefix: #562765;
        --tag-bg-hover: rgba(86, 39, 101, 0.10);
        --tag-prefix-hover: #562765;
      " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/fetching-the-github-api-119e" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="900983" aria-label="Add a comment to post - Fetching the Github API">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">7<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/fetching-the-github-api-119e#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Fetching the Github API">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a6w34a9r3yqr68vbfp9cumpe2cmjirti" class="crayons-icon"><title id="a6w34a9r3yqr68vbfp9cumpe2cmjirti">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            3 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/removing-code-from-mozilla-1m0p" aria-labelledby="article-link-901207" class="crayons-story__hidden-navigation-link">Removing code from Mozilla</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-901207" aria-controls="story-author-preview-content-901207" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-901207" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/removing-code-from-mozilla-1m0p" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-18T02:32:45Z" title="Thursday, November 18, 2021 at 2:32:45 AM">Nov 18 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1637202765"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/removing-code-from-mozilla-1m0p" data-preload-image="" id="article-link-901207">
          Removing code from Mozilla
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/mozilla"><span class="crayons-tag__prefix">#</span>mozilla</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/removing-code-from-mozilla-1m0p" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="901207" aria-label="Add a comment to post - Removing code from Mozilla">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/removing-code-from-mozilla-1m0p#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Removing code from Mozilla">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="agx4smw5ic6pp660o5rtcyvctex675dv" class="crayons-icon"><title id="agx4smw5ic6pp660o5rtcyvctex675dv">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/code-testing-with-jest-3b4h" aria-labelledby="article-link-896845" class="crayons-story__hidden-navigation-link">Code testing with Jest</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-896845" aria-controls="story-author-preview-content-896845" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-896845" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/code-testing-with-jest-3b4h" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-13T03:10:33Z" title="Saturday, November 13, 2021 at 3:10:33 AM">Nov 13 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1636773033"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/code-testing-with-jest-3b4h" data-preload-image="" id="article-link-896845">
          Code testing with Jest
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/code-testing-with-jest-3b4h" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="896845" aria-label="Add a comment to post - Code testing with Jest">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">4<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/code-testing-with-jest-3b4h#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Code testing with Jest">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a8xhdo9rgtlnsu8k329z6qgpflyc291a" class="crayons-icon"><title id="a8xhdo9rgtlnsu8k329z6qgpflyc291a">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/formatter-linter-and-more-4gen" aria-labelledby="article-link-889412" class="crayons-story__hidden-navigation-link">Formatter, Linter and more</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-889412" aria-controls="story-author-preview-content-889412" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-889412" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/formatter-linter-and-more-4gen" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-05T22:51:24Z" title="Friday, November 5, 2021 at 10:51:24 PM">Nov 5 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1636152684"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/formatter-linter-and-more-4gen" data-preload-image="" id="article-link-889412">
          Formatter, Linter and more
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/formatter-linter-and-more-4gen" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="889412" aria-label="Add a comment to post - Formatter, Linter and more">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/formatter-linter-and-more-4gen#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Formatter, Linter and more">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="ahdvhoi56xz7pvn1ayanjd4wggfi7cfp" class="crayons-icon"><title id="ahdvhoi56xz7pvn1ayanjd4wggfi7cfp">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/hacktoberfest-recap-2bbp" aria-labelledby="article-link-883272" class="crayons-story__hidden-navigation-link">Hacktoberfest Recap</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-883272" aria-controls="story-author-preview-content-883272" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-883272" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/hacktoberfest-recap-2bbp" class="crayons-story__tertiary fs-xs"><time datetime="2021-11-01T00:48:59Z" title="Monday, November 1, 2021 at 12:48:59 AM">Nov 1 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1635727739"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/hacktoberfest-recap-2bbp" data-preload-image="" id="article-link-883272">
          Hacktoberfest Recap
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(41, 22, 31, 0.10);
        --tag-prefix: #29161f;
        --tag-bg-hover: rgba(41, 22, 31, 0.10);
        --tag-prefix-hover: #29161f;
      " href="/t/hacktoberfest"><span class="crayons-tag__prefix">#</span>hacktoberfest</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/hacktoberfest-recap-2bbp" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="883272" aria-label="Add a comment to post - Hacktoberfest Recap">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/hacktoberfest-recap-2bbp#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Hacktoberfest Recap">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a8mak85ohecm5686p9a9xlv68p3jf9kt" class="crayons-icon"><title id="a8mak85ohecm5686p9a9xlv68p3jf9kt">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/adding-a-feature-to-telescope-adi" aria-labelledby="article-link-879771" class="crayons-story__hidden-navigation-link">Adding a feature to Telescope</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-879771" aria-controls="story-author-preview-content-879771" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-879771" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/adding-a-feature-to-telescope-adi" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-28T14:45:25Z" title="Thursday, October 28, 2021 at 2:45:25 PM">Oct 28 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1635432325"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/adding-a-feature-to-telescope-adi" data-preload-image="" id="article-link-879771">
          Adding a feature to Telescope
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(34, 34, 34, 0.10);
        --tag-prefix: #222222;
        --tag-bg-hover: rgba(34, 34, 34, 0.10);
        --tag-prefix-hover: #222222;
      " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(41, 22, 31, 0.10);
        --tag-prefix: #29161f;
        --tag-bg-hover: rgba(41, 22, 31, 0.10);
        --tag-prefix-hover: #29161f;
      " href="/t/hacktoberfest"><span class="crayons-tag__prefix">#</span>hacktoberfest</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/adding-a-feature-to-telescope-adi" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="879771" aria-label="Add a comment to post - Adding a feature to Telescope">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">6<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/adding-a-feature-to-telescope-adi#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Adding a feature to Telescope">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="abmkcss76tslyb42i561nhvg6zyqnb5n" class="crayons-icon"><title id="abmkcss76tslyb42i561nhvg6zyqnb5n">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/contributing-to-mozilla-45l2" aria-labelledby="article-link-877171" class="crayons-story__hidden-navigation-link">Contributing to Mozilla</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-877171" aria-controls="story-author-preview-content-877171" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-877171" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/contributing-to-mozilla-45l2" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-26T17:39:39Z" title="Tuesday, October 26, 2021 at 5:39:39 PM">Oct 26 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1635269979"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/contributing-to-mozilla-45l2" data-preload-image="" id="article-link-877171">
          Contributing to Mozilla
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(41, 22, 31, 0.10);
        --tag-prefix: #29161f;
        --tag-bg-hover: rgba(41, 22, 31, 0.10);
        --tag-prefix-hover: #29161f;
      " href="/t/hacktoberfest"><span class="crayons-tag__prefix">#</span>hacktoberfest</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(86, 39, 101, 0.10);
        --tag-prefix: #562765;
        --tag-bg-hover: rgba(86, 39, 101, 0.10);
        --tag-prefix-hover: #562765;
      " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/mozilla"><span class="crayons-tag__prefix">#</span>mozilla</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/contributing-to-mozilla-45l2" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="877171" aria-label="Add a comment to post - Contributing to Mozilla">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/contributing-to-mozilla-45l2#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Contributing to Mozilla">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a6x66eyytm3ny9jvhvld7jyb1yevqvrj" class="crayons-icon"><title id="a6x66eyytm3ny9jvhvld7jyb1yevqvrj">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              1<span class="hidden s:inline">&nbsp;comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/hacktoberfest-2-3j2j" aria-labelledby="article-link-869560" class="crayons-story__hidden-navigation-link">Hacktoberfest #2</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-869560" aria-controls="story-author-preview-content-869560" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-869560" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/hacktoberfest-2-3j2j" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-20T14:33:31Z" title="Wednesday, October 20, 2021 at 2:33:31 PM">Oct 20 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1634740411"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/hacktoberfest-2-3j2j" data-preload-image="" id="article-link-869560">
          Hacktoberfest #2
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(35, 74, 132, 0.10);
        --tag-prefix: #234A84;
        --tag-bg-hover: rgba(35, 74, 132, 0.10);
        --tag-prefix-hover: #234A84;
      " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(203, 56, 55, 0.10);
        --tag-prefix: #cb3837;
        --tag-bg-hover: rgba(203, 56, 55, 0.10);
        --tag-prefix-hover: #cb3837;
      " href="/t/npm"><span class="crayons-tag__prefix">#</span>npm</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/hacktoberfest-2-3j2j" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="869560" aria-label="Add a comment to post - Hacktoberfest #2">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/hacktoberfest-2-3j2j#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Hacktoberfest #2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a6ctgxjdxuq1bqkva0grae7590a993bd" class="crayons-icon"><title id="a6ctgxjdxuq1bqkva0grae7590a993bd">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/refactoring-and-git-rebase-245o" aria-labelledby="article-link-865150" class="crayons-story__hidden-navigation-link">Refactoring and Git Rebase</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-865150" aria-controls="story-author-preview-content-865150" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-865150" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/refactoring-and-git-rebase-245o" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-15T20:15:48Z" title="Friday, October 15, 2021 at 8:15:48 PM">Oct 15 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1634328948"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/refactoring-and-git-rebase-245o" data-preload-image="" id="article-link-865150">
          Refactoring and Git Rebase
        </a>
      </h2>
      <div class="crayons-story__tags">
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/refactoring-and-git-rebase-245o" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="865150" aria-label="Add a comment to post - Refactoring and Git Rebase">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">5<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/refactoring-and-git-rebase-245o#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Refactoring and Git Rebase">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="a9o2toh4h7t4gigsmjka7zc9de6uczqs" class="crayons-icon"><title id="a9o2toh4h7t4gigsmjka7zc9de6uczqs">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/supporting-json-config-file-156j" aria-labelledby="article-link-856511" class="crayons-story__hidden-navigation-link">Supporting JSON config file</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-856511" aria-controls="story-author-preview-content-856511" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-856511" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/supporting-json-config-file-156j" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-08T18:29:49Z" title="Friday, October 8, 2021 at 6:29:49 PM">Oct 8 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1633717789"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/supporting-json-config-file-156j" data-preload-image="" id="article-link-856511">
          Supporting JSON config file
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/json"><span class="crayons-tag__prefix">#</span>json</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/supporting-json-config-file-156j" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="856511" aria-label="Add a comment to post - Supporting JSON config file">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">2<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/supporting-json-config-file-156j#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Supporting JSON config file">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="aptr4ilkdj6hct9onk2k0q2wcdiymlvf" class="crayons-icon"><title id="aptr4ilkdj6hct9onk2k0q2wcdiymlvf">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/hacktoberfest-1-5721" aria-labelledby="article-link-851597" class="crayons-story__hidden-navigation-link">Hacktoberfest #1</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-851597" aria-controls="story-author-preview-content-851597" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-851597" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/hacktoberfest-1-5721" class="crayons-story__tertiary fs-xs"><time datetime="2021-10-05T01:42:22Z" title="Tuesday, October 5, 2021 at 1:42:22 AM">Oct 5 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1633398142"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/hacktoberfest-1-5721" data-preload-image="" id="article-link-851597">
          Hacktoberfest #1
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(41, 22, 31, 0.10);
        --tag-prefix: #29161f;
        --tag-bg-hover: rgba(41, 22, 31, 0.10);
        --tag-prefix-hover: #29161f;
      " href="/t/hacktoberfest"><span class="crayons-tag__prefix">#</span>hacktoberfest</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/hacktoberfest-1-5721" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="851597" aria-label="Add a comment to post - Hacktoberfest #1">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">6<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/hacktoberfest-1-5721#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Hacktoberfest #1">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="alcbjm024k2dnhny1s0mldwwx88sd2k6" class="crayons-icon"><title id="alcbjm024k2dnhny1s0mldwwx88sd2k6">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/dealing-with-merge-conflicts-26nj" aria-labelledby="article-link-846734" class="crayons-story__hidden-navigation-link">Dealing with Merge Conflicts</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-846734" aria-controls="story-author-preview-content-846734" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-846734" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/dealing-with-merge-conflicts-26nj" class="crayons-story__tertiary fs-xs"><time datetime="2021-09-30T14:25:22Z" title="Thursday, September 30, 2021 at 2:25:22 PM">Sep 30 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1633011922"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/dealing-with-merge-conflicts-26nj" data-preload-image="" id="article-link-846734">
          Dealing with Merge Conflicts
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(245, 77, 39, 0.10);
        --tag-prefix: #F54D27;
        --tag-bg-hover: rgba(245, 77, 39, 0.10);
        --tag-prefix-hover: #F54D27;
      " href="/t/git"><span class="crayons-tag__prefix">#</span>git</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/dealing-with-merge-conflicts-26nj" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="846734" aria-label="Add a comment to post - Dealing with Merge Conflicts">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">11<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/dealing-with-merge-conflicts-26nj#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Dealing with Merge Conflicts">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="absjlq2g42zkphacn0gvqhs2pcj29ewz" class="crayons-icon"><title id="absjlq2g42zkphacn0gvqhs2pcj29ewz">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/initial-pull-requests-4d7h" aria-labelledby="article-link-838593" class="crayons-story__hidden-navigation-link">Initial Pull Requests</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-838593" aria-controls="story-author-preview-content-838593" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-838593" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/initial-pull-requests-4d7h" class="crayons-story__tertiary fs-xs"><time datetime="2021-09-24T23:57:34Z" title="Friday, September 24, 2021 at 11:57:34 PM">Sep 24 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1632527854"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/initial-pull-requests-4d7h" data-preload-image="" id="article-link-838593">
          Initial Pull Requests
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/osd600"><span class="crayons-tag__prefix">#</span>osd600</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(0, 0, 0, 0.10);
        --tag-prefix: #000000;
        --tag-bg-hover: rgba(0, 0, 0, 0.10);
        --tag-prefix-hover: #000000;
      " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/initial-pull-requests-4d7h" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="838593" aria-label="Add a comment to post - Initial Pull Requests">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
                  </span>
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">6<span class="hidden s:inline">&nbsp;reactions</span></span>
            </div>
          </a>
            <a href="/menghif/initial-pull-requests-4d7h#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Initial Pull Requests">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="ac2rkg95wcpju0m5ls580dct5nqfi4h4" class="crayons-icon"><title id="ac2rkg95wcpju0m5ls580dct5nqfi4h4">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/collaborating-via-github-2747" aria-labelledby="article-link-829657" class="crayons-story__hidden-navigation-link">Collaborating via Github</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-829657" aria-controls="story-author-preview-content-829657" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-829657" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/collaborating-via-github-2747" class="crayons-story__tertiary fs-xs"><time datetime="2021-09-17T16:02:37Z" title="Friday, September 17, 2021 at 4:02:37 PM">Sep 17 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1631894557"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/collaborating-via-github-2747" data-preload-image="" id="article-link-829657">
          Collaborating via Github
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/osd600"><span class="crayons-tag__prefix">#</span>osd600</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/collaborating-via-github-2747" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="829657" aria-label="Add a comment to post - Collaborating via Github">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/collaborating-via-github-2747#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Collaborating via Github">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="alq4968oxsgqyo7dsgp6ah5owl7x7ypc" class="crayons-icon"><title id="alq4968oxsgqyo7dsgp6ah5owl7x7ypc">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/dodo-static-site-generator-v0-1-d5b" aria-labelledby="article-link-825214" class="crayons-story__hidden-navigation-link">Dodo Static Site Generator (v0.1)</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-825214" aria-controls="story-author-preview-content-825214" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-825214" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/dodo-static-site-generator-v0-1-d5b" class="crayons-story__tertiary fs-xs"><time datetime="2021-09-17T03:02:24Z" title="Friday, September 17, 2021 at 3:02:24 AM">Sep 17 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1631847744"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/dodo-static-site-generator-v0-1-d5b" data-preload-image="https://res.cloudinary.com/practicaldev/image/fetch/s--UXvl_km4--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ij6orunouf8brff8cd76.jpg" id="article-link-825214">
          Dodo Static Site Generator (v0.1)
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/osd600"><span class="crayons-tag__prefix">#</span>osd600</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(61, 136, 54, 0.10);
        --tag-prefix: #3d8836;
        --tag-bg-hover: rgba(61, 136, 54, 0.10);
        --tag-prefix-hover: #3d8836;
      " href="/t/node"><span class="crayons-tag__prefix">#</span>node</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/dodo-static-site-generator-v0-1-d5b" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="825214" aria-label="Add a comment to post - Dodo Static Site Generator (v0.1)">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/dodo-static-site-generator-v0-1-d5b#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Dodo Static Site Generator (v0.1)">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="arsnkc5tjjnthif9jh5gfa14uf7h60d0" class="crayons-icon"><title id="arsnkc5tjjnthif9jh5gfa14uf7h60d0">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              <span class="hidden s:inline">Add&nbsp;Comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="crayons-story " data-content-user-id="701880">
  <a href="/menghif/beginning-of-my-open-source-journey-2g0j" aria-labelledby="article-link-817879" class="crayons-story__hidden-navigation-link">Beginning of my Open Source Journey</a>


  <div class="crayons-story__body">
    <div class="crayons-story__top">
      <div class="crayons-story__meta">
        <div class="crayons-story__author-pic">

          <a href="/menghif" class="crayons-avatar  crayons-avatar--l  ">
            <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" alt="menghif profile" class="crayons-avatar__image" loading="lazy">
          </a>
        </div>
        <div>
          <div>
            <a href="/menghif" class="crayons-story__secondary fw-medium m:hidden">
              Francesco Menghi
            </a>
            <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block">
              <button id="story-author-preview-trigger-817879" aria-controls="story-author-preview-content-817879" class="profile-preview-card__trigger fs-s p-1 -ml-1 -my-2 crayons-btn crayons-btn--ghost" aria-label="Francesco Menghi profile details" aria-expanded="false" aria-haspopup="true" data-initialized="true">
                Francesco Menghi
              </button>
              <div id="story-author-preview-content-817879" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0" style="border-top-color: var(--card-color);" data-repositioning-dropdown="true" data-testid="profile-preview-card">
                <div class="gap-4 grid">
                  <div class="-mt-4">
                    <a href="/menghif" class="flex">
                      <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0">
                        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ri-zLPaq--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/701880/b3670794-bec6-45dc-84e5-3561472dc26a.jpeg" class="crayons-avatar__image" alt="" loading="lazy">
                      </span>
                      <span class="crayons-link crayons-subtitle-2 mt-5">Francesco Menghi</span>
                    </a>
                  </div>
                  <div class="print-hidden">
                    <button class="crayons-btn follow-action-button whitespace-nowrap follow-user w-100" data-info="{&quot;style&quot;:&quot;full&quot;,&quot;id&quot;:701880,&quot;className&quot;:&quot;User&quot;,&quot;name&quot;:&quot;Francesco Menghi&quot;}" data-fetched="fetched" aria-label="Follow user: Francesco Menghi" aria-pressed="false">Follow</button>
                  </div>
                  <div class="author-preview-metadata-container" data-author-id="701880"></div>
                </div>
              </div>
            </div>

          </div>
          <a href="/menghif/beginning-of-my-open-source-journey-2g0j" class="crayons-story__tertiary fs-xs"><time datetime="2021-09-10T14:30:29Z" title="Friday, September 10, 2021 at 2:30:29 PM">Sep 10 '21</time><span class="time-ago-indicator-initial-placeholder" data-seconds="1631284229"></span></a>
        </div>
      </div>

    </div>

    <div class="crayons-story__indention">
      <h2 class="crayons-story__title">
        <a href="/menghif/beginning-of-my-open-source-journey-2g0j" data-preload-image="" id="article-link-817879">
          Beginning of my Open Source Journey
        </a>
      </h2>
      <div class="crayons-story__tags">
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(38, 190, 0, 0.10);
        --tag-prefix: #26BE00;
        --tag-bg-hover: rgba(38, 190, 0, 0.10);
        --tag-prefix-hover: #26BE00;
      " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a>
          <a class="crayons-tag  crayons-tag--monochrome " style="
        --tag-bg: rgba(59, 73, 223, 0.10);
        --tag-prefix: #3b49df;
        --tag-bg-hover: rgba(59, 73, 223, 0.10);
        --tag-prefix-hover: #3b49df;
      " href="/t/osd600"><span class="crayons-tag__prefix">#</span>osd600</a>
      </div>
      <div class="crayons-story__bottom">
        <div class="crayons-story__details">
          <a href="/menghif/beginning-of-my-open-source-journey-2g0j" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count="" data-reactable-id="817879" aria-label="Add a comment to post - Beginning of my Open Source Journey">
            <div class="multiple_reactions_aggregate">
              <span class="multiple_reactions_icons_container" dir="rtl">
                  <span class="crayons_icon_container">
                    <img src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
                  </span>
              </span>
              <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span>
            </div>
          </a>
            <a href="/menghif/beginning-of-my-open-source-journey-2g0j#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Beginning of my Open Source Journey">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="ajp2cu9jg79316q36istb1fq7i9b0c5e" class="crayons-icon"><title id="ajp2cu9jg79316q36istb1fq7i9b0c5e">Comments</title><path d="M10.5 5h3a6 6 0 110 12v2.625c-3.75-1.5-9-3.75-9-8.625a6 6 0 016-6zM12 15.5h1.5a4.501 4.501 0 001.722-8.657A4.5 4.5 0 0013.5 6.5h-3A4.5 4.5 0 006 11c0 2.707 1.846 4.475 6 6.36V15.5z"></path></svg>

              1<span class="hidden s:inline">&nbsp;comment</span>
            </a>
        </div>
        <div class="crayons-story__save">
          <small class="crayons-story__tertiary fs-xs mr-2">
            2 min read
          </small>
        </div>
      </div>
    </div>
  </div>
</div>

  <div class="placeholder-div"></div>

    </div>
    <div class="loading-articles" id="loading-articles" style="display: block;">
      loading...
    </div>
  </main>
</div>
</main>

<script src="https://dev.to/packs/js/runtime~storiesList-46300d0e079a90f5d6c7.js" defer="defer"></script>
<script src="https://dev.to/packs/js/storiesList-59bddc0a7d6e71fc3d08.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~followButtons-de72e34b71f1d756e48e.js" defer="defer"></script>
<script src="https://dev.to/packs/js/5-ba2dd9bca8a84130fd7c.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/followButtons-5ee9dad305f4e5ff0d5e.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~feedPreviewCards-ecb396def1d4866bf419.js" defer="defer"></script>
<script src="https://dev.to/packs/js/feedPreviewCards-58d2ab288eef3b5992ce.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~hideBookmarkButtons-ea97f8dcb0859198f41e.js" defer="defer"></script>
<script src="https://dev.to/packs/js/hideBookmarkButtons-0c5c0a90248b46d58a53.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~profileDropdown-833bafa62e471b95bffd.js" defer="defer"></script>
<script src="https://dev.to/packs/js/profileDropdown-fb2bb50cee8119c30846.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~users/profilePage-29650e29e13fb842bf33.js" defer="defer"></script>
<script src="https://dev.to/packs/js/users/profilePage-76181bae842c6da78726.chunk.js" defer="defer"></script>
<script src="https://dev.to/packs/js/runtime~localizeArticleDates-cc46c8f0bcf6adc80505.js" defer="defer"></script>
<script src="https://dev.to/packs/js/localizeArticleDates-feacb189bcc33a567849.chunk.js" defer="defer"></script>

    
  </div>
</div>
    
<footer id="footer" class="crayons-footer print-hidden">
  <div id="footer-container" class="crayons-footer__container">
    <p class="fs-s crayons-footer__description">
      <a class="c-link c-link--branded fw-medium" aria-label="DEV Community Home" href="/">DEV Community</a> — A constructive and inclusive social network for software developers. With you every step of your journey.
    </p>

    <ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="">
        <li class="footer__nav-link flex items-center">
    <a href="/">
      Home
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/pod">
      Podcasts
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/videos">
      Videos
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/tags">
      Tags
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/faq">
      FAQ
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="https://shop.forem.com">
      Forem Shop
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/dev-advertising-options">
      Advertise on DEV
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/about">
      About
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/contact">
      Contact
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/guides">
      Guides
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/software-comparisons">
      Software comparisons
    </a>
    <span class="dot ml-2"></span>
  </li>

    </ul>

    <ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="">
        <li class="footer__nav-link flex items-center">
    <a href="/code-of-conduct">
      Code of Conduct
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/privacy">
      Privacy Policy
    </a>
    <span class="dot ml-2"></span>
  </li>
  <li class="footer__nav-link flex items-center">
    <a href="/terms">
      Terms of use
    </a>
    <span class="dot ml-2"></span>
  </li>

    </ul>

    <div class="fs-s">
      <p>Built on <a class="c-link c-link--branded" target="_blank" rel="noopener" href="https://www.forem.com">Forem</a> — the <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/opensource">open source</a> software that powers <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to">DEV</a> and other inclusive communities.</p>
      <p>Made with love and <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/rails">Ruby on Rails</a>. DEV Community <span title="copyright">©</span> 2016 - 2023.</p>
    </div>
  </div>
</footer>
<div id="snack-zone"></div>

    <div id="global-signup-modal" class="authentication-modal hidden">
  <div class="authentication-modal__container">
    <figure class="authentication-modal__image-container">
      <img class="authentication-modal__image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--7zXAI5wW--/c_limit,f_auto,fl_progressive,q_80,w_190/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j7kvp660rqzt99zui8e.png" alt="DEV Community" loading="lazy">
    </figure>
    <div class="authentication-modal__content">
      <p class="authentication-modal__description">
          We're a place where coders share, stay up-to-date and grow their careers.
      </p>
    </div>
    <div class="authentication-modal__actions">
      <a href="/enter" class="crayons-btn" aria-label="Log in" data-no-instant="">
        Log in
      </a>
      <a href="/enter?state=new-user" class="crayons-btn crayons-btn--ghost-brand js-global-signup-modal__create-account" aria-label="Create new account" data-no-instant="">
        Create account
      </a>
    </div>
  </div>
</div>

<script src="https://dev.to/packs/js/runtime~signupModalShortcuts-b09fcd1e2779cd0af985.js" defer="defer"></script>
<script src="https://dev.to/packs/js/signupModalShortcuts-8233d2977c62d9c3b71e.chunk.js" defer="defer"></script>

  <div id="i18n-translations" data-translations="{&quot;en&quot;:{&quot;core&quot;:{&quot;add_comment&quot;:&quot;Add comment&quot;,&quot;beta&quot;:&quot;beta&quot;,&quot;comment&quot;:&quot;Comment&quot;,&quot;copy_link&quot;:&quot;Copy link&quot;,&quot;edit_profile&quot;:&quot;Edit profile&quot;,&quot;follow&quot;:&quot;Follow&quot;,&quot;follow_back&quot;:&quot;Follow back&quot;,&quot;following&quot;:&quot;Following&quot;,&quot;like&quot;:&quot;Like&quot;,&quot;loading&quot;:&quot;loading...&quot;,&quot;reaction&quot;:&quot;Reaction&quot;,&quot;report_abuse&quot;:&quot;Report abuse&quot;,&quot;search&quot;:&quot;Search&quot;,&quot;success_settings&quot;:&quot;Successfully updated settings.&quot;,&quot;counted_organization&quot;:{&quot;one&quot;:&quot;%{count} organization&quot;,&quot;other&quot;:&quot;%{count} organizations&quot;},&quot;counted_user&quot;:{&quot;one&quot;:&quot;%{count} person&quot;,&quot;other&quot;:&quot;%{count} people&quot;},&quot;not_following&quot;:&quot;You're not following anyone&quot;,&quot;following_everyone&quot;:&quot;You're following %{details} (everyone)&quot;,&quot;you_are_following&quot;:&quot;You're following&quot;,&quot;and&quot;:&quot;and&quot;}}}"></div>
  <div id="reaction-category-resources" class="hidden" aria-hidden="true">
    <img data-name="Like" data-slug="like" data-position="1" src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
    <img data-name="Unicorn" data-slug="unicorn" data-position="2" src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
    <img data-name="Exploding Head" data-slug="exploding_head" data-position="3" src="https://dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="18" height="18">
    <img data-name="Raised Hands" data-slug="raised_hands" data-position="4" src="https://dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="18" height="18">
    <img data-name="Fire" data-slug="fire" data-position="5" src="https://dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18">
</div>

  
  
</body></html>