content: added a small about page

src/content/about.rs

@@ -0,0 +1,18 @@
+use yew::prelude::*;
+
+#[function_component]
+pub fn About() -> Html {
+    html! {
+        <div class="content">
+            <p class="content-box-heading">{"About Us"}</p>
+            <div class="content-box-data">
+                <p>{
+                    "Nerdcult is a platform for Open Source development. \
+                    We focus on forging a friendly community of developers. \
+                    Nerdcult is completely free to use, we don't collect personal data and are non-profit. \
+                    All of our backend and frontend code is open source. "
+                }</p>
+            </div>
+        </div>
+    }
+}

src/content/mod.rs

@@ -1,2 +1,3 @@
+pub mod about;
 pub mod home;
 pub mod error;

src/main.rs

@@ -4,7 +4,7 @@ mod topbar;
 
 use anyhow::Result;
 use backend::Session;
-use content::{error, home::Home};
+use content::{about::About, error, home::Home};
 use std::ops::Deref;
 use topbar::TopBar;
 use yew::prelude::*;
@@ -30,7 +30,7 @@ fn switch(routes: Route) -> Html {
         Route::Home => html! { <Home/> },
         Route::Services => html! {<h1>{ "Services" }</h1>},
         Route::Community => html! {<h1>{ "Community" }</h1>},
-        Route::About => html! {<h1>{ "About" }</h1>},
+        Route::About => html! {<About/>},
         Route::NotFound => html! { <error::NotFound/> },
     }
 }

style/home.css

@@ -37,22 +37,18 @@ main {
     position: relative;
     display: inline-block;
     padding: 16px;
+    text-align: center;
 }
 
 .content-box-heading {
-    font-family: Roboto;
-    font-weight: bold;
-    font-size: 24px;
+    font: bold 24px Roboto;
     color: #FFFFFF;
-    text-align: center;
     width: 100%;
 }
 
 .content-box-data {
-    font-family: Roboto;
-    font-size: 18px;
+    font: normal 18px Roboto;
     color: #FFFFFF;
-    text-align: center;
     width: 100%;
 }