https://macchioni.bearblog.dev/

Eingereichte URL:
https://macchioni.bearblog.dev/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://x.com/pieromacchioni@pieromacchioni
https://secretbreakfast.comSecret Breakfast
https://mastodon.social/@pier0@[email protected]
https://bearblog.devBear ʕ•ᴥ•ʔ

JavaScript-Variablen · 3 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!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>