Compare commits

...
2 Commits
Author SHA1 Message Date
AramJonghu 71345cee9b omnisearch label in header 2026-06-08 18:39:26 +02:00
AramJonghu 4449b5207b prettier and updated website header 2026-06-08 01:13:30 +02:00
18 changed files with 503 additions and 482 deletions
+11 -4
View File
@@ -4,11 +4,14 @@ export default function Header({ theme }) {
const { theme: currentTheme, toggleTheme } = theme; const { theme: currentTheme, toggleTheme } = theme;
const navItems = [ const navItems = [
{ label: "Nextcloud", url: "https://aramjonghu.nl/nextcloud" }, { label: "Nextcloud", url: "https://nextcloud.aramjonghu.nl" },
{ label: "Navidrome", url: "https://music.aramjonghu.nl" }, { label: "Navidrome", url: "https://music.aramjonghu.nl" },
{ label: "Forgejo Git", url: "https://git.aramjonghu.nl" }, { label: "Forgejo Git", url: "https://git.aramjonghu.nl" },
{ label: "Stream", url: "/stream" }, { label: "Stream (broken at this moment)", url: "/stream" },
{ label: "SearXNG", url: "https://xng.aramjonghu.nl" }, {
label: "Omnisearch",
url: "https://xng.aramjonghu.nl",
},
{ label: "Gitea zach-dev", url: "https://git.zach-dev.cc" }, { label: "Gitea zach-dev", url: "https://git.zach-dev.cc" },
]; ];
@@ -27,7 +30,11 @@ export default function Header({ theme }) {
<nav className="flex flex-wrap gap-3 items-center"> <nav className="flex flex-wrap gap-3 items-center">
{navItems.map((item) => ( {navItems.map((item) => (
<a key={item.label} href={item.url} className="ui-btn ui-btn:hover"> <a
key={item.label}
href={item.url}
className="ui-btn ui-btn:hover"
>
{item.label} {item.label}
</a> </a>
))} ))}
+11 -4
View File
@@ -111,7 +111,8 @@ export default function ProjectsReadme({ repoUrl }) {
code({ className, children, ...props }) { code({ className, children, ...props }) {
const isBlock = const isBlock =
className || className ||
(typeof children === "string" && children.includes("\n")); (typeof children === "string" &&
children.includes("\n"));
if (isBlock) { if (isBlock) {
return ( return (
@@ -168,14 +169,20 @@ export default function ProjectsReadme({ repoUrl }) {
), ),
ul: ({ children }) => ( ul: ({ children }) => (
<ul className="list-disc pl-6 mb-4">{children}</ul> <ul className="list-disc pl-6 mb-4">
{children}
</ul>
), ),
ol: ({ children }) => ( ol: ({ children }) => (
<ol className="list-decimal pl-6 mb-4">{children}</ol> <ol className="list-decimal pl-6 mb-4">
{children}
</ol>
), ),
li: ({ children }) => <li className="mb-1">{children}</li>, li: ({ children }) => (
<li className="mb-1">{children}</li>
),
a: ({ children, href }) => ( a: ({ children, href }) => (
<a <a
+12 -7
View File
@@ -44,7 +44,8 @@ export default function Home() {
Prev Prev
</button> </button>
<span className="self-center mx-6 font-medium"> <span className="self-center mx-6 font-medium">
{projectList[projIdx].name} ({projIdx + 1}/{projectList.length}) {projectList[projIdx].name} ({projIdx + 1}/
{projectList.length})
</span> </span>
<button <button
onClick={nextProject} onClick={nextProject}
@@ -72,14 +73,16 @@ export default function Home() {
return ( return (
<div className="text-ctp-text flex flex-col items-center justify-center px-6 py-6"> <div className="text-ctp-text flex flex-col items-center justify-center px-6 py-6">
<div className="w-full max-w-6xl text-center"> <div className="w-full max-w-6xl text-center">
<h1 className="text-4xl font-bold text-ctp-mauve">AramJonghu</h1> <h1 className="text-4xl font-bold text-ctp-mauve">
AramJonghu
</h1>
<p className="mt-4"> <p className="mt-4">
Software engineer building systems, services, and experiments across a Software engineer building systems, services, and
self-hosted environment. experiments across a self-hosted environment.
</p> </p>
<p className="mt-3"> <p className="mt-3">
This site acts as a hub for projects, infrastructure, and personal This site acts as a hub for projects, infrastructure, and
tooling. personal tooling.
</p> </p>
<div className="mt-10 border rounded p-4"> <div className="mt-10 border rounded p-4">
<div className="flex flex-wrap justify-center gap-12 mb-6"> <div className="flex flex-wrap justify-center gap-12 mb-6">
@@ -88,7 +91,9 @@ export default function Home() {
key={section.id} key={section.id}
onClick={() => setActiveTab(section.id)} onClick={() => setActiveTab(section.id)}
className={`ui-btn ${ className={`ui-btn ${
activeTab === section.id ? "ui-btn-active" : "" activeTab === section.id
? "ui-btn-active"
: ""
}`} }`}
> >
{section.title} {section.title}
+3 -1
View File
@@ -2,7 +2,9 @@ export default function Stream() {
return ( return (
<div className="text-ctp-text flex flex-col min-h-screen px-4 py-6"> <div className="text-ctp-text flex flex-col min-h-screen px-4 py-6">
<div className="w-full text-center flex flex-col flex-1"> <div className="w-full text-center flex flex-col flex-1">
<h1 className="text-4xl font-bold text-ctp-mauve mb-6">Stream</h1> <h1 className="text-4xl font-bold text-ctp-mauve mb-6">
Stream
</h1>
<div className="stream-frame w-full mx-auto flex-1 max-h-[85vh]"> <div className="stream-frame w-full mx-auto flex-1 max-h-[85vh]">
<iframe <iframe