From 9dceaa811943a32b5b9307d84ccb601d26cd087e Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Fri, 24 Nov 2023 23:34:50 -0500 Subject: [PATCH] Started working on the layout of the app --- public/css/kourend.css | 65 ++++++++++++++++++++++++++++++++++ templates/index/dashboard.tmpl | 2 -- templates/layout/footer.tmpl | 7 ++++ templates/layout/header.tmpl | 9 +++++ templates/layout/navbar.tmpl | 11 ++++++ 5 files changed, 92 insertions(+), 2 deletions(-) create mode 100644 public/css/kourend.css create mode 100644 templates/layout/navbar.tmpl diff --git a/public/css/kourend.css b/public/css/kourend.css new file mode 100644 index 0000000..b56e530 --- /dev/null +++ b/public/css/kourend.css @@ -0,0 +1,65 @@ +html, +body{ + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} + +body{ + padding-top: 80px; + padding-bottom: 80px; + background: #eee; +} + +#navbar{ + box-sizing: border-box; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 64px; + padding-left: 10px; + background: purple; + color: white; + z-index: 10; +} + +#navbar ul{ + list-style: none; +} +#navbar ul li{ + display: inline-block; +} + +#navbar h4, +#navbar a{ + margin-left: 15px; + line-height: 64px; +} + +#navbar a{ + color: white; + font-size: 24px; + text-decoration: none; +} + +#main-content{ + max-width: 1024px; + padding: 14px 20px; + background: white; + border-radius: 8px; +} + +#main-footer{ + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 64px; +} + +#main-footer p{ + line-height: 64px; + text-align: center; +} diff --git a/templates/index/dashboard.tmpl b/templates/index/dashboard.tmpl index d7fb51c..a19e34e 100644 --- a/templates/index/dashboard.tmpl +++ b/templates/index/dashboard.tmpl @@ -2,6 +2,4 @@

This is the BLT dashboard.

-

BLT version {{ .app_version }}

- {{ template "footer" . }} diff --git a/templates/layout/footer.tmpl b/templates/layout/footer.tmpl index 2edaabe..46b5892 100644 --- a/templates/layout/footer.tmpl +++ b/templates/layout/footer.tmpl @@ -1,4 +1,11 @@ {{ define "footer" }} + + + + + {{ end }} diff --git a/templates/layout/header.tmpl b/templates/layout/header.tmpl index d324a97..dea1b4a 100644 --- a/templates/layout/header.tmpl +++ b/templates/layout/header.tmpl @@ -6,6 +6,15 @@ {{ .title }} | BLT + + + + + + {{ template "navbar" . }} + + +
{{ end }} diff --git a/templates/layout/navbar.tmpl b/templates/layout/navbar.tmpl new file mode 100644 index 0000000..0703d73 --- /dev/null +++ b/templates/layout/navbar.tmpl @@ -0,0 +1,11 @@ +{{ define "navbar" }} + +{{ end }}