https://mei.bearblog.dev/

Scan-ID:
dbfa16fb-9fbc-46b6-a4e5-ab59e8be5d7aBeendet
Eingereichte URL:
https://mei.bearblog.dev/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://shivrm.bearblog.dev/yet-another-old-toast-button/shivram
https://fonts.google.com/specimen/KarlaKarla
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>mei's diary</title>
  <link rel="canonical" href="https://mei.bearblog.dev">
  


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

<!-- Primary Meta Tags -->
<meta name="title" content="mei's diary">
<meta name="description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">

<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="mei's diary">
<meta property="og:title" content="mei's diary">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mei.bearblog.dev">
<meta property="og:description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">
<meta property="og:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/herman-1683556668-0.png">


<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://mei.bearblog.dev">
<meta property="twitter:title" content="mei's diary">
<meta property="twitter:description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">
<meta property="twitter:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/herman-1683556668-0.png">



<!-- Microdata -->
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "website",
    "name": "mei&#x27;s diary",
    "url": "https://mei.bearblog.dev",
    "description": "Hello, world :8) Welcome to my online diary.

I&#x27;m . I mostly write about my anxieties and try to work through them in a positive way. I don&#x27;t necessarily w...",
    "about": {
      "@type": "mei&#x27;s diary",
      "description": "Hello, world :8) Welcome to my online diary.

I&#x27;m . I mostly write about my anxieties and try to work through them in a positive way. I don&#x27;t necessarily w..."
    }
  }
</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>
      
      :root {
    --width: 800px;
    --font-main: Verdana, sans-serif;
    --font-secondary: Verdana, sans-serif;
    --font-scale: 1em;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #3273dc;
    --visited-color:  #8b6fcb;
    --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: #8cc2dd;
        --visited-color:  #8b6fcb;
        --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, h6 {
    font-family: var(--font-main);
    color: var(--heading-color);
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline; 
}

nav a {
    margin-right: 8px;
}

strong, b {
    color: var(--heading-color);
}

button {
    margin: 0;
    cursor: pointer;
}

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: 1px solid #999;
    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: var(--visited-color);
}
@font-face {
  font-family: "Montserrat";
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXx-p7K4KLg.woff);
}

@font-face {
  font-family: "Source Serif";
  src: url(https://fonts.gstatic.com/s/sourceserif4/v8/vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.woff2);
}

@font-face {
  font-family: "Open Sans";
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2);
}

@font-face {
  font-family: "Outfit";
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2);
}

@font-face {
  font-family: "Work Sans";
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2);
}

