From 8b28471080c9b7711f9f752a874c679a64d98fc5 Mon Sep 17 00:00:00 2001 From: Nicholas Pease Date: Thu, 24 Jun 2021 23:20:49 -0400 Subject: [PATCH] Initial Project Explorer Additions --- Home.css | 6 +- Home.html | 7 +- index.html | 7 +- project_explorer/images/android-desktop.png | Bin 0 -> 5530 bytes project_explorer/images/dog.png | Bin 0 -> 8691 bytes project_explorer/images/favicon.png | Bin 0 -> 404 bytes project_explorer/images/ios-desktop.png | Bin 0 -> 701 bytes project_explorer/images/user.jpg | Bin 0 -> 6961 bytes project_explorer/index.html | 100 +++++++++ project_explorer/script.js | 65 ++++++ project_explorer/style.css | 10 + project_explorer/styles.css | 215 ++++++++++++++++++++ 12 files changed, 401 insertions(+), 9 deletions(-) create mode 100644 project_explorer/images/android-desktop.png create mode 100644 project_explorer/images/dog.png create mode 100644 project_explorer/images/favicon.png create mode 100644 project_explorer/images/ios-desktop.png create mode 100644 project_explorer/images/user.jpg create mode 100644 project_explorer/index.html create mode 100644 project_explorer/script.js create mode 100644 project_explorer/style.css create mode 100644 project_explorer/styles.css diff --git a/Home.css b/Home.css index 59bb989..da54014 100644 --- a/Home.css +++ b/Home.css @@ -134,6 +134,7 @@ .u-section-2 .u-icon-1 { height: 100%; + color: rgb(255, 255, 255) !important; } .u-section-2 .u-icon-2 { @@ -146,7 +147,6 @@ .u-section-2 .u-icon-4 { height: 100%; - color: rgb(255, 255, 255) !important; } .u-section-2 .u-layout-cell-2 { @@ -193,6 +193,10 @@ margin-left: 78px; } + .u-section-2 .u-icon-4 { + color: rgb(255, 255, 255) !important; + } + .u-section-2 .u-layout-cell-2 { min-height: 663px; } diff --git a/Home.html b/Home.html index 33a807a..b060053 100644 --- a/Home.html +++ b/Home.html @@ -50,8 +50,7 @@
- + - @@ -96,7 +95,7 @@

Project's and Software

My projects and software programs. This leads to my projects and software portal.

- Access + Access
diff --git a/index.html b/index.html index 5ea4434..5a6481c 100644 --- a/index.html +++ b/index.html @@ -50,8 +50,7 @@
- + - @@ -96,7 +95,7 @@

Project's and Software

My projects and software programs. This leads to my projects and software portal.

- Access + Access
diff --git a/project_explorer/images/android-desktop.png b/project_explorer/images/android-desktop.png new file mode 100644 index 0000000000000000000000000000000000000000..f30600e12c80fd79216f97c3d99139a11f5c457d GIT binary patch literal 5530 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 literal 0 HcmV?d00001 diff --git a/project_explorer/images/dog.png b/project_explorer/images/dog.png new file mode 100644 index 0000000000000000000000000000000000000000..1d08cca40fd80cf9efe7443e200dba9d406925a7 GIT binary patch literal 8691 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 R07?J=002ovPDHLkV1mG3+2a5J literal 0 HcmV?d00001 diff --git a/project_explorer/images/favicon.png b/project_explorer/images/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..11ec0b532da3964a7499391cab80d6f6c03be286 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy-T^)#u0R?B6ciMc^vzWb%~g%e zRE#WCjm%XH&DDTh2x$alSg09UsDVkJuxP)C*wFaoH5)f?*|~fFp(Br;Jl(x0$^mGW zU`dc)FaskKhfQ!cWjp0G-|~{wp!bCn z>(s4cmUaJqn`C`-AJ6XC$GtYSAmd1D;P}q99`njxgN@xNAvl^4g literal 0 HcmV?d00001 diff --git a/project_explorer/images/ios-desktop.png b/project_explorer/images/ios-desktop.png new file mode 100644 index 0000000000000000000000000000000000000000..ac65454b322762f21155694988b209838f7a233a GIT binary patch literal 701 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 literal 0 HcmV?d00001 diff --git a/project_explorer/index.html b/project_explorer/index.html new file mode 100644 index 0000000..7ae9589 --- /dev/null +++ b/project_explorer/index.html @@ -0,0 +1,100 @@ + + + + + + + + + + Material Design Lite + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Project Explorer +
+
+
+
+
+ Menu +
+ +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/project_explorer/script.js b/project_explorer/script.js new file mode 100644 index 0000000..f3e20ed --- /dev/null +++ b/project_explorer/script.js @@ -0,0 +1,65 @@ +function onLoad() { + startFirebase("active") + displayProjects("all") +} + +function displayProjects(status) { + document.getElementById("projects").innerHTML = "" + database = firebase.database().ref("projects"); + database.once('value', function (snapshot) { + snapshot.forEach(function (child) { + firebase.database().ref("projects/" + child["key"]).on('value', function (data) { + var data1 = data.val(); + var a = document.createElement("div") + if (data1["link"] == "") { + a.innerHTML = '

' + data1["title"].replace(/,/g, ".") + '
' + data1["status"] + '

' + data1["description"] + '
' + //a.innerHTML = "
" + data1["title"].replace(/,/g, ".") + "
" + data1["status"] + "
" + data1["description"] + "" + } else { + a.innerHTML = '

' + data1["title"].replace(/,/g, ".") + '
' + data1["status"] + '

' + data1["description"] + '
See More
' + // a.innerHTML = "
" + data1["title"].replace(/,/g, ".") + "
" + data1["status"] + "
" + data1["description"] + "" + } + + if (status === "all") { + document.getElementById("projects").appendChild(a) + } else if (data1["status"] === status) { + document.getElementById("projects").appendChild(a) + } + }) + }) + }); +} + +// Starts Firebase +function startFirebase() { + // Initialize Firebase + var config = { + apiKey: "AIzaSyBG5-wv3bpeiUjR6BH5GXamqPlH1arXt8Y", + authDomain: "homepage-projects-3d870.firebaseapp.com", + databaseURL: "https://homepage-projects-3d870.firebaseio.com", + projectId: "homepage-projects-3d870", + storageBucket: "homepage-projects-3d870.appspot.com", + messagingSenderId: "487531629040" + }; + firebase.initializeApp(config); +} + +// Firebase Interaction Scripts +function readData(ref, callback) { + var nextformation = firebase.database().ref(ref); + nextformation.on("value", function (data) { + var array = data.val(); + callback(array) + }); +} +// global read data and place on page function +function setData(ref, element, read1) { + var array = readData(ref, function (array) { + document.getElementById(element).innerHTML = array[read1] + }); +} + +// Firebase Interaction Scripts +function sendData(ref, data) { + var database = firebase.database(); + firebase.database().ref(ref).set(data); +} \ No newline at end of file diff --git a/project_explorer/style.css b/project_explorer/style.css new file mode 100644 index 0000000..2b21250 --- /dev/null +++ b/project_explorer/style.css @@ -0,0 +1,10 @@ +.project-card { + width: 98.5%; + margin: 10px; +} + +.active {color: green;} +.inactive {color: orange;} +.canceled {color: red;} +.depracated {color: yellow;} +.hidden {display: none;} \ No newline at end of file diff --git a/project_explorer/styles.css b/project_explorer/styles.css new file mode 100644 index 0000000..7e0dc36 --- /dev/null +++ b/project_explorer/styles.css @@ -0,0 +1,215 @@ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +html, body { + font-family: 'Roboto', 'Helvetica', sans-serif; +} +.demo-avatar { + width: 48px; + height: 48px; + border-radius: 24px; +} +.demo-layout .mdl-layout__header .mdl-layout__drawer-button { + color: rgba(0, 0, 0, 0.54); +} +.mdl-layout__drawer .avatar { + margin-bottom: 16px; +} +.demo-drawer { + border: none; +} +/* iOS Safari specific workaround */ +.demo-drawer .mdl-menu__container { + z-index: -1; +} +.demo-drawer .demo-navigation { + z-index: -2; +} +/* END iOS Safari specific workaround */ +.demo-drawer .mdl-menu .mdl-menu__item { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.demo-drawer-header { + box-sizing: border-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 16px; + height: 151px; +} +.demo-avatar-dropdown { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} + +.demo-navigation { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.demo-layout .demo-navigation .mdl-navigation__link { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: rgba(255, 255, 255, 0.56); + font-weight: 500; +} +.demo-layout .demo-navigation .mdl-navigation__link:hover { + background-color: #00BCD4; + color: #37474F; +} +.demo-navigation .mdl-navigation__link .material-icons { + font-size: 24px; + color: rgba(255, 255, 255, 0.56); + margin-right: 32px; +} + +.demo-content { + max-width: 1080px; +} + +.demo-charts { + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.demo-chart:nth-child(1) { + color: #ACEC00; +} +.demo-chart:nth-child(2) { + color: #00BBD6; +} +.demo-chart:nth-child(3) { + color: #BA65C9; +} +.demo-chart:nth-child(4) { + color: #EF3C79; +} +.demo-graphs { + padding: 16px 32px; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +/* TODO: Find a proper solution to have the graphs + * not float around outside their container in IE10/11. + * Using a browserhacks.com solution for now. + */ +_:-ms-input-placeholder, :root .demo-graphs { + min-height: 664px; +} +_:-ms-input-placeholder, :root .demo-graph { + max-height: 300px; +} +/* TODO end */ +.demo-graph:nth-child(1) { + color: #00b9d8; +} +.demo-graph:nth-child(2) { + color: #d9006e; +} + +.demo-cards { + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; +} +.demo-cards .demo-separator { + height: 32px; +} +.demo-cards .mdl-card__title.mdl-card__title { + color: white; + font-size: 24px; + font-weight: 400; +} +.demo-cards ul { + padding: 0; +} +.demo-cards h3 { + font-size: 1em; +} +.demo-updates .mdl-card__title { + min-height: 200px; + background-image: url('images/dog.png'); + background-position: 90% 100%; + background-repeat: no-repeat; +} +.demo-cards .mdl-card__actions a { + color: #00BCD4; + text-decoration: none; +} + +.demo-options h3 { + margin: 0; +} +.demo-options .mdl-checkbox__box-outline { + border-color: rgba(255, 255, 255, 0.89); +} +.demo-options ul { + margin: 0; + list-style-type: none; +} +.demo-options li { + margin: 4px 0; +} +.demo-options .material-icons { + color: rgba(255, 255, 255, 0.89); +} +.demo-options .mdl-card__actions { + height: 64px; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + box-sizing: border-box; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +}