Improve styling
This commit is contained in:
@@ -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">← Back</a>
|
||||
<span id="path">${path}</span>
|
||||
</header>
|
||||
<main>
|
||||
${content}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
19
templates/file.html
Normal file
19
templates/file.html
Normal 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">← Back</a>
|
||||
<span id="path">${path}</span>
|
||||
</header>
|
||||
<main>
|
||||
<h1>${title}<h1>
|
||||
${content}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user