10 changed files with 66 additions and 130 deletions
--- a/_config.ts
+++ b/_config.ts
@ -12,7 +12,9 @@ import shiki from "https://deno.land/x/lume_shiki/mod.ts";
 import tailwindConfig from "./tailwind.config.ts";
-
+import Mono from "./src/_components/Mono.tsx";
 import InlineIcon from "./src/_components/InlineIcon.tsx";
 import VertSpacer from "./src/_components/VertSpacer.tsx";
 const site = lume({
  src: "./src",
@ -33,7 +35,15 @@ site.use(
    theme: "github-dark",
  }),
 );
-site.use(mdx());
+site.use(
  mdx({
    components: {
      Mono: Mono,
      InlineIcon: InlineIcon,
      VertSpacer: VertSpacer,
    },
  }),
 );
 site.use(robots());
 site.use(sitemap());
 site.use(
--- a/deno.lock
+++ b/deno.lock
@ -46,7 +46,6 @@
    "npm:react-dom@18.3.1": "18.3.1_react@18.3.1",
    "npm:react@*": "19.1.0",
    "npm:react@18.3.1": "18.3.1",
    "npm:remark-gfm@*": "4.0.0",
    "npm:remark-gfm@4.0.0": "4.0.0",
    "npm:shiki@3.8.1": "3.8.1",
    "npm:tailwindcss@3.4.17": "3.4.17_postcss@8.5.6"
--- a/src/_components/InlineIcon.tsx
+++ b/src/_components/InlineIcon.tsx
@ -0,0 +1,16 @@
 export interface InlineIconProps {
  src: string;
  alt: string | undefined;
  style: any | undefined;
 }
 export default function InlineIcon({ src, alt, style }: InlineIconProps) {
  return (
    <img
      src={src}
      className="inline h-[1.4em] w-[1.4em] align-text-bottom"
      alt={alt}
      style={style}
    />
  );
 }
--- a/src/_components/Mono.tsx
+++ b/src/_components/Mono.tsx
@ -0,0 +1,9 @@
 export interface MonoProps {
  children: HTMLElement[];
 }
 export default function Mono({ children }: MonoProps) {
  return (
    <span className="p-[4px] font-mono bg-bg-soft text-sm li">{children}</span>
  );
 }
--- a/src/_components/VertSpacer.tsx
+++ b/src/_components/VertSpacer.tsx
@ -0,0 +1,3 @@
 export default function VertSpacer() {
  return <div className="mt-[8px] mb-[8px]"></div>;
 }
--- a/src/_components/inlineMonospace.vto
+++ b/src/_components/inlineMonospace.vto
@ -0,0 +1 @@
 <span class="p-[5px] font-mono bg-bg-soft">{{ content }}</span>
--- a/src/_includes/base.vto
+++ b/src/_includes/base.vto
@ -8,18 +8,20 @@
        <meta name="color-scheme" content="light dark" />
        <meta property="og:type" content="profile">
        <meta property="og:title" content="{{ title }}">
-        <meta property="og:image" content="/favicon.png">
+        <meta property="og:image" content="https://gravatar.com/avatar/9dcc6fc1513be7249727613a0999b907?size=256">
        <meta name="description" content="{{ description }}">
        <link rel="stylesheet" href="/styles.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=Germania+One&display=swap" rel="stylesheet">
        <script defer src="https://anal.over.rest/script.js" data-website-id="24ec91a8-4cda-4d93-a79f-f9330baa2fff"></script>
    </head>
    <body class="w-full m-0 bg-bg-0 text-fg-0 font-sans min-h-screen">
        <header class="px-5 py-4 ml-auto mr-auto flex flex-col items-center bg-bg-hard">
            <div class="relative max-w-full w-[60rem] flex justify-between">
-                <div>Lain <span class="p-[5px] font-mono bg-bg-soft">@systemxplore</span></div>
+                <div>Lain {{ comp.inlineMonospace({ content: "@systemxplore" }) }}</div>
                <div>
                    {{ if isHomePage }}
                    <span class="px-2 font-bold text-fg-currentPage">whoami</span>
@ -42,7 +44,7 @@
        {{ if showFooter }}
        <footer class="px-4 py-4 ml-auto mr-auto flex flex-col items-center bg-bg-hard text-fg-dark text-s font-mono">
            <div class="relative max-w-full w-[60rem]">
-                site built with <3 using <a href="https://lume.land">lume.land</a>. source code available <a href="https://github.com/x3lfyn/pfckws-ng">here</a>. My version available <a href="https://git.iwakurahome.ru/lain/mybio">here</a>
+                site built with <3 using <a href="https://lume.land">lume.land</a>. source code available <a href="https://github.com/x3lfyn/pfckws-ng">here</a>
            </div>
        </footer>
        {{ endif }}
--- a/src/blog/hello.mdx
+++ b/src/blog/hello.mdx
@ -1,20 +1,25 @@
 ---
-layout: blog.njk
+layout: base.vto
 title: Hello World
-date: 2025-07-25
+date: 2024-01-01
 isBlogPage: true
 description: First blog post
 showFooter: true
 ---
-Hello world in bash:
+# Hello World
 This is my first blog post using the pfckws-ng theme for Lume.
 ## Code Example
 ```bash
 echo "Hello from mybio!"
 ```
-Hello world in go:
+## Features
 ```go
 package main
-func main() {
+- Dark theme
-    fmt.Println("Hello, World!")
+- Minimal design
-}
+- Syntax highlighting
-```
+- Responsive layout 
--- a/src/index.mdx
+++ b/src/index.mdx
@ -1,6 +1,6 @@
 ---
 layout: base.vto
-title: Lain | mybio
+title: whoami | mybio
 isHomePage: true
 description: personal website
 showFooter: false
@ -12,86 +12,7 @@ interested in backend development, system administration and security.
 <div style={{height: '0.3rem'}}></div>
-### **contacts/profiles:**
+### **contacts:**
- email: [lain@iwakurahome.ru](mailto:lain@iwakurahome.ru)
+- email: [me@example.com](mailto:me@example.com)
- telegram: [@systemxplore](https://t.me/systemxplore)
+- telegram: [@username](https://t.me/username)
- github (fvking banned!): [@cryptexctl](https://github.com/cryptexctl) 
+- github: [@username](https://github.com/username) 
 - Codeberg: [@IwakuraLain](https://codeberg.org/IwakuraLain)
 - Sourcehut: [~iwakuralain](https://sr.ht/~iwakuralain)
 ### **some projects:**
 - Own OpenSSH patched hardned fork: [lain/openssh-0bsdforeveryone](https://git.iwakurahome.ru/lain/openssh-0bsdforeveryone)
 - [x3lfyn/cursed-ping](https://github.com/x3lfyn/cursed-ping) patched for BSD systems: [lain/cursed-ping](https://git.iwakurahome.ru/lain/cursed-ping)
 ### **my devices:**
 <table>
  <thead>
    <tr>
      <th>Device</th>
      <th>OS</th>
      <th>RAM</th>
      <th>Disk</th>
      <th>State</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Thinkpad X230</td>
      <td>Fedora/Void/OpenBSD</td>
      <td>15GB</td>
      <td>512GB</td>
      <td>Changed Wi-Fi card to AR9485</td>
    </tr>
    <tr>
      <td>Pixel 3a</td>
      <td>Android 15 // PixelBuilds/LineageOS</td>
      <td>4GB</td>
      <td>64GB</td>
      <td>Cracked on the screen, but still works!!</td>
    </tr>
    <tr>
      <td>Macbook Air M3</td>
      <td>macOS 14.7.5 (fuck macOS 15)</td>
      <td>16GB</td>
      <td>512GB</td>
      <td>Stock</td>
    </tr>
    <tr>
      <td>iPhone 14 Pro Max</td>
      <td>iOS 16.3</td>
      <td>4GB</td>
      <td>256GB</td>
      <td>Stock, jailbroken + TrollStore installed</td>
    </tr>
    <tr>
      <td>iPhone 7 Plus</td>
      <td>iOS 15.5</td>
      <td>3GB</td>
      <td>32GB</td>
      <td>Battery replaced, jailbroken + TrollStore installed, not using (using only for frida debugging)</td>
    </tr>
    <tr>
      <td>Samsung Galaxy Nexus</td>
      <td>Android 4.2.3 // CyanogenMod</td>
      <td>1GB</td>
      <td>16GB</td>
      <td>Stock!!</td>
    </tr>
    <tr>
      <td>Nothing Phone 1</td>
      <td>Android 15 // DerpFest</td>
      <td>8GB</td>
      <td>256GB</td>
      <td>Magisk installed. I hardly use it, but it's here</td>
    </tr>
    <tr>
      <td>Orange Pi Zero 3</td>
      <td>None rn (fucking sdcards)</td>
      <td>4GB</td>
      <td>NONE GB lol</td>
      <td>Everything work, but i lost tf antenna</td>
    </tr>
  </tbody>
 </table>
--- a/src/styles.css
+++ b/src/styles.css
@ -97,33 +97,3 @@ h1, h2, h3, h4, h5, h6 {
 strong {
    color: #00cc00;
 }
 table {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
 }
 th, td {
    border: 1px solid #00ff00;
    padding: 0.5rem;
    text-align: left;
 }
 th {
    background-color: #1a1a1a;
    color: #00ff00;
    font-weight: bold;
 }
 td {
    color: #00cc00;
 }
 tr:nth-child(even) {
    background-color: #0f0f0f;
 }
 tr:nth-child(odd) {
    background-color: #1a1a1a;
 }
		`@ -0,0 +1 @@`
							`<span class="p-[5px] font-mono bg-bg-soft">{{ content }}</span>`