You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.2 KiB
Rust
56 lines
2.2 KiB
Rust
use yew::prelude::*;
|
|
use yew_styles::layouts::{
|
|
container::{Container, Direction, Wrap},
|
|
item::{Item, ItemLayout},
|
|
};
|
|
|
|
pub struct Home;
|
|
|
|
impl Component for Home {
|
|
type Message = ();
|
|
type Properties = ();
|
|
|
|
fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
|
|
Home {}
|
|
}
|
|
|
|
fn update(&mut self, _: Self::Message) -> ShouldRender {
|
|
false
|
|
}
|
|
|
|
fn change(&mut self, _: Self::Properties) -> ShouldRender {
|
|
false
|
|
}
|
|
|
|
fn view(&self) -> Html {
|
|
html! {
|
|
<Container direction=Direction::Row wrap=Wrap::Wrap class_name="content">
|
|
<Item layouts=vec!(ItemLayout::ItXs(12), ItemLayout::ItM(12)) class_name="home-icons">
|
|
<a class="icon" href="https://github.com/trivernis" target="_blank">
|
|
<img src="assets/github-logo.png"/>
|
|
</a>
|
|
<a class="icon" href="https://discord.gg/ZxzM2bTeXU" target="_blank">
|
|
<img src="assets/discord-logo.png"/>
|
|
</a>
|
|
<a class="icon" rel="me" href="https://social.funkyfish.cool/@trivernis">
|
|
<img src="assets/mastodon-logo.png"/>
|
|
</a>
|
|
</Item>
|
|
<Item layouts=vec!(ItemLayout::ItXs(12), ItemLayout::ItM(8)) class_name="home-greeting">
|
|
<h1>{"Welcome to my website"}</h1>
|
|
</Item>
|
|
<Item layouts=vec!(ItemLayout::ItXs(12), ItemLayout::ItM(8)) class_name="home-description">
|
|
<p>{r#"
|
|
I'm a german software developer working on way too many projects at once.
|
|
I primarily use Rust because it's just the best programming language.
|
|
"#}</p>
|
|
</Item>
|
|
<Item layouts=vec!(ItemLayout::ItXs(12), ItemLayout::ItM(8)) class_name="github-stats">
|
|
<img src="https://github-readme-stats.vercel.app/api?username=trivernis&show_icons=true&theme=tokyonight"/>
|
|
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=trivernis&hide=html&show_icons=true&theme=tokyonight" />
|
|
</Item>
|
|
</Container>
|
|
}
|
|
}
|
|
}
|