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 - JKLearns - - - + + + Web Design-HTML: Z14IT-Internet Fundamentals - -

Internet Fundamentals

+
+ JKLearns + + + +
+ +

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 - - -
- JKLearns - - - -
- -

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 - JKLearns - - - - - -

Internet Fundamentals

+
+ JKLearns + + + +
+ +

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"; + } + } +}