From 18a50a340bb71ec86196342d6f0a14429d161fd6 Mon Sep 17 00:00:00 2001 From: CodingTil <36734749+CodingTil@users.noreply.github.com> Date: Tue, 6 Feb 2024 19:55:48 +0100 Subject: [PATCH] Work on badges --- src/components/icon_badges.rs | 110 +++++++++++++++--- src/components/project.rs | 7 +- .../de/projects/2021-02-01_SimpleChat.md | 2 +- .../en/projects/2021-02-01_SimpleChat.md | 2 +- 4 files changed, 103 insertions(+), 18 deletions(-) diff --git a/src/components/icon_badges.rs b/src/components/icon_badges.rs index 7b18037..33503af 100644 --- a/src/components/icon_badges.rs +++ b/src/components/icon_badges.rs @@ -16,6 +16,16 @@ pub fn get_icon_badge(name: &str) -> Option { "lwjgl" => Some(html! {}), "pytorch" => Some(html! {}), "pyterrier" => Some(html! {}), + "html" => Some(html! {}), + "css" => Some(html! {}), + "js" => Some(html! {}), + "javascript" => Some(html! {}), + "vue" => Some(html! {}), + "vuejs" => Some(html! {}), + "vue.js" => Some(html! {}), + "nuxt" => Some(html! {}), + "nuxtjs" => Some(html! {}), + "nuxt.js" => Some(html! {}), _ => None, }; } @@ -56,7 +66,7 @@ pub fn Java() -> Html { .unwrap(); html! { -
+
{"Java"} @@ -76,10 +86,10 @@ pub fn Python() -> Html { .unwrap(); html! { -
- - - {"Python"} +
+ + +
@@ -96,7 +106,7 @@ pub fn Rust() -> Html { .unwrap(); html! { -
+
@@ -113,7 +123,7 @@ pub fn WASM() -> Html { .unwrap(); html! { -
+
WebAssembly Logo
@@ -130,7 +140,7 @@ pub fn GPU() -> Html { .unwrap(); html! { -
+
WebGPU Logo
@@ -147,7 +157,7 @@ pub fn Git() -> Html { .unwrap(); html! { -
+
@@ -164,7 +174,7 @@ pub fn LWJGL() -> Html { .unwrap(); html! { -
+
LWJGL Logo
@@ -180,9 +190,11 @@ pub fn PyTorch() -> Html { ) .unwrap(); html! { - -
- PyTorch Logo + +
+ + +
} @@ -198,8 +210,76 @@ pub fn PyTerrier() -> Html { .unwrap(); html! { -
- PyTerrier Logo +
+ +
+ + } +} + +#[styled_component] +pub fn HTML() -> Html { + let style_class = style!( + r#" + aspect-ratio: 1 / 1; + "# + ) + .unwrap(); + html! { + +
+ +
+ + } +} + +#[styled_component] +pub fn CSS() -> Html { + let style_class = style!( + r#" + aspect-ratio: 1 / 1; + "# + ) + .unwrap(); + html! { + +
+ +
+ + } +} + +#[styled_component] +pub fn JS() -> Html { + let style_class = style!( + r#" + aspect-ratio: 1 / 1; + "# + ) + .unwrap(); + html! { + +
+ +
+ + } +} + +#[styled_component] +pub fn Vue() -> Html { + let style_class = style!( + r#" + aspect-ratio: 1 / 1; + "# + ) + .unwrap(); + html! { + +
+
} diff --git a/src/components/project.rs b/src/components/project.rs index 6a171ed..c6ee868 100644 --- a/src/components/project.rs +++ b/src/components/project.rs @@ -55,7 +55,7 @@ pub fn ProjectCard(props: &ProjectCardProps) -> Html { tagline, url: _, date_range: _, - skills: _, + skills: tags, filters: _, coauthors: _, report: _, @@ -109,6 +109,11 @@ pub fn ProjectCard(props: &ProjectCardProps) -> Html {
{tagline.clone()}
+
+
+ +
+

diff --git a/src/content/de/projects/2021-02-01_SimpleChat.md b/src/content/de/projects/2021-02-01_SimpleChat.md index 1e50f67..b8b9cac 100644 --- a/src/content/de/projects/2021-02-01_SimpleChat.md +++ b/src/content/de/projects/2021-02-01_SimpleChat.md @@ -6,7 +6,7 @@ color: bg-green-600 tagline: Vereinfachte full-stack Chat App url: https://github.com/CodingTil/SimpleChat-NuxtJS-Flask date_range: Februar 2021 -skills: [nuxt.js, python, git] +skills: [nuxt.js, html, css, js, python, git] filters: [web] --- # Übersicht diff --git a/src/content/en/projects/2021-02-01_SimpleChat.md b/src/content/en/projects/2021-02-01_SimpleChat.md index 31f443f..0c4f006 100644 --- a/src/content/en/projects/2021-02-01_SimpleChat.md +++ b/src/content/en/projects/2021-02-01_SimpleChat.md @@ -6,7 +6,7 @@ color: bg-green-600 tagline: Simplified full-stack chat application url: https://github.com/CodingTil/SimpleChat-NuxtJS-Flask date_range: February 2021 -skills: [nuxt.js, python, git] +skills: [nuxt.js, html, css, js, python, git] filters: [web] --- # Overview