Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@robdodson
robdodson committed Aug 3, 2015
0 parents commit c2c828a
Show file tree
Hide file tree
Showing 7 changed files with 167 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
.DS_Store
node_modules
bower_components
*.sketch
stock-photos
26 changes: 26 additions & 0 deletions final-project/restaurant-site/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Restaurant Site</title>
<meta name="description" content="Restaurant Site">

<!-- Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Chrome / Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="black">
<link rel="icon" href="icon.png">

<!-- Safari / iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">

</head>
<body>

</body>
</html>
82 changes: 82 additions & 0 deletions lesson2-focus/01-basic-form/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Offscreen focusable element</title>
<meta name="description" content="Fixing offscreen cofucs">

<!-- Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="container">
<form>
<div class="row">
<label for="fName">First Name</label>
<input type="text" name="fName" id="fName" required>

<label for="lName">Last Name</label>
<input type="text" name="lName" id="lName">
</div>

<div class="row">
<label for="address">Enter your address</label><br>
<textarea id="address" name="addressTxt"></textarea>
</div>

<div class="row">
<label for="pSeatType" id="pSeatType">Preferred Seat Type</label>
<input type="radio" checked name="pSeatType" id="aisleSeat" value="aisleSeat">
<label for="aisleSeat">Aisle</label>
<input type="radio" name="pSeatType" id="windowSeat" value="windowSeat">
<label for="Window">Window</label>
<input type="radio" name="pSeatType" id="anySeat" value="anySeat">
<label for="anySeat">No Preference</label>
</div>

<div class="row">
<label for="eAddr">Email</label>
<input type="email" name="eAddr" id="eAddr">
</div>

<div class="row">
<label for="pTelephone">Primary Telephone</label>
<input type="tel" name="pTelephone" id="pTelephone">

<label for="pTelephoneType" id="pTelephoneType">Type of phone</label>
<select name="pTelephoneType" id="pTelephoneType">
<option>Business</option>
<option>Personal</option>
</select>
</div>

<div class="row">
<label for="sTelephone">Secondary Telephone</label>
<input type="tel" name="sTelephone" id="sTelephone">

<label for="sTelephoneType" id="sTelephoneType">Type of phone</label>
<select name="sTelephoneType" id="sTelephoneType">
<option>Business</option>
<option>Personal</option>
</select>
</div>

<div class="row">
<input type="checkbox" checked name="eNotification" id="eNotification">
<label for="eNotification">Notify by Email</label>

<input type="checkbox" name="tNotification" id="tNotification">
<label for="tNotification">Notify by Telephone</label>
</div>

<div class="row">
<button type="submit" id="submitBtn">Submit</button>
</div>
</form>
</div>
</body>
</html>
Empty file added lesson2-focus/01-basic-form/main.css
Empty file.
23 changes: 23 additions & 0 deletions lesson2-focus/02-focusable-element-offscreen/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Offscreen focusable element</title>
<meta name="description" content="Fixing offscreen cofucs">

<!-- Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Hello World</h1>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

<button type="button" name="button" tabindex="-1" aria-hidden="true">Click me</button>
</body>
</html>
5 changes: 5 additions & 0 deletions lesson2-focus/02-focusable-element-offscreen/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
button {
position: absolute;
top: -1000px;
left: -1000px;
}
26 changes: 26 additions & 0 deletions lesson2-focus/03-tab-index-greater-than-zero/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Too much tab index</title>
<meta name="description" content="Fixing tabindex">

<!-- Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
<h1>Hello World</h1>

<form>
<label for="fName">First Name</label>
<input type="text" name="fName" id="fName">

<label for="lName">Last Name</label>
<input type="text" name="lName" id="lName">

<button type="submit" tabindex="5">Submit</button>
</form>
</body>
</html>

0 comments on commit c2c828a

Please sign in to comment.