From b43f9ceca9f7e02248f1d88245ede5267e8b72c8 Mon Sep 17 00:00:00 2001 From: f0x52 Date: Thu, 9 Jun 2022 12:51:19 +0200 Subject: [frontend] Restructure Frontend Sources (#634) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 🐸restructure frontend stuff, include admin and future user panel in main repo, properly deduplicate bundles for css+js across uses * rename bundled to dist, caught by gitignore * re-include status.css for profile template * default to localhost * serve frontend panels * add todo message for abstraction * refactor oauth registration flow * oauth restructure * update footer template * change panel routes * remove superfluous css imports * write bundle to disk from test server, use forked budo-express * wrap all page content in container for robustness with addons etc injection other elements in body * update documentation, goreleaser, Dockerfile * update template meta tags * add AGPL-3.0+ license header everywhere * only attach update listener on EventEmitter * cleaner config for various frontend bundles * fix bundler script paths * Merge commit 'd191931932b9293ce1be44ed08a1e69b9fcc1e25' * fix up dockerfile, goreleaser * go mod tidy * add uglifyify * move status hide/show js to frontend bundle * fix stylesheet color( func regressions * update contributing docs for new build path * update goreleaser + docker building * resolve dependency paths properly * update package name * use api errorhandler Co-authored-by: tsmethurst --- web/assets/base.css | 230 ---------------------------------------------------- 1 file changed, 230 deletions(-) delete mode 100644 web/assets/base.css (limited to 'web/assets/base.css') diff --git a/web/assets/base.css b/web/assets/base.css deleted file mode 100644 index ba593b474..000000000 --- a/web/assets/base.css +++ /dev/null @@ -1,230 +0,0 @@ -html, body { - padding: 0; - margin: 0; - background: rgb(70, 79, 88); - color: #fafaff; - font-family: sans-serif; -} - -body { - display: grid; - - grid-template-rows: auto 1fr auto; - min-height: 100vh; - line-height: 1.5em; -} - -main { - background: #525c66; - display: grid; - padding-top: 2rem; - padding-bottom: 2rem; - grid-template-columns: 1fr 50% 1fr; - grid-template-columns: auto min(92%, 90ch) auto; -} - -main .left { - grid-column: 1; - } - -main .right { - grid-column: 3; - } - -main.lightgray { - background: #525c66; - } - -main > * { - align-self: start; - grid-column: 2; - } - -header { - background: rgb(70, 79, 88); - padding: 2rem 0; - padding-bottom: 0; - display: flex; - flex-wrap: wrap; -} - -header img { - height: 4rem; - padding-left: 2rem; - padding-bottom: 2rem; - } - -header div { - height: 100%; - margin: 0 2rem; - margin-top: -2rem; - flex-grow: 1; - align-self: center; - display: flex; - } - -header div h1 { - align-self: center; - color: #fafaff; - } - -h1 { - /* color: $acc1; */ - margin: 0; - line-height: 2.4rem; -} - -a { - color: #de8957; -} - -.button, button { - border-radius: 0.2rem; - background: #de8957; - color: #fafaff; - text-decoration: none; - font-size: 1.2rem; - font-weight: bold; - padding: 0.5rem; - border: none; - cursor: pointer; -} - -.button:hover, button:hover { - background: #c76d33; - } - -.count { - background: rgb(70, 79, 88); - border-radius: 0.3rem; - padding: 0.2rem; -} - -.nounderline { - text-decoration: none; -} - -.accent { - color: #de8957; -} - -.logo { - justify-self: center; -} - -.logo img { - height: 30vh; - } - -section.apps { - align-self: start; -} - -section.apps .applist { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 0.5rem; - align-content: start; - } - -section.apps .applist .entry { - display: grid; - grid-template-columns: 30% 1fr; - gap: 0.5rem; - padding: 0.5rem; - background: rgb(70, 79, 88); - border-radius: 0.5rem; - } - -section.apps .applist .entry .logo { - align-self: center; - width: 100%; - object-fit: contain; - flex: 1 1 auto; - } - -section.apps .applist .entry .logo.redraw { - fill: #fafaff; - stroke: #fafaff; - } - -section.apps .applist .entry div { - padding: 1rem 0; - } - -section.apps .applist .entry div h3 { - margin-top: 0; - } - -section.login form { - display: inline-grid; - grid-template-columns: auto 100%; - grid-gap: 0.7rem; - } - -section.login form button { - place-self: center; - grid-column: 2; - } - -section.error { - display: flex; - flex-direction: row; - align-items: center; -} - -section.error span { - font-size: 2em; - } - -section.error pre { - border: 1px solid #ff000080; - margin-left: 1em; - padding: 0 0.7em; - border-radius: 0.5em; - background-color: #ff000010; - font-size: 1.3em; - white-space: pre-wrap; - } - -input, select, textarea { - border: 1px solid #fafaff; - color: #fafaff; - background: #525c66; - width: 100%; -} - -footer { - align-self: end; - - padding: 2rem; - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; -} - -footer a { - font-weight: bold; - } - -@media screen and (orientation: portrait) { - main { - grid-template-columns: 1fr 92% 1fr; - } - - header { - text-align: center; - } - - footer { - margin-top: 2rem; - grid-template-columns: 1fr; - } - - footer div { - margin: 0.3rem 0; - } - - section.apps .applist { - grid-template-columns: 1fr; - } -} -- cgit v1.3