generated from PlexSheep/rs-base
templates with bootstrap
cargo devel CI / cargo CI (push) Successful in 1m46s
Details
cargo devel CI / cargo CI (push) Successful in 1m46s
Details
we're even using static.cscherr.de already
This commit is contained in:
parent
b48bde53e6
commit
fdb5c41e75
GPG Key ID:
8E2B45BC51A27EA7
|
|
@ -13,4 +13,5 @@ keywords = ["website"]
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
rocket = "0.5.0"
|
rocket = "0.5.0"
|
||||||
|
rocket_dyn_templates = { version = "0.1.0", features = ["tera"] }
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,12 @@
|
||||||
use rocket::{get,launch,routes};
|
use rocket::{get,launch,routes};
|
||||||
|
use rocket_dyn_templates::{context, Template};
|
||||||
|
|
||||||
#[get("/")]
|
#[get("/")]
|
||||||
fn index() -> &'static str {
|
fn index() -> Template {
|
||||||
"Hello, world!"
|
Template::render("index", context! {})
|
||||||
}
|
}
|
||||||
|
|
||||||
#[launch]
|
#[launch]
|
||||||
fn entrypoint() -> _ {
|
fn entrypoint() -> _ {
|
||||||
rocket::build().mount("/", routes![index])
|
rocket::build().mount("/", routes![index]).attach(Template::fairing())
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,164 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{% block lang %}en{% endblock lang %}">
|
||||||
|
<head>
|
||||||
|
<meta name="generator" content=
|
||||||
|
"HTML Tidy for HTML5 for Linux version 5.6.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content=
|
||||||
|
"width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
|
||||||
|
<link rel="stylesheet" href="https://static.cscherr.de/cdn/bootstrap-5.3.0-dist/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||||
|
{% block head %}
|
||||||
|
<title>{% block title %}{% endblock title %} - cscherr.de</title>
|
||||||
|
{% endblock head %}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<header class=
|
||||||
|
"d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
|
||||||
|
<a href="/" class=
|
||||||
|
"d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
|
||||||
|
<svg class="bi me-2" width="40" height="32">
|
||||||
|
<use xlink:href="#bootstrap"></use></svg> <span class=
|
||||||
|
"fs-4">Simple header</span></a>
|
||||||
|
<ul class="nav nav-pills">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link active" aria-current=
|
||||||
|
"page">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">Features</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">FAQs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">About</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
{% block main %}
|
||||||
|
<div class="px-4 py-5 my-5 text-center">
|
||||||
|
<img class="d-block mx-auto mb-4" src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
|
||||||
|
<h1 class="display-5 fw-bold text-body-emphasis">Centered hero</h1>
|
||||||
|
<div class="col-lg-6 mx-auto">
|
||||||
|
<p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
|
||||||
|
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
||||||
|
<button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button>
|
||||||
|
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container px-4 py-5" id="hanging-icons">
|
||||||
|
<h2 class="pb-2 border-bottom">Hanging icons</h2>
|
||||||
|
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||||
|
<div class="col d-flex align-items-start">
|
||||||
|
<div class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||||
|
<i class="bi bi-toggles2"></i>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||||||
|
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
|
||||||
|
<a href="#" class="btn btn-primary">
|
||||||
|
Primary button
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col d-flex align-items-start">
|
||||||
|
<div class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||||
|
<i class="bi bi-toggles2"></i>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||||||
|
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
|
||||||
|
<a href="#" class="btn btn-primary">
|
||||||
|
Primary button
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col d-flex align-items-start">
|
||||||
|
<div class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||||
|
<i class="bi bi-toggles2"></i>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||||||
|
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
|
||||||
|
<a href="#" class="btn btn-primary">
|
||||||
|
Primary button
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock main %}
|
||||||
|
</main>
|
||||||
|
<div class="container">
|
||||||
|
<footer class="py-5">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6 col-md-2 mb-3">
|
||||||
|
<h5>Section</h5>
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6 col-md-2 mb-3">
|
||||||
|
<h5>Section</h5>
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6 col-md-2 mb-3">
|
||||||
|
<h5>Section</h5>
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-5 offset-md-1 mb-3">
|
||||||
|
<form>
|
||||||
|
<h5>Subscribe to our newsletter</h5>
|
||||||
|
<p>Monthly digest of what's new and exciting from us.</p>
|
||||||
|
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
|
||||||
|
<label for="newsletter1" class="visually-hidden">Email address</label>
|
||||||
|
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
|
||||||
|
<button class="btn btn-primary" type="button">Subscribe</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<i class="bi bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||||||
|
<i class="bi bi-bar-chart-line" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||||||
|
<i class="bi bi-steam" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||||||
|
|
||||||
|
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
|
||||||
|
<p>© 2023 Company, Inc. All rights reserved.</p>
|
||||||
|
<ul class="list-unstyled d-flex">
|
||||||
|
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
|
||||||
|
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
|
||||||
|
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
<script src=
|
||||||
|
"https://static.cscherr.de/cdn/bootstrap-5.3.0-dist/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
{% extends "base" %}
|
||||||
Loading…
Reference in New Issue