Header title, and minor css

This commit is contained in:
Kenneth Jao 2018-04-19 21:45:56 -04:00
parent e3497c1b9f
commit 614c03b1ac
3 changed files with 16 additions and 8 deletions

View File

@ -365,7 +365,7 @@ a {
#header2 { #header2 {
display:grid; display:grid;
grid-template-columns: 80% 10% 10%; grid-template-columns: 20% 60% 10% 10%;
grid-template-rows: 100%; grid-template-rows: 100%;
} }
@ -373,13 +373,13 @@ a {
display: grid; display: grid;
grid-template-columns: 70% 20%; grid-template-columns: 70% 20%;
grid-template-rows: 100%; grid-template-rows: 100%;
grid-column: 3; grid-column: 4;
grid-row: 1; grid-row: 1;
cursor: pointer; cursor: pointer;
} }
#addUpdateButton { #addUpdateButton {
grid-column: 2; grid-column: 3;
} }
#signIn:hover, #addUserButton:hover, #addUpdateButton:hover, #writePostButton:hover { #signIn:hover, #addUserButton:hover, #addUpdateButton:hover, #writePostButton:hover {
@ -426,3 +426,10 @@ a {
outline: none; outline: none;
resize: none; resize: none;
} }
#headerTitle {
font-size: 200%;
font-weight: 300;
margin: auto 10% auto;
font-family: 'Saira Condensed', sans-serif;
}

View File

@ -63,7 +63,6 @@ var modals = [
str += k[i] + " " + v[i] + ((i === k.length-1) ? "" : "\n"); str += k[i] + " " + v[i] + ((i === k.length-1) ? "" : "\n");
} }
document.querySelectorAll("#editLanguagePhonemes textarea")[0].value = str; document.querySelectorAll("#editLanguagePhonemes textarea")[0].value = str;
//modal("editLanguage", true);
}, },
structure: { structure: {
width: "20%", width: "20%",
@ -153,8 +152,6 @@ var modals = [
}, },
]; ];
function Rnd(item,fig) { function Rnd(item,fig) {
if(varType(item) === "Array") { if(varType(item) === "Array") {
var arr = []; var arr = [];
@ -213,6 +210,7 @@ function updateMain(op) { // Updates the actual page.
} }
function updateNav(op) { // Updates the sidebar navigation. function updateNav(op) { // Updates the sidebar navigation.
document.getElementById("headerTitle").textContent = navi.filter(function(val) { return val[2] === op })[0][1];
var oldNav = document.querySelectorAll("[option=" + navSelect + "]")[0]; var oldNav = document.querySelectorAll("[option=" + navSelect + "]")[0];
var newNav = document.querySelectorAll("[option=" + op + "]")[0]; var newNav = document.querySelectorAll("[option=" + op + "]")[0];
oldNav.style.backgroundColor = "rgba(0,0,0,0)"; oldNav.style.backgroundColor = "rgba(0,0,0,0)";
@ -287,7 +285,7 @@ function generateDropOp() { // For options that change based on data.
var p2 = document.createElement("p"); var p2 = document.createElement("p");
var a = document.createElement("a"); var a = document.createElement("a");
p2.appendChild(document.createTextNode("Source: ")); p2.appendChild(document.createTextNode("Source: "));
if(langInfo.source === null) { if(langInfo.source === undefined) {
p2.appendChild(document.createTextNode("N/A")); p2.appendChild(document.createTextNode("N/A"));
} else if(langInfo.source.length > 0) { } else if(langInfo.source.length > 0) {
a.href = langInfo.source; a.href = langInfo.source;
@ -1051,6 +1049,8 @@ modals[4].submitClick = function() {
); );
}; };
getData(); getData();
homeCards(); homeCards();
createNav(); createNav();

View File

@ -16,10 +16,11 @@
</head> </head>
<body> <body>
<div id="header1" class="transition"> <div id="header1" class="transition" onclick="updateMain('home');">
<h1>/'smi:ɹ̠ka:ɹ̠/</h1> <h1>/'smi:ɹ̠ka:ɹ̠/</h1>
</div> </div>
<div id="header2"> <div id="header2">
<h2 id="headerTitle"></h2>
<div id="addUpdateButton" class="transition"> <div id="addUpdateButton" class="transition">
<p>Update</p> <p>Update</p>
<i class="fa fa-edit"></i> <i class="fa fa-edit"></i>