This commit is contained in:
Augusto Gunsch 2022-01-17 19:48:37 -03:00
parent 2967ff7295
commit 34f2fda2cd
No known key found for this signature in database
GPG Key ID: F7EEFE29825C72DC
4 changed files with 34 additions and 22 deletions

View File

@ -68,6 +68,7 @@ shutil.rmtree(outroot, ignore_errors=True)
os.mkdir(outroot) os.mkdir(outroot)
shutil.copy(templates + '/stylesheet.css', outroot + '/stylesheet.css') shutil.copy(templates + '/stylesheet.css', outroot + '/stylesheet.css')
shutil.copy(templates + '/highlight.css', outroot + '/highlight.css') shutil.copy(templates + '/highlight.css', outroot + '/highlight.css')
shutil.copy(templates + '/cabinet.png', outroot + '/cabinet.png')
shutil.copytree(templates + '/mathjax', outroot + '/mathjax') shutil.copytree(templates + '/mathjax', outroot + '/mathjax')

BIN
templates/cabinet.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -17,13 +17,13 @@ window.MathJax = {
</head> </head>
<body> <body>
<header> <header>
<h1 id="cabinet">Cabinet file manager</h1> <h1 id="cabinet"><img id="cabinet-icon" src="${root}cabinet.png"/>Cabinet</h1>
<div> </header>
<nav>
<a class="button" id="back" href="${root}index.html">&larr; Back</a> <a class="button" id="back" href="${root}index.html">&larr; Back</a>
<span id="path">${path}</span> <span id="path">${path}</span>
<a class="button" id="pdf" href="${pdf}">&darr; PDF</a> <a class="button" id="pdf" href="${pdf}">&darr; PDF</a>
</div> </nav>
</header>
<main> <main>
${content} ${content}
</main> </main>

View File

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