th3r00t/pyShelf
1
0
Fork 0
mirror of https://github.com/th3r00t/pyShelf.git synced 2026-04-28 01:59:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Refactor for templating

Browse Source
This commit is contained in:
Mike Young
2019-11-17 09:39:31 -05:00
parent 06a1080352
commit 99cdc60c47
4 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
app/static/css/main.css
View File

@@ -1,69 +0,0 @@
body{
margin: 0px 10px 0px 10px;
padding: 0px;
background-color: #DCDCDD;
color: #46494C
}
#app{
display: grid;
grid-template-areas: "app_header"
"app_body"
"app_footer";
grid-template-rows: 5vh 90vh 5vh;
max-height: 100%
}
.app_header{
grid-area: app_header;
display: grid;
grid-template-areas: "title slogan";
align-items: center;
}
.app_hdr{
grid-area: title;
margin: 0px;
font-family: 'Audiowide', cursive;
font-size: 25px;
text-align: start;
}
.shadow{
text-shadow: #4c5c68 -5px 3px 5px;
}
.app_subhdr{
grid-area: slogan;
margin: 0px;
font-family: 'Audiowide', cursive;
font-size: 18px;
text-shadow: #4c5c68 -5px 3px 5px;
text-align: end;
}
.app_body{
display: grid;
grid-area: app_body;
grid-template-columns: 20% 80%;
grid-template-areas: "left_col shelf";
}
.app_footer{
grid-area: app_footer;
}
.left_col{
grid-area: left_col
}
.shelf{
grid-area: shelf;
margin: 0px auto 0px auto;
}
.shelf_contents{
display: flex;
flex-direction: column;
flex: 1;
}
.right_col{
grid-area: right_col
}
.python_logo{
}
#python_logo{
height: 50px;
width: 91px;
}

BIN
app/static/img/py.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

BIN
app/static/img/shelf.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

32
app/static/index.html
View File

@@ -1,32 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="/css/main.css" />
<title>pyShelf E-Book Server</title>
<link href="https://fonts.googleapis.com/css?family=Audiowide&display=swap" rel="stylesheet">
</head>
<body>
<div id="app">
<div class="app_header" >
<h1 class="app_hdr shadow">pyShelf</h1>
<h2 class="app_subhdr shadow">Open Source E-book Server</h2>
</div>
<div class="app_body" >
<div class="left_col">
left_col
</div>
<div class="shelf">
<div class="shelf_contents" >Shelf</div>
</div>
</div>
<div class="app_footer" >
<div class="python_logo" >
<img src="/img/py.png" id="python_logo" />
</div>
</div>
</div>
</body>
</html>