From e4454be7ae6cf21d16d6bbd8eeb08369e111456c Mon Sep 17 00:00:00 2001 From: RossTheRoss Date: Mon, 22 Feb 2021 15:20:53 -0600 Subject: aaaaaaaaaaaaa --- csci4131/hw3/MyForm.html | 50 ++++++++++++++ csci4131/hw3/carlson.jpg | Bin 0 -> 39588 bytes csci4131/hw3/contacts.js | 8 +++ csci4131/hw3/gophers-mascot.png | Bin 0 -> 82836 bytes csci4131/hw3/johnston.jpg | Bin 0 -> 47355 bytes csci4131/hw3/morrill.jpg | Bin 0 -> 48670 bytes csci4131/hw3/myWidgets.html | 148 ++++++++++++++++++++++++++++++++++++++++ csci4131/hw3/passwordcheck.css | 60 ++++++++++++++++ csci4131/hw3/passwordcheck.js | 42 ++++++++++++ csci4131/hw3/shepherd.jpg | Bin 0 -> 675244 bytes csci4131/hw3/snyder.jpg | Bin 0 -> 45356 bytes csci4131/hw3/style.css | 69 +++++++++++++++++++ csci4131/hw3/walter.jpg | Bin 0 -> 150800 bytes 13 files changed, 377 insertions(+) create mode 100644 csci4131/hw3/MyForm.html create mode 100644 csci4131/hw3/carlson.jpg create mode 100644 csci4131/hw3/contacts.js create mode 100644 csci4131/hw3/gophers-mascot.png create mode 100644 csci4131/hw3/johnston.jpg create mode 100644 csci4131/hw3/morrill.jpg create mode 100644 csci4131/hw3/myWidgets.html create mode 100644 csci4131/hw3/passwordcheck.css create mode 100644 csci4131/hw3/passwordcheck.js create mode 100644 csci4131/hw3/shepherd.jpg create mode 100644 csci4131/hw3/snyder.jpg create mode 100644 csci4131/hw3/style.css create mode 100644 csci4131/hw3/walter.jpg (limited to 'csci4131/hw3') diff --git a/csci4131/hw3/MyForm.html b/csci4131/hw3/MyForm.html new file mode 100644 index 0000000..261d8df --- /dev/null +++ b/csci4131/hw3/MyForm.html @@ -0,0 +1,50 @@ + + + + + + There is no form + + + +
+

Simple Form

+
+

+ + + + + + +

+

+ + +