@font-face {
  font-family: "Karla";
  src: url(https://fonts.gstatic.com/s/karla/v31/qkBbXvYC6trAT7RVLtyU5rZP.woff2);
}


:root {
	--width: 900px;
	--font-main: "Karla", sans-serif;
        --font-secondary: "Karla", sans-serif;
        --font-scale: 115%;
	--background-color: rgb(255,252,250);
	--heading-color: #5e4963;
	--text-color: #5e4963;
	--link-color: #6785af;
    --special-bg-color: #ffeded;
    --date-color: #fdf3f3; 
	--visited-color: #b65e7d;
    --code-background-color: #ffeded;
	--code-color: #5e4963;
	--blockquote-color: #5e4963; /** the text **/
    --hover-color: #fcf6f6;
    --special-color: #c8839d; /** 786a88, b65e7d **/ 
}

@media (prefers-color-scheme: dark) {
    :root {
		--background-color: #252739; 
		--heading-color: #d59cb0; 
		--text-color: #f2e4e4; 
		--link-color: #90b4df; 
        --special-bg-color: #35374f; 
        --date-color: #1f1b1b;
		--visited-color: #fff0ed;
		--code-background-color: #35374f;
		--code-color: #f2e4e4;
        --blockquote-color: #fff;
        --hover-color: #65607c;
        --special-color: #cfa3b0;
    }
}

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

details {
  border: 1px solid var(--special-color);
}

details div {
  padding: 0 1em;
}

summary {
  padding: 5px;
  background-color: var(--special-color);
  color: var(--background-color);
}

header {
	border-bottom: 3px solid var(--visited-color);
}

.tags {
    padding: 1em;
    font-size: 0.8em;
	border-top: 1px solid var(--visited-color);
    line-height: 200%;
}

.tags a {
  text-decoration: none;
  font-weight: normal;
  background-color: var(--code-background-color);
  border-radius: 5px;
  padding: 2px 4px;
  margin: 0 3px;
}

sup {
  line-height: 100%;
}

sup a {
  padding: 0 4px;
  background-color: var(--code-background-color);
  border-radius: 2px;
  color: var(--link-color);
  text-decoration: 1px solid underline;
}

sup a:hover{
  color: var(--heading-color);
}

h1, h2, h3, h4, h5, h6 {
  	font-family: var(--font-main);
    color: var(--heading-color);
    font-weight: 600;
}

.title h1:hover {
	color: var(--link-color);
}

.title h1::after {
	content: " ✺";
    color: var(--special-color);
}

h2 {
    border-bottom: dashed 1px var(--link-color);
    margin-top: 1.5em;
}

h3 {
    text-decoration: underline 2px var(--special-color);
    text-underline-offset: 3px;
}

strong, em {
    color: var(--special-color);
}

del {
  color: var(--special-color);
  text-decoration: 2px var(--text-color) solid line-through; 
}

strong {
  font-weight: 600;
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: underline 2px solid;
    text-underline-offset: 3px;
}

time {
  padding: 0 3px;
  border-radius: 3px;
  font-weight: 550;
  color: var(--special-color);
  font-style: normal;
}

nav a {
    margin: 0 5px;
    color: var(--heading-color);
    text-decoration: none;
    letter-spacing: 1px;
}

nav a:hover {
    color: var(--link-color);
    text-decoration: underline 2px solid;
    text-underline-offset: 3px;
}

button {
    margin: 0;
}

main {
    line-height: 1.6;
}

main h1 {
  font-size: 1.7em;
}

table {
    width: 100%;
}

hr {
    border: 0;
    margin: 2em 0;
    border-top: 1px solid var(--special-color);
}

img {
    max-width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

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

blockquote {
    border-left: 1px solid pink;
    color: var(--blockquote-color);
    padding: 0.5em 1em;
    margin: 1em auto;
    max-width: 90%;
    font-style: italic;
    background-color: var(--special-bg-color);
}

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

.footnote {
  text-decoration: none;
}

.footnote::before {
  content: " ";
}

button {
	border: 0;
  	background-color: inherit;
  	text-decoration: underline;
  	color: var(--heading-color);
}

a:hover, 
ul.blog-posts li a:hover,
ul.blog-posts li a:visited:hover {
    color: var(--special-color);
    text-decoration: none;
}

.title {
    text-decoration: none;
    letter-spacing: 1px;
}

.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;
    line-height: 2em;
}

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

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

ul.blog-posts li a {
    color: var(--text-color);
    text-decoration: none;
}

ul.blog-posts li a:visited {
    color: var(--link-color);
}

/* toast this post */

.upvote-button svg { display: none; }
.upvote-button { display: block !important; text-decoration: none; }

.upvote-button::before {
  content: "♡(*ﾟ▽ﾟ*)و✧♡ a toast?";
  background: white;
  color: #c8839d;
  border: 1px solid #c8839d;
  padding: 4px;
  border-radius: 4px;
}
.upvote-button:hover::before { background-color: var(--special-bg-color); }

.upvote-button[disabled] { color: inherit !important; }
.upvote-button[disabled]::before {
  content: "♡(*′∇‵*)و✧♡ thanks bud!";
  background: rgb(255,245,245);
  color: #c8839d;
  border: 1px dashed #c8839d;
  text-decoration: none;
}

.upvote-count { display: none; }
.upvote-count::before { content: " - "; }
.upvote-count::after { content: " toasts"; }
      
  </style>

  
</head>

<body class="home" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()">
  
  <header>
    <a class="title" href="/">
      <h1>
        mei's diary
      </h1>
    </a>
    <nav>
      <p><a href="/">home</a> <a href="/about/">about</a> <a href="/blog/">entries</a> <a href="/feed">rss</a></p>

    </nav>
  </header>
  <main>
    



<p>Hello, world :8) Welcome to my online diary.</p>
<p>I'm <a href="https://mei.bearblog.dev/about"><strong>Mei</strong></a>. I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily want to be an anxiety blogger, but while I'm in the thick of it, I hope that sharing my thoughts (1) helps me feel less alone and (2) helps others feel less alone. I'd like to slowly but surely inch towards writing a blog with better vibes.</p>
<p><a href="/tags/">Here</a> are some things I talk about often, and <a href="/sampler/">here</a> is a small sampler of my posts.</p>
<p>I'm all sorts of enthusiastic about smaller spaces on the web and want to get in on them if I can understand how to work them, which is why I'm here. I hope we both enjoy our stay!</p>
<p>You can subscribe to my blog via <a href="https://mei.bearblog.dev/feed/">RSS</a> and get in touch with me at <code>hellomei[at]proton[dot]me</code>.</p>
<p><img src="https://images.squidge.org/images/2024/03/05/image.png" alt="Image"></p>
<h2 id="credits">credits</h2><ul>
<li>Special toast button code from <a href="https://shivrm.bearblog.dev/yet-another-old-toast-button/">shivram</a>.</li>
<li>Font used is <a href="https://fonts.google.com/specimen/Karla">Karla</a>.</li>
</ul>







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

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

  </footer>

</body></html>