Improve styling

This commit is contained in:
Augusto Gunsch
2022-01-14 21:32:43 -03:00
parent ce606d614e
commit 46afde26d6
6 changed files with 87 additions and 14 deletions

View File

@@ -6,7 +6,13 @@
<title>${title}</title>
</head>
<body>
<a href="../index.html">Back</a>
<header>
<h1 id="cabinet">Cabinet file manager</h1>
<a id="back" href="../index.html">&larr; Back</a>
<span id="path">${path}</span>
</header>
<main>
${content}
</main>
</body>
</html>

19
templates/file.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="stylesheet.css"/>
<title>${title}</title>
</head>
<body>
<header>
<h1 id="cabinet">Cabinet file manager</h1>
<a id="back" href="index.html">&larr; Back</a>
<span id="path">${path}</span>
</header>
<main>
<h1>${title}<h1>
${content}
</main>
</body>
</html>

View File

@@ -1,3 +1,37 @@
body {
background-color: yellow
background-color: black;
color: white;
margin: 0;
}
header {
background-color: #232323;
padding: 1em;
}
a {
text-decoration: none;
color: #3b7fdd;
}
#back {
background-color: #3b7fdd;
color: black;
padding: .4em;
border-radius: 3px;
}
#path {
margin-left: 1em;
}
#cabinet {
margin-top: 0;
}
main {
margin: 2em;
width: 60%;
margin-left: 20%;
text-align: justify;
}