npease/lax18.github.io
1
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

CSS Updates and Added Blog

Browse Source
This commit is contained in:
Nicholas Pease
2019-02-14 15:48:48 +00:00
parent aa627bc242
commit f7488a1da2
10 changed files with 197 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+6 -3
View File
@@ -8,7 +8,6 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119545665-1"></script>
</head>
<body onload="onLoad()">
<div id="entirenav">
<div id="navbarlogo">
<img src="img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
</div>
@@ -23,14 +22,18 @@
<li class="nav-bar-li" style="float: right;" id="loginbutton"><a href="javascript:logIn();">Log In</a></li>
</ul>
</div>
</div>
<h2 id="titles">Contact</h2>
<div id="contact-body">
You can contact me through one of two means<br><br><br>
You can contact me through one of three means<br><br><br>
<span id="subtitles" style="font-size: 20;">1. Email</span><br>
You can email me at <a href="mailto:gaminglax18@gmail.com">gaminglax18@gmail.com</a> where it will then be transfered to my actual email (What, you didnt think I would give away my actual email THAT easily :P)<br>
<span id="subtitles" style="font-size: 20;">2. Cemetech PM</span><br>
Dont be afraid to send me a PM if you need anything. Just click <a href="https://www.cemetech.net/forum/privmsg.php?mode=post&u=LAX18">here</a> to send one.
<br><span id="subtitles" style="font-size: 20;">3. Discord</span><br>
<iframe src="https://titanembeds.com/embed/445964074354737153?defaultchannel=445966112006602762&theme=IceWyvern&username=Website%20User" height="600" width="800" frameborder="0"></iframe>
</div>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
css/style.css
+5 -3
View File
@@ -1,8 +1,9 @@
@import url("https://fonts.googleapis.com/css?family=Russo+One");
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');
@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@import url('https://fonts.googleapis.com/css?family=Staatliches');
#titles {font-family: 'Staatliches', cursive;font-size: 18pt;}
#subtitles {font-family: 'Ubuntu', sans-serif;}
@import url('https://fonts.googleapis.com/css?family=Exo');
#titles {font-family: 'Exo', sans-serif;font-size: 18pt;}
#subtitles {font-family: 'Archivo Narrow', sans-serif;}
#logofont {font-family: 'Staatliches', cursive;}
#nav {border-style: solid;border-color: black;}
#contact-body {font-size: 15;}
@@ -22,6 +23,7 @@ li.nav-bar-li:hover{background-color: black;color: white;}
li.nav-bar-li:hover a{background-color: black;color: white;}
body {background-color: white;color: black;font-family: 'Ubuntu', sans-serif;}
table tr.separator { height: 30px; }
separator {height: 30px;}
.active {color: green;}
.inactive {color: orange;}
.canceled {color: red;}
dashboard.html
+49 -1
View File
@@ -12,9 +12,12 @@
<style>
td {text-align: center;}
.tdregular {border-style: solid;border-color: black;}
input[type=text] {border-style: none;border-bottom: 1px solid black;text-align: center}
textarea {width: 75%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; resize: none;}
}
</style>
</head>
<body onload="onLoad();verify();projectList();programList();">
<body onload="onLoad();verify();projectList();programList();blogList();">
<div id="entirenav">
<div id="navbarlogo">
<img src="img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
@@ -146,5 +149,50 @@
</tr>
</tbody>
</table>
<br><br><br>
<table width="100%">
<tr>
<td width="25%" style="border-right-style: solid;border-left-style: solid;border-top-style: solid;border-color: black;">
Blogs
</td>
<td style="border-bottom-style: solid;border-color: black">
</td>
</tr>
</table>
<br>
<table width="100%" >
<tbody>
<tr>
<td class="tdregular">
Add blog:<br><br>
Title:<br>
<input id="new-blog-title" type="text"><br>
Author<br>
<input id="new-blog-author" type="text"><br>
Post:<br>
<textarea id="new-blog-post">
</textarea>
<br>
<input type="button" onclick="submitBlog();" value="Submit">
<br><br>
</td>
<td class="tdregular">
Select Blog to Edit:<br>
<select id="blog-list" onchange="blogOnChange();" onclick="blogOnChange();">
</select><br>
Author<br>
<input id="edit-blog-author" type="text"><br>
Post:<br>
<textarea id="edit-blog-post">
</textarea>
<br>
<input type="button" onclick="editBlog();" value="Submit">
</td>
</tr>
</tbody>
</table>
</body>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</html>
index.html
+12 -6
View File
@@ -8,10 +8,10 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119545665-1"></script>
<script src="js/script.js"></script>
<style>
td {vertical-align: bottom;text-align: center;}
</style>
</head>
<body onload="onLoad()">
<body onload="onLoad();displayBlogs();">
<div id="entirenav">
<div id="navbarlogo">
<img src="img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
@@ -28,9 +28,15 @@
</ul>
</div>
</div>
<h2 id="titles">Welcome to my Website!</h2>
<h3 id="subtitles">Here I will post updates to my various types of programs that I submit</h3>
Please keep in mind that this website is still under construction and will remain that way until I decide to complete it.
<hr>
<div><br>
<div id="titles">Welcome</h2>
<div id="subtitles">This is a place where I showcase my projects, skills, and completed products, as well as me.</h4>
</div><br>
<div id="blogs">
</div>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
js/script.js
+72
View File
@@ -1,3 +1,75 @@
// Display List of Blogs in form
function blogList() {
database = firebase.database().ref("blogs");
database.once('value', function(snapshot) {
snapshot.forEach(function(child) {
var a = document.createElement("option")
a.setAttribute("value",child["key"].replace(/,/g,"."))
a.innerHTML = child["key"].replace(/,/g,".")
document.getElementById("blog-list").appendChild(a)
})
});
blogOnChange();
}
// Add New Blog
function submitBlog() {
var date = new Date();
var data = {
title: document.getElementById("new-blog-title").value.replace(".",","),
author: document.getElementById("new-blog-author").value,
post: document.getElementById("new-blog-post").value,
date: date.toString()
}
firebase.database().ref("blogs/"+document.getElementById("new-blog-title").value.replace(".",",")).set(data)
document.getElementById("new-blog-title").value = '';
document.getElementById("new-blog-post").value = '';
document.getElementById("new-blog-author").value = "";
}
// onChange Page Update
function blogOnChange() {
var title = document.getElementById("blog-list").value
var database = firebase.database().ref("blogs/"+title.replace(/,/g,"."));
database.on('value', function(data) {
var data1 = data.val()
document.getElementById("edit-blog-post").value = data1["post"]
document.getElementById("edit-blog-author").value = data1["author"]
})
}
// Display all blogs
function displayBlogs() {
database = firebase.database().ref("blogs");
database.once('value', function(snapshot) {
snapshot.forEach(function(child) {
firebase.database().ref("blogs/"+child["key"]).on('value', function (data) {
var data1 = data.val();
var a = document.createElement("div")
a.innerHTML = "<div><span id='titles'>"+data1["title"]+"</span><br><span id='subtitles' style='font-size: 13pt;'>"+data1["author"]+", "+data1["date"]+"</span><br><div style='font-size: 13pt;'>"+data1["post"]+"</div></div><br><div id='separator'></div>"
document.getElementById("blogs").appendChild(a)
}
)})
});
}
// Edit Blog Entry
function editBlog() {
var date = new Date();
var data = {
title: document.getElementById("blog-list").value.replace(".",","),
author: document.getElementById("edit-blog-author").value,
post: document.getElementById("edit-blog-post").value,
date: date.toString()
}
firebase.database().ref("blogs/"+document.getElementById("blog-list").value.replace(".",",")).set(data)
document.getElementById("blog-list").value = '';
document.getElementById("edit-blog-author").value = '';
document.getElementById("edit-blog-post").value = '';
}
// Display List of Programs in form
function programList() {
database = firebase.database().ref("programs");
libraries/index.html
+22 -15
View File
@@ -1,6 +1,8 @@
<html>
<head>
<title>LAX18's Homepage</title>
<script src="../js/script.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.8.2/firebase.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="icon" type="image/png" href="https://i.imgur.com/A385G44.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
@@ -9,22 +11,27 @@
td {vertical-align: bottom;text-align: center;}
</style>
</head>
<body>
<div id="entirenav">
<div id="navbarlogo">
<img src="../img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
</div>
<div id="nav">
<ul class="nav-bar">
<li class="nav-bar-li"><a href="../index.html">Home</a></li>
<li class="nav-bar-li"><a href="../programs.html">Programs</a></li>
<li class="nav-bar-li"><a href="../projects.html">Projects</li>
<li class="nav-bar-li"><a href="../contact.html">Contact</a></li>
<li class="nav-bar-li"><a href="../libraries/index.html">Libraries</a></li>
</ul>
</div>
</div>
<body onload="onLoad();">
<div id="entirenav">
<div id="navbarlogo">
<img src="../img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
</div>
<div id="nav">
<ul class="nav-bar" id="nav-bar">
<li class="nav-bar-li"><a href="../index.html">Home</a></li>
<li class="nav-bar-li"><a href="../programs.html">Programs</a></li>
<li class="nav-bar-li"><a href="../projects.html">Projects</a></li>
<li class="nav-bar-li"><a href="../contact.html">Contact</a></li>
<li class="nav-bar-li"><a href="../libraries/index.html">Libraries</a></li>
<li class="nav-bar-li" style="float: right;" id="logoutbutton"><a href='javascript:logOut();'>Log Out</a></li>
<li class="nav-bar-li" style="float: right;" id="loginbutton"><a href="javascript:logIn();">Log In</a></li>
</ul>
</div>
</div>
<span id="titles">NOS ICE Libraries</span><br>
<a href="nosgraphics.html"> - NOS Graphics Library</a>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
libraries/nosgraphics.html
+22 -16
View File
@@ -1,6 +1,8 @@
<html>
<head>
<title>LAX18's Homepage</title>
<script src="../js/script.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.8.2/firebase.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="icon" type="image/png" href="https://i.imgur.com/A385G44.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
@@ -9,21 +11,23 @@
td {vertical-align: bottom;text-align: center;}
</style>
</head>
<body>
<div id="entirenav">
<div id="navbarlogo">
<img src="../img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
</div>
<div id="nav">
<ul class="nav-bar">
<li class="nav-bar-li"><a href="../index.html">Home</a></li>
<li class="nav-bar-li"><a href="../programs.html">Programs</a></li>
<li class="nav-bar-li"><a href="../projects.html">Projects</li>
<li class="nav-bar-li"><a href="../contact.html">Contact</a></li>
<li class="nav-bar-li"><a href="../libraries/index.html">Libraries</a></li>
</ul>
</div>
</div>
<body onload="onLoad();">
<div id="entirenav">
<div id="navbarlogo">
<img src="../img/LAX18.jpeg" width=64><span id="logofont" style="font-size: 68pt;">LAX18's Homepage</span>
</div>
<div id="nav">
<ul class="nav-bar" id="nav-bar">
<li class="nav-bar-li"><a href="../index.html">Home</a></li>
<li class="nav-bar-li"><a href="../programs.html">Programs</a></li>
<li class="nav-bar-li"><a href="../projects.html">Projects</li>
<li class="nav-bar-li"><a href="../contact.html">Contact</a></li>
<li class="nav-bar-li"><a href="../libraries/index.html">Libraries</a></li>
<li class="nav-bar-li" style="float: right;" id="logoutbutton"><a href='javascript:logOut();'>Log Out</a></li>
<li class="nav-bar-li" style="float: right;" id="loginbutton"><a href="javascript:logIn();">Log In</a></li>
</ul>
</div>
</div>
<span id="titles" style="font-size: 20pt;text-align: right">NOS Graphics Library</span>
<p id="titles" >Usage / Installation:</p>
<p>To use this library, download it from **insert link** and transfer the NOSLIB program to your calc. Then, in your header, you want to add the following code:</p>
@@ -321,6 +325,8 @@
<p>Str3 - Overwritten and not restored</p>
<p>Str4 - Overwritten and not restored</p>
<p>G - Overwritten and not restored</p>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
programs.html
+3
View File
@@ -32,5 +32,8 @@ td {border-bottom-style: solid;}
<table id="programs" style="border-style: solid;border-bottom-style: none;border-color: black;" width="100%">
</table>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
projects.html
+3
View File
@@ -30,6 +30,9 @@
<h2 id="titles">Projects</h2>
<div id="projects">
</div>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>
unauthorized.html
+3
View File
@@ -7,5 +7,8 @@
ERROR<br>
UNAUTHORIZED ACCESS
</h1>
<div style="position: fixed;right: 3px;bottom: 3px;background-color: white;font-family: 'Exo', sans-serif;font-size: 14pt;">
&copy; 2019 Nicholas Pease (LAX18)
</div>
</body>
</html>