71 lines
1.9 KiB
Rust
71 lines
1.9 KiB
Rust
use leptos::prelude::*;
|
|
use leptos_meta::{provide_meta_context, MetaTags, Stylesheet, Title};
|
|
use leptos_router::{
|
|
components::{Route, Router, Routes},
|
|
StaticSegment,
|
|
};
|
|
|
|
pub fn shell(options: LeptosOptions) -> impl IntoView {
|
|
view! {
|
|
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="tlater.net homepage" />
|
|
<meta name="author" contnet="Tristan Daniël Maat" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<AutoReload options=options.clone() />
|
|
<HydrationScripts options />
|
|
<MetaTags />
|
|
</head>
|
|
<body>
|
|
<App />
|
|
</body>
|
|
</html>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn App() -> impl IntoView {
|
|
// Provides context that manages stylesheets, titles, meta tags, etc.
|
|
provide_meta_context();
|
|
|
|
view! {
|
|
// injects a stylesheet into the document <head>
|
|
// id=leptos means cargo-leptos will hot-reload this stylesheet
|
|
<Stylesheet id="leptos" href="/pkg/tlaternet-webserver.css" />
|
|
|
|
// sets the document title
|
|
<Title text="Welcome to Leptos" />
|
|
|
|
// content for this welcome page
|
|
<Router>
|
|
<main>
|
|
<Routes fallback=|| "Page not found.".into_view()>
|
|
<Route path=StaticSegment("") view=HomePage />
|
|
</Routes>
|
|
</main>
|
|
</Router>
|
|
}
|
|
}
|
|
|
|
/// Renders the home page of your application.
|
|
#[component]
|
|
fn HomePage() -> impl IntoView {
|
|
view! {
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title has-text-weight-normal is-family-monospace">
|
|
<span id="typed-welcome">tlater.net</span>
|
|
</h1>
|
|
|
|
<hr />
|
|
|
|
<div class="columns">
|
|
<div class="column content" />
|
|
<div class="column content" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
}
|
|
}
|