light7734/bonfire
1
1
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity

wip
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/tag Build is passing
Details

Browse source
This commit is contained in:
light7734 2025-10-20 16:53:59 +03:30
parent 3430f6c8b5
commit 8ef1b0fbff
Signed by: light7734
GPG key ID: 8C30176798F1A6BA
9 changed files with 29 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/routes/+layout.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts">
import '../app.css';
let { children } = $props();
import ThemeToggle from './theme.svelte';
</script>
@ -33,7 +32,7 @@
</div>
<!-- Main Content Section -->
<div class="relative min-w-[800px] flex-1 lg:w-1/2">
<div class="relative flex-1 lg:w-3/5">
<!-- Left diagonal border -->
<div class="absolute bottom-0 left-0 top-0 w-8 overflow-hidden lg:w-12">
<svg class="h-full w-full" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">

25
src/routes/+page.svelte
View file

@ -4,6 +4,7 @@
title: json.title,
icon: json.icon,
headline: json.headline,
description: json.description,
forge: json.forge,
codeberg: json.codeberg,
github: json.github,
@ -15,7 +16,6 @@
import Project from './project.svelte';
import Bio from './bio.svelte';
import ThemeToggle from './theme.svelte';
import * as light from './projects/light.json';
import * as dazzle from './projects/dazzle.json';
@ -26,9 +26,6 @@
const dazzle_data = json_to_project(dazzle);
const bonfire_data = json_to_project(bonfire);
const hikari_data = json_to_project(hikari);
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
@ -51,16 +48,16 @@
<br />
<Project description={lorem_ipsum} data={light_data} />
<Project data={light_data} />
<br />
<Project description={lorem_ipsum} data={dazzle_data} />
<Project data={dazzle_data} />
<br />
<Project description={lorem_ipsum} data={bonfire_data} />
<Project data={hikari_data} />
<br />
<Project description={lorem_ipsum} data={hikari_data} />
<Project data={bonfire_data} />
<br />
<div class="relative left-1/2 flex w-screen max-w-none -translate-x-1/2 items-center">
@ -74,18 +71,12 @@
</div>
<br />
<!-- <Project headline="C++ Engineer" description={lorem_ipsum} /> -->
<!-- <br /> -->
<!---->
<!-- <Project headline="C++ Engineer" description={lorem_ipsum} /> -->
<!-- <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
CONTACT
</h1>
<div class="border-border flex-grow border-t border-t-dark-neutral"></div>
</div>
@ -97,10 +88,6 @@
<!--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...>

21
src/routes/bio.svelte
View file

@ -1,8 +1,6 @@
<script lang="ts">
import TiltCard from './tiltcard.svelte';
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';
const bio = `
`;
let tiltX = 0;
let tiltY = 0;
@ -29,7 +27,7 @@
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="bg-card border-border relative mx-auto w-full max-w-2xl rounded-lg border border-dark-red transition-all duration-300 ease-out hover:scale-[1.01] hover:shadow-[5px_5px_5px_#000000]"
class="bg-card border-border relative mx-auto w-full max-w-2xl rounded-lg border border-dark-muted transition-all duration-300 ease-out hover:scale-[1.01] hover:shadow-[5px_5px_5px_#000000]"
style="transform: perspective(1000px) rotateX({tiltX}deg) rotateY({tiltY}deg);"
on:mousemove={handleMouseMove}
on:mouseleave={handleMouseLeave}
@ -43,11 +41,14 @@
</div>
<div class="m-4 min-w-[60%]">
<h1 class="font-mono text-4xl">Light Roxanna</h1>
<h3 class="mt-4 text-xl text-light-accent">Software Engineer</h3>
<p class="text-muted-foreground leading-relaxed">
{lorem_ipsum}
<h1 class="font-mono text-2xl">Hello, I'm Sara Roxanna</h1>
<p class="text-muted-foreground pt-4 leading-relaxed">
A <strong class="text-dark-red">C++ specialist</strong> and bibliophile with ardent interest
for
<strong class="font-bold">large-scale</strong>
projects. <br />
Accumulating 5+ years of experience through countless failures, many sleepless nights and enough
caffeine, I've turned myself into a pickle. Are you still reading this? Wow, check out my...
</p>
</div>
</div>

12
src/routes/project.svelte
View file

@ -7,6 +7,7 @@
title: string | undefined;
icon: string;
headline: string;
description: string;
forge: string | undefined;
codeberg: string | undefined;
github: string | undefined;
@ -22,6 +23,7 @@
title: '',
icon: '',
headline: '',
description: '',
forge: '',
codeberg: '',
github: '',
@ -30,9 +32,7 @@
gallery: undefined
};
export let description: string;
let expanded = false; // 0: collapsed, 1: description, 2: gallery, 3: source code
let expanded = false;
import { slide } from 'svelte/transition';
@ -85,7 +85,7 @@
{#if expanded}
<div transition:slide={{ duration: 150 }} class="ease-in">
<p class="text-muted-foreground pb-8 leading-relaxed">
{description}
{data.description}
</p>
{#if data.gallery}
@ -100,10 +100,6 @@
</div>
{/if}
<div class="mx-auto w-full py-4">
<LanguageStats repositoryUrl={data.github ? data.github : ''} />
</div>
<div class="flex items-start justify-start gap-0">
<div class="flex-none">
<h3 class="text-muted-foreground mb-2 text-sm font-semibold uppercase tracking-wide">

3
src/routes/projects/bonfire.json
View file

@ -1,7 +1,8 @@
{
"title": "Bonfire",
"icon": "/signature.svg",
"headline": "You're enjoying its warmth on your eyes! : D",
"headline": "You're looking at it!",
"description": "Bonfire is my portfolio project, which you're looking at right now... it's built with the Svelte framework and lots of love ^^",
"forge": "https://git.light7734.com/light7734/bonfire",
"codeberg": "https://codeberg.org/light7734/bonfire",
"github": "https://github.com/light7734/bonfire",

3
src/routes/projects/dazzle.json
View file

@ -1,7 +1,8 @@
{
"title": "Dazzle",
"icon": "/signature.svg",
"headline": "Best way to learn is to teach, here be my articles.",
"headline": "The best way to learn is to teach.",
"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 my personal academy. It delves into topics such as software design, rendering, mathematics and much more! It's just my way of giving back to the community ^~^",
"forge": "https://git.light7734.com/light7734/dazzle",
"codeberg": "https://codeberg.org/light7734/dazzle",
"github": "https://github.com/light7734/dazzle",

3
src/routes/projects/hikari.json
View file

@ -1,7 +1,8 @@
{
"title": "Hikari",
"icon": "/hikari.svg",
"headline": "Toy raytracer written in Rust using Vulkan",
"headline": "Toy raytracer written in Rust.",
"description": "Hikari is a dumb raytracer written by following Peter Shirley's books.",
"forge": "https://git.light7734.com/light7734/hikari",
"codeberg": "https://codeberg.org/light7734/hikari",
"github": "https://github.com/light7734/hikari",

1
src/routes/projects/light.json
View file

@ -2,6 +2,7 @@
"title": "Light",
"icon": "/light.svg",
"headline": "Dependency free, cross-platform and feature-rich 3D game engine.",
"description": "My biggest project ever...",
"forge": "https://git.light7734.com/light7734/light",
"codeberg": "https://codeberg.org/light7734/light",
"github": "https://github.com/light7734/light",

BIN
static/dazzle_geometry_processing.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 443 KiB