- Scan ID:
- e20df595-dac7-460f-ade0-a48f6f18c4b2Finished
- Submitted URL:
- https://beardnuggets.com/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
Link | Text |
---|---|
https://buymeacoffee.com/cooper | Buy Me A Coffee |
JavaScript Variables · 3 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Console log messages · 2 found
Messages logged to the web console
Type | Category | Log |
---|---|---|
error | security |
|
error | network |
|
HTML
The raw HTML body of the page
<!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>