From 34f2fda2cd3a0ed966a299fe6c934b53746e82c9 Mon Sep 17 00:00:00 2001 From: Augusto Gunsch Date: Mon, 17 Jan 2022 19:48:37 -0300 Subject: [PATCH] Redesign --- generate.py | 1 + templates/cabinet.png | Bin 0 -> 6095 bytes templates/file.html | 8 +++---- templates/stylesheet.css | 47 ++++++++++++++++++++++++--------------- 4 files changed, 34 insertions(+), 22 deletions(-) create mode 100644 templates/cabinet.png diff --git a/generate.py b/generate.py index d26c3a4..6549e6f 100755 --- a/generate.py +++ b/generate.py @@ -68,6 +68,7 @@ shutil.rmtree(outroot, ignore_errors=True) os.mkdir(outroot) shutil.copy(templates + '/stylesheet.css', outroot + '/stylesheet.css') shutil.copy(templates + '/highlight.css', outroot + '/highlight.css') +shutil.copy(templates + '/cabinet.png', outroot + '/cabinet.png') shutil.copytree(templates + '/mathjax', outroot + '/mathjax') diff --git a/templates/cabinet.png b/templates/cabinet.png new file mode 100644 index 0000000000000000000000000000000000000000..ccaf781cf95b8f355adfd861eb8be90c08d67ce3 GIT binary patch literal 6095 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 SO*d=x7V5a;7v(nSum1xKz4mbc literal 0 HcmV?d00001 diff --git a/templates/file.html b/templates/file.html index 88b7603..5c85696 100644 --- a/templates/file.html +++ b/templates/file.html @@ -17,13 +17,13 @@ window.MathJax = {
-

Cabinet file manager

-
+

Cabinet

+
+
${content}
diff --git a/templates/stylesheet.css b/templates/stylesheet.css index 62abe04..150f2d8 100644 --- a/templates/stylesheet.css +++ b/templates/stylesheet.css @@ -1,12 +1,17 @@ body { background-color: black; color: white; + font-family: "Noto Serif", serif; margin: 0; } header { - background-color: #232323; + background-color: #E89F17; + color: black; padding: 1em; + box-shadow: 0px 0px 5px 2px #222; + z-index: 10; + position: relative; } a { @@ -14,31 +19,37 @@ a { color: #3b7fdd; } +#cabinet { + margin: 0; +} + +#cabinet-icon { + position: relative; + top: .1em; + margin-right: .2em; + display: inline-block; + height: 1em; +} + .button { padding: .4em; border-radius: 3px; + background-color: #fcfeff; + color: #112a6f; } -#pdf { - background-color: red; - color: white; - right: 0; - bottom: -.4em; - position: absolute; -} - -header div { - display: block; - position: relative; -} - -#back { - background-color: #3b7fdd; - color: black; +nav { + box-sizing: border-box; + justify-content: space-between; + align-items: center; + width: 100%; + display: flex; + background-color: #112a6f; + padding: 1em; } #path { - margin-left: 1em; + color: #fcfeff; } #cabinet {