Header title, and minor css
This commit is contained in:
parent
e3497c1b9f
commit
614c03b1ac
@ -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;
|
||||||
|
}
|
||||||
@ -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();
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user