Tahinli/personality
1
0
Fork 0
mirror of https://codeberg.org/Tahinli/personality.git synced 2025-07-07 19:47:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ add webrtc to projects

Browse source
This commit is contained in:
Ahmet Kaan Gümüş 2025-05-13 05:26:02 +03:00
parent 00123c8035
commit 8a959cc6f5
2 changed files with 63 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

53
assets/main.css
View file

@ -4,31 +4,42 @@
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.project{
.project {
margin: 1%;
h1 {
color: azure;
}
h3 {
margin-top: 1%;
color: aliceblue;
}
h5 {
margin-bottom: 1%;
color: antiquewhite;
}
div {
margin-top: 1%;
display:block;
display: block;
@media screen {
width: 50%;
}
@media screen and (max-width:820px){
@media screen and (max-width:820px) {
width: 100%;
}
}
}
#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);
@ -45,27 +56,32 @@
margin: 1%;
}
.links{
.links {
margin: 1%;
h1 {
color: azure;
}
h3 {
margin-top: 1%;
color: aliceblue;
}
h5 {
margin-bottom: 1%;
color: antiquewhite;
}
div {
margin-top: 1%;
display:block;
display: block;
@media screen {
width: 50%;
}
@media screen and (max-width:820px){
@media screen and (max-width:820px) {
width: 100%;
}
}
@ -92,27 +108,32 @@
margin: 1%;
}
.project{
.project {
margin: 1%;
h1 {
color: azure;
}
h3 {
margin-top: 1%;
color: aliceblue;
}
h5 {
margin-bottom: 1%;
color: antiquewhite;
}
div {
margin-top: 1%;
display:block;
display: block;
@media screen {
width: 50%;
}
@media screen and (max-width:820px){
@media screen and (max-width:820px) {
width: 100%;
}
}
@ -147,15 +168,16 @@ body {
}
.main_nav_btn {
text-decoration:overline silver;
text-decoration: overline silver;
color: burlywood;
text-shadow: 1px 1px orange;
padding: 5%;
@media screen {
font-size: xx-large;
}
@media screen and (max-width:820px){
@media screen and (max-width:820px) {
font-size: x-large;
}
}
@ -165,7 +187,7 @@ body {
}
.main_nav {
display:inline-flex;
display: inline-flex;
padding-top: 1%;
padding-bottom: 1%;
background-blend-mode: multiply;
@ -177,13 +199,14 @@ body {
#main_about {
display:block;
display: block;
white-space: pre-line;
@media screen {
width: 50%;
}
@media screen and (max-width:820px){
@media screen and (max-width:820px) {
width: 100%;
}
}
@ -200,7 +223,7 @@ header {
}
#title {
color:aqua;
color: aqua;
margin-top: 1%;
margin-bottom: 1%;
}

25
src/projects.rs
View file

@ -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"}