shockrah/freechat
shockrah/freechat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding support for tera templating

Browse Source
This commit is contained in:
shockrah 2019-11-10 20:23:44 -08:00
parent ca6401afab
commit c8cb2352f8
4 changed files with 128 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/Rocket.toml
View File

@ -1,4 +1,8 @@
[development] [development]
address="localhost" address="localhost"
port=8080 port=8080
templates_dir="static/html/"
[production]
address="localhost"
port=8080
templates_dir="static/html/"

41
website/src/main.rs
View File

@ -1,25 +1,59 @@
// This client code really just serves as the url router for the main website where we describe what the project is about // This client code really just serves as the url router for the main website where we describe what the project is about
#![feature(proc_macro_hygiene, decl_macro, plugin)] #![feature(proc_macro_hygiene, decl_macro, plugin)]
//#[macro_use] extern crate serde_derive; //#[macro_use] extern crate serde_derive;
#[macro_use] extern crate serde_derive;
#[macro_use] extern crate rocket; #[macro_use] extern crate rocket;
extern crate rocket_contrib; extern crate rocket_contrib;
use rocket_contrib::templates::Template;
use rocket::response::NamedFile; use rocket::response::NamedFile;
use std::io; use std::io;
// Purely for backend purposes
#[derive(Serialize)]
struct PageAttrs {
og_title: &'static str,
og_type: &'static str,
og_desc: &'static str,
og_url: &'static str,
og_image: &'static str,
// General settings
favicon: &'static str, // path to the favicon
// Branding things
brand_url: &'static str, // default is freechat.io - clean url of domain
brand_motto: &'static str,
brand_quip: &'static str
}
macro_rules! page { macro_rules! page {
($type:expr, $item:expr) => { ($type:expr, $item:expr) => {
// TODO: verify against directory traversals // TODO: verify against directory traversals
NamedFile::open(format!("staic/{}/{}", $type, $item)) NamedFile::open(format!("static/{}/{}.{}", $type, $item, $type))
} }
} }
// Pages themselves // Pages themselves
#[get("/")] #[get("/")]
fn homepage() -> io::Result<NamedFile> { fn homepage() -> Template {
// Be sure to include some kind of prompt // Be sure to include some kind of prompt
page!("html", "index") // TODO: read this type of data from a config or provide some function/macro that
// does that for us so that we don't hardcode these values in like ever
let context = PageAttrs {
og_title: "Freechat",
og_type: "Decentralized Chat",
og_desc: "Privacy and Freedom Respecting Chat Platform",
og_url: "freechat.io",
og_image: "https://images.pexels.com/photos/146071/pexels-photo-146071.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260",// recall this is meant to be a path to the favicon
favicon: "https://images.pexels.com/photos/146071/pexels-photo-146071.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260",
brand_url: "freechat.io",
brand_motto: "Freedom respecting chat platform",
brand_quip: "asdf",
};
Template::render("index", &context)
} }
// Handles logging in a user to their home instance // Handles logging in a user to their home instance
#[get("/login")] #[get("/login")]
@ -49,5 +83,6 @@ fn main() {
.mount("/static", routes![ .mount("/static", routes![
static_css, static_js static_css, static_js
]) ])
.attach(Template::fairing())
.launch(); .launch();
} }

85
website/static/html/index.tera Normal file
View File

@ -0,0 +1,85 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{og_title}}">
<title>{{og_title}}</title>
<meta name="description" content="{{og_desc}}">
<!-- open graph things -->
<meta property="og:title" content="{{og_title}}">
<meta property="og:type" content="{{og_type}}">
<meta property="og:description" content="{{og_desc}}">
<meta property="og:url" content="{{og_url}}">
<meta property="og:image" content="{{og_image}}">
<link rel="shortcut icon" type="image/png" href="{{favicon}}">
<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
<link rel="stylesheet" href="/static/css/index.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">{{brand_url}}</a>
<button
class="navbar-toggler dropdown"
type="button" data-toggle="collapse"
data-target="#nav-content"
aria-controls="nav-content"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-content">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/about">What is freechat?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/servers">Instances</a>
</li>
</ul>
</div>
</nav>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">{{brand_url}}</h1>
<p class="splash-subhead">{{brand_motto}}</p>
<p>
<a href="#msgform" class="pure-button pure-button-primary">{{brand_quip}}</a>
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">A chat platform that respects your privacy and freedom</h2>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3 class="content-subhead"><i class="fas fa-dollar-sign"></i>How much?</h3>
<p>Nothing. It's free to run your own instance</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
<h3 class="content-subhead"><i class="fa fa-wrench"></i>Is it hard to setup?</h3>
<p>Not at all, you can easily spin up an instance using the guide here.</p>
</div>
</div>
</div>
</div>
</body>
<!-- If jquery doesn't come first things like dropdown menus break -->
<script
src="https://code.jquery.com/jquery-3.4.1.slim.js"
integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</html>

0
website/static/html/login.tera Normal file
View File