🔥 rm bulma
✨ rework ui+ux ✨ update shader ✨ update profile.avif ✨ update 404
This commit is contained in:
@@ -12,28 +12,82 @@ impl Component for About {
|
||||
fn view(&self, _ctx: &Context<Self>) -> Html {
|
||||
html! {
|
||||
<>
|
||||
<div class="tile is-parent container box is-small is-flex-shrink-5 mb-5 mt-5">
|
||||
<img alt="insert pfp here" loading="eager" class="image is-128x128 is-square is-inline-block mg-small" src="profile.avif" />
|
||||
<div class="columns is-narrow ml-3 is-inline-block is-vcentered is-centered is-gapless is-multiline is-0 mt-4" style="vertical-align: top !important;">
|
||||
<p class="column is-narrow" style="filter: url(post.bloom.svg#process) !important; color: #B4BEFE !important;"><img loading="eager" alt="ket" class="image is-24x24 is-square is-inline-block mg-small" src="oneko.gif" />{r" Lucielle R. Hoerner"}</p>
|
||||
<p class="column is-narrow" style="background-clip: text !important; background-image: linear-gradient(45deg, #5BCEFAFF, #F5A9B8FF, #FFFFFFFF) !important;">
|
||||
<p>{r"they/she · transfem"}</p>
|
||||
<p>{r"certified catgirl™"}</p>
|
||||
<p>{r"software engineer"}</p>
|
||||
<div>
|
||||
<img alt="insert pfp here" style="
|
||||
float: left !important;
|
||||
margin-right: 10px !important;
|
||||
border-radius: 0.5rem !important;
|
||||
" loading="eager" width="96px" height="96px" src="profile.avif" />
|
||||
<div style="
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
max-height: 96px !important;
|
||||
">
|
||||
<p style="
|
||||
display: flex !important;
|
||||
color: transparent !important;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
width: fit-content !important;
|
||||
background-clip: text !important;
|
||||
background-image: linear-gradient(45deg, #5BCEFAFF, #F5A9B8FF, #FFFFFFFF) !important;
|
||||
-webkit-background-clip: text !important;
|
||||
margin: unset !important;
|
||||
filter: url(post.bloom.svg#process) !important;
|
||||
">
|
||||
<img loading="eager" alt="ket" src="oneko.gif" />{r" lia · they/she · transfemby"}</p>
|
||||
<p style="margin: unset !important;">
|
||||
<p style="margin: unset !important;">{r"certified catgirl™"}</p>
|
||||
<p style="margin: unset !important;">{r"software engineer"}</p>
|
||||
<p style="margin: unset !important;">{r"professional yapper"}</p>
|
||||
<p style="margin: unset !important;">{r"neurospicy and disabled"}</p>
|
||||
</p>
|
||||
</div>
|
||||
<hr style="background-color: #B4BEFE60 !important;" />
|
||||
<p class="subtitle">{r#"about me"#}</p>
|
||||
<div class="content is-size-7">{r#"
|
||||
haj! i'm luciel, but you can also just call me lucie.
|
||||
i have lots of interests including music, cooking, development and learning new things.
|
||||
in my free-time i mostly work on my private projects or spent time with my partners or online friends.
|
||||
my knowledge is based on autodidactics and experiences with (former) friends.
|
||||
looking for an apprenticeship or job atm. because i wasn't able to finish my previous one due to some financial circumstances.
|
||||
you can find public projects i work on somewhere in the header.
|
||||
i may or may not update information stated here.
|
||||
"#}
|
||||
</div>
|
||||
<p style="
|
||||
font-weight: bold !important;
|
||||
font-style: italic !important;
|
||||
font-size: xx-large !important;
|
||||
">{r"intro"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
">{r#"
|
||||
name's lia or lucy. we are creating.
|
||||
trying to provide a safe space in the internet.
|
||||
our goal's to make this world a better ~ less trashy ~ place.
|
||||
may sound naive as fuck but fuck it we ball.
|
||||
audhd (certified) and probably bpd or ptsd. i'm not a psychologist tho.
|
||||
interact with caution, may bite.
|
||||
political view's prolly too rad. should be enough to mention i'm social.
|
||||
figure it yourself. use your brain.
|
||||
"#}</p>{r"hobbies"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
">{r#"
|
||||
watching anime, designing something kewl, playing games, starting a new project or just yapping with friends, nearly everything's included.
|
||||
i especially enjoy cooking or even baking if enough spoons are to avail.
|
||||
which anime? has to be very specific, i'm really picky and judgy regarding them.
|
||||
i uh - design stuff when enough creativity is there. nothing specific. maybe just a button, banner, icon or just anything.
|
||||
has to be something i can somewhat imagine in my fucky-wucky head.
|
||||
gaymes? gay! no uhh - i play ranging from minecraft and stardew, to puzzly metroidvanias like hollow knight and pseudoregalia, or challenging platformers like celeste, nearly anything.
|
||||
i also enjoy playing rhythm games like osu! or muse dash. returning to terraria sometimes and also some old-ish games.
|
||||
projects? you can find public ones in my projects tab.
|
||||
"#}/*</p>{r"hobbies"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
">{r#"
|
||||
watching anime, designing something kewl, playing games, starting a new project or just yapping/meeting up with friends, nearly everything's included.
|
||||
i especially enjoy cooking or even baking if enough spoons are to avail.
|
||||
which anime? has to be very specific, i'm really picky and judgy regarding them.
|
||||
i uh - design stuff when enough creativity is there. nothing specific. maybe just a button, banner, icon or just anything.
|
||||
has to be something i can somewhat imagine in my fucky-wucky head.
|
||||
gaymes? gay! no uhh - i play ranging from minecraft and stardew, to puzzly metroidvanias like hollow knight and pseudoregalia, or challenging platformers like celeste, nearly anything.
|
||||
i also enjoy playing rhythm games like osu! or muse dash. returning to terraria sometimes and also some old-ish games.
|
||||
projects? you can find public ones in my projects tab.
|
||||
"#}*/</p>
|
||||
</p>
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
|
||||
67
src/pages/findme.rs
Normal file
67
src/pages/findme.rs
Normal file
@@ -0,0 +1,67 @@
|
||||
use yew::prelude::*;
|
||||
|
||||
pub struct FindMe;
|
||||
impl Component for FindMe {
|
||||
type Message = ();
|
||||
type Properties = ();
|
||||
|
||||
fn create(_ctx: &Context<Self>) -> Self {
|
||||
Self
|
||||
}
|
||||
|
||||
fn view(&self, _ctx: &Context<Self>) -> Html {
|
||||
html! {
|
||||
<>
|
||||
<p style="
|
||||
font-weight: bold !important;
|
||||
font-style: italic !important;
|
||||
font-size: xx-large !important;
|
||||
">{r"follow us"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
">{" × "}<a style="
|
||||
color: #F5C2E7FF !important;
|
||||
text-decoration: none !important;
|
||||
filter: url(post.bloom.svg#process) !important;
|
||||
" href="https://ice.stellaris.fyi/@iouring">{r"fediverse"}</a><br />
|
||||
{" × "}<a style="
|
||||
color: #B4BEFEFF !important;
|
||||
text-decoration: none !important;
|
||||
" href="https://bsky.app/profile/i0ur.ing">{r"bluesky"}</a><br />
|
||||
</p>{r"write us"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
"><a style="
|
||||
color: #94E2D5FF !important;
|
||||
filter: url(post.bloom.svg#process) !important;
|
||||
">{r" × matrix » @iouring:hi.stellaris.fyi"}</a><br />
|
||||
<a style="color: #89B4FAFF !important;">{r" × telegr » @luc1ell3"}</a><br />
|
||||
<a style="color: #F38BA8FF !important;">{r" × ewcord » @donotusedisc0rdkthxbye"}</a>
|
||||
</p>{r"git gud"}<br /><p style="
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
font-size: medium !important;
|
||||
">{" × "}<a style="
|
||||
color: #F5C2E7FF !important;
|
||||
text-decoration: none !important;
|
||||
filter: url(post.bloom.svg#process) !important;
|
||||
" href="https://git.celesteflare.cc/i0uring">{r"my own!!!"}</a><br />
|
||||
{" × "}<a style="
|
||||
color: #CBA6F7FF !important;
|
||||
text-decoration: none !important;
|
||||
" href="https://git.gay/luciel">{r"the gay one"}</a><br />
|
||||
{" × "}<a style="
|
||||
color: #B4BEFEFF !important;
|
||||
text-decoration: none !important;
|
||||
" href="https://git.rimuru.club/i0uring">{r"git of fren"}</a><br />
|
||||
{" × "}<a style="
|
||||
color: #89B4FAFF !important;
|
||||
text-decoration: none !important;
|
||||
" href="https://codeberg.org/i0uring">{r"a mountain what"}</a>
|
||||
</p></p>
|
||||
</>
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
pub mod about;
|
||||
pub mod blog;
|
||||
pub mod findme;
|
||||
pub mod projects;
|
||||
|
||||
pub mod not_found;
|
||||
|
||||
@@ -11,16 +11,11 @@ impl Component for PageNotFound {
|
||||
}
|
||||
|
||||
fn view(&self, _ctx: &Context<Self>) -> Html {
|
||||
// TODO: ... | personalize
|
||||
html! {
|
||||
<section class="hero is-danger is-bold is-large">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title">{ "Page not found" }</h1>
|
||||
<h2 class="subtitle">{ "Page page does not seem to exist" }</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div style="">
|
||||
<img loading="eager" alt="huh" class="image is-96x96" src="404.png" />
|
||||
<h1 class="title">{ "what" }</h1>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@ impl Projects {
|
||||
html! {
|
||||
<>
|
||||
<p class="title ml-2 is-size-4">{r#"ongoing projects"#}</p>
|
||||
<div class="columns is-size-7 ml-3 mr-3" style="margin-top: var(--bulma-block-spacing) !important;">
|
||||
<div class="columns is-size-7 ml-3 mr-3">
|
||||
<div class="column box mb-5 mr-1">
|
||||
<p class="subtitle is-inline-block mb-0"><a href="https://git.celesteflare.cc/i0uring/app_catnip">
|
||||
{r#"catnip"#}
|
||||
|
||||
Reference in New Issue
Block a user