+
+ diff --git a/csci4131/hw3/carlson.jpg b/csci4131/hw3/carlson.jpg new file mode 100644 index 0000000..d82c37c Binary files /dev/null and b/csci4131/hw3/carlson.jpg differ diff --git a/csci4131/hw3/contacts.js b/csci4131/hw3/contacts.js new file mode 100644 index 0000000..0e9b8bb --- /dev/null +++ b/csci4131/hw3/contacts.js @@ -0,0 +1,8 @@ +function change(big, small, row) { + // document.getElementById("bigboi").src = big; + document.getElementById("smol" + row).src = small; +} +function lucky() { + var image = ["carlson.jpg", "johnston.jpg", "morrill.jpg", "shepherd.jpg", "snyder.jpg", "walter.jpg"]; + document.getElementById("bigboi").src = image[Math.floor(6 * Math.random())]; +} diff --git a/csci4131/hw3/gophers-mascot.png b/csci4131/hw3/gophers-mascot.png new file mode 100644 index 0000000..44e62fa Binary files /dev/null and b/csci4131/hw3/gophers-mascot.png differ diff --git a/csci4131/hw3/johnston.jpg b/csci4131/hw3/johnston.jpg new file mode 100644 index 0000000..b8b7f68 Binary files /dev/null and b/csci4131/hw3/johnston.jpg differ diff --git a/csci4131/hw3/morrill.jpg b/csci4131/hw3/morrill.jpg new file mode 100644 index 0000000..144d458 Binary files /dev/null and b/csci4131/hw3/morrill.jpg differ diff --git a/csci4131/hw3/myWidgets.html b/csci4131/hw3/myWidgets.html new file mode 100644 index 0000000..79fc15e --- /dev/null +++ b/csci4131/hw3/myWidgets.html @@ -0,0 +1,148 @@ + + + + My Widgets + + + + + + + + +

+
+
+ +
+ + +
+ + + +
+ +
+
+ + + +
+
+
+
+
+ + + + diff --git a/csci4131/hw3/passwordcheck.css b/csci4131/hw3/passwordcheck.css new file mode 100644 index 0000000..beceb1c --- /dev/null +++ b/csci4131/hw3/passwordcheck.css @@ -0,0 +1,60 @@ +#password{ + margin: 0; + padding: 0; + font-family: 'Raleway', sans-serif; + font-size: 15px; + line-height: 1.5; +} +#container { + width: 535px; + background: #ffffff; + padding: 20px; + margin: 90px auto; + border-radius: 5px; + height: 150px; + border: 2px solid gray; +} +#header { + text-align: center; + background-color: #FEFFED; + border-radius: 5px; + margin: -39px -20px 10px -20px; +} +.password{ + padding-top: 10px; +} +#content { + margin-left: 57px; + margin-top: 40px; +} +#register label{ + margin-right:5px; +} +#register input { + padding: 5px 14px; + border: 1px solid #d5d9da; + box-shadow: 0 0 9px #0E34F5 inset; + width: 272px; + font-size: 1em; + height: 25px; +} +#register .short{ + font-weight:bold; + color:#FF0000; + font-size:larger; +} +#register .weak{ + font-weight:bold; + color:orange; + font-size:larger; +} +#register .good{ + font-weight:bold; + color:#2D98F3; + font-size:larger; +} +#register .strong{ + font-weight:bold; + color: limegreen; + font-size:larger; +} diff --git a/csci4131/hw3/passwordcheck.js b/csci4131/hw3/passwordcheck.js new file mode 100644 index 0000000..97a2918 --- /dev/null +++ b/csci4131/hw3/passwordcheck.js @@ -0,0 +1,42 @@ +var input; +var result = document.querySelector("span"); +window.addEventListener('DOMContentLoaded', (event) => { + input = document.getElementsByName("password")[0]; +}); +function checkStrength() { + var password = input.value; + var strength = 0; + if (password.length < 6) { + result.removeAttribute("class"); + result.classList.add('short'); + result.innerHTML = "Too short"; + return; + } + if (password.length > 7) { strength += 1;} + // If password contains both lower and uppercase characters, increase strength value. + if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) { strength += 1;} + // If it has numbers and characters, increase strength value. + if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) { strength += 1;} + // If it has one special character, increase strength value. + if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1;} + // If it has two special characters, increase strength value. + if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1;} + // Calculated strength value, we can return messages + // If value is less than 2 + if (strength < 2) { + result.removeAttribute("class"); + result.classList.add('weak'); + result.innerHTML = 'Weak'; + return; + } else if (strength == 2) { + result.removeAttribute("class"); + result.classList.add('good'); + result.innerHTML = 'Good'; + return; + } else { + result.removeAttribute("class"); + result.classList.add('strong'); + result.innerHTML = 'Strong'; + return; + } +} diff --git a/csci4131/hw3/shepherd.jpg b/csci4131/hw3/shepherd.jpg new file mode 100644 index 0000000..d1262f8 Binary files /dev/null and b/csci4131/hw3/shepherd.jpg differ diff --git a/csci4131/hw3/snyder.jpg b/csci4131/hw3/snyder.jpg new file mode 100644 index 0000000..4531a58 Binary files /dev/null and b/csci4131/hw3/snyder.jpg differ diff --git a/csci4131/hw3/style.css b/csci4131/hw3/style.css new file mode 100644 index 0000000..970ef9b --- /dev/null +++ b/csci4131/hw3/style.css @@ -0,0 +1,69 @@ +/* Global */ +body { + background-color:antiquewhite; +} +.linkTable { + border: 1px solid black; + margin-left: 20px; + background-color: white; + border-collapse: separate; +} +/* Contacts */ +table, th, td { + max-width: 70%; + overflow-x:auto; + border: 1px solid black; + border-collapse: collapse; +} +table { + float:left; + max-width: 50%; +} +tr:nth-child(even) { + background-color:blanchedalmond; +} +tr:nth-child(odd) { + background-color: burlywood; +} +.smol { + max-height: 100%; + width: 6em; +} +.large { + float: right; + max-width:max-content +} +#bigboi { + width: 25em; + height: 15em; + object-fit: cover; +} +#map { + height: 50%; + margin-left: 10%; + margin-right: 10%; + margin-top: 10%; + float: bottom; +} +/* Form */ +.Form { + background-color: whitesmoke; + padding-left: 5%; + max-width: 15%; +} +/* Widgets */ +.grid { + align-content: center; + display: inline-grid; + grid-template-columns: 40% 40%; + grid-template-rows: 30%; + gap: .1em 10%; +} +.griditem { + padding: 10%; +} +iframe { + border: 0px; +} + + diff --git a/csci4131/hw3/walter.jpg b/csci4131/hw3/walter.jpg new file mode 100644 index 0000000..37d0d56 Binary files /dev/null and b/csci4131/hw3/walter.jpg differ -- cgit v1.2.3