170 lines
5.9 KiB
HTML
170 lines
5.9 KiB
HTML
<!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 <me@falsy.cat></p>
|
||
</div>
|
||
<div id="footer">Copyright 2025 falsycat</div>
|
||
</div>
|
||
</body>
|
||
</html>
|