From a4376b714fc0400993e0191fc3b4f1fa8e19eafc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Henrik=20Br=C3=BCsecke?= Date: Fri, 21 Aug 2026 18:25:07 +0300 Subject: [PATCH] Navigation Bar --- README.md | 3 +-- frontend/shell/css/brand.css | 17 +++++++++++++++ frontend/shell/css/desktop.css | 19 +++++++++++++++++ frontend/shell/css/header.css | 22 ++++++++++++++++++++ frontend/shell/css/hover.css | 9 ++++++++ frontend/shell/css/nav.css | 21 +++++++++++++++++++ frontend/shell/index.html | 34 ++++++++++++++++++++++++++++++ frontend/shell/logo.svg | 1 + mkdocs.yml | 38 +++++++++++++++++----------------- 9 files changed, 143 insertions(+), 21 deletions(-) create mode 100644 frontend/shell/css/brand.css create mode 100644 frontend/shell/css/desktop.css create mode 100644 frontend/shell/css/header.css create mode 100644 frontend/shell/css/hover.css create mode 100644 frontend/shell/css/nav.css create mode 100644 frontend/shell/index.html create mode 100644 frontend/shell/logo.svg diff --git a/README.md b/README.md index 6d060c1..6e44611 100644 --- a/README.md +++ b/README.md @@ -1,2 +1 @@ -# instant-workstation - +### [Technical Documentation](https://docs.instantworkstation.com) \ No newline at end of file diff --git a/frontend/shell/css/brand.css b/frontend/shell/css/brand.css new file mode 100644 index 0000000..ecf80a1 --- /dev/null +++ b/frontend/shell/css/brand.css @@ -0,0 +1,17 @@ +.brand-link { + align-items: center; + color: inherit; + display: flex; + gap: 15px; + height: 100%; + text-decoration: none; +} + +.brand-logo { + height: 100%; +} + +.brand-title { + font-size: 20px; + font-weight: 750; +} \ No newline at end of file diff --git a/frontend/shell/css/desktop.css b/frontend/shell/css/desktop.css new file mode 100644 index 0000000..1be4296 --- /dev/null +++ b/frontend/shell/css/desktop.css @@ -0,0 +1,19 @@ +@media (min-width: 960px) { + .screen-narrow { + display: none; + } + + .screen-wide { + display: inline; + } +} + +@media (min-height: 540px) { + .header { + height: 60px; + } + + .nav-link-account { + padding: 10px 15px; + } +} \ No newline at end of file diff --git a/frontend/shell/css/header.css b/frontend/shell/css/header.css new file mode 100644 index 0000000..1075a1c --- /dev/null +++ b/frontend/shell/css/header.css @@ -0,0 +1,22 @@ +body { + font-family: system-ui; + margin: 0; +} + +.header { + background-color: #202020; + box-sizing: border-box; + color: white; + display: flex; + gap: 30px; + height: 40px; + padding: 5px 15px; +} + +.screen-narrow { + display: inline; +} + +.screen-wide { + display: none; +} \ No newline at end of file diff --git a/frontend/shell/css/hover.css b/frontend/shell/css/hover.css new file mode 100644 index 0000000..36415e7 --- /dev/null +++ b/frontend/shell/css/hover.css @@ -0,0 +1,9 @@ +.brand-link:hover, +.nav-link:hover { + color: orange; +} + +.nav-link-account:hover { + background-color: orange; + color: white; +} \ No newline at end of file diff --git a/frontend/shell/css/nav.css b/frontend/shell/css/nav.css new file mode 100644 index 0000000..cfdf8ea --- /dev/null +++ b/frontend/shell/css/nav.css @@ -0,0 +1,21 @@ +.nav { + align-items: center; + color: inherit; + display: flex; + flex: 1; + gap: 15px; +} + +.nav-link { + color: inherit; + font-size: 15px; + font-weight: 600; + text-decoration: none; +} + +.nav-link-account { + background-color: #0d6efd; + border-radius: 5px; + margin-left: auto; + padding: 5px 10px; +} \ No newline at end of file diff --git a/frontend/shell/index.html b/frontend/shell/index.html new file mode 100644 index 0000000..63c4ee4 --- /dev/null +++ b/frontend/shell/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + Instant Workstation + + + +
+ + + Instant Workstation + + + +
+ + \ No newline at end of file diff --git a/frontend/shell/logo.svg b/frontend/shell/logo.svg new file mode 100644 index 0000000..d33d518 --- /dev/null +++ b/frontend/shell/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index a001794..665afd9 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -1,26 +1,26 @@ extra_css: - - stylesheets/extra.css + - stylesheets/extra.css plugins: - - git-revision-date-localized: - enable_creation_date: true - - privacy - - search + - git-revision-date-localized: + enable_creation_date: true + - privacy + - search repo_name: Source Code repo_url: https://code.instantworkstation.com site_name: Technical Documentation site_url: https://docs.instantworkstation.com theme: - favicon: assets/favicon.ico - features: - - navigation.indexes - - navigation.path - - navigation.top - - search.highlight - - search.suggest - - toc.follow - logo: assets/logo.svg - name: material - palette: - accent: indigo - primary: black - scheme: slate + favicon: assets/favicon.ico + features: + - navigation.indexes + - navigation.path + - navigation.top + - search.highlight + - search.suggest + - toc.follow + logo: assets/logo.svg + name: material + palette: + accent: indigo + primary: black + scheme: slate