FILE / ScuroNeko/scuroneko.dev
index.html
Исходный файл и его история в репозитории.
78 lines
2.6 KiB
HTML
78 lines
2.6 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="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:wght@600;700;800&family=Barlow:wght@400;500;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://storage.scuroneko.dev/fonts/FantasqueSansMono.css"
|
|
/>
|
|
<link rel="shortcut icon" href="./favicon.png" type="image/png" />
|
|
|
|
<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>
|