johnride/nationtech-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(sreez): Add og:image on landing page

Browse Source
This commit is contained in:
jeangab 2024-04-15 10:01:38 -04:00
parent 075dc2ac0c
commit 225bb7bbe2
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
sreez/assets/sreez_og_banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

1
sreez/src/app.rs
View File

@ -21,7 +21,6 @@ pub fn App() -> impl IntoView {
// sets the document title // sets the document title
<Title text="SREEZ - Site Reliability Engineering for Everyone, eZ"/> <Title text="SREEZ - Site Reliability Engineering for Everyone, eZ"/>
// content for this welcome page // content for this welcome page
<Router> <Router>
<main class="bg-main bg-light"> <main class="bg-main bg-light">

7
sreez/src/pages/short_landing_page.rs
View File

@ -1,11 +1,18 @@
use leptos::*; use leptos::*;
use leptos_meta::*;
use crate::components::BookADemo; use crate::components::BookADemo;
use crate::components::Footer; use crate::components::Footer;
/// Renders the home page of your application. /// Renders the home page of your application.
#[component] #[component]
pub fn ShortLandingPage() -> impl IntoView { pub fn ShortLandingPage() -> impl IntoView {
provide_meta_context();
view! { view! {
<Meta property="og:image" content="https://sreez.nationtech.io/assets/sreez_og_banner.png"/>
<Meta property="og:image:width" content="1200"/>
<Meta property="og:image:height" content="630"/>
<div class="margin-x-auto lg-margin-x-3"> <div class="margin-x-auto lg-margin-x-3">
<img src="assets/sreez_logo_shaded_v2.png" aria-label="SREEZ mascot of a cherry because SREEZ sounds like 'cerise' in French which means Cherry" class="max-width-150 margin-top-5"/> <img src="assets/sreez_logo_shaded_v2.png" aria-label="SREEZ mascot of a cherry because SREEZ sounds like 'cerise' in French which means Cherry" class="max-width-150 margin-top-5"/>
</div> </div>