Skip to content

Commit eb82370

Browse files
paulmcfepaulmcfe
committed
Fixes and updates
1 parent 7c964e7 commit eb82370

File tree

4 files changed

+46
-68
lines changed

4 files changed

+46
-68
lines changed

‎.nova/Configuration.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"workspace.name" : "HTML, CSS, & JS FD Examples"
3+
}

‎bk02ch02/example06.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</head>
1414
<body>
1515
<p>
16-
To play with HTML and CSS, check out the <a href="https://webdevworkshop.io/wb"> Web Dev Workbench</a>!
16+
To play with HTML and CSS, check out the <a href="https://webdevworkshop.io/wb">Web Dev Workbench</a>!
1717
</p>
1818
</body>
1919
</html>

‎bk02ch03/example02.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</head>
1414
<body>
1515
<p>
16-
Checking out the source code of a web page isn’t normally a “fun” experience. Most often, your goal is get the name of a file or to figure out how the site performed some HTML or CSS magic. But every once in a very long while you can find a surprise, even a delightful one, waiting in the source code. As shown in Figure 1, I came across one such surprise the other day while viewing source on a page from <i>The Guardian</i>.
16+
Checking out the source code of a web page isn’t normally a “fun” experience. Most often, your goal is to get the name of a file or to figure out how the site performed some HTML or CSS magic. But every once in a very long while you can find a surprise, even a delightful one, waiting in the source code. As shown in Figure 1, I came across one such surprise the other day while viewing source on a page from <i>The Guardian</i>.
1717
</p>
1818
<figure>
1919
<img src="images/guardian-we-are-hiring.jpg" alt="Screenshot of the source code of The Guardian newspaper web page showing a developer want ad written in ASCII art" title="Source Code Want Ad">

‎bk02ch05/example02.html

+41-66
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,8 @@
1212
max-width: 25rem;
1313
margin: 1rem;
1414
}
15-
div {
15+
label {
16+
display: block;
1617
margin: .5rem 0 0 1rem;
1718
}
1819
input[type=checkbox] {
@@ -26,71 +27,45 @@
2627
<legend>
2728
What’s your phobia? (Please check all that apply):
2829
</legend>
29-
<div>
30-
<label>
31-
<input type="checkbox" name="phobia" value="Ants">Myrmecophobia (Fear of ants)
32-
</label>
33-
</div>
34-
<div>
35-
<label>
36-
<input type="checkbox" name="phobia" value="Bald">Peladophobia (Fear of becoming bald)
37-
</label>
38-
</div>
39-
<div>
40-
<label>
41-
<input type="checkbox" name="phobia" value="Beards" checked>Pogonophobia (Fear of beards)
42-
</label>
43-
</div>
44-
<div>
45-
<label>
46-
<input type="checkbox" name="phobia" value="Bed">Clinophobia (Fear of going to bed)
47-
</label>
48-
</div>
49-
<div>
50-
<label>
51-
<input type="checkbox" name="phobia" value="Chins" checked>Geniophobia (Fear of chins)
52-
</label>
53-
</div>
54-
<div>
55-
<label>
56-
<input type="checkbox" name="phobia" value="Flowers">Anthophobia (Fear of flowers)
57-
</label>
58-
</div>
59-
<div>
60-
<label>
61-
<input type="checkbox" name="phobia" value="Flying">Aviatophobia (Fear of flying)
62-
</label>
63-
</div>
64-
<div>
65-
<label>
66-
<input type="checkbox" name="phobia" value="Purple">Porphyrophobia (Fear of purple)
67-
</label>
68-
</div>
69-
<div>
70-
<label>
71-
<input type="checkbox" name="phobia" value="Teeth" checked>Odontophobia (Fear of teeth)
72-
</label>
73-
</div>
74-
<div>
75-
<label>
76-
<input type="checkbox" name="phobia" value="Thinking">Phronemophobia (Fear of thinking)
77-
</label>
78-
</div>
79-
<div>
80-
<label>
81-
<input type="checkbox" name="phobia" value="Vegetables">Lachanophobia (Fear of vegetables)
82-
</label>
83-
</div>
84-
<div>
85-
<label>
86-
<input type="checkbox" name="phobia" value="Fear" checked>Phobophobia (Fear of fear)
87-
</label>
88-
</div>
89-
<div>
90-
<label>
91-
<input type="checkbox" name="phobia" value="Everything">Pantophobia (Fear of everything)
92-
</label>
93-
</div>
30+
<label>
31+
<input type="checkbox" name="phobia" value="Ants">Myrmecophobia (Fear of ants)
32+
</label>
33+
<label>
34+
<input type="checkbox" name="phobia" value="Bald">Peladophobia (Fear of becoming bald)
35+
</label>
36+
<label>
37+
<input type="checkbox" name="phobia" value="Beards" checked>Pogonophobia (Fear of beards)
38+
</label>
39+
<label>
40+
<input type="checkbox" name="phobia" value="Bed">Clinophobia (Fear of going to bed)
41+
</label>
42+
<label>
43+
<input type="checkbox" name="phobia" value="Chins" checked>Geniophobia (Fear of chins)
44+
</label>
45+
<label>
46+
<input type="checkbox" name="phobia" value="Flowers">Anthophobia (Fear of flowers)
47+
</label>
48+
<label>
49+
<input type="checkbox" name="phobia" value="Flying">Aviatophobia (Fear of flying)
50+
</label>
51+
<label>
52+
<input type="checkbox" name="phobia" value="Purple">Porphyrophobia (Fear of purple)
53+
</label>
54+
<label>
55+
<input type="checkbox" name="phobia" value="Teeth" checked>Odontophobia (Fear of teeth)
56+
</label>
57+
<label>
58+
<input type="checkbox" name="phobia" value="Thinking">Phronemophobia (Fear of thinking)
59+
</label>
60+
<label>
61+
<input type="checkbox" name="phobia" value="Vegetables">Lachanophobia (Fear of vegetables)
62+
</label>
63+
<label>
64+
<input type="checkbox" name="phobia" value="Fear" checked>Phobophobia (Fear of fear)
65+
</label>
66+
<label>
67+
<input type="checkbox" name="phobia" value="Everything">Pantophobia (Fear of everything)
68+
</label>
9469
</fieldset>
9570
</form>
9671
</body>

0 commit comments

Comments
 (0)