bonfire/src/routes/+page.svelte
2025-10-13 22:18:13 +03:30

265 lines
6.7 KiB
Svelte

<script>
import Project from './project.svelte';
import Bio from './bio.svelte';
import LanguageStats from './languages.svelte';
import ThemeToggle from './theme.svelte';
import TiltCard from './tiltcard.svelte';
import { Github, Gitlab, Code, GitBranch } from 'lucide-svelte';
const repository = {
label: 'Repository',
url: 'https://git.light7734.com/light7734/light',
iconComponent: GitBranch
};
const mirrors = [
{ label: 'Github', url: 'https://github.com/light7734/light', iconComponent: Github },
{ label: 'Gitlab', url: 'https://gitlab.com/light7734/light', iconComponent: Gitlab },
{ label: 'Codeberg', url: 'https://codeberg.org/light7734/light', iconComponent: Code }
];
const gallery = [
'https://placekittens.com/720/480',
'https://placekittens.com/720/481',
'https://placekittens.com/720/482',
'https://placekittens.com/720/483',
'https://placekittens.com/720/484',
'https://placekittens.com/720/484'
];
const features = ['MSAA', 'SSAO', 'PBR Lighting'];
const languages = [{ name: 'C++23', icon: 'cplusplus.svg' }, { name: 'CMake' }];
const graphicsApis = ['Vulkan', 'Metal', 'DirectX12'];
const cicd = ['Drone', 'Docker'];
const lorem_ipsum =
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum';
</script>
<div
class="min-h-screen bg-light-bg text-light-fg transition-colors duration-300 dark:bg-dark-bg dark:text-dark-fg"
>
<ThemeToggle />
<main class="bg-card p-8 transition-all duration-300 ease-out">
<Bio description={lorem_ipsum} avatar="/pfp.jpg" />
<br />
<div class="relative left-1/2 flex w-screen max-w-none -translate-x-1/2 items-center">
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
<h1
class="rounded-lg px-4 align-middle font-mono text-4xl transition-all duration-300 ease-out"
>
PROJECTS
</h1>
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
</div>
<br />
<Project
title="Light"
headline="Dependency free, cross-platform and feature-rich 3D game engine."
description={lorem_ipsum}
icon="/light.svg"
{repository}
{mirrors}
{gallery}
{features}
/>
<br />
<Project
title="Dazzle"
headline="Best way to learn is to teach, here be my articles."
description={lorem_ipsum}
icon="/signature.svg"
{repository}
{mirrors}
{gallery}
{features}
/>
<br />
<Project
title="BONFIRE"
headline="You're enjoying its warmth on your eyes! :D"
description={lorem_ipsum}
icon="/signature.svg"
{repository}
{mirrors}
{gallery}
{features}
/>
<br />
<Project
title="HIKARI"
headline="Toy raytracer written in Rust using Vulkan"
description={lorem_ipsum}
icon="/hikari.svg"
{repository}
{mirrors}
{gallery}
{features}
/>
<br />
<div class="relative left-1/2 flex w-screen max-w-none -translate-x-1/2 items-center">
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
<h1
class="rounded-lg px-4 align-middle font-mono text-4xl transition-all duration-300 ease-out"
>
EXPERIENCE
</h1>
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
</div>
<br />
<Project
title="BITWYRE"
headline="C++ Engineer"
description={lorem_ipsum}
icon="/bitwyre-white.svg"
{repository}
{mirrors}
{gallery}
{features}
{languages}
{graphicsApis}
{cicd}
/>
<br />
<Project
title="Systematic Trading Group"
headline="C++ Engineer"
description={lorem_ipsum}
icon=""
{repository}
{mirrors}
{gallery}
{features}
{languages}
{graphicsApis}
{cicd}
/>
<br />
<div class="relative left-1/2 flex w-screen max-w-none -translate-x-1/2 items-center">
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
<h1
class="rounded-lg px-4 align-middle font-mono text-4xl transition-all duration-300 ease-out"
>
CONTACT :D
</h1>
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
</div>
<br />
</main>
</div>
<!-- Brief Bio
-->
<!--OPEN SOURCE PROJECTS -->
<!-- Description
I love teaching! I've learned that it's the most effective way to solidify your knowledge and leave
little to no gaps. Dazzle is the collection of my articles teaching a subject in depth. It delves
into topics such as rendering, mathematics, guidelines and more. It's just my way of giving back to
the community!
-->
<!-- Gallery
<...images...>
-->
<!-- Technical Details
Technology behind Dazzle:
-->
<!-- Source Code
Check out the source code on any of the official mirrors or on the main self-hosted repo.
Self-hosted with <3 using Forgejo (a fork of Gittea)
CodeBerg mirror
GitLab mirror
GitHub mirror
<Commit_Tiles/>
-->
<!-- Brief Light
Light is an awesome bleeding-edge, *all the buzzwords* game-engine...
-->
<!-- Gallery
* Insert awesome renders here *
-->
<!-- Technical Details
Features:
MSAA
SSAO
PBR Lighting
Technology behind Light:
Languages:
C++23, CMake, Shell-script, Lua, Python
Graphics APIs:
OpenGL, Vulkan, Metal, DirectX12
CICD:
Drone, Docker,
Check out the source code on any of the official mirrors or on the main self-hosted repo.
Self-hosted with <3 using Forgejo (a fork of Gittea)
CodeBerg mirror
GitLab mirror
GitHub mirror
<Commit_Tiles/>
-->
<!-- Brief Bonfire
You're enjoying its warmth on your eyes! It's my portfolio v2.0 rebuilt from scratch using the rightfully
loved Svelte framework. 0 uninterresting information. 0 tabs/navigaroins, just scroll down :)
-->
<!-- Gallery
-->
<!-- Technical Details
Bonfire is powered by:
Svelte,
Tailwindcss,
Nginx
Segs
-->
<!-- Source Code
Self-hosted with <3 using Forgejo (a fork of Gittea)
CodeBerg mirror
GitLab mirror
GitHub mirror
<Commit_Tiles/>
-->
<!-- Work Experience -->
<!-- Brief Bitwyre -->
<!-- Details -->
<!-- Brief STG -->
<!-- Details -->
<!-- Call to action (Got a problem?)
Let me have a shot at it!
...
-->
<!-- Contact
Location: Iran - Tehran Province - Tehran
Call: +________________
Mail: job@light7734.com
Mail: light7734@tuta.io
Message:
Telegram: @Light7734
Matrix: matrix.org:@light7734
[Download] Resume (pdf)
[Download] Business Card (pdf)
PS: I may not respond till Saturday (unless you call my phone) since I'm **locked in** on other days.
-->