selimaj-dev/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

few changes

Browse Source
This commit is contained in:
selimaj-dev
2025-01-03 21:11:43 +01:00
parent b56c19207f
commit 3f2e415bd0
9 changed files with 74 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/about/page.tsx
+38
View File
@@ -0,0 +1,38 @@
import Background from "@/components/Background";
export default function About() {
return (
<div>
<Background/>
<div className="content-center w-full lg:mx-auto pt-16 lg:pt-0 lg:pl-[6%] relative z-20 pb-16 md:pb">
<div className="p-10">
<div className="pb-10 pt-5 w-full max-w-screen-lg mx-auto backdrop-blur-3xl border-red border rounded-xl">
<div className="px-8 md:px-10 lg:px-15 xl:px-24">
<h1 className="py-2 text-red">Klesti Selimaj</h1>
<p className="font-semibold text-gray-300">A passionate software enginner in Albania. I build full stack web apps but mainly desktop apps and TUI apps.</p>
<div className="grid w-full grid-cols-2 gap-8 pt-10">
<div className="border-red border rounded-xl p-4 bg-transparent-ish">
<h2 className="text-xl text-red">Skills</h2>
<ul className="list-disc list-inside text-gray-300">
<li>Rust, OSUI</li>
<li>TypeScript, React, Next.js, Tailwind</li>
<li>Go, Python</li>
</ul>
</div>
<div className="border-red border rounded-xl p-4 bg-transparent-ish">
<h2 className="text-xl text-red">Experience</h2>
<ul className="list-disc list-inside text-gray-300">
<li>OSUI</li>
<li>Orus</li>
<li>Personal projects</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<footer className="px-8 md:px-10 lg:px-15 xl:px-24 text-red-400 prose absolute bottom-0 py-4"><p className="m-0 text-sm"><a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://opensource.org/license/apache-2-0">Apache-2.0</a> © <a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://github.com/kleo-dev">Kleo</a></p></footer>
</div>
)
}
src/app/globals.css
+16 -1
View File
@@ -2,6 +2,21 @@
@tailwind components;
@tailwind utilities;
@font-face {
font-family: 'Kodchasan Medium';
src: url('/fonts/Kodchasan-Medium.ttf');
}
@font-face {
font-family: 'Kodchasan';
src: url('/fonts/Kodchasan-Regular.ttf');
}
@font-face {
font-family: 'Kodchasan Semi Bold';
src: url('/fonts/Kodchasan-SemiBold.ttf');
}
:root {
--background: #ffffff;
--foreground: #171717;
@@ -17,7 +32,7 @@
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
font-family: 'Kodchasan Semi Bold', sans-serif;
}
h1 {
src/app/page.tsx
+12 -8
View File
@@ -6,15 +6,19 @@ export default function App() {
return (
<div>
<Background/>
<div className="content-center mx-auto sm:w-[900px]">
<h1 className="py-2">Hey, I'm Leo 👋🏻</h1>
<p className="font-semibold">A passionate software enginner in Albania. I build full stack web apps but mainly desktop apps and TUI apps.</p>
<h1 className="py-3 text-red-400">Pinned Projects</h1>
<section className="w-full max-w-4xl mb-10 px-6 sm:px-0">
<PinnedRepos />
</section>
<footer className="text-red-400 flex w-full prose absolute bottom-0 py-4 lg:px-0 md:px-8 px-8"><p className="m-0 text-sm"><a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://opensource.org/license/apache-2-0">Apache-2.0</a> © <a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://github.com/kleo-dev">Kleo</a></p></footer>
<div className="content-center w-full lg:mx-auto pt-16 lg:pt-0 lg:pl-[6%] relative z-20 pb-16 md:pb-0">
<div className="w-full max-w-screen-lg mx-auto">
<div className="px-8 md:px-10 lg:px-15 xl:px-24">
<h1 className="py-2 text-gray-300">Hey, I'm Leo 👋🏻</h1>
<p className="font-semibold text-gray-300">A passionate software enginner in Albania. I build full stack web apps but mainly desktop apps and TUI apps.</p>
<h1 className="pt-20 py-3 text-red-400">Pinned Projects</h1>
<section className="mb-10">
<PinnedRepos />
</section>
</div>
</div>
</div>
<footer className="px-8 md:px-10 lg:px-15 xl:px-24 text-red-400 prose absolute bottom-0 py-4"><p className="m-0 text-sm"><a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://opensource.org/license/apache-2-0">Apache-2.0</a> © <a className="text-red hover:text-red-400 duration-300 underline decoration-dotted underline-offset-4" target="_blank" rel="noreferrer" href="https://github.com/kleo-dev">Kleo</a></p></footer>
</div>
);
}