From 83e062b63a66fc15981840ac6f40f84e14bf9485 Mon Sep 17 00:00:00 2001
From: Joshua Killen <45966243+joshua-killen@users.noreply.github.com>
Date: Fri, 17 Apr 2020 08:17:05 +0100
Subject: [PATCH] addition of javascript and css webpages
---
main.css | 4 +
website_design/css/css.html | 113 +++++++++++-------
.../html.css => css/css_assets/css.css} | 0
.../html.js => css/css_assets/css.js} | 0
website_design/html/html.html | 91 --------------
website_design/javascript/javascript.html | 103 ++++++++++------
.../javascript_assets/javascript.css | 16 +++
.../javascript_assets/javascript.js | 17 +++
8 files changed, 174 insertions(+), 170 deletions(-)
rename website_design/{html/html_assets/html.css => css/css_assets/css.css} (100%)
rename website_design/{html/html_assets/html.js => css/css_assets/css.js} (100%)
delete mode 100644 website_design/html/html.html
create mode 100644 website_design/javascript/javascript_assets/javascript.css
create mode 100644 website_design/javascript/javascript_assets/javascript.js
diff --git a/main.css b/main.css
index 216b188..915bd2a 100644
--- a/main.css
+++ b/main.css
@@ -27,6 +27,10 @@ p {
font-size: 1.5vw;
}
+summary {
+ font-size: 2vw
+}
+
.footer {
background-color: #0d0d0d;
padding-top: 25px;
diff --git a/website_design/css/css.html b/website_design/css/css.html
index 089d4eb..dc17985 100644
--- a/website_design/css/css.html
+++ b/website_design/css/css.html
@@ -1,58 +1,91 @@
-
+
+
+
+
-
-
-
- Web Design-CSS: Z14IT-Internet Fundamentals
- 
- 
-
-
+
+
+ Web Design-HTML: Z14IT-Internet Fundamentals
-
- Internet Fundamentals
+
+ 
+ 
+
+
+
+
+ HTML Quick Reference Guide
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/website_design/html/html_assets/html.css b/website_design/css/css_assets/css.css
similarity index 100%
rename from website_design/html/html_assets/html.css
rename to website_design/css/css_assets/css.css
diff --git a/website_design/html/html_assets/html.js b/website_design/css/css_assets/css.js
similarity index 100%
rename from website_design/html/html_assets/html.js
rename to website_design/css/css_assets/css.js
diff --git a/website_design/html/html.html b/website_design/html/html.html
deleted file mode 100644
index 787cac5..0000000
--- a/website_design/html/html.html
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Web Design-HTML: Z14IT-Internet Fundamentals
-
-
-
-
-
-
-
-
-
- HTML Quick Reference Guide
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/website_design/javascript/javascript.html b/website_design/javascript/javascript.html
index 2ddede6..4587a34 100644
--- a/website_design/javascript/javascript.html
+++ b/website_design/javascript/javascript.html
@@ -1,58 +1,83 @@
-
+
+
+
+
-
-
+
+
Web Design-JavaScript: Z14IT-Internet Fundamentals
-
-
-
-
-
-
- Internet Fundamentals
+
+
+ Javascript Quick Reference Guide
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/website_design/javascript/javascript_assets/javascript.css b/website_design/javascript/javascript_assets/javascript.css
new file mode 100644
index 0000000..4fc2ca0
--- /dev/null
+++ b/website_design/javascript/javascript_assets/javascript.css
@@ -0,0 +1,16 @@
+#searchInput {
+ width: 99%;
+ font-size: 1.5vw;
+ border: 1px solid black;
+ margin-bottom: 1vh;
+}
+
+#referenceList {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+#referenceList li details {
+
+}
\ No newline at end of file
diff --git a/website_design/javascript/javascript_assets/javascript.js b/website_design/javascript/javascript_assets/javascript.js
new file mode 100644
index 0000000..17890ff
--- /dev/null
+++ b/website_design/javascript/javascript_assets/javascript.js
@@ -0,0 +1,17 @@
+function search() {
+ var input, filter, list, listElement, details, i, txtValue;
+ input = document.getElementById('searchInput');
+ filter = input.value.toUpperCase();
+ list = document.getElementById("referenceList");
+ listElement = list.getElementsByTagName('li');
+
+ for (i = 0; i < listElement.length; i++) {
+ details = listElement[i].getElementsByTagName("details")[0];
+ txtValue = details.textContent || details.innerText;
+ if (txtValue.toUpperCase().indexOf(filter) > -1) {
+ listElement[i].style.display = "";
+ } else {
+ listElement[i].style.display = "none";
+ }
+ }
+}