aboutsummaryrefslogtreecommitdiffstats
path: root/csci4131/hw2
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--csci4131/hw2/strap012/MyForm.html27
-rw-r--r--csci4131/hw2/strap012/myContacts.html10
-rw-r--r--csci4131/hw2/strap012/myWidgets.html8
-rw-r--r--csci4131/hw2/strap012/passwordcheck.css2
-rw-r--r--csci4131/hw2/strap012/style.css14
5 files changed, 39 insertions, 22 deletions
diff --git a/csci4131/hw2/strap012/MyForm.html b/csci4131/hw2/strap012/MyForm.html
index 337f26d..2bf0273 100644
--- a/csci4131/hw2/strap012/MyForm.html
+++ b/csci4131/hw2/strap012/MyForm.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en-US">
<head>
<meta charset="utf-8">
@@ -17,23 +17,34 @@
</table>
</nav><br>
<h2>Simple Form</h2>
- <form method="post">
+ <form action="http://www-users.cselabs.umn.edu/~joh13266/echo.php/" method="post">
<p>
<label>Name:
- <input name="name" type="text" size="25" maxlength="30"><br><br>
+ <input name="name" type="text" size="25" maxlength="30" id="name"><br><br>
+ </label>
+ <label>Category:
+ <select name="category" type="text" id="category">
+ <option value="Personal">Personal</option>
+ <option value="Academic">Academic</option>
+ <option value="Industry">Industry</option>
+ </select><br><br>
+ </label>
+ <label>Location:
+ <input name="location" type="text" size="25" maxlength="250" id="location"><br><br>
+ </label>
+ <label>Contact Information:
+ <input name="contact" size="25" maxlength="250" id="contact"><br><br>
</label>
<label>Email:
- <input name="email" Type="email" size="25" maxlength="30"> (name@test.dom)<br><br>
+ <input name="email" Type="email" size="25" maxlength="30" id="email"><br><br>
</label>
<label> URL
- <input name="URL" Type="url" size="25" maxlength="30">(/https?/g://web.site)<br>
+ <input name="website" Type="url" size="25" maxlength="30" id="website"><br>
</label>
-
-
</p>
<p>
<input type="submit" value="Submit">
<input type="reset" value="Clear">
</p>
</form>
-</body> \ No newline at end of file
+</body>
diff --git a/csci4131/hw2/strap012/myContacts.html b/csci4131/hw2/strap012/myContacts.html
index d05a924..c1d9f34 100644
--- a/csci4131/hw2/strap012/myContacts.html
+++ b/csci4131/hw2/strap012/myContacts.html
@@ -36,7 +36,7 @@
<th>Email</th>
<th>URL</th>
</tr>
- <tr onmouseover="change('morrill.jpg', 'morrill.jpg', 0)" onmouseout="change('gophers-mascot.png', 'data:,', 0)">
+ <tr onmouseover="change('morrill.jpg', 'morrill.jpg', 0)" onmouseout="change('morrill.jpg', 'data:,', 0)">
<td>Joan Gabel</td>
<td>Industry</td>
<td>100 Church Street SE<br> 202 Morrill Hall<br> Minneapolis MN 55455</td>
@@ -44,7 +44,7 @@
<td><a href="mailto:upres@umn.edu">upres@umn.edu</a></td>
<td><a href="https://president.umn.edu/">Home Page</a></td>
</tr>
- <tr onmouseover="change('walter.jpg', 'walter.jpg', 1)" onmouseout="change('gophers-mascot.png', 'data:,', 1)">
+ <tr onmouseover="change('walter.jpg', 'walter.jpg', 1)" onmouseout="change('walter.jpg', 'data:,', 1)">
<td>Mostafa Kaveh</td>
<td>Industry</td>
<td>117 Pleasant St SE<br> 105 Walter Library<br> Minneapolis MN 55455</td>
@@ -52,7 +52,7 @@
<td><a href="mailto:mos@umn.edu">mos@umn.edu</a></td>
<td><a href="https://cse.umn.edu/college/office-dean">Home Page</a></td>
</tr>
- <tr onmouseover="change('johnston.jpg', 'johnston.jpg', 2)" onmouseout="change('gophers-mascot.png', 'data:,', 2)">
+ <tr onmouseover="change('johnston.jpg', 'johnston.jpg', 2)" onmouseout="change('johnston.jpg', 'data:,', 2)">
<td>John Coleman</td>
<td>Industry</td>
<td>101 Pleasant Street SE<br> 215 Johnston Hall<br> Minneapolis MN 55455</td>
@@ -60,7 +60,7 @@
<td><a href="mailto:coleman@umn.edu">coleman@umn.edu</a></td>
<td><a href="https://cla.umn.edu/units/dean">Home Page</a></td>
</tr>
- <tr onmouseover="change('snyder.jpg', 'snyder.jpg', 3)" onmouseout="change('gophers-mascot.png', 'data:,', 3)">
+ <tr onmouseover="change('snyder.jpg', 'snyder.jpg', 3)" onmouseout="change('snyder.jpg', 'data:,', 3)">
<td>Valery Forbes</td>
<td>Industry</td>
<td>1475 Gortner Avenue<br> 123 Snyder Hall<br> St. Paul MN 55108</td>
@@ -68,7 +68,7 @@
<td><a href="mailto:cbsdeans@umn.edu">cbsdeans@umn.edu</a></td>
<td><a href="https://cbs.umn.edu/about/college-leadership">Home Page</a></td>
</tr>
- <tr onmouseover="change('carlson.jpg', 'carlson.jpg', 4)" onmouseout="change('gophers-mascot.png', 'data:,', 4)">
+ <tr onmouseover="change('carlson.jpg', 'carlson.jpg', 4)" onmouseout="change('carlson.jpg', 'data:,', 4)">
<td>Sri Zaheer</td>
<td>Industry</td>
<td>321 19th Avenue S<br> Suite 4-300 Carlson School of Management<br> Minneapolis MN 55455</td>
diff --git a/csci4131/hw2/strap012/myWidgets.html b/csci4131/hw2/strap012/myWidgets.html
index 8c249f7..301cbd6 100644
--- a/csci4131/hw2/strap012/myWidgets.html
+++ b/csci4131/hw2/strap012/myWidgets.html
@@ -20,15 +20,15 @@
</nav>
<br><br>
<div class="grid">
- <div class="griditem">
+ <div class="griditem", id="grid0">
<iframe width="500" height="350" src="https://www.youtube.com/embed/videoseries?list=PLkNVwyLvX_TFBLHCvApmvafqqQUHb6JwF" allow="utoplay; encrypted-media" allowfullscreen></iframe>
</div>
- <div class="griditem">
+ <div class="griditem" id="grid1">
<a class="twitter-timeline" data-lang="en" data-width="300" data-height="400" data-dnt="true" data-theme="light"
href="https://twitter.com/elonmusk?ref_src=twsrc%5Etfw">Tweets by elonmusk</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
- <div class="griditem">
+ <div class="griditem" id="grid2">
<blockquote class="instagram-media" data-instgrm-captioned
data-instgrm-permalink="https://www.instagram.com/p/BsOGulcndj-/?utm_source=ig_embed&amp;utm_campaign=loading"
data-instgrm-version="13"
@@ -125,7 +125,7 @@
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet'
type='text/css'>
<link rel="stylesheet" href="passwordcheck.css" /><!-- Include Your CSS file here-->
- <script src="passwordcheck.js" defer></script><!-- Include Your jQUery file here-->
+ <script src="passwordcheck.js" defer></script><!-- Include Your js file here-->
<div id="container">
<div id="header">
<h2 class="password">Password Strength Checking with Javascript</h2>
diff --git a/csci4131/hw2/strap012/passwordcheck.css b/csci4131/hw2/strap012/passwordcheck.css
index efa69a7..beceb1c 100644
--- a/csci4131/hw2/strap012/passwordcheck.css
+++ b/csci4131/hw2/strap012/passwordcheck.css
@@ -57,4 +57,4 @@
font-weight:bold;
color: limegreen;
font-size:larger;
-} \ No newline at end of file
+}
diff --git a/csci4131/hw2/strap012/style.css b/csci4131/hw2/strap012/style.css
index be19954..8b92eaa 100644
--- a/csci4131/hw2/strap012/style.css
+++ b/csci4131/hw2/strap012/style.css
@@ -3,6 +3,11 @@
margin-left: 20px;
background-color: white;
}
+
+label {
+ color: black;
+}
+
#bigboi {
float: right;
height: auto;
@@ -15,13 +20,14 @@
}
.grid {
- display: grid;
+ display: inline-grid;
grid-template-columns: auto auto auto;
- align-content: center;
+ grid-gap: 2%;
}
.griditem {
- padding: .3em;
+ align-content: center;
+ padding: 1%;
}
table, th, td {
@@ -46,4 +52,4 @@ iframe {
body {
background-color:antiquewhite;
-} \ No newline at end of file
+}