From 64ef933267ab65b9b6d52e61002621eeaaaf51a7 Mon Sep 17 00:00:00 2001 From: shockrah Date: Tue, 26 Oct 2021 09:57:08 -0700 Subject: [PATCH] + Adding simple navbar menu at the top In theory breadcrumbs would look/feel better to use but for now this will do to massively improve the UX --- api/static/css/style.css | 5 +++++ api/templates/list.html.tera | 14 ++++++++++++-- api/templates/video.html.tera | 24 ++++++++++++++++-------- ts/category.ts | 2 +- ts/index.ts | 2 +- 5 files changed, 35 insertions(+), 12 deletions(-) diff --git a/api/static/css/style.css b/api/static/css/style.css index a09738e..cc06873 100644 --- a/api/static/css/style.css +++ b/api/static/css/style.css @@ -15,6 +15,7 @@ html, body, div, tag { h1 { text-transform: capitalize; } + a { text-decoration: none; color: whitesmoke; @@ -26,6 +27,10 @@ a { 1px 1px 0 #191818; } +a:hover { + text-decoration: none; + color: white; +} .content { margin: 0 auto; diff --git a/api/templates/list.html.tera b/api/templates/list.html.tera index ce6d063..2f2d95c 100644 --- a/api/templates/list.html.tera +++ b/api/templates/list.html.tera @@ -3,9 +3,9 @@ + - - Shockrah's Clips + {{title}} {% if page == "category" %} @@ -32,6 +32,16 @@
+

{{title}}

diff --git a/api/templates/video.html.tera b/api/templates/video.html.tera index 9ff104e..cd565e9 100644 --- a/api/templates/video.html.tera +++ b/api/templates/video.html.tera @@ -3,8 +3,8 @@ + - Shockrah's Clips @@ -20,13 +20,21 @@
-
-

{{title}}

- -
+
+ +

{{title}}

+ +
diff --git a/ts/category.ts b/ts/category.ts index e9c7f52..18536de 100644 --- a/ts/category.ts +++ b/ts/category.ts @@ -33,7 +33,7 @@ class VideoMeta { thumbnail_div() : HTMLAnchorElement { let nail = document.createElement('img') - nail.className = 'pure-img' + nail.className = 'img-fluid' // Modern browser's should be able to cache this request if(!(this.thumbnail == null || this.thumbnail.length == 0)) { diff --git a/ts/index.ts b/ts/index.ts index c85118b..fa760ec 100644 --- a/ts/index.ts +++ b/ts/index.ts @@ -31,7 +31,7 @@ class Category { thumbnail_div() : HTMLAnchorElement { let nail = document.createElement('img') - nail.className = 'pure-img' + nail.className = 'img-fluid' // Modern browser's should be able to cache this request if(!(this.thumbnail == null || this.thumbnail.length == 0)) {