created docs

Lapin · May 28, 2024 · 35bef73 · 35bef73
1 parent a7b569c
commit 35bef73
Show file tree

Hide file tree

Showing 14 changed files with 1,401 additions and 0 deletions.
diff --git a/docs/fonts/Saans-Bold.woff b/docs/fonts/Saans-Bold.woff
diff --git a/docs/fonts/Saans-Bold.woff2 b/docs/fonts/Saans-Bold.woff2
diff --git a/docs/fonts/Saans-Heavy.woff b/docs/fonts/Saans-Heavy.woff
diff --git a/docs/fonts/Saans-Heavy.woff2 b/docs/fonts/Saans-Heavy.woff2
diff --git a/docs/fonts/Saans-Light.woff b/docs/fonts/Saans-Light.woff
diff --git a/docs/fonts/Saans-Light.woff2 b/docs/fonts/Saans-Light.woff2
diff --git a/docs/fonts/Saans-Medium.woff b/docs/fonts/Saans-Medium.woff
diff --git a/docs/fonts/Saans-Medium.woff2 b/docs/fonts/Saans-Medium.woff2
diff --git a/docs/fonts/Saans-Regular.woff b/docs/fonts/Saans-Regular.woff
diff --git a/docs/fonts/Saans-Regular.woff2 b/docs/fonts/Saans-Regular.woff2
diff --git a/docs/fonts/Saans-SemiBold.woff b/docs/fonts/Saans-SemiBold.woff
diff --git a/docs/fonts/Saans-SemiBold.woff2 b/docs/fonts/Saans-SemiBold.woff2
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Korhan Eser - Product Designer</title>
+ <link rel="stylesheet" href="./style.css" />
+ </head>
+ <body>
+ <!-- Global Wrapper -->
+ <div
+ class="container mx-auto divide-y divide-dotted divide-indigo-500 p-6 tracking-tighter text-indigo-800"
+ >
+ <!-- Intro Wrapper -->
+ <div
+ id="hero"
+ class="pb-12 pt-6 text-3xl leading-normal md:text-4xl md:leading-normal lg:text-5xl lg:leading-normal"
+ >
+ <!-- Intro Content -->
+ <p>Hello ✌︎</p>
+ <p>
+ I'm <span class="font-medium">Korhan Eser</span>, a London-based
+ <span class="font-medium">Product Designer</span> and I have been
+ creating design systems, meaningful interactions and appealing
+ interfaces for the last <span class="font-medium">11 years</span>. I
+ like to make sounds, fix electronics and take photos.
+ </p>
+ <!-- animated name. -->
+ <!-- <p>
+ I'm <span class="font-semibold bg-clip-text text-transparent bg-[linear-gradient(to_right,theme(colors.purple.400),theme(colors.purple.100),theme(colors.pink.300),theme(colors.orange.400),theme(colors.pink.300),theme(colors.purple.100),theme(colors.purple.400))] bg-[length:200%_auto] animate-gradient">Korhan Eser</span>, London-based <span class="font-medium">Product Designer</span> and I create design systems, meaningful interactions and appealing interfaces for the last <span class="font-medium">11 years</span>. I like to make sounds, fix electronics and take photos.
+ </p> -->
+ </div>
+ <!-- Info Card -->
+ <div class="py-12">
+ <!-- <h1 class="text-2xl pb-6 font-medium">Links</h1> -->
+ <!-- Link -->
+ <div
+ class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 md:grid-rows-3 md:gap-12"
+ >
+ <div>
+ <h2 class="linkHead">Email</h2>
+ <a href="mailto:hello@korhaneser.com?subject=Hello"
+ >hi@korhaneser.com</a
+ >
+ </div>
+
+ <div>
+ <h2 class="linkHead">Book my calendar</h2>
+ <a target="_blank" href="https://cal.com/korhan">cal.com/korhan</a>
+ </div>
+
+ <div>
+ <h2 class="linkHead">LinkedIn</h2>
+ <a target="_blank" href="https://www.linkedin.com/in/korhaneser"
+ >@korhaneser</a
+ >
+ </div>
+
+ <div>
+ <h2 class="linkHead">Resume</h2>
+ <div class="flex flex-row space-x-3">
+ <a target="_blank" href="https://read.cv/korhan">View</a>
+ <a target="_blank" href="#">Download</a>
+ </div>
+ </div>
+
+ <div>
+ <h2 class="linkHead">Portfolio</h2>
+ <div class="flex flex-row space-x-3">
+ <a target="_blank" href="https://read.cv/korhan">View</a>
+ <a target="_blank" href="#">Download</a>
+ </div>
+ </div>
+
+ <div>
+ <h2 class="linkHead">Figma</h2>
+ <a href="#">@korhan</a>
+ </div>
+ <div>
+ <h2 class="linkHead">Twitter</h2>
+ <a href="https://x.com/korhan">@korhan</a>
+ </div>
+ <div>
+ <h2 class="linkHead">Instagram</h2>
+ <a href="https://instagram.com/core.han">@corehan</a>
+ </div>
+ <div>
+ <h2 class="linkHead">Articles</h2>
+ <p class="text-xl font-light text-slate-300">soon</p>
+ </div>
+ </div>
+ </div>
+ <div id="footer">
+ <p class="py-6">2024</p>
+ </div>
+ </div>
+ </body>
+</html>