https://beardnuggets.com/

ID scansione:
e20df595-dac7-460f-ade0-a48f6f18c4b2Fatto
URL inviato:
https://beardnuggets.com/
Report terminato:

I link in uscita identificati dalla pagina

LinkTesto
https://buymeacoffee.com/cooperBuy Me A Coffee

Variabili JavaScript · 3 trovate

Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Messaggi di log della console · 2 trovati

Messaggi registrati nella console Web

TipoCategoriaLog
errorsecurity
URL
https://beardnuggets.com/
Testo
Access to fetch at 'https://tinylytics.app/collector/4-s62-Jb-bbHA3-jPk-p?url=https%3A%2F%2Fbeardnuggets.com%2F&path=/&referrer=' from origin 'https://beardnuggets.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
errornetwork
URL
https://tinylytics.app/collector/4-s62-Jb-bbHA3-jPk-p?url=https%3A%2F%2Fbeardnuggets.com%2F&path=/&referrer=
Testo
Failed to load resource: net::ERR_FAILED

HTML

Il corpo HTML non elaborato della pagina

<!DOCTYPE html><html class="bg-white dark:bg-slate-800 antialiased home" lang="en"><head>
    <title>Beard Nuggets</title>
    <meta name="description" content="A personal blog of streamed thoughts.">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="/assets/tailwind-a43bae8c.css" data-turbo-track="reload">
<link rel="stylesheet" href="/assets/inter-font-1d90a608.css" data-turbo-track="reload">
        <link rel="apple-touch-icon" sizes="300x300" href="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQWl3QmFRSXNBVG9LYzJGMlpYSjdCem9LYzNSeWFYQlVPZ3h4ZFdGc2FYUjVhV1E9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--d5470907b5b5a357fec32990d4bdb78c827f9472/avatar.png">
        <link rel="icon" type="image/png" sizes="300x300" href="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQWl3QmFRSXNBVG9LYzJGMlpYSjdCem9LYzNSeWFYQlVPZ3h4ZFdGc2FYUjVhV1E9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--d5470907b5b5a357fec32990d4bdb78c827f9472/avatar.png">
      <link rel="alternate" type="application/atom+xml" title="Main feed" href="https://beardnuggets.com/feed.atom">
      <meta name="twitter:card" content="summary">
        <meta name="twitter:image" content="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld2M2Q25OMGNtbHdWRG9NY1hWaGJHbDBlV2xrIiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--3c8df91f93412f76d3a3f8e3dd4a2e4a29d049a2/avatar.png">
        <meta property="og:image" content="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld2M2Q25OMGNtbHdWRG9NY1hWaGJHbDBlV2xrIiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--3c8df91f93412f76d3a3f8e3dd4a2e4a29d049a2/avatar.png">
        <meta property="og:type" content="article">
        <meta property="og:url" content="https://beardnuggets.com">
      <meta property="og:title" content="Beard Nuggets">
      <meta property="og:description" content="A personal blog of streamed thoughts.">
      <meta name="theme-color" content="#03a9f4">
      <style>
        :root{
          --accent: #03a9f4
        }
        .post_article.prose a:not(.post_link):not(.category_name)
        {
          color: var(--accent);
        }
        figure.attachment{
          display: flex;
          flex-direction: column;
        }
        a.post_link:hover{
          border-color: var(--accent);
        }
        a.post_header_link h2:hover{
          color: var(--accent);
        }
        .blog_separator{
          background-color: var(--accent);
        }
        .post_article.prose hr{
          max-width: 80%;
          width: 300px;
          margin-left: auto;
          margin-right: auto;
          border-color: currentColor;
          opacity: .5;
        }
        .post_article.prose pre :where(:where([class~=not-prose] *),:where(strong)){
          color: white;
        }
      </style>
      <script src="https://tinylytics.app/embed/4-s62-Jb-bbHA3-jPk-p.js?kudos=👋" defer=""></script>
    
  </head>

  <body>
    <main class="min-h-screen min-w-full flex flex-col items-center py-8 p-4">
      <div class="flex flex-col w-full sm:p-4 justify-center">
        
