workstations and light theme
This commit is contained in:
+64
-2
@@ -3,11 +3,50 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="description"
|
||||
content="ScuroNeko is a Go and JavaScript developer building self-hosted tools, small web systems, and developer-focused projects."
|
||||
/>
|
||||
<meta name="author" content="ScuroNeko" />
|
||||
<meta
|
||||
name="theme-color"
|
||||
content="#1f1f28"
|
||||
media="(prefers-color-scheme: dark)"
|
||||
/>
|
||||
<meta
|
||||
name="theme-color"
|
||||
content="#f2ecbc"
|
||||
media="(prefers-color-scheme: light)"
|
||||
/>
|
||||
<meta name="color-scheme" content="dark light" />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="ScuroNeko" />
|
||||
<meta property="og:title" content="ScuroNeko" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Go and JavaScript developer building self-hosted tools, small web systems, and developer-focused projects."
|
||||
/>
|
||||
<meta property="og:url" content="https://scuroneko.dev/" />
|
||||
<meta property="og:image" content="https://scuroneko.dev/favicon.png" />
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="ScuroNeko" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Go and JavaScript developer building self-hosted tools, small web systems, and developer-focused projects."
|
||||
/>
|
||||
<meta name="twitter:image" content="https://scuroneko.dev/favicon.png" />
|
||||
|
||||
<link rel="canonical" href="https://scuroneko.dev/" />
|
||||
<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/workstations.css" />
|
||||
<link rel="stylesheet" href="./styles/links.css" />
|
||||
<link rel="stylesheet" href="./styles/tones.css" />
|
||||
<link rel="stylesheet" href="./styles/theme-light.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
@@ -18,11 +57,13 @@
|
||||
rel="stylesheet"
|
||||
href="https://storage.scuroneko.dev/fonts/FantasqueSansMono.css"
|
||||
/>
|
||||
<link rel="shortcut icon" href="./favicon.png" type="image/png" />
|
||||
<link rel="shortcut icon" href="./icons/favicon-512.png" type="image/png" />
|
||||
<link rel="manifest" href="./manifest.json" />
|
||||
|
||||
<script src="./js/data.js" defer></script>
|
||||
<script src="./js/stack.js" defer></script>
|
||||
<script src="./js/projects.js" defer></script>
|
||||
<script src="./js/workstations.js" defer></script>
|
||||
<script src="./js/links.js" defer></script>
|
||||
<title>ScuroNeko</title>
|
||||
</head>
|
||||
@@ -38,6 +79,7 @@
|
||||
<nav class="site-nav" aria-label="Page sections">
|
||||
<a href="#stack-section">Stack</a>
|
||||
<a href="#projects-section">Projects</a>
|
||||
<a href="#workstations-section">Workstations</a>
|
||||
<a href="#links-section">Links</a>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -51,6 +93,9 @@
|
||||
<p class="block-subtitle">
|
||||
Tools I reach for when the task needs to ship.
|
||||
</p>
|
||||
<button class="stack-toggle" id="stack-toggle" type="button" hidden>
|
||||
View all
|
||||
</button>
|
||||
<div class="stack-grid" id="stack"></div>
|
||||
</section>
|
||||
|
||||
@@ -63,9 +108,26 @@
|
||||
<div class="project-grid" id="projects"></div>
|
||||
</section>
|
||||
|
||||
<section class="block" id="links-section">
|
||||
<section class="block" id="workstations-section">
|
||||
<div class="section-heading">
|
||||
<span class="section-index">03</span>
|
||||
<h2>Workstations</h2>
|
||||
</div>
|
||||
<p class="block-subtitle">Machines, peripherals, and daily drivers.</p>
|
||||
<button
|
||||
class="workstation-toggle"
|
||||
id="workstation-toggle"
|
||||
type="button"
|
||||
hidden
|
||||
>
|
||||
View all
|
||||
</button>
|
||||
<div class="workstation-grid" id="workstations"></div>
|
||||
</section>
|
||||
|
||||
<section class="block" id="links-section">
|
||||
<div class="section-heading">
|
||||
<span class="section-index">04</span>
|
||||
<h2>Links</h2>
|
||||
</div>
|
||||
<p class="block-subtitle">
|
||||
|
||||
Reference in New Issue
Block a user