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 {
display:grid;
grid-template-columns: 80% 10% 10%;
grid-template-columns: 20% 60% 10% 10%;
grid-template-rows: 100%;
}
@ -373,13 +373,13 @@ a {
display: grid;
grid-template-columns: 70% 20%;
grid-template-rows: 100%;
grid-column: 3;
grid-column: 4;
grid-row: 1;
cursor: pointer;
}
#addUpdateButton {
grid-column: 2;
grid-column: 3;
}
#signIn:hover, #addUserButton:hover, #addUpdateButton:hover, #writePostButton:hover {
@ -426,3 +426,10 @@ a {
outline: 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");
}
document.querySelectorAll("#editLanguagePhonemes textarea")[0].value = str;
//modal("editLanguage", true);
},
structure: {
width: "20%",
@ -153,8 +152,6 @@ var modals = [
},
];
function Rnd(item,fig) {
if(varType(item) === "Array") {
var arr = [];
@ -213,6 +210,7 @@ function updateMain(op) { // Updates the actual page.
}
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 newNav = document.querySelectorAll("[option=" + op + "]")[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 a = document.createElement("a");
p2.appendChild(document.createTextNode("Source: "));
if(langInfo.source === null) {
if(langInfo.source === undefined) {
p2.appendChild(document.createTextNode("N/A"));
} else if(langInfo.source.length > 0) {
a.href = langInfo.source;
@ -1051,6 +1049,8 @@ modals[4].submitClick = function() {
);
};
getData();
homeCards();
createNav();

View File

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