Skip to content

Commit 18e74dc

Browse files
christinatruongchristinatruong
committed
Merge pull request #13 from jessamynsmith/html-grammar-clean
Update HTML so it passes validator
2 parents cc249d1 + 2674ce2 commit 18e74dc

1 file changed

Lines changed: 17 additions & 18 deletions

File tree

‎index.html‎

Lines changed: 17 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -5,31 +5,31 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
66
<title>Ladies Learning Code</title>
77
<!-- Don't alter slideshow.css, CSSS slide deck needs it to work -->
8-
<link rel="stylesheet" href="framework/css/slideshow.css">
8+
<link rel="stylesheet" href="framework/css/slideshow.css" data-noprefix>
99

1010
<!-- Theme-specific styles -->
11-
<link href='http://fonts.googleapis.com/css?family=Quicksand|Pacifico|Open+Sans:400italic,400,300' rel='stylesheet' type='text/css'>
11+
<link href='http://fonts.googleapis.com/css?family=Quicksand%7CPacifico%7COpen+Sans:400italic,400,300' rel='stylesheet' type='text/css' data-noprefix>
1212
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
13-
<link rel="stylesheet" href="framework/css/highlightjs-themes/vs.css">
14-
<link rel="stylesheet" href="framework/css/theme-llc.css">
13+
<link rel="stylesheet" href="framework/css/highlightjs-themes/vs.css" data-noprefix>
14+
<link rel="stylesheet" href="framework/css/theme-llc.css" data-noprefix>
1515
<link rel="shortcut icon" href="framework/img/favicon.ico">
1616

1717
<!-- Workshop-specific styles -->
18-
<link rel="stylesheet" href="framework/css/workshop.css">
18+
<link rel="stylesheet" href="framework/css/workshop.css" data-noprefix>
1919

2020
<!-- Takes care of CSS3 prefixes! -->
2121
<script src="framework/scripts/prefixfree.min.js"></script>
22+
23+
<!-- opens all links in a new window -->
24+
<base target="_blank">
2225
</head>
2326

2427
<!-- Timer/progress bar: Define the presentation duration using "data-duration" in minutes. -->
2528
<body data-duration="360">
2629

27-
<!-- opens all links in a new window -->
28-
<base target="_blank">
29-
3030
<!-- Welcome slide -->
3131
<header class="slide intro first">
32-
<img class="logo" src="framework/img/logo-llc-white.png">
32+
<img class="logo" src="framework/img/logo-llc-white.png" alt="Ladies Learning Code logo">
3333
<div class="info">
3434
<h1 class="heading-bg">
3535
<span class="dark">Welcome to</span><br>
@@ -51,7 +51,7 @@ <h1 class="heading-bg">
5151
<main>
5252
<!-- Instructor info -->
5353
<section class="slide intro">
54-
<img class="logo" src="framework/img/logo-llc-white.png">
54+
<img class="logo" src="framework/img/logo-llc-white.png" alt="Ladies Learning Code logo">
5555
<div class="info">
5656
<h1 class="heading-bg">
5757
<span>Title of Workshop</span><br>
@@ -61,7 +61,7 @@ <h2><span>with</span> Instructor Name</h2>
6161

6262
<img class="instructor-img" src="http://cl.ly/image/0r3Q3H110G36/profile-generic.jpg" alt="instructor name">
6363
<ul>
64-
<li><i class="fa fa-envelope"></i><a href="mailto:">hello@email.com</li>
64+
<li><i class="fa fa-envelope"></i><a href="mailto:">hello@email.com</a></li>
6565
<li><i class="fa fa-desktop"></i><a href="#">mywebsite.com</a></li>
6666
<li><i class="fa fa-twitter"></i><a href="http://twitter.com/">@twitter</a></li>
6767
</ul>
@@ -113,7 +113,7 @@ <h2>Syntax Highlighting</h2>
113113

114114
<p>The default theme for this slide presentation uses a light background because some workshop settings don't allow for the dimming of classroom lights or the projector does not show syntax highlighting on dark backgrounds very well.</p>
115115

116-
<p>For HTML, the left angled bracket, <code><</code>, needs to be escaped to show. Sometimes, for HTML snippets, the plugin may not register it properly as HTML. If that is the case, add an <code>xml</code> class to the <code>&lt;pre&gt;</code> tag.</p>
116+
<p>For HTML, the left angled bracket, <code>&lt;</code>, needs to be escaped to show. Sometimes, for HTML snippets, the plugin may not register it properly as HTML. If that is the case, add an <code>xml</code> class to the <code>&lt;pre&gt;</code> tag.</p>
117117
<p>Here's a tool to help with the conversion: <a href="http://www.htmlescape.net/htmlescape_tool.html">http://www.htmlescape.net/htmlescape_tool.html</a></p>
118118

119119
<h3>HTML</h3>
@@ -213,12 +213,11 @@ <h2>Incremental display of content</h2>
213213
</section>
214214

215215
<section class="slide centered" data-markdown>
216-
##Centered content
216+
##Centered content
217217

218-
Add a class of `centered` to `&lt;section>`.
218+
Add a class of `centered` to `&lt;section>`.
219219

220-
![](http://cl.ly/image/14193Y1x1f2c/mic-drop.gif)
221-
</section>
220+
![](http://cl.ly/image/14193Y1x1f2c/mic-drop.gif)
222221
</section>
223222

224223
<section class="slide side-by-side" data-markdown>
@@ -279,7 +278,7 @@ <h3><span>with</span> Instructor Name</h3>
279278

280279
<img class="instructor-img" src="http://cl.ly/image/0r3Q3H110G36/profile-generic.jpg" alt="instructor name">
281280
<ul>
282-
<li><i class="fa fa-envelope"></i><a href="mailto:">hello@email.com</li>
281+
<li><i class="fa fa-envelope"></i><a href="mailto:">hello@email.com</a></li>
283282
<li><i class="fa fa-desktop"></i><a href="#">mywebsite.com</a></li>
284283
<li><i class="fa fa-twitter"></i><a href="http://twitter.com/">@twitter</a></li>
285284
</ul>
@@ -290,7 +289,7 @@ <h3><span>with</span> Instructor Name</h3>
290289
</main><!-- cls main section -->
291290

292291
<footer>
293-
<p class="license"><a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" src="framework/img/cc-by-nc.svg" /></a> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://ladieslearningcode.com" property="cc:attributionName" rel="cc:attributionURL">Ladies Learning Code</a></p>
292+
<p class="license"><a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" src="framework/img/cc-by-nc.svg" /></a> by <a prefix="cc: http://creativecommons.org/ns#" href="http://ladieslearningcode.com" property="cc:attributionName" rel="cc:attributionURL">Ladies Learning Code</a></p>
294293
<p class="instructions">Use the left <i class="fa fa-arrow-left"></i> and right <i class="fa fa-arrow-right"></i> arrow keys to navigate</p>
295294
</footer>
296295

0 commit comments

Comments
 (0)