From f7da804e40b990e5f1ee2214a2e2e4984d704f16 Mon Sep 17 00:00:00 2001 From: toufic ar Date: Tue, 7 Jul 2026 18:29:43 +0300 Subject: initial commit --- src/app.d.ts | 22 +++++++ src/app.html | 14 ++++ src/lib/assets/favicon.ico | Bin 0 -> 302430 bytes src/lib/assets/kitty.png | Bin 0 -> 8013884 bytes src/lib/assets/kitty.svg | 114 +++++++++++++++++++++++++++++++++ src/lib/components/Attributions.svelte | 56 ++++++++++++++++ src/lib/components/Header.svelte | 32 +++++++++ src/lib/components/Keys.svelte | 57 +++++++++++++++++ src/lib/components/Link.svelte | 10 +++ src/lib/components/SectionTitle.svelte | 10 +++ src/lib/components/ServiceCard.svelte | 45 +++++++++++++ src/lib/components/Services.svelte | 77 ++++++++++++++++++++++ src/lib/components/SocialCard.svelte | 38 +++++++++++ src/lib/components/Socials.svelte | 30 +++++++++ src/lib/index.ts | 1 + src/routes/+layout.svelte | 17 +++++ src/routes/+layout.ts | 3 + src/routes/+page.svelte | 24 +++++++ src/routes/layout.css | 75 ++++++++++++++++++++++ 19 files changed, 625 insertions(+) create mode 100644 src/app.d.ts create mode 100644 src/app.html create mode 100644 src/lib/assets/favicon.ico create mode 100644 src/lib/assets/kitty.png create mode 100644 src/lib/assets/kitty.svg create mode 100644 src/lib/components/Attributions.svelte create mode 100644 src/lib/components/Header.svelte create mode 100644 src/lib/components/Keys.svelte create mode 100644 src/lib/components/Link.svelte create mode 100644 src/lib/components/SectionTitle.svelte create mode 100644 src/lib/components/ServiceCard.svelte create mode 100644 src/lib/components/Services.svelte create mode 100644 src/lib/components/SocialCard.svelte create mode 100644 src/lib/components/Socials.svelte create mode 100644 src/lib/index.ts create mode 100644 src/routes/+layout.svelte create mode 100644 src/routes/+layout.ts create mode 100644 src/routes/+page.svelte create mode 100644 src/routes/layout.css (limited to 'src') diff --git a/src/app.d.ts b/src/app.d.ts new file mode 100644 index 0000000..3787c0c --- /dev/null +++ b/src/app.d.ts @@ -0,0 +1,22 @@ +// See https://svelte.dev/docs/kit/types#app.d.ts + +// for information about these interfaces +declare global { + namespace App { + interface ServiceItem { + icon: any; + name: string; + description: string; + url: string; + source: string; + references: { name: string; url: string }[]; + } + // interface Error {} + // interface Locals {} + // interface PageData {} + // interface PageState {} + // interface Platform {} + } +} + +export {}; diff --git a/src/app.html b/src/app.html new file mode 100644 index 0000000..640631b --- /dev/null +++ b/src/app.html @@ -0,0 +1,14 @@ + + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ + diff --git a/src/lib/assets/favicon.ico b/src/lib/assets/favicon.ico new file mode 100644 index 0000000..6c4fa09 Binary files /dev/null and b/src/lib/assets/favicon.ico differ diff --git a/src/lib/assets/kitty.png b/src/lib/assets/kitty.png new file mode 100644 index 0000000..a68fa01 Binary files /dev/null and b/src/lib/assets/kitty.png differ diff --git a/src/lib/assets/kitty.svg b/src/lib/assets/kitty.svg new file mode 100644 index 0000000..5e8a5be --- /dev/null +++ b/src/lib/assets/kitty.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/components/Attributions.svelte b/src/lib/components/Attributions.svelte new file mode 100644 index 0000000..7cdc5cc --- /dev/null +++ b/src/lib/components/Attributions.svelte @@ -0,0 +1,56 @@ + + +credits and sources for the content in this page + +
+
+ stack +
    +
  • Svelte
  • +
  • + daisyUI +
  • +
  • tailwindcss
  • +
