initial commit

2026-04-14 16:20:22 +03:00
commit 724f16b589
39 changed files with 1179 additions and 0 deletions
@@ -0,0 +1,68 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./styles/main.css" />
+    <link rel="stylesheet" href="./styles/hero.css" />
+    <link rel="stylesheet" href="./styles/stack.css" />
+    <link rel="stylesheet" href="./styles/projects.css" />
+    <link rel="stylesheet" href="./styles/links.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=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+
+    <script src="./js/data.js" defer></script>
+    <script src="./js/stack.js" defer></script>
+    <script src="./js/projects.js" defer></script>
+    <script src="./js/links.js" defer></script>
+    <title>ScuroNeko</title>
+  </head>
+  <body>
+    <header class="site-hero">
+      <div class="site-hero__main">
+        <p class="site-pill">scuroneko.dev · self-hosted</p>
+        <div class="site-title">
+          <h1>ScuroNeko</h1>
+          <span class="site-mark">猫</span>
+        </div>
+        <p class="site-subtitle">Go and JS developer</p>
+        <nav class="site-nav" aria-label="Page sections">
+          <a href="#stack-section">Stack</a>
+          <a href="#projects-section">Projects</a>
+          <a href="#links-section">Links</a>
+        </nav>
+      </div>
+    </header>
+
+    <section class="block" id="stack-section">
+      <div class="section-heading">
+        <span class="section-index">01</span>
+        <h2>Stack</h2>
+      </div>
+      <p class="block-subtitle">Tools I reach for when the task needs to ship.</p>
+      <div class="stack-grid" id="stack"></div>
+    </section>
+
+    <section class="block" id="projects-section">
+      <div class="section-heading">
+        <span class="section-index">02</span>
+        <h2>Projects</h2>
+      </div>
+      <p class="block-subtitle">Things with enough shape to point at.</p>
+      <div class="project-grid" id="projects"></div>
+    </section>
+
+    <section class="block" id="links-section">
+      <div class="section-heading">
+        <span class="section-index">03</span>
+        <h2>Links</h2>
+      </div>
+      <p class="block-subtitle">Places where I answer, publish, or keep code.</p>
+      <div class="link-grid" id="links"></div>
+    </section>
+  </body>
+</html>