import live www.sillylaird.ca webrootHEADmain

1 files changed, 81 insertions, 0 deletions

diff --git a/computers/index_jp.php b/computers/index_jp.php
new file mode 100644
index 0000000..d5326ff
--- /dev/null
+++ b/computers/index_jp.php
@@ -0,0 +1,81 @@
+<!doctype html>
+<html lang="ja">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>コンピューター — SillyLaird</title>
+  <meta name="description" content="Machines and computers used by SillyLaird." />
+  <meta property="og:title" content="コンピューター — SillyLaird" />
+  <meta property="og:description" content="Machines and computers used by SillyLaird." />
+  <meta property="og:image" content="https://www.sillylaird.ca/assets/img/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/computers/index_jp.php" />
+  <meta property="og:locale" content="ja_JP" />
+  <meta property="og:locale:alternate" content="en_US" />
+  <meta property="og:locale:alternate" content="zh_CN" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="コンピューター — SillyLaird" />
+  <meta name="twitter:description" content="Machines and computers used by SillyLaird." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/assets/img/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/computers/index_jp.php" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/computers/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/computers/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/computers/index_zh.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/computers/index_jp.php" />
+  <link rel="icon" href="https://www.sillylaird.ca/assets/img/lain.png" />
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  <link rel="stylesheet" href="/assets/css/skeleton.css" />
+  <link rel="stylesheet" href="/assets/css/pages/computers.css" />
+  
+</head>
+
+<body>
+  <a class="skip-link" href="#main">本文へ移動</a>
+  <?php include '../partials/header.php'; ?>
+
+  <main id="main" class="wrap">
+    <section aria-labelledby="computers-title">
+      <h1 id="computers-title">コンピューター</h1>
+      <p class="muted">Retro and simple.</p>
+
+      <h2>Main Machines</h2>
+
+      <div class="machine">
+        <div class="machine-info">
+          <div class="machine-title">ThinkPad X260</div>
+          Daily Linux + Plan9front laptop.<br>
+          16GB RAM, NVMe mod.
+        </div>
+      </div>
+
+      <div class="machine">
+        <div class="machine-info">
+          <div class="machine-title">Custom Desktop</div>
+          StepMania, Pop'n, PMS, coding, VMs.<br>
+          Ryzen CPU, RTX GPU.
+        </div>
+      </div>
+
+      <h2>Retro Machines</h2>
+
+      <div class="machine">
+        <div class="machine-info">
+          <div class="machine-title">Windows 98 Tower</div>
+          MIDI hardware, DOS/Win98 games, serial cable experiments.
+        </div>
+      </div>
+
+      <div class="machine">
+        <div class="machine-info">
+          <div class="machine-title">Pentium III</div>
+          StepMania 3.9 machine and early 2000s computing setup.
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <?php include '../partials/footer.php'; ?>
+</body>
+</html>