feat: updated content

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+}

components/header.tsx

@@ -0,0 +1,17 @@
+import Image from 'next/image';
+import Link from 'next/link';
+
+export default function HeaderComponent() {
+  return (
+    <div className="flex flex-col">
+      <Link href="/">
+        <Image
+          src="/long-website-logo.svg"
+          height={111}
+          width={624}
+          alt="shakhzod's lab"
+        />
+      </Link>
+    </div>
+  );
+}

components/stream-schedule.tsx

@@ -0,0 +1,11 @@
+import path from 'path';
+
+const rootDir = path.join(process.cwd(), 'content');
+
+// const raw = fs.readFileSync(rootDir + "stream-schedule.yaml")
+
+// console.log(raw)
+
+export default function StreamScheduleComponent() {
+  return <div>still doing...</div>;
+}

content/gear.mdx

@@ -6,10 +6,12 @@ i want to start by mentioning that windows os is only for gaming.
 i can not work comfortably on it.
 
 os:
-- linux, specifically manjaro distribution for the most time
+- linux, specifically nixos distribution for the most time (previously arch linux based manjaro)
 - macos, because i have macbook air m1 and love it for its ui
 - windows, only for gaming
 
+my nixos <a href="https://github.com/shakhzodkudratov/blazingly-fast" target="_blank">configs</a>
+
 hardware:
 - macbook air m1 2020, 8gb ram, 256gb storage
 - pc, i5-11600, gtx 1660 super, 16gb ram, 1tb + 500gb storage
@@ -18,8 +20,8 @@ i intentionally buy weaker hardware to use it in full potential
 
 ---
 keyboards:
-- ergodox ez, black, blank keycaps, no rgb, cherry mx brown
-- hyperx alloy origins core tkl, rgb, cherry mx red
+- ergodox ez, black, blank keycaps, no rgb, gateron clear (previously cherry mx brown) switches
+- ~hyperx alloy origins core tkl, rgb, cherry mx red~
 
 keyboard layout:
 - programmer dvorak

content/index.mdx

@@ -12,16 +12,17 @@ check out some sections out there:
 - <Link href="/music">music i listen to</Link>
 - <Link href="/gear">gear i use</Link>
 - projects i wrote (page is not ready yet)
-- <a href="https://t.me/catdevblog" target="_blank">me and kimmy writing tech related stuff</a>
-- blog (coming soon)
+- <a href="https://t.me/shakhzodme" target="_blank">shakhzod's lab on telegram</a>
+- <Link href="/stream-schedule">stream schedule</Link> last updated
 
 ofc links too:
 
 {/* TODO: Deal with links properly */}
+- <a href="https://youtube.com/@shakhzodme" target="_blank">youtube</a>
 - <a href="https://github.com/shakhzodkudratov" target="_blank">github</a>
 - <a href="https://linkedin.com/in/shakhzodkudratov" target="_blank">linkedin</a>
 - <a href="https://open.spotify.com/user/shahzodkk" target="_blank">spotify</a>
 - <a href="https://www.last.fm/user/shakhzodk" target="_blank">last.fm</a>
 - <a href="https://monkeytype.com/profile/shakhzodkudratov" target="_blank">monkeytype</a>
 
-btw, don't forget to by me a beer <a href="https://buymeacoffee.com/shakhzod.me" target="_blank">here</a>.
+btw, don't forget to buy me a <a href="https://tirikchilik.uz/shakhzodme" target="_blank">qibray</a> or <a href="https://buymeacoffee.com/shakhzod.me" target="_blank">heineken</a>.

content/stream-schedule.mdx

@@ -0,0 +1,7 @@
+---
+title: stream schedule | shakhzod's website
+---
+
+<StreamSchedule />
+
+<Comments />

content/stream-schedule.yaml

@@ -0,0 +1,6 @@
+YAML:
+  - A human-readable data serialization language
+  - https://en.wikipedia.org/wiki/YAML
+yaml:
+  - A complete JavaScript implementation
+  - https://www.npmjs.com/package/yaml

package.json

@@ -24,7 +24,8 @@
     "react-dom": "18.2.0",
     "rehype-attr": "^2.1.4",
     "typescript": "4.9.5",
-    "use-last-fm": "^0.6.1"
+    "use-last-fm": "^0.6.1",
+    "yaml": "^2.5.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.4.2",

pages/[[...page]].tsx

@@ -10,6 +10,15 @@ import Head from 'next/head';
 import Link from 'next/link';
 import CommentsComponent from '@/components/comments';
 import CurrentlyListeningComponent from '@/components/currently-listening';
+import StreamScheduleComponent from '@/components/stream-schedule';
+import HeaderComponent from '@/components/header';
+
+const components = {
+  Link,
+  Comments: CommentsComponent,
+  CurrentlyListening: CurrentlyListeningComponent,
+  StreamSchedule: StreamScheduleComponent,
+};
 
 const rootDir = path.join(process.cwd(), 'content');
 const allPagesWithPath = async () =>
@@ -23,12 +32,6 @@ const allPagesWithPath = async () =>
     });
   });
 
-const components = {
-  Link,
-  Comments: CommentsComponent,
-  CurrentlyListening: CurrentlyListeningComponent,
-};
-
 export default function Page({
   mdxSource,
 }: {
@@ -48,6 +51,7 @@ export default function Page({
       </Head>
       <React.StrictMode>
         <article className="prose p-5">
+          <HeaderComponent />
           <MDXRemote {...mdxSource} components={components} />
         </article>
       </React.StrictMode>