<header class="blog_header flex flex-col items-center w-full mb-6">
    <img srcset="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQWNCcEFjQTZDbk5oZG1WeWV3YzZDbk4wY21sd1ZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--15cc85199431f2ffbf91c0dbecc46521b1c37578/avatar.png 2x" class="rounded-full w-24 h-24" loading="lazy" alt="Cooper Avatar" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0thIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a296280b78339896dec6372f0baebd10cd96e541/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbE9ncHpZWFpsY25zSE9ncHpkSEpwY0ZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ba4a7df9bd27436562c5e3cb15731bcce626e772/avatar.png">
    <author class="prose prose-stone dark:prose-invert text-2xl mt-6 font-bold">Beard Nuggets</author>
  <span class="blog_separator w-12 h-1 mt-8"></span>
    <div class="prose prose-lg dark:prose-invert prose-a:font-normal w-full leading-snug sm:leading-relaxed max-w-2xl text-center mt-6">
      <div>A personal blog of streamed thoughts.</div>

    </div>
    <span class="blog_separator w-12 h-1 mt-6"></span>
  <a href="https://beardnuggets.com/feed.atom" class="mt-8 text-sm dark:text-slate-200 underline flex flex-row items-center transition hover:scale-105 active:scale-95 group">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 mr-2 group-hover:stroke-orange-400 group-hover:-rotate-6">
      <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
    </svg>
    <span class="transition group-hover:rotate-2">
      Subscribe via RSS here
    </span>
  </a>
</header>


  <div class="w-full flex flex-col items-center">
    <div class="post_list flex flex-col gap-8 mt-4 w-full max-w-2xl">
        <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/the-tor-network-project" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">The Tor Network (Project)</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">What is Tor?
The Tor Network (Tor), also known as the Tor Project or The Onion Routing project, is a free and open-source software designed to enable anonymous communication. By...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbktsIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8ce587db782adee32bb889ee8de28e59e806e33d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/tor.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/the-tor-network-project" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        4 minutes ago
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/coopsearch" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">CoopSearch</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">CoopSearch
This isn't anything new but, I wanted to re-share my project, CoopSearch, a self-hosted search engine built on the SearXNG platform. I moved it from a subdomain of Cooperserver.com...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaUdnIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--607933c2f14d9b360ec8e143c611e9e67ed190bb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/searchiconsmall.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/coopsearch" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        9 days ago
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/good-day-with-good-news" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">Good day with good news</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">Today was a great day with great news. My long-awaited promotion and raise was approved. That's it. Carry on and have a great evening. :)This post is the 6th of...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa0NmIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c7609cc636440863eacf798ee134db75308156a9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/good-day-with-good-news" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        10 days ago
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/beard-care" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">Beard Care</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">As someone who takes pride in his beard, I'm often asked about proper beard care and maintenence. Despite the misconceptions, most guys can't wake up and just run a comb...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmlkIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a49c52e8e9514b81ac735a3ce5bfc106090c2f77/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/beard-care" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        14 days ago
      </a>
      <a href="https://beardnuggets.com/categories/beard" title="Beard" class="category_name transition active:scale-95 text-sm inline-flex items-center rounded-full p-1 px-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent no-underline hover:rotate-2" style="border-color: #2196f3">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 transition hover:scale-105 stroke-black fill-brand mr-1" style="fill: #2196f3">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path>
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path>
          </svg>
        Beard
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/linktrees" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">Linktrees</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">If I've not made it clear, I'm not a typical social media fan or user. While I have sock puppet accounts on each of the main platforms, I don't actually...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcDZjIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7176a4434377309672c2b8d48aa5919950afc888/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/linktrees" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        16 days ago
      </a>
      <a href="https://beardnuggets.com/categories/tech" title="Tech" class="category_name transition active:scale-95 text-sm inline-flex items-center rounded-full p-1 px-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent no-underline hover:rotate-2" style="border-color: #cddc39">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 transition hover:scale-105 stroke-black fill-brand mr-1" style="fill: #cddc39">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path>
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path>
          </svg>
        Tech
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/windows-linux-and-macos" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">Windows, Linux, and MacOS?</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">Which one do I use?
Well, the answer is...all of them.

