4 files changed, 119 insertions, 0 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..591e009
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+  import "./layout.css";
+  import favicon from "$lib/assets/favicon.ico";
+  let { children } = $props();
+</script>
+
+<svelte:head>
+  <link rel="icon" type="image/x-icon" href={favicon} />
+  <link rel="shortcut icon" type="image/x-icon" href={favicon} />
+  <link rel="apple-touch-icon" type="image/x-icon" href={favicon} />
+  <title>toufy</title>
+  <meta
+    name="description"
+    content="palestinian software engineer, tinkerer, linux enjoyer, privacy & security enthusiast, and free software advocate refuged in lebanon"
+  />
+</svelte:head>
+{@render children()}
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..81d3b45
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1,3 @@
+export const prerender = true;
+export const ssr = true;
+export const csr = false;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..f4dc65f
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,24 @@
+<script>
+  import Attributions from "$lib/components/Attributions.svelte";
+  import Socials from "$lib/components/Socials.svelte";
+  import Header from "$lib/components/Header.svelte";
+  import Keys from "$lib/components/Keys.svelte";
+  import Services from "$lib/components/Services.svelte";
+</script>
+
+<div class="flex flex-col w-full place-content-center place-items-center">
+  <div
+    class="flex flex-col place-content-center place-items-center
+	w-[90%] my-5"
+  >
+    <Header />
+    <div class="divider"></div>
+    <Services />
+    <div class="divider"></div>
+    <Keys />
+    <div class="divider"></div>
+    <Socials />
+    <div class="divider"></div>
+    <Attributions />
+  </div>
+</div>
diff --git a/src/routes/layout.css b/src/routes/layout.css
new file mode 100644
index 0000000..fcb9dcc
--- /dev/null
+++ b/src/routes/layout.css
@@ -0,0 +1,75 @@
+@import "tailwindcss";
+@plugin '@tailwindcss/typography';
+@plugin "daisyui";
+
+@plugin "@iconify/tailwind4" {
+	prefix: "iconify";
+}
+
+@plugin "daisyui/theme" {
+	name: "business";
+	default: true;
+	prefersdark: true;
+	color-scheme: "dark";
+	--color-base-100: #202020;
+	--color-base-200: #1c1c1c;
+	--color-base-300: #181818;
+	--color-base-content: #cdcdcd;
+	--color-primary: #feccd2;
+	--color-primary-content: #010515;
+	--color-secondary: #e9d4ff;
+	--color-secondary-content: #010515;
+	--color-accent: #ffa1ad;
+	--color-accent-content: #130402;
+	--color-neutral: #404040;
+	--color-neutral-content: #ffffff;
+	--color-info: #0291d5;
+	--color-info-content: #000710;
+	--color-success: #6bb187;
+	--color-success-content: #040b07;
+	--color-warning: #dbae5a;
+	--color-warning-content: #110b03;
+	--color-error: #ac3e31;
+	--color-error-content: #f2d8d4;
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.5rem;
+	--size-selector: 0.3125rem;
+	--size-field: 0.3125rem;
+	--border: 2px;
+	--depth: 1;
+	--noise: 0;
+}
+
+::selection {
+	background-color: var(--color-secondary);
+	color: var(--color-secondary-content);
+}
+
+* {
+	font-family: IBMPlexMono;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-family: DepartureMono;
+}
+code {
+	font-family: JetBrainsMono;
+}
+
+@font-face {
+	font-family: DepartureMono;
+	src: url("/fonts/DepartureMono-Regular.woff2");
+}
+@font-face {
+	font-family: IBMPlexMono;
+	src: url("/fonts/IBMPlexMono-Regular.woff2");
+}
+@font-face {
+	font-family: JetBrainsMono;
+	src: url("/fonts/JetBrainsMono-Regular.woff2");
+}