- ID de l'analyse :
- e20df595-dac7-460f-ade0-a48f6f18c4b2Terminée
- URL soumise :
- https://beardnuggets.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://buymeacoffee.com/cooper | Buy Me A Coffee |
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
error | security |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>