As many do and have done, I started on Windows. For years, I was an "Only Windows" kind of...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcGFjIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--62e7c41ac9bf2c508a31932f599e33c9c1b18e99/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/windows-linux-and-macos" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        17 days ago
      </a>
      <a href="https://beardnuggets.com/categories/tech" title="Tech" class="category_name transition active:scale-95 text-sm inline-flex items-center rounded-full p-1 px-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent no-underline hover:rotate-2" style="border-color: #cddc39">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 transition hover:scale-105 stroke-black fill-brand mr-1" style="fill: #cddc39">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path>
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path>
          </svg>
        Tech
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/512kb-club" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">512KB Club</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">I've applied for membership in the 512KB Club, as I've done with my prior site. 

What does that even mean and why is it important?
While I appreciate websites that...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbWliIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ab5bb32f2491730d1ddbf8cc0691c2bf4ca6d7f3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/512kb-club" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        19 days ago
      </a>
      <a href="https://beardnuggets.com/categories/tech" title="Tech" class="category_name transition active:scale-95 text-sm inline-flex items-center rounded-full p-1 px-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent no-underline hover:rotate-2" style="border-color: #cddc39">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 transition hover:scale-105 stroke-black fill-brand mr-1" style="fill: #cddc39">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path>
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path>
          </svg>
        Tech
      </a>
    </div>
  </article>
  <article class="flex flex-col w-full p-2 rounded-xl prose dark:prose-invert max-w-full bg-slate-100 dark:bg-slate-900 shadow relative transition active:scale-95 hover:scale-[1.01] group">
    <a href="https://beardnuggets.com/post/back-to-blogging" class="no-underline p-4 pb-14 flex flex-col sm:flex-row items-center relative group-hover:bg-slate-200 group-hover:dark:bg-slate-800 transition rounded-lg">
        <div class="flex flex-col w-full">
            <h3 class="mt-0 mb-4 text-2xl sm:text-3xl font-bold">Back to blogging...</h3>
            <p class="my-0 break-words leading-snug sm:leading-relaxed">A new start
I decided to give blogging another go. Previously, I did my best to follow a theme or format with my blog but, that limited my drive to...</p>
        </div>
        <div class="flex mt-4 sm:ml-4 sm:mt-0">
          <img loading="lazy" class="m-0 p-0 h-auto w-auto rotate-0 translate-x-0 md:group-hover:rotate-2 sm:group-hover:translate-x-2 md:group-hover:scale-105 transition rounded-lg" src="https://scribbles.page/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVdjIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d28c1ec02f0ee7c8b7e0a990ffc9b7170c7c4a25/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMMEFXa0M5QUU2Q25OaGRtVnlld1k2REhGMVlXeHBkSGxwWkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--c94cc66d609d248a6357b036d31e81da7e3faf12/image.png">
        </div>
    </a>
    <div class="absolute bottom-4 left-6 mt-4 flex flex-row items-center gap-2">
      <a href="https://beardnuggets.com/post/back-to-blogging" target="_blank" class="post_link text-sm inline-flex rounded-full p-1 px-2 bg-slate-300 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent hover:border-slate-200 no-underline group-hover:scale-105 group-hover:rotate-2 active:scale-95 transition">
        20 days ago
      </a>
      <a href="https://beardnuggets.com/categories/life" title="Life" class="category_name transition active:scale-95 text-sm inline-flex items-center rounded-full p-1 px-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-300 border border-transparent no-underline hover:rotate-2" style="border-color: #f44336">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 transition hover:scale-105 stroke-black fill-brand mr-1" style="fill: #f44336">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path>
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path>
          </svg>
        Life
      </a>
    </div>
  </article>

    </div>
      <div class="prose dark:prose-invert prose-a:font-normal w-full leading-tight max-w-2xl text-center mt-12">
        <div>
<a href="https://beardnuggets.com/page/about">About</a> | <a href="https://beardnuggets.com/page/contact">Contact</a> | <a href="https://beardnuggets.com/page/disclaimer">Disclaimer</a> | <a href="https://buymeacoffee.com/cooper">Buy Me A Coffee</a>
</div>

      </div>
  </div>

      </div>
    </main>
  

</body></html>