From 4f8ea948862e225bf2358a0225d18cc662a1af2d Mon Sep 17 00:00:00 2001
From: falsycat <me@falsy.cat>
Date: Sat, 19 Jul 2025 12:14:59 +0900
Subject: [PATCH] add new index.html

---
 index.html | 169 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 169 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1925597
--- /dev/null
+++ b/index.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='currentColor'%20class='size-6'%3E%3Cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m2.25%2012%208.954-8.955c.44-.439%201.152-.439%201.591%200L21.75%2012M4.5%209.75v10.125c0%20.621.504%201.125%201.125%201.125H9.75v-4.875c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21h4.125c.621%200%201.125-.504%201.125-1.125V9.75M8.25%2021h8.25'/%3E%3C/svg%3E" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+
+  <title>falsycat</title>
+
+<style>
+:root {
+  --bg: #f4f4f4;
+  --fg: #333;
+  --fg-light: #444;
+
+  font-family: "Roboto", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
+  font-variation-settings: "wdth" 100;
+}
+body {
+  padding: 1rem;
+  background-color: var(--bg);
+  color: var(--fg);
+}
+#root {
+  max-width: 64rem;
+  width: 100%;
+  margin: 0 auto;
+}
+#header {
+  display: flex;
+  justify-content: space-between;
+}
+#main {
+}
+#footer {
+  font-size: 0.8rem;
+  text-align: center;
+}
+
+h1, h2, h3, h4 {
+  color: var(--fg-light);
+}
+table {
+  border-spacing: 0.5rem 0.5rem;
+}
+table td {
+  vertical-align: top;
+}
+.divisor {
+  border-top: 1px solid black;
+  margin: 1rem 0;
+}
+
+body:not(.lang-en) .lang-en { display: none; }
+body:not(.lang-cat) .lang-cat { display: none; }
+</style>
+
+<script>
+  document.addEventListener("DOMContentLoaded", ()=>{
+    const body = document.body;
+    document.querySelector("#lang").addEventListener("change", (e)=>{
+      body.classList.forEach((x)=>x.startsWith("lang-")? body.classList.remove(x): 0);
+      body.classList.add("lang-"+e.target.value.toLowerCase());
+    });
+  });
+</script>
+
+</head>
+<body class="lang-en">
+  <div id="root">
+    <div id="header">
+      <div>
+        <h1>falsycat</h1>
+      </div>
+      <div>
+        <select id="lang">
+          <option>EN</option>
+          <option>CAT</option>
+        </select>
+      </div>
+    </div>
+    <div class="divisor"></div>
+    <div id="main">
+      <p class="lang-en">Hi. I'm falsycat, a Japanese programmer.</p>
+      <p class="lang-cat">Hola, sóc falsycat, un programador japonès.</p>
+
+      <h2 class="lang-en">Who am I?</h2>
+      <h2 class="lang-cat">Qui sóc?</h2>
+      <ul>
+        <li>falsycat (tamaki-yonemaru)</li>
+
+        <li class="lang-en">software engineer (C/C++, Rust, React, etc...)</li>
+        <li class="lang-cat">enginyer de programari (C/C++, Rust, React, etc...)</li>
+
+        <li class="lang-en">live in Tokyo</li>
+        <li class="lang-cat">visc a Tòquio</li>
+
+        <li>
+          <a href="https://git.falsy.cat" target="_blank">Gitea</a> /
+          <a href="https://github.com/falsycat" target="_blank">GitHub</a> /
+          <a href="https://instagram.com/falsycat" target="_blank">Instagram</a> /
+          <a href="https://youtube.com/@falsycat" target="_blank">YouTube</a> /
+          <a href="https://chess.com/member/falsycat" target="_blank">Chess.com</a> /
+          <a href="https://note.com/falsycat" target="_blank">note</a>
+        </li>
+      </ul>
+
+      <h2 class="lang-en">Hobbies</h2>
+      <h2 class="lang-cat">Aficions</h2>
+      <ul>
+        <li class="lang-en">software development</li>
+        <li class="lang-cat">desenvolupament de programari</li>
+
+        <li class="lang-en">investment (index fund, jpstock, crypto, etc...)</li>
+        <li class="lang-cat">inversió (fons índex, accions japoneses, criptomonedes, etc...)</li>
+
+        <li class="lang-en">traveling</li>
+        <li class="lang-cat">viatjar</li>
+      </ul>
+
+      <h2 class="lang-en">History</h2>
+      <h2 class="lang-cat">Historial</h2>
+      <table>
+        <tr>
+          <td>2020</td><td>11</td>
+          <td>
+            <span class="lang-en">U-22 Programming Contest<br/>Director-General’s Award, Commerce and Information Policy Bureau, Ministry of Economy, Trade and Industry (METI), Japan</span>
+            <span class="lang-cat">Concurs de Programació U-22<br/>Premi del Director General, Oficina de Comerç i Política d'Informació, Ministeri d’Economia, Comerç i Indústria (METI), Japó</span>
+          </td>
+        </tr>
+        <tr>
+          <td>2022</td><td>11</td>
+          <td>
+            <span class="lang-en">U-22 Programming Contest<br/>Minister's Award, Mistry of Economy, Trade and Industry (METI), Japan</span>
+            <span class="lang-cat">Concurs de Programació U-22<br/>Premi del Ministre, Ministeri d’Economia, Comerç i Indústria (METI), Japó</span>
+          </td>
+        </tr>
+        <tr>
+          <td>2023</td><td>03</td>
+          <td>
+            <span class="lang-en">National Institute of Technology, Tokyo College<br/>Graduated from the Department of Information Engineering</span>
+            <span class="lang-cat">Institut Nacional de Tecnologia, Campus de Tòquio<br/>Graduat en Enginyeria de la Informació</span>
+          </td>
+        </tr>
+        <tr>
+          <td>2023</td><td>04</td>
+          <td>
+            <span class="lang-en">Joined Toyota Mortor Corporation as a software engineer</span>
+            <span class="lang-cat">Incorporació a Toyota Motor Corporation com a enginyer de programari</span>
+          </td>
+        </tr>
+      </table>
+
+      <h2 class="lang-en">Contact</h2>
+      <h2 class="lang-cat">Contacte</h2>
+      <p>falsycat &lt;&#109;&#101;&commat;&#102;&#97;&#108;&#115;&#121;&period;&#99;&#97;&#116;&gt;</p>
+    </div>
+    <div id="footer">Copyright 2025 falsycat</div>
+  </div>
+</body>
+</html>

2020	11	+ U-22 Programming Contest Director-General’s Award, Commerce and Information Policy Bureau, Ministry of Economy, Trade and Industry (METI), Japan + Concurs de Programació U-22 Premi del Director General, Oficina de Comerç i Política d'Informació, Ministeri d’Economia, Comerç i Indústria (METI), Japó +
2022	11	+ U-22 Programming Contest Minister's Award, Mistry of Economy, Trade and Industry (METI), Japan + Concurs de Programació U-22 Premi del Ministre, Ministeri d’Economia, Comerç i Indústria (METI), Japó +
2023	03	+ National Institute of Technology, Tokyo College Graduated from the Department of Information Engineering + Institut Nacional de Tecnologia, Campus de Tòquio Graduat en Enginyeria de la Informació +
2023	04	+ Joined Toyota Mortor Corporation as a software engineer + Incorporació a Toyota Motor Corporation com a enginyer de programari +