https://paperfrogs.bearblog.dev/

URL inviato:
https://paperfrogs.bearblog.dev/
Report terminato:
LinkTesto
https://sombraglaze.wordpress.com/Colorless pink ideas sleep furiously
https://bearblog.devBear ʕ•ᴥ•ʔ

Variabili JavaScript · 3 trovate

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Messaggi di log della console · 0 trovati

HTML

<!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>Paper Frogs</title>
  <link rel="canonical" href="https://paperfrogs.bearblog.dev">
  


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

<!-- Primary Meta Tags -->
<meta name="title" content="Paper Frogs">
<meta name="description" content="Welcome to Paper Frogs, my own pond in a corner of the internet.\
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conl...">

<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="Paper Frogs">
<meta property="og:title" content="Paper Frogs">
<meta property="og:type" content="website">
<meta property="og:url" content="https://paperfrogs.bearblog.dev">
<meta property="og:description" content="Welcome to Paper Frogs, my own pond in a corner of the internet.\
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conl...">
<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://paperfrogs.bearblog.dev">
<meta property="twitter:title" content="Paper Frogs">
<meta property="twitter:description" content="Welcome to Paper Frogs, my own pond in a corner of the internet.\
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conl...">
<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": "Paper Frogs",
    "url": "https://paperfrogs.bearblog.dev",
    "description": "Welcome to Paper Frogs, my own pond in a corner of the internet.\
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conl...",
    "about": {
      "@type": "Paper Frogs",
      "description": "Welcome to Paper Frogs, my own pond in a corner of the internet.\
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conl..."
    }
  }
</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=IBM+Plex+Sans+JP:wght@400;700&family=IBM+Plex+Sans+Thai+Looped:wght@400;700&family=IBM+Plex+Sans+Thai:wght@400;700&family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Gentium+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Kablammo:[email protected]&display=swap');

:root {
    --width: 720px;
    --font-main: 'IBM Plex Sans', 'IBM Plex Sans Thai', 'IBM Plex Sans JP', sans-serif;
    --font-secondary: 'IBM Plex Sans', 'IBM Plex Sans Thai', 'IBM Plex Sans JP', sans-serif;
    --font-scale: 1em;

    --background-color: #FDFCF2;
    --heading-color: #372915;
    --text-color: #453217;
    --link-color: #477506;
    --link-hover-color: #355d04;
    --link-background-color: #EBF0D1;
    --visited-color:  #A84C00;
    --visited-hover-color: #8F3400;
    --visited-background-color: #F7ECC9;
    --code-background-color: #EFEAD7;
    --code-color: #61491F;
    --blockquote-color: #61491F;
    
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #001F0A;
        --heading-color: #F5FAE5;
        --text-color: #EEF2D9;
        --link-color: #B3E873;
        --link-hover-color: #BBE87D;
        --link-background-color: #003308;
        --visited-color:  #EDCB7E;
        --visited-hover-color: #EBD184;
        --visited-background-color: #322B06;
        --code-background-color: #2A321B;
        --code-color: #E0DAB8;
        --blockquote-color: #E0DAB8;
    }
}

wacky {
    font-family: 'Kablammo', sans-serif;
}

ipa {
    font-family: 'Gentium Plus', serif;
}

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: underline;
}

a:hover {
    color: var(--link-hover-color);
	background-color: var(--link-background-color);
    text-decoration: underline wavy;
}

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: 'IBM Plex Mono', monospace;
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
}

blockquote {
    border-left: 4px solid var(--heading-color);
    color: var(--blockquote-color);
    padding-left: 20px;
    font-style: italic;
}

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

.title {
    text-decoration: underline;
}

.title h1 {
    font-size: 1.5em;
    color: var(--link-color);
}

.title:hover {
    text-decoration: underline wavy;
}

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

.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);
}

ul.blog-posts li a:visited:hover {
    color: var(--visited-hover-color);
    background-color: var(--visited-background-color);
}
      
  </style>

  
</head>

<body class="home" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()">
  
  <header>
    <a class="title" href="/">
      <h1>
        Paper Frogs
      </h1>
    </a>
    <nav>
      <p><a href="/">Home</a> <a href="/blog/">Posts</a> <a href="/things-i-like/">Things I Like</a></p>

    </nav>
  </header>
  <main>
    



<p>Welcome to Paper Frogs, my own pond in a corner of the internet.<br>
Posts in English, Thai, Spanish (learning), maybe Japanese (learning), and possibly a conlang.</p>
<p>Rana/ราน่า/ラナ<br>
❤️ rana/rana's<br>
👍 she/her; ella/la/-a</p>
<p>You can contact me through email at <code>limrana ☀️ pm 🌊 me</code>, replacing the ☀️ and 🌊 with the at sign and dot, respectively.</p>
<p>All foreground-background colour combinations meet APCA accessible colour contrast ≥75 L<sub>c</sub> (Lightness Contrast).<br>
* Note: The blog's theme adapts to match your browser's preferences!</p>
<h3 id="cool-bogs-from-other-frogs">Cool bogs from other frogs</h3><p><a href="https://sombraglaze.wordpress.com/" target="_blank">Colorless pink ideas sleep furiously</a> - My girlfriend's blog! She writes a lot about conlangs, worldbuilding, and linguistics!</p>
<div align="center">
🌿🪷🐸🍄🌾<br>
<a href="/">English</a> / <a href="/home-th/">ไทย</a> / <a href="/home-es/">español</a>
</div>







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

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

  </footer>

</body></html>