https://macchioni.bearblog.dev/

Scan ID:: 617a9eb1-cf14-4853-be99-d1fa9503879bFinished
Submitted URL:: https://macchioni.bearblog.dev/
Report Finished:: Dec 19, 2024, 22:00:43
Links · 4 found

The outgoing links identified from the page
Link	Text
https://x.com/pieromacchioni	@pieromacchioni
https://secretbreakfast.com	Secret Breakfast
https://mastodon.social/@pier0	@[email protected]
https://bearblog.dev	Bear ʕ•ᴥ•ʔ
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 · 0 found

Messages logged to the web console
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
  
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
  
  <title>Piero Macchioni</title>
  <link rel="canonical" href="https://macchioni.bearblog.dev">
  
<meta name="robots" content="noindex, nofollow">

<meta name="macchioni" content="look-for-the-bear-necessities">

<!-- Primary Meta Tags -->
<meta name="title" content="Piero Macchioni">
<meta name="description" content="Piero Macchioni, journalist. Deputy Editor-in-Chief at Grazia Italia and Grazia Food. Father of Secret Breakfast Food Newsletter.">

<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="Piero Macchioni">
<meta property="og:title" content="Piero Macchioni">
<meta property="og:type" content="website">
<meta property="og:url" content="https://macchioni.bearblog.dev">
<meta property="og:description" content="Piero Macchioni, journalist. Deputy Editor-in-Chief at Grazia Italia and Grazia Food. Father of Secret Breakfast Food Newsletter.">
<meta property="og:image" content="https://live.staticflickr.com/3373/3301381364_6b28e9e513_k.jpg">


<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://macchioni.bearblog.dev">
<meta property="twitter:title" content="Piero Macchioni">
<meta property="twitter:description" content="Piero Macchioni, journalist. Deputy Editor-in-Chief at Grazia Italia and Grazia Food. Father of Secret Breakfast Food Newsletter.">
<meta property="twitter:image" content="https://live.staticflickr.com/3373/3301381364_6b28e9e513_k.jpg">

<meta name="fediverse:creator" content="@[email protected]">

<!-- Microdata -->
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "website",
    "name": "Piero Macchioni",
    "url": "https://macchioni.bearblog.dev",
    "description": "Piero Macchioni, journalist. Deputy Editor-in-Chief at Grazia Italia and Grazia Food. Father of Secret Breakfast Food Newsletter.",
    "about": {
      "@type": "Piero Macchioni",
      "description": "Piero Macchioni, journalist. Deputy Editor-in-Chief at Grazia Italia and Grazia Food. Father of Secret Breakfast Food Newsletter."
    }
  }
</script>
<link rel="alternate" type="application/atom+xml" href="/feed/">
<link rel="alternate" type="application/rss+xml" href="/feed/?type=rss">

  





  
  
  
    
        <link rel="shortcut icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ctext%20y='.9em'%20font-size='90'%3E◉%3C/text%3E%3C/svg%3E">
    



  <style>
      
      
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:[email protected]&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --width: 720px;
    --font-main: monospace, sans-serif;
    --font-secondary: monospace, sans-serif;
    --font-scale: 17px;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #0a7968;
    --visited-color:  #0a7968;
    --code-background-color: #f2f2f2;
    --code-color: #222;
    --blockquote-color: #222;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #01242e;
        --heading-color: #eee;
        --text-color: #ddd;
        --link-color: #00594f;
        --visited-color:  #00594f;
        --code-background-color: #000;
        --code-color: #ddd;
        --blockquote-color: #ccc;
    }
}

