https://bbbhltz.codeberg.page/

스캔 ID:
bc14bbe9-6855-42c7-99eb-33a70c85773e완료
제출된 URL:
https://bbbhltz.codeberg.page/
보고서 완료:
링크텍스트
https://framapiaf.org/@bbbhltzFramapiaf
https://codeberg.org/bbbhltz/pagesSource
https://ko-fi.com/bbbhltzSupport
https://creativecommons.org/licenses/by-sa/4.0/CC BY-SA
https://fediring.net/Fediring
https://xn--sr8hvo.wsIndieWeb
https://xn--sr8hvo.ws/%F0%9F%9A%BB%F0%9F%90%B7%F0%9F%9B%8C/previousPrevious
https://xn--sr8hvo.ws/%F0%9F%9A%BB%F0%9F%90%B7%F0%9F%9B%8C/nextNext
이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
throttlefunction
scrollHandlerfunction
addCopyButtonToCodeBlocksfunction
<!DOCTYPE html><html lang="en-us"><head>
	<meta name="generator" content="Hugo 0.111.3">
    <meta charset="utf-8">
    <meta http-equiv="X-Robots-Tag" content="noai">
    <meta http-equiv="X-Robots-Tag" content="noimageai">
    <meta http-equiv="cache-control" content="max-age=0">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
    <meta http-equiv="pragma" content="no-cache">
    <meta name="fediverse:creator" content="@[email protected]">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="fediverse:creator" content="@[email protected]">
    <meta property="og:title" content="Home">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://bbbhltz.codeberg.page/">
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:title" content="Home">
    <meta property="og:image" content="https://bbbhltz.codeberg.page/featured.webp">
    <meta property="twitter:image" content="https://bbbhltz.codeberg.page/featured.webp">
    <meta property="og:description" content="A blog about technology, education, and other stuff">
    <meta property="og:description" content="A blog about technology, education, and other stuff">

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" }="">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1b">

    <meta name="description" content="Home">

    <link rel="alternate" type="application/rss+xml" href="https://bbbhltz.codeberg.page/rss.xml" title="Bobby's Blog">
    
        <title>Bobby's Blog</title>
    

    
    <style>
        :root {
          --background: #ffffff;
        }
        @media (prefers-color-scheme: dark) {
          :root {
            --background: #1b1b1b;
          }
        }
        html {
            background-color: var(--background);
        }
        body {
            background-color: var(--background);
        }
    </style>

    
    <link rel="stylesheet" type="text/css" href="/style.min.033c37304252feb979c75db7caff8881b2228575b5d9717d4992b7e826244314.css" media="all">
  </head>

  <body>
        
        <nav>
          <ul class="menu">
            
                <li><a tabindex="-1" class="menu-link" href="/">/~</a></li>
            
                <li><a tabindex="-1" class="menu-link" href="/tags">/tags</a></li>
            
                <li><a tabindex="-1" class="menu-link" href="/about">/about</a></li>
            
                <li><a tabindex="-1" class="menu-link" href="/contact">/contact</a></li>
            
                <li><a tabindex="-1" class="menu-link" href="/more">/more</a></li>
            
          </ul>
        </nav>
        


