From 7f3602233ca191de2a2394152ae62f1a4a20003b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gabor=20K=C3=B6rber?= Date: Mon, 15 Jan 2024 22:06:49 +0100 Subject: [PATCH] refactor: update README, forgot css file --- README.md | 17 ++++++++++++----- static/admin/admin.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 5 deletions(-) create mode 100644 static/admin/admin.css diff --git a/README.md b/README.md index 944b9c1..c51e842 100644 --- a/README.md +++ b/README.md @@ -13,37 +13,44 @@ So this is not thought of being a framework. ## Choices +### Philosophies + + - Semantic over Mnemonic + - As flat HTML as possible + ### On the Backend - `axum` as webserver framework - `minijinja` as template renderer - `sea-orm` as database framework - - `rust_embed` to embed vital static files ### On the Frontend - `markdown.css` to provide out of the box CSS for markdown - `hyperscript` for light weight event scripting - `htmx` for service interaction - - `GUIKit` for a default CSS framework + - `Fomantic-UI` as default CSS framework (once Semantic) ## Features ### The aims of the project for now are: - [x] Template Rendering with Hot-Reload - [x] Static-File Serving + - [x] Logging - [x] 404 Handler - [ ] 500 Handler - [ ] Media File Serving + - [ ] Admin Site with Registry + - [ ] Storage based tools (for files and cloud) + - [ ] Database + - [ ] Redis / KV Store ### Future Ideas: - - Direct Markdown Sites with wikiserve + - Direct Markdown Sites as wikiserve with the storage tools - `static-image` and `media-image` Service for automatic thumbnails - - Small Admin Layer - User and Role Implementation - Event-Bus link to RabbitMQ - - Logging ### Windows 10 diff --git a/static/admin/admin.css b/static/admin/admin.css new file mode 100644 index 0000000..8393202 --- /dev/null +++ b/static/admin/admin.css @@ -0,0 +1,34 @@ +.ui[class*="very compact"].table>thead>tr>th, +.ui[class*="very compact"].table>tr>th { + padding: .4em .6em; +} + + +:root { + --sidebar-margin: 260px; +} + +#header { + z-index: 1005; +} + +#main_content { + padding-top: 4em; +} + +.pushover { + margin-left: var(--sidebar-margin); +} + +@media screen and (min-width: 1920px) { + .pushover { + margin-left: 0px; + } +} + +#main_sidemenu { + background-color: rgb(27, 28, 29); + padding-top: 3em; + z-index: 1001; + /* Ensure this is higher than the z-index of the main content */ +} \ No newline at end of file