body {
    font-family: var(--font-secondary);
    font-size: var(--font-scale);
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    color: var(--text-color);
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto Condensed", sans-serif;
    color: var(--heading-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

h6 {
    font-family: monospace;
    padding: 2px;
    background-color: #ffd966;
    color: var(--code-color);
    border-radius: 3px;
}

a {
    color: #DF2164;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline; 
}

nav a {
    margin-right: 8px;
    font-variant: small-caps;
}

strong, b {
    color: #003b6c;
}

button {
    margin: 0;
    cursor: pointer;
}

time {
 	font-family: monospace;
  	font-style: normal;
  	font-size: 15px;
}

main {
    line-height: 1.6;
}

table {
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px dashed;
}

img {
    max-width: 100%;
}

code {
    font-family: monospace;
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
}

blockquote {
    border-left: 2px solid #ffcc00;
    color: var(--code-color);
    padding-left: 20px;
    font-style: italic;
}

footer {
    padding: 25px 0;
    text-align: center;
}

.title:hover {
    text-decoration: none;
}

.title h1 {
    font-size: 1.5em;
}

.inline {
    width: auto !important;
}

.highlight, .code {
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    overflow-x: auto;
}

/* blog post list */
ul.blog-posts {
    list-style-type: none;
    padding: unset;
}

ul.blog-posts li {
    display: flex;
}

ul.blog-posts li span {
    flex: 0 0 130px;
}

ul.blog-posts li a:visited {
    color: #115B78;
}


/* Reset */
button {
  background: unset;
  border: unset;
  cursor: pointer;
  font-family: sans-serif;
}

/* Toast button */
.upvote-button {
  align-items: center;
  color: #000 !important;
  display: grid !important;
  grid-template-areas:
        'emoji label'
        'count ...';
  flex-direction: column;
  gap: 0 4px;
}

.upvote-button svg {
  display: none;
}

.upvote-button::before {
  content: '❤︎';
  display: block;
  font-size: 32px;
  grid-area: emoji;
  margin-left: 4px;
}

.upvote-button:hover::before {
  content: '❤︎';
}

.upvote-button.upvoted:hover::before {
  content: '🤙';
}

.upvote-button::after {
  display: none;
  grid-area: label;
}

.upvote-button:hover::after {
  content: 'Love this post';
  display: block;
}

.upvote-button.upvoted:hover::after {
  content: 'Lovely!';
  display: block;
}

.upvote-count {
  color: #000 !important;
  font-size: unset;
  grid-area: count; 
  margin-top: 0 !important;
}



/* Box containing post content */
.status ul.embedded.blog-posts li {
    border: 2px dashed #6c3483;
    background-color: #f9e79f;
    margin-top: 0.25em;
    padding: 1.25em;
    display: flex;
    flex-direction: column-reverse; /* Reverse content order */
}
/* Hide title & link */
.status ul.embedded.blog-posts li > a {
    display: none;
}
/* Remove extra space above content */
.status ul.embedded.blog-posts li div p:first-child {
    margin-top: 0;
}
      
  </style>

  
</head>

<body class="home" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()">
  
  <header>
    <a class="title" href="/">
      <h1>
        Piero Macchioni
      </h1>
    </a>
    <nav>
      <p><a href="/">◉</a> → <a href="/now/">now</a> → <a href="/about/">about</a> → <a href="/notes/">blog</a> → <a href="/postroll/">postroll</a></p>

    </nav>
  </header>
  <main>
    



<p><img src="https://live.staticflickr.com/2587/4113461110_d6d429075a_k.jpg" alt="img"></p>
<h4 id="hi-this-is-piero">Hi, this is Piero.</h4><p>I’m a journalist, a father, a foodie. I believe in the open web and good books, fountain pens and prime lenses.</p>
<p>Want more? See my <a href="/about/">About</a> page.</p>
<p>What am I doing now? See my <a href="/now/">Now</a> page.</p>
<hr>
<p>🆇 <a href="https://x.com/pieromacchioni">@pieromacchioni</a><br>
💌 <a href="https://secretbreakfast.com">Secret Breakfast</a> Food Newsletter<br>
🐘 <a href="https://mastodon.social/@pier0">@[email protected]</a></p>
<hr>







  </main>
  <footer style="padding:25px 0;">
    

<span>
    Powered by <a href="https://bearblog.dev">Bear ʕ•ᴥ•ʔ</a>
</span>

  </footer>

</body></html>