feat: ✨ add webrtc to projects

assets/main.css

@@ -6,20 +6,25 @@
 
 .project {
     margin: 1%;
+
     h1 {
         color: azure;
     }
+
     h3 {
         margin-top: 1%;
         color: aliceblue;
     }
+
     h5 {
         margin-bottom: 1%;
         color: antiquewhite;
     }
+
     div {
         margin-top: 1%;
         display: block;
+
         @media screen {
             width: 50%;
         }
@@ -29,6 +34,12 @@
         }
     }
 }
+
+#source_link_in_project_page {
+    text-decoration: none;
+    color: burlywood;
+}
+
 #codeberg_link_in_project_page {
     text-decoration: none;
     color: rgb(33, 133, 208, 1.0);
@@ -47,20 +58,25 @@
 
 .links {
     margin: 1%;
+
     h1 {
         color: azure;
     }
+
     h3 {
         margin-top: 1%;
         color: aliceblue;
     }
+
     h5 {
         margin-bottom: 1%;
         color: antiquewhite;
     }
+
     div {
         margin-top: 1%;
         display: block;
+
         @media screen {
             width: 50%;
         }
@@ -94,20 +110,25 @@
 
 .project {
     margin: 1%;
+
     h1 {
         color: azure;
     }
+
     h3 {
         margin-top: 1%;
         color: aliceblue;
     }
+
     h5 {
         margin-bottom: 1%;
         color: antiquewhite;
     }
+
     div {
         margin-top: 1%;
         display: block;
+
         @media screen {
             width: 50%;
         }
@@ -151,6 +172,7 @@ body {
     color: burlywood;
     text-shadow: 1px 1px orange;
     padding: 5%;
+
     @media screen {
         font-size: xx-large;
     }
@@ -179,6 +201,7 @@ body {
 #main_about {
     display: block;
     white-space: pre-line;
+
     @media screen {
         width: 50%;
     }

src/projects.rs

@@ -19,6 +19,7 @@ pub fn Projects() -> Element {
             div { class: "project_link", Link {to: Route::Project { id: 8 }, class: "project_link", "Optimization Algorithms"} }
             div { class: "project_link", Link {to: Route::Project { id: 9 }, class: "project_link", "Forum"} }
             div { class: "project_link", Link {to: Route::Project { id: 10 }, class: "project_link", "Voice Chat"} }
+            div { class: "project_link", Link {to: Route::Project { id: 11 }, class: "project_link", "WebRTC"} }
         }
         Footer {}
     }
@@ -324,6 +325,30 @@ pub fn Project(id: i32) -> Element {
                 }
             }
         }
+        11 => {
+            rsx! {
+                div {
+                    class:"project",
+                    h1 {"WebRTC"}
+                    h5 {"WebRTC Voice Chat written in Rust."}
+                    Link {id: "source_link_in_project_page", to: "https://source.tahinli.com/Tahinli/rust_webrtc", "Source"}
+                    div {
+                    "
+                        In this project I wanted to implement voice chat with WebRTC.
+                    "
+                    }
+                    h3 {"Why I did this ?"}
+                    div {
+                        "I wanted to use WebRTC."
+                    }
+
+                    h3 {"What I learned ?"}
+                    div {
+                        "Streaming with WebRTC with low level browser WASM API."
+                    }
+                }
+            }
+        }
         _ => {
             rsx! {
                 h1 {"You're not supposed to be here"}