Deploy st-little/st-little.github.io to st-little/st-little.github.io…

…:gh-pages
st-little · Nov 8, 2024 · ba7233f · ba7233f
commit ba7233f
Show file tree

Hide file tree

Showing 395 changed files with 39,266 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-7XFJ3PBXLY"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-7XFJ3PBXLY');
+    </script>
+
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
+    />
+
+    <style>
+      :root {
+        --accent-color: #05a081;
+        --accent-color-light: #82d0c0;
+        --accent-overlay-color: #fff;
+        --body-bg: #fff;
+        --body-color: #000;
+        --heading-color: #000;
+        --table-bg-even: #f3f3f3;
+        --table-border-bottom: #dddddd;
+      }
+
+        @media (prefers-color-scheme: dark) {
+          :root {
+            --accent-overlay-color: #dee2e6;
+            --body-bg: #212529;
+            --body-color: #abb2bf;
+            --heading-color: #dee2e6;
+            --table-bg-even: #2d3237;
+            --table-border-bottom: #697077;
+          }
+          img {
+            opacity: .75;
+            transition: opacity .5s ease-in-out;
+          }
+          img:hover {
+            opacity: 1;
+          }
+        }
+
+    </style>
+
+    <meta name="theme-color" content="#05a081" />
+
+
+      <link rel="icon" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.8bb7562e91f2c833.jpg" />
+      <link rel="apple-touch-icon" sizes="48x48" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.8bb7562e91f2c833.jpg" />
+      <link rel="apple-touch-icon" sizes="72x72" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.5324ad24c76653f9.jpg" />
+      <link rel="apple-touch-icon" sizes="96x96" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.ad3476c585276887.jpg" />
+      <link rel="apple-touch-icon" sizes="144x144" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.1f452bf44b399811.jpg" />
+      <link rel="apple-touch-icon" sizes="192x192" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.d4bcfcb8e74e5248.jpg" />
+      <link rel="apple-touch-icon" sizes="256x256" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.0707f6fc31d6a3f9.jpg" />
+      <link rel="apple-touch-icon" sizes="384x384" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.c1f191193f889b25.jpg" />
+      <link rel="apple-touch-icon" sizes="512x512" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.ca1111db3cabab66.jpg" />
+
+
+
+
+
+    <meta property="og:type" content="website">
+
+    <meta name="twitter:card" content="summary">
+
+
+
+
+
+
+
+        <meta name="description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。" />
+        <meta name="twitter:description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。">
+
+
+
+
+      <meta name="twitter:title" content="st-little&#x27;s blog">
+
+
+
+      <link rel="prerender" href="&#x2F;blog&#x2F;" />
+
+
+    <link rel="prefetch" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.638905c23809b86a.jpg" />
+
+    <title>
+
+
+          st-little&#x27;s blog
+
+
+    </title>
+
+
+
+      <link rel="stylesheet" href="https://site.little-method.com/main.css">
+
+
+  </head>
+  <body>
+
+      <header>
+        <a class="profile-icon" href="/">
+          <img src="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.638905c23809b86a.jpg" alt="profile picture">
+        </a>
+        <nav>
+
+            <a href="&#x2F;blog&#x2F;">Blog</a>
+
+        </nav>
+      </header>
+
+    <main>
+
+<h1>404</h1>
+
+  <p>This is not the page you're looking for... return back to <a href="/">safety?</a></p>
+
+
+
+    </main>
+    <footer class="footer-page">
+
+
+        <p>このサイトは Google アナリティクスを使用しており、データを収集するために Cookie を使用しています。<br>
+データが収集および処理される仕組みについては <a href="https://policies.google.com/technologies/partner-sites" target="_blank" rel="noopener noreferrer">こちら<span class="material-symbols-outlined">open_in_new</span></a> を参照してください。<br>
+© 2020 st-little</p>
+
+
+
+    </footer>
+  </body>
+</html>
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+site.little-method.com
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-7XFJ3PBXLY"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-7XFJ3PBXLY');
+    </script>
+
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
+    />
+
+    <style>
+      :root {
+        --accent-color: #05a081;
+        --accent-color-light: #82d0c0;
+        --accent-overlay-color: #fff;
+        --body-bg: #fff;
+        --body-color: #000;
+        --heading-color: #000;
+        --table-bg-even: #f3f3f3;
+        --table-border-bottom: #dddddd;
+      }
+
+        @media (prefers-color-scheme: dark) {
+          :root {
+            --accent-overlay-color: #dee2e6;
+            --body-bg: #212529;
+            --body-color: #abb2bf;
+            --heading-color: #dee2e6;
+            --table-bg-even: #2d3237;
+            --table-border-bottom: #697077;
+          }
+          img {
+            opacity: .75;
+            transition: opacity .5s ease-in-out;
+          }
+          img:hover {
+            opacity: 1;
+          }
+        }
+
+    </style>
+
+    <meta name="theme-color" content="#05a081" />
+
+
+      <link rel="icon" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.8bb7562e91f2c833.jpg" />
+      <link rel="apple-touch-icon" sizes="48x48" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.8bb7562e91f2c833.jpg" />
+      <link rel="apple-touch-icon" sizes="72x72" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.5324ad24c76653f9.jpg" />
+      <link rel="apple-touch-icon" sizes="96x96" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.ad3476c585276887.jpg" />
+      <link rel="apple-touch-icon" sizes="144x144" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.1f452bf44b399811.jpg" />
+      <link rel="apple-touch-icon" sizes="192x192" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.d4bcfcb8e74e5248.jpg" />
+      <link rel="apple-touch-icon" sizes="256x256" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.0707f6fc31d6a3f9.jpg" />
+      <link rel="apple-touch-icon" sizes="384x384" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.c1f191193f889b25.jpg" />
+      <link rel="apple-touch-icon" sizes="512x512" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.ca1111db3cabab66.jpg" />
+
+
+
+
+
+    <meta property="og:type" content="website">
+
+    <meta name="twitter:card" content="summary">
+
+
+
+
+
+
+
+        <meta name="description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。" />
+        <meta name="twitter:description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。">
+
+
+
+
+      <meta name="twitter:title" content="st-little&#x27;s blog">
+
+
+
+      <link rel="prerender" href="&#x2F;blog&#x2F;" />
+
+
+    <link rel="prefetch" href="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.638905c23809b86a.jpg" />
+
+    <title>
+
+
+          st-little&#x27;s blog
+
+
+    </title>
+
+
+
+      <link rel="stylesheet" href="https://site.little-method.com/main.css">
+
+
+  </head>
+  <body>
+
+      <header>
+        <a class="profile-icon" href="/">
+          <img src="https:&#x2F;&#x2F;site.little-method.com&#x2F;processed_images&#x2F;icon.638905c23809b86a.jpg" alt="profile picture">
+        </a>
+        <nav>
+
+            <a href="&#x2F;blog&#x2F;">Blog</a>
+
+        </nav>
+      </header>
+
+    <main>
+
+  <h2 id="hello-this-is-a-simple-dev-blog">Hello, this is a simple dev blog.</h2>
+<p>This is a simple dev blog that I made <a href="https://bennetthardwick.com">for my website</a>.
+It's quite easy to install, just go to the <a href="https://github.com/bennetthardwick/simple-dev-blog-zola-starter">project page</a> and follow the prompts.</p>
+<p>This template does some fancy stuff like <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">pre-rendering</a> blog posts and nav links,
+pre-fetching your profile image and adding a bunch of common meta tags.</p>
+<h3 id="how-to-get-started">How to get started</h3>
+<p>To create a new Zola site, first download the CLI and install it on your system.
+You can find installation instructions <a href="https://www.getzola.org/documentation/getting-started/installation/">on the Zola website</a>.</p>
+<ol>
+<li>
+<p>After you've installed the Zola CLI, run the following command to create a new site:</p>
+<pre data-lang="sh" style="background-color:#2b303b;color:#c0c5ce;" class="language-sh "><code class="language-sh" data-lang="sh"><span style="color:#bf616a;">zola</span><span> init my_amazing_site
+</span><span style="color:#96b5b4;">cd</span><span> my_amazing_site
+</span></code></pre>
+</li>
+<li>
+<p>After you've created the site, install the &quot;Simple Dev Blog&quot; theme like so:</p>
+<pre data-lang="sh" style="background-color:#2b303b;color:#c0c5ce;" class="language-sh "><code class="language-sh" data-lang="sh"><span style="color:#bf616a;">git</span><span> clone</span><span style="color:#bf616a;"> --depth</span><span>=1 \
+</span><span>  https://github.com/bennetthardwick/simple-dev-blog-zola-starter \
+</span><span>  themes/simple-dev-blog
+</span></code></pre>
+</li>
+<li>
+<p>Now in your <code>config.toml</code> file, choose the theme by setting <code>theme = &quot;simple-dev-blog&quot;</code>.</p>
+</li>
+<li>
+<p>That's it! Now build your site by running the following command, and navigate to <code>127.0.0.1:111</code>:</p>
+<pre data-lang="sh" style="background-color:#2b303b;color:#c0c5ce;" class="language-sh "><code class="language-sh" data-lang="sh"><span style="color:#bf616a;">zola</span><span> serve
+</span></code></pre>
+</li>
+</ol>
+<p>You should now have a speedy simple dev blog up and running, have fun!</p>
+<h3 id="deployment">Deployment</h3>
+<p><a href="https://www.netlify.com/">Netlify</a> is a great way to deploy your website for free to a custom domain and it's what I use <a href="https://bennetthardwick.com">personally</a>.
+To deploy to Netlify, refer to Zola's <a href="https://www.getzola.org/documentation/deployment/netlify/">Netlify deployment instructions</a>.</p>
+
+
+    </main>
+    <footer class="footer-page">
+
+
+        <p>このサイトは Google アナリティクスを使用しており、データを収集するために Cookie を使用しています。<br>
+データが収集および処理される仕組みについては <a href="https://policies.google.com/technologies/partner-sites" target="_blank" rel="noopener noreferrer">こちら<span class="material-symbols-outlined">open_in_new</span></a> を参照してください。<br>
+© 2020 st-little</p>
+
+
+
+    </footer>
+  </body>
+</html>