+
+
+ fonts +
    +
  • DEPARTURE MONO
  • +
  • + JetBrains Mono +
  • +
  • IBM Plex Mono
  • +
+
+
+ assets +
    +
  • + Noto cat emoji +
  • +
  • + iconify +
  • +
+
+
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte new file mode 100644 index 0000000..ab47dbe --- /dev/null +++ b/src/lib/components/Header.svelte @@ -0,0 +1,32 @@ + + +
+
+ the smiling noto cat emoji, with the colors modified such that the face and ears are a dark shade of pink, and the whiskers, eyes, mouth, inside of the ears, and nose, are a light shade of pink +

toufy

+
+

+ palestinian software + engineer, tinkerer, linux enjoyer, privacy & security enthusiast, and free software + advocate refuged in lebanon +
+ anarcho-communist + ally +

+
diff --git a/src/lib/components/Keys.svelte b/src/lib/components/Keys.svelte new file mode 100644 index 0000000..9663cc1 --- /dev/null +++ b/src/lib/components/Keys.svelte @@ -0,0 +1,57 @@ + + +my public keys +
+

+ SSH + + +

+
{ssh}
+

+ PGP + + +

+
{pgp}
+ +
diff --git a/src/lib/components/Link.svelte b/src/lib/components/Link.svelte new file mode 100644 index 0000000..97f976f --- /dev/null +++ b/src/lib/components/Link.svelte @@ -0,0 +1,10 @@ + + +{@render children()} diff --git a/src/lib/components/SectionTitle.svelte b/src/lib/components/SectionTitle.svelte new file mode 100644 index 0000000..4550050 --- /dev/null +++ b/src/lib/components/SectionTitle.svelte @@ -0,0 +1,10 @@ + + +
+

{title}

+

+ {@render children()} +

+
diff --git a/src/lib/components/ServiceCard.svelte b/src/lib/components/ServiceCard.svelte new file mode 100644 index 0000000..86cf2ed --- /dev/null +++ b/src/lib/components/ServiceCard.svelte @@ -0,0 +1,45 @@ + + +
+
+
+ +

{service.name}

+
+
+

{service.description}

+
+ {#each service.references as reference} + {reference.name} + + {/each} +
+ + +
+
diff --git a/src/lib/components/Services.svelte b/src/lib/components/Services.svelte new file mode 100644 index 0000000..d291599 --- /dev/null +++ b/src/lib/components/Services.svelte @@ -0,0 +1,77 @@ + + + + a list of my public services;
+ everything you can access/use is free (as in free speech and free beer) +
+
+
+ {#each services as service} + + {/each} +
+
diff --git a/src/lib/components/SocialCard.svelte b/src/lib/components/SocialCard.svelte new file mode 100644 index 0000000..f34eb75 --- /dev/null +++ b/src/lib/components/SocialCard.svelte @@ -0,0 +1,38 @@ + + + + + + + diff --git a/src/lib/components/Socials.svelte b/src/lib/components/Socials.svelte new file mode 100644 index 0000000..c616405 --- /dev/null +++ b/src/lib/components/Socials.svelte @@ -0,0 +1,30 @@ + + +places you can find me +
+ + + +
diff --git a/src/lib/index.ts b/src/lib/index.ts new file mode 100644 index 0000000..856f2b6 --- /dev/null +++ b/src/lib/index.ts @@ -0,0 +1 @@ +// place files you want to import through the `$lib` alias in this folder. 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 @@ + + + + + + + toufy + + +{@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 @@ + + +
+
+
+
+ +
+ +
+ +
+ +
+
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"); +} -- cgit v1.3.1