<div class="home-content"></div>


    
    <ul id="results"></ul>

    
        <h2 class="section-title">My Blog</h2>
        
        <ul class="post-list">
  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-10-19</span>
      
      <a href="/blog/2024/10/multilingualism/">IndieWeb Carnival: multilingualism in a global Web</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-10-15</span>
      
      <a href="/blog/2024/10/voice-messages/">My Beef with Voice Messages</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-09-29</span>
      
      <a href="/blog/2024/09/puppylinux/">Who’s a good boy? A Puppy Linux Mini-Review</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-06-22</span>
      
      <a href="/blog/2024/06/vulgar/">Vulgar; Popular</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-06-06</span>
      
      <a href="/blog/2024/06/lookbothways/">Look both ways</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-05-09</span>
      
      <a href="/blog/2024/05/imagine/">Imagine</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-04-13</span>
      
      <a href="/blog/2024/04/unlocking-knowledge/">Unlocking Knowledge</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-03-30</span>
      
      <a href="/blog/2024/03/supernova-goes-pop/">Supernova Goes Pop</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-02-23</span>
      
      <a href="/blog/2024/02/seoshenanigans/">Sneaky SEO Shenanigans Suck</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-02-02</span>
      
      <a href="/blog/2024/02/calendartrick/">Quickly importing events using Khal</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-01-28</span>
      
      <a href="/blog/2024/01/happybirthday/">Happy Birthday Blog</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-01-17</span>
      
      <a href="/blog/2024/01/sexyprivacy/">Make Digital Privacy Sexy</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-01-16</span>
      
      <a href="/blog/2024/01/updatepinetime/">Note to self: How to update PineTime</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2024-01-09</span>
      
      <a href="/blog/2024/01/wavering/">Why did I waver?</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-12-18</span>
      
      <a href="/blog/2023/12/bestalbums2023/">My Best Albums 2023</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-11-17</span>
      
      <a href="/blog/2023/11/sellingpoison/">They Lie</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-09-12</span>
      
      <a href="/blog/2023/09/glasspyramid/">The Glass Pyramid</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-08-29</span>
      
      <a href="/blog/2023/08/picturetaker/">Digicams are still fun</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-07-29</span>
      
      <a href="/blog/2023/07/ffmpeg-waveform/">On making a video for a podcast</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-05-20</span>
      
      <a href="/blog/2023/05/on-debloating-android-phones/">On Debloating Android Phones</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-04-04</span>
      
      <a href="/blog/2023/04/alpine-linux/">On using Alpine Linux as a Desktop</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-02-07</span>
      
      <a href="/blog/2023/02/on-blogging-in-2023/">On Blogging in 2023</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-30</span>
      
      <a href="/blog/2023/01/tmi-sharing-your-cv-on-linkedin/">TMI: Sharing your CV on LinkedIn</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-27</span>
      
      <a href="/blog/2023/01/pandoc2023/">Using Pandoc for My Slides: 2023 Update</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-22</span>
      
      <a href="/blog/2023/01/wrong/">Wrong</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-18</span>
      
      <a href="/blog/2023/01/review-crosscall-core-z5/">Review: Crosscall CORE-Z5</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-06</span>
      
      <a href="/blog/2023/01/claws-mail/">Claws Mail</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-02</span>
      
      <a href="/blog/2023/01/featured-images/">Adding Featured Images to My Hugo Blog</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2023-01-01</span>
      
      <a href="/blog/2023/01/using-bitwarden-cli-to-create-login-items/">Using Bitwarden CLI to Create Login Items</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-11-30</span>
      
      <a href="/blog/2022/11/coolpad-cool-s/">Coolpad Cool S</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-11-27</span>
      
      <a href="/blog/2022/11/crosscall/">Crosscall</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-10-21</span>
      
      <a href="/blog/2022/10/pinetime/">I have a PineTime</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-07-12</span>
      
      <a href="/blog/2022/07/we-have-a-winner/">We Have a Winner</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-07-02</span>
      
      <a href="/blog/2022/07/homework/">Homework</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-06-13</span>
      
      <a href="/blog/2022/06/teachping/">Teach(p)ing</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-05-25</span>
      
      <a href="/blog/2022/05/childrens-cartoons/">Children’s Cartoons</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-05-07</span>
      
      <a href="/blog/2022/05/in-search-of-digital-natives/">In Search of Digital Natives</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-04-20</span>
      
      <a href="/blog/2022/04/i-like-e-books/">I like E-books</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-03-24</span>
      
      <a href="/blog/2022/03/guide-privacy/">Low Friction Introduction to Digital Privacy</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-03-10</span>
      
      <a href="/blog/2022/03/privacy-browser/">Privacy Browser</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-03-09</span>
      
      <a href="/blog/2022/03/switching-desktops/">Switching Desktops</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-03-05</span>
      
      <a href="/blog/2022/03/a-quick-look-at-distro-rankings/">A Quick Look at Distro Rankings</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-02-22</span>
      
      <a href="/blog/2022/02/beginner-joy/">The Joys of Being a Beginner</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-02-06</span>
      
      <a href="/blog/2022/02/python-lottery/">Learning about the Lottery</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-01-22</span>
      
      <a href="/blog/2022/01/learning-python/">A Month of Python</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2022-01-13</span>
      
      <a href="/blog/2022/01/computer-know-how/">Computer Know-how</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-12-31</span>
      
      <a href="/blog/2021/12/2021/">2021</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-12-19</span>
      
      <a href="/blog/2021/12/guide-pandoc-cv/">Making my CV with Markdown didn’t turn out as expected…</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-12-10</span>
      
      <a href="/blog/2021/12/freak/">Freak</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-11-23</span>
      
      <a href="/blog/2021/11/using-markdown-and-pandoc-to-make-a-simple-invoice/">Using Markdown and Pandoc to make a simple invoice</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-11-20</span>
      
      <a href="/blog/2021/11/the-eco-conscious-tech-sham/">The Eco-Conscious Tech Sham</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-11-13</span>
      
      <a href="/blog/2021/11/damasio/">The Brutal New Worlds of Alain Damasio</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-11-12</span>
      
      <a href="/blog/2021/11/punkt-update/">Update: Punkt MP02</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-04-29</span>
      
      <a href="/blog/2021/04/technology-whales/">Technology, Ecology, and Whales</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-04-26</span>
      
      <a href="/blog/2021/04/privacy-security-rabbit-hole/">The Privacy-Security Rabbit Hole</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-04-15</span>
      
      <a href="/blog/2021/04/punkt-mp02-review/">The Punkt. MP02 Minimalist Mobile Phone</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-03-26</span>
      
      <a href="/blog/2021/03/linuxlogos/">Linux Users Like Lovely Logos</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-03-04</span>
      
      <a href="/blog/2021/03/pandoc2021/">The Show Must Go On: Making Slides with Markdown and Pandoc</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-02-21</span>
      
      <a href="/blog/2021/02/guide-reports/">Tips for Students: Report Writing</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-02-11</span>
      
      <a href="/blog/2021/02/listicle-film-tv/">Listicle: Documentaries, Films, And Series About Information Technology And Its Influence On Humanity</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-02-10</span>
      
      <a href="/blog/2021/02/listice-books/">Listicle: An Annotated List of Science-Fiction Books</a>
      
    </div>

