addition of javascript and css webpages
This commit is contained in:
Joshua Killen
parent
4e7c1e7279
commit
83e062b63a
4
main.css
4
main.css
|
|
@ -27,6 +27,10 @@ p {
|
||||||
font-size: 1.5vw;
|
font-size: 1.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
font-size: 2vw
|
||||||
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background-color: #0d0d0d;
|
background-color: #0d0d0d;
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
|
|
|
||||||
|
|
@ -1,58 +1,91 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
||||||
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
||||||
<meta name="author" content="Joshua Killen">
|
<meta name="author" content="Joshua Killen">
|
||||||
<meta http-equiv="refresh" content="60">
|
<meta http-equiv="refresh" content="60">
|
||||||
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
|
||||||
|
<base target ="_self">
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../main.css" type="text/css">
|
<link rel="stylesheet" href="../../main.css" type="text/css">
|
||||||
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="html_assets/html.css" type="text/css">
|
||||||
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
||||||
|
<script src="html_assets/html.js"></script>
|
||||||
<base href="css_assets/" target ="_self">
|
|
||||||
|
|
||||||
<title>Web Design-CSS: Z14IT-Internet Fundamentals</title>
|
|
||||||
<img src="../../../sitewide_assets/logo.gif" alt="JKLearns">
|
|
||||||
<img class="uniLogo" src="../../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59" align="right">
|
|
||||||
|
|
||||||
<div class="navBar" id="navBar">
|
|
||||||
<a href="../../../home/home.html">Home</a>
|
|
||||||
<a href="">Evolution of The Internet</a>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
|
||||||
<div class="networkDrop-content" id="networkDrop">
|
|
||||||
<a href="../../../networking/osi_model/osi_model.html">OSI Model</a>
|
|
||||||
<a href="../../../networking/routing/routing.html">Routing</a>
|
|
||||||
<a href="../../../networking/internet_protocols/ip.html">Internet Protocols</a>
|
|
||||||
<a href="../../../networking/ipv4/ipv4.html">IPv4</a>
|
|
||||||
<a href="../../../networking/ipv6/ipv6.html">IPv6</a>
|
|
||||||
<a href="../../../networking/tcp/tcp.html">TCP</a>
|
|
||||||
<a href="../../../networking/udp/udp.html">UDP</a>
|
|
||||||
<a href="../../../networking/internet_name_resolution/inr.html">Internet Name Resolution</a>
|
|
||||||
<a href="../../../networking/pop/pop.html">PoP</a>
|
|
||||||
<a href="../../../networking/dns/dns.html">DNS</a>
|
|
||||||
<a href="../../../networking/dchp/dchp.html">DCHP</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
|
||||||
<div class="webDrop-content" id="webDrop">
|
|
||||||
<a href="../../html/html.html">HTML</a>
|
|
||||||
<a class="active" href="../css.html">CSS</a>
|
|
||||||
<a href="../../javascript/javascript.html">JavaScript</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="">Contact</a>
|
|
||||||
<a href="">About</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Web Design-HTML: Z14IT-Internet Fundamentals</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Internet Fundamentals</h1>
|
<header>
|
||||||
|
<img src="../../sitewide_assets/logo.gif" alt="JKLearns">
|
||||||
|
<img class="uniLogo" src="../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59" align="right">
|
||||||
|
|
||||||
|
<div class="navBar" id="navBar">
|
||||||
|
<a href="../../home/home.html">Home</a>
|
||||||
|
<a href="">Evolution of The Internet</a>
|
||||||
|
<div class="dropDown">
|
||||||
|
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
||||||
|
<div class="networkDrop-content" id="networkDrop">
|
||||||
|
<a href="../../networking/osi_model/osi_model.html">OSI Model</a>
|
||||||
|
<a href="../../networking/routing/routing.html">Routing</a>
|
||||||
|
<a href="../../networking/internet_protocols/ip.html">Internet Protocols</a>
|
||||||
|
<a href="../../networking/ipv4/ipv4.html">IPv4</a>
|
||||||
|
<a href="../../networking/ipv6/ipv6.html">IPv6</a>
|
||||||
|
<a href="../../networking/tcp/tcp.html">TCP</a>
|
||||||
|
<a href="../../networking/udp/udp.html">UDP</a>
|
||||||
|
<a href="../../networking/internet_name_resolution/inr.html">Internet Name Resolution</a>
|
||||||
|
<a href="../../networking/pop/pop.html">PoP</a>
|
||||||
|
<a href="../../networking/dns/dns.html">DNS</a>
|
||||||
|
<a href="../../networking/dchp/dchp.html">DCHP</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropDown">
|
||||||
|
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
||||||
|
<div class="webDrop-content" id="webDrop">
|
||||||
|
<a class="active" href="../html.html">HTML</a>
|
||||||
|
<a href="../../css/css.html">CSS</a>
|
||||||
|
<a href="../../javascript/javascript.html">JavaScript</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="../../contact/contact.html">Contact</a>
|
||||||
|
<a href="../../about/about.html">About</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<h1><abbr title="HyperText Markup Language">HTML</abbr> Quick Reference Guide</h1>
|
||||||
|
|
||||||
|
<input type="text" id="searchInput" onkeyup="search()" placeholder="Search for tag...">
|
||||||
|
|
||||||
|
<ul id="referenceList">
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
</ul>
|
||||||
|
<footer>
|
||||||
|
<div class="footer">
|
||||||
|
<a class="about" href="../../../about/about.html">About the Website</a><br>
|
||||||
|
<a href="../../sitewide_assets/bibliography.pdf" download="KILLEN_Joshua_Bibliography" target="_blank">Bibliography</a><br>
|
||||||
|
<a class="contact" href="../../../contact/contact.html">Contact Us</a><br>
|
||||||
|
<a class="sitemap" href="">Sitemap</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,91 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
|
||||||
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
|
||||||
<meta name="author" content="Joshua Killen">
|
|
||||||
<meta http-equiv="refresh" content="60">
|
|
||||||
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
|
||||||
<meta charset="utf-8">
|
|
||||||
|
|
||||||
<base target ="_self">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../main.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="html_assets/html.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
|
||||||
<script src="html_assets/html.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<title>Web Design-HTML: Z14IT-Internet Fundamentals</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<img src="../../sitewide_assets/logo.gif" alt="JKLearns">
|
|
||||||
<img class="uniLogo" src="../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59" align="right">
|
|
||||||
|
|
||||||
<div class="navBar" id="navBar">
|
|
||||||
<a href="../../home/home.html">Home</a>
|
|
||||||
<a href="">Evolution of The Internet</a>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
|
||||||
<div class="networkDrop-content" id="networkDrop">
|
|
||||||
<a href="../../networking/osi_model/osi_model.html">OSI Model</a>
|
|
||||||
<a href="../../networking/routing/routing.html">Routing</a>
|
|
||||||
<a href="../../networking/internet_protocols/ip.html">Internet Protocols</a>
|
|
||||||
<a href="../../networking/ipv4/ipv4.html">IPv4</a>
|
|
||||||
<a href="../../networking/ipv6/ipv6.html">IPv6</a>
|
|
||||||
<a href="../../networking/tcp/tcp.html">TCP</a>
|
|
||||||
<a href="../../networking/udp/udp.html">UDP</a>
|
|
||||||
<a href="../../networking/internet_name_resolution/inr.html">Internet Name Resolution</a>
|
|
||||||
<a href="../../networking/pop/pop.html">PoP</a>
|
|
||||||
<a href="../../networking/dns/dns.html">DNS</a>
|
|
||||||
<a href="../../networking/dchp/dchp.html">DCHP</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
|
||||||
<div class="webDrop-content" id="webDrop">
|
|
||||||
<a class="active" href="../html.html">HTML</a>
|
|
||||||
<a href="../../css/css.html">CSS</a>
|
|
||||||
<a href="../../javascript/javascript.html">JavaScript</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="../../contact/contact.html">Contact</a>
|
|
||||||
<a href="../../about/about.html">About</a>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<h1>HTML Quick Reference Guide</h1>
|
|
||||||
|
|
||||||
<input type="text" id="searchInput" onkeyup="search()" placeholder="Search for tag...">
|
|
||||||
|
|
||||||
<ul id="referenceList">
|
|
||||||
<li><details>
|
|
||||||
<summary></summary>
|
|
||||||
<p></p>
|
|
||||||
</details></li>
|
|
||||||
<li><details>
|
|
||||||
<summary></summary>
|
|
||||||
<p></p>
|
|
||||||
</details></li>
|
|
||||||
<li><details>
|
|
||||||
<summary></summary>
|
|
||||||
<p></p>
|
|
||||||
</details></li>
|
|
||||||
<li><details>
|
|
||||||
<summary></summary>
|
|
||||||
<p></p>
|
|
||||||
</details></li>
|
|
||||||
</ul>
|
|
||||||
<footer>
|
|
||||||
<div class="footer">
|
|
||||||
<a class="about" href="../../../about/about.html">About the Website</a><br>
|
|
||||||
<a href="../../sitewide_assets/bibliography.pdf" download="KILLEN_Joshua_Bibliography" target="_blank">Bibliography</a><br>
|
|
||||||
<a class="contact" href="../../../contact/contact.html">Contact Us</a><br>
|
|
||||||
<a class="sitemap" href="">Sitemap</a>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,58 +1,83 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
||||||
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
||||||
<meta name="author" content="Joshua Killen">
|
<meta name="author" content="Joshua Killen">
|
||||||
<meta http-equiv="refresh" content="60">
|
<meta http-equiv="refresh" content="60">
|
||||||
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
|
||||||
|
<base target ="_self">
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../main.css" type="text/css">
|
<link rel="stylesheet" href="../../main.css" type="text/css">
|
||||||
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="javascript_assets/javascript.css" type="text/css">
|
||||||
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
||||||
|
<script src="javascript_assets/javascript.js"></script>
|
||||||
<base href="css_assets/" target ="_self">
|
|
||||||
|
|
||||||
<title>Web Design-JavaScript: Z14IT-Internet Fundamentals</title>
|
<title>Web Design-JavaScript: Z14IT-Internet Fundamentals</title>
|
||||||
<img src="../../../sitewide_assets/logo.gif" alt="JKLearns">
|
|
||||||
<img class="uniLogo" src="../../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59" align="right">
|
|
||||||
|
|
||||||
<div class="navBar" id="navBar">
|
|
||||||
<a href="../../../home/home.html">Home</a>
|
|
||||||
<a href="">Evolution of The Internet</a>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
|
||||||
<div class="networkDrop-content" id="networkDrop">
|
|
||||||
<a href="../../../networking/osi_model/osi_model.html">OSI Model</a>
|
|
||||||
<a href="../../../networking/routing/routing.html">Routing</a>
|
|
||||||
<a href="../../../networking/internet_protocols/ip.html">Internet Protocols</a>
|
|
||||||
<a href="../../../networking/ipv4/ipv4.html">IPv4</a>
|
|
||||||
<a href="../../../networking/ipv6/ipv6.html">IPv6</a>
|
|
||||||
<a href="../../../networking/tcp/tcp.html">TCP</a>
|
|
||||||
<a href="../../../networking/udp/udp.html">UDP</a>
|
|
||||||
<a href="../../../networking/internet_name_resolution/inr.html">Internet Name Resolution</a>
|
|
||||||
<a href="../../../networking/pop/pop.html">PoP</a>
|
|
||||||
<a href="../../../networking/dns/dns.html">DNS</a>
|
|
||||||
<a href="../../../networking/dchp/dchp.html">DCHP</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropDown">
|
|
||||||
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
|
||||||
<div class="webDrop-content" id="webDrop">
|
|
||||||
<a href="../../html/html.html">HTML</a>
|
|
||||||
<a href="../../css/css.html">CSS</a>
|
|
||||||
<a class="active" href="../javascript.html">JavaScript</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="../../../contact/contact.html">Contact</a>
|
|
||||||
<a href="../../../about/about.html">About</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Internet Fundamentals</h1>
|
<header>
|
||||||
|
<img src="../../sitewide_assets/logo.gif" alt="JKLearns">
|
||||||
|
<img class="uniLogo" src="../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59">
|
||||||
|
|
||||||
|
<nav class="navBar" id="navBar">
|
||||||
|
<a href="../../home/home.html">Home</a>
|
||||||
|
<a href="../../evolution_of_the_internet/eoti.html">Evolution of The Internet</a>
|
||||||
|
<div class="dropDown">
|
||||||
|
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
||||||
|
<div class="networkDrop-content" id="networkDrop">
|
||||||
|
<a class="active" href="../../networking/networking.html">Fundamentals</a>
|
||||||
|
<a href="../../internet_protocol/internet_protocol.html">Internet Protocol</a>
|
||||||
|
<a href="../../osi_model/osi_model.html">OSI Model</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropDown">
|
||||||
|
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
||||||
|
<div class="webDrop-content" id="webDrop">
|
||||||
|
<a href="../../website_design/html/html.html">HTML</a>
|
||||||
|
<a href="../../website_design/css/css.html">CSS</a>
|
||||||
|
<a href="../../website_design/javascript/javascript.html">JavaScript</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="../../contact/contact.html">Contact</a>
|
||||||
|
<a href="../../about/about.html">About</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<h1>Javascript Quick Reference Guide</h1>
|
||||||
|
|
||||||
|
<input type="text" id="searchInput" onkeyup="search()" placeholder="Search for tag...">
|
||||||
|
|
||||||
|
<ul id="referenceList">
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
<li><details>
|
||||||
|
<summary></summary>
|
||||||
|
<p></p>
|
||||||
|
</details></li>
|
||||||
|
</ul>
|
||||||
|
<footer>
|
||||||
|
<div class="footer">
|
||||||
|
<a class="about" href="../../../about/about.html">About the Website</a><br>
|
||||||
|
<a href="../../sitewide_assets/bibliography.pdf" download="KILLEN_Joshua_Bibliography" target="_blank">Bibliography</a><br>
|
||||||
|
<a class="contact" href="../../../contact/contact.html">Contact Us</a><br>
|
||||||
|
<a class="sitemap" href="">Sitemap</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -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 {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -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";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue