kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.gitignore pycache + basic web layout

Browse Source
This commit is contained in:
Kenneth Jao 2018-01-20 19:37:14 -05:00
parent 01ebbacb01
commit bcd7b5a2b7
5 changed files with 137 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
SmearcarDB/.gitignore vendored
View File

@ -1,2 +1,3 @@
*.p *.p
venv venv
__pycache__/

4
SmearcarDB/static/font-awesome.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

87
SmearcarDB/static/index.css Normal file
View File

@ -0,0 +1,87 @@
html {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Open Sans Condensed', sans-serif;
color: white;
display: grid;
grid-template-columns: 13% auto;
grid-template-rows: 8% auto;
}
h1,h2,h3,h4,h5,p {
margin: 0;
}
.colorFade {
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
#header1 {
grid-column: 1;
grid-row: 1;
background-color: #F47922;
text-align: center;
cursor: pointer;
display: grid;
}
#header1 h1 {
margin: auto 0 auto 0;
font-weight: 300;
}
#header1:hover {
background-color: #F88A3C;
}
#header2 {
grid-column: 2;
grid-row: 1;
background-color: #524948;
}
#sidebar {
grid-column: 1;
grid-row: 2;
background-color: #524948;
}
.navi {
width: 100%;
height: 6vh;
cursor: pointer;
display: grid;
grid-template-columns: 1fr 3fr 7fr;
}
.navi:hover {
background-color: rgba(255,255,255,0.1);
}
.navi i {
grid-column: 2;
text-align: center;
margin: auto 0 auto 0;
font-size: 130%;
}
.navi p {
grid-column: 3;
margin: auto 0 auto 0;
font-size: 110%;
}
#mainContainer {
grid-column: 2;
grid-row: 2;
background-color: #FEFEFF;
}

20
SmearcarDB/static/index.js Normal file
View File

@ -0,0 +1,20 @@
var navi = [ // Array containing navigation items in form [Font-Awesome class name, Display Text].
["bar-chart", "Data Values"],
["database", "Database and Files"],
["bell", "Updates and Progress"]
];
for(var i = 0; i < navi.length; i++) { // Create navigation tabs.
var side = document.getElementById("sidebar");
var div = document.createElement("div");
div.className = "navi colorFade";
var ic = document.createElement("i");
ic.className = "fa fa-"+navi[i][0];
ic["aria-hidden"] = true;
var p = document.createElement("p");
p.appendChild(document.createTextNode(navi[i][1]));
div.appendChild(ic);
div.appendChild(p);
side.appendChild(div);
}

24
SmearcarDB/templates/index.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>SmearcarDB</title>
<link rel="icon" href="{{ url_for('static', filename='resources/ico/favicon.png') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<div id="header1" class="colorFade">
<h1>/smirkär/</h1>
</div>
<div id="header2">
</div>
<div id="sidebar">
</div>
<div id="mainContainer">
</div>
</body>
<script src="{{ url_for('static', filename='index.js') }}"></script>
<script src="https://use.fontawesome.com/c8d5486cd8.js"></script>
</html>