* breadcrumb navbar should make navigation easier now

This commit is contained in:
shockrah
2021-10-26 18:47:24 -07:00
parent baedfc72ea
commit 1e2ff50214
4 changed files with 58 additions and 38 deletions

View File

@@ -83,11 +83,10 @@ pub fn video(cat: PathBuf, file_base: PathBuf) -> Template {
let file = map_base_vfile(&cat, &file_base);
let cat = cat.to_string_lossy();
// First we have to try and find the file
let mut file_pretty = file.to_string();
for c in ["-", "_", ".mp4", ".mkv", ".webm"] {
file_pretty = file_pretty.replace(c, " ");
for c in [".mp4", ".mkv", ".webm"] {
file_pretty = file_pretty.replace(c, "");
}
h.insert("title", &file_pretty);
@@ -95,6 +94,8 @@ pub fn video(cat: PathBuf, file_base: PathBuf) -> Template {
let url = format!("/clip/{}/{}", &cat, &file);
h.insert("url", &url);
h.insert("desc", &SITEDESC);
h.insert("category", &cat);
h.insert("filename", &file_pretty);
let thumbnail = format!("/thumbnail/{}/{}", cat, file);
h.insert("ogimg", &thumbnail);

View File

@@ -33,14 +33,24 @@
<div id="layout">
<div class="content">
<nav class="navbar navbar-expand-lg navbar-dark">
<a style="text-transform: capitalize" class="navbar-brand" href="/">
<a style="bread-crumb-item text-transform: capitalize" class="navbar-brand" href="/">
<img src="/static/favicon.png" class="rounded" width="50" height="50">
Home
</a>
<a class="navbar-brand" href="/"></a>
{% if page == "category" %}
<a href="{{url}}" style="text-transform: capitalize;">{{title}}</a>
{% endif %}
<ol class="breadcrumb">
{% if page == "category" %}
<li class="breadcrumb-item">
<a href="/">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
<a href="{{url}}">{{title}}</a>
</li>
{# Home page defaults #}
{% else %}
<li class="breadcrumb-item active" aria-current="page">
<a href="/">Home</a>
</li>
{% endif %}
</ol>
</nav>
<h1>{{title}}</h1>
<div class="video-gallery" id="main-container">

View File

@@ -24,10 +24,18 @@
<nav class="navbar navbar-expand-lg navbar-dark">
<a style="text-transform: capitalize" class="navbar-brand" href="/">
<img src="/static/favicon.png" class="rounded" width="50" height="50">
Home
</a>
<a class="navbar-brand" href="/"></a>
<a href="{{url}}" style="text-transform: capitalize;">{{title}}</a>
<ol class="breadcrumb">
<li class="breadcrumb-item active">
<a href="/">Home</a>
</li>
<li class="breadcrumb-item active">
<a href="/category/{{category}}">{{category}}</a>
</li>
<li class="breadcrumb-item active">
<a href="/clip/{{category}}/{{filename}}">{{title}}</a>
</li>
</ol>
</nav>
<h1>{{title}}</h1>
<video width="1280" height="720" controls autoplay>