</li>



  

  <li>

    <div style="display: grid; grid-template-columns: 7em auto">
      <span class="date">2021-01-28</span>
      
      <a href="/blog/2021/01/guide-browser/">Tips for Students: The Browser</a>
      
    </div>

</li>



  
</ul>


    


<br>
<footer>

<script defer="">
  function throttle(fn, wait) {
    var time = Date.now();
    return function () {
      var now = Date.now()
      if (time + wait - now < 0) {
        fn();
        time = now;
      }
    };
  }

  function scrollHandler() {
    const anchors = Array.from(document.querySelectorAll("body h2, body h3"));

    function scrollCallback() {
      var scrollTop = window.pageYOffset || document.documentElement.scrollTop;

      
      for (var i = 0; i < anchors.length; i++) {
        var anchorId = anchors[i].getAttribute("id");
        var link = document.querySelector(
          'nav ul li a[href="#' + anchorId + '"]',
        );
        if (link) {
          link.classList.remove("active-toc");
        }
      }

      
      for (var i = anchors.length - 1; i >= 0; i--) {
        var offsetTop = anchors[i].offsetTop;
        if (scrollTop > offsetTop - 75) {
          var anchorId = anchors[i].getAttribute("id");
          var link = document.querySelector(
            'nav ul li a[href="#' + anchorId + '"]',
          );
          if (link) {
            link.classList.add("active-toc");
            break;
          }
        }
      }
    }

    window.addEventListener(
      "scroll",
      throttle(scrollCallback, 300),
    );
  }
  setTimeout(scrollHandler, 100);
</script>

<script defer="">
  function addCopyButtonToCodeBlocks() {
    
    const codeBlocks = document.querySelectorAll('code[class^="language-"]');

    codeBlocks.forEach((codeBlock) => {
      const copyButton = document.createElement("button");
      copyButton.classList.add("copy-code-button");
      copyButton.innerHTML = "copy";

      
      copyButton.addEventListener("click", () => {
        
        const elements = codeBlock.querySelectorAll(".cl");
        let codeToCopy = "";
        elements.forEach((element) => {
          codeToCopy += element.innerText;
        });
        navigator.clipboard.writeText(codeToCopy);

        
        copyButton.innerHTML = "copied!";
        setTimeout(() => {
          copyButton.innerHTML = "copy";
        }, 1500);
      });

      
      codeBlock.parentNode.before(copyButton);
    });
  }
  setTimeout(function () {
    addCopyButtonToCodeBlocks();
  }, 100);
</script>

<br>
<link href="mailto:[email protected]" rel="me">
<link href="https://nonbot.org/pledged/view/9d43e633-cee2-4583-a8ad-9c7aa03a3df1" rel="me">
<a href="/rss.xml">RSS</a><br>
<a rel="me" href="https://framapiaf.org/@bbbhltz">Framapiaf</a><br>
<a href="https://codeberg.org/bbbhltz/pages">Source</a><br>
<a href="/sitemap.xml">Sitemap</a><br>
<a href="https://ko-fi.com/bbbhltz">Support</a><br>

<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a><br>
<a href="https://fediring.net/">Fediring</a>: <a href="https://fediring.net/previous?host=bbbhltz.codeberg.page">Previous</a> / <a href="https://fediring.net/next?host=bbbhltz.codeberg.page">Next</a><br>
<a href="https://xn--sr8hvo.ws">IndieWeb</a>: <a href="https://xn--sr8hvo.ws/%F0%9F%9A%BB%F0%9F%90%B7%F0%9F%9B%8C/previous">Previous</a> / <a href="https://xn--sr8hvo.ws/%F0%9F%9A%BB%F0%9F%90%B7%F0%9F%9B%8C/next">Next</a><br>
</footer>




</body></html>