<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta name="color-scheme" content="light dark">
  <meta name="description" content="{{ theme.description }}">
  <meta name="keyword" content="{{ theme.keyword }}">
  <meta property="og:site_name" content="{{ config.title }}">
  <meta property="og:title" content="{% if page_title %}{{ page_title }} | {{ config.title }}{% else %}{{ config.title }}{% endif %}" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="" />
  <meta property="og:description" content="" />
  <meta property="og:image" content=" http://catcoding.me/css/images/logo.png " />
  <link rel="alternate" type="application/rss+xml" title="{{ config.title }}; Feed" href="https://catcoding.me/atom.xml" />

  <script>
    (function() {
      try {
        localStorage.removeItem('catcoding-theme');
      } catch (e) {}
      var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
      var theme = prefersDark ? 'dark' : 'light';
      document.documentElement.setAttribute('data-theme', theme);
      document.documentElement.style.colorScheme = theme;
    })();
  </script>
<link rel="stylesheet" href="/css/plugins/gitment.css">
<link rel="stylesheet" href="/css/plugins/fonts.css">
<link rel="stylesheet" href="/css/plugins/code.css">
<link rel="stylesheet" href="/css/plugins/prism.css">
<link rel="stylesheet" href="/css/plugins/font-awesome.min.css">
  <link rel="stylesheet" href="/css/style.css?v=20260526-project-strip-3">
  <script src="/js/qrious.js"></script>
<script src="/js/gitment.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/geopattern.min.js"></script>
<script src="/js/nprogress.min.js"></script>

  {% if config.favicon is defined and config.favicon %}
  <link rel="shortcut icon" type="image/ico" href="{{ config.favicon }}" />
  {% else %}
  <link rel="icon" href="/css/images/favicon.ico">
  {% endif %}
  <title>
    {% if page_title %}
    {{ page_title }} |
    {{ config.title }}
    {% else %}
    {{ config.title }}
    {% endif %}
  </title>

  <div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
    <img src="/css/images/logo.png" width='400px' height='400px' />
  </div>

  {% if theme.mathjax_enable and page_mathjax is defined and page_mathjax %}
  <!-- MathJax support START -->
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      }
    });
  </script>
  <script type="text/x-mathjax-config">
    MathJax.Hub.Queue(function() {
      var all = MathJax.Hub.getAllJax(), i;
      for (i=0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';
      }
    });
  </script>
  <script type="text/javascript" src="{{ theme.mathjax_cdn }}"></script>
  <!-- MathJax support END -->
  {% endif %}

<script defer src="https://cloud.umami.is/script.js" data-website-id="9767b9c8-6554-4673-af8c-2d22e00617aa"></script>
</head>
