https://macchioni.bearblog.dev/

ID de l'analyse :
617a9eb1-cf14-4853-be99-d1fa9503879bTerminée
URL soumise :
https://macchioni.bearblog.dev/
Fin du rapport :

Liens : 4 trouvé(s)

Liens sortants identifiés à partir de la page

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

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

NomType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web

HTML

Le corps HTML de la page en données brutes

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