From 48d7a0aad01925fa52213f80a2b6d6b26832462f Mon Sep 17 00:00:00 2001 From: Raniere Silva <raniere@ime.unicamp.br> Date: Fri, 8 May 2015 17:24:55 -0300 Subject: [PATCH] Update HTML --- 01-one.html | 12 ++++++------ 02-two.html | 12 ++++++------ index.html | 10 +++++++++- reference.html | 2 +- 4 files changed, 22 insertions(+), 14 deletions(-) diff --git a/01-one.html b/01-one.html index 74f3358..d4f31cf 100644 --- a/01-one.html +++ b/01-one.html @@ -28,7 +28,7 @@ <div class="col-md-10 col-md-offset-1"> <h1 class="title">Lesson Title</h1> <h2 class="subtitle">Topic Title One</h2> -<div id="learning-objectives" class="objectives panel panel-warning"> +<section class="objectives panel panel-warning"> <div class="panel-heading"> <h2 id="learning-objectives" class="objectives panel panel-warning"><span class="glyphicon glyphicon-certificate"></span>Learning Objectives</h2> </div> @@ -38,7 +38,7 @@ <li>Learning objective 2</li> </ul> </div> -</div> +</section> <p>Paragraphs of text — possibly including <a href="reference.html#key-word-1">key word 1</a> — mixed with:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python">some code: to be displayed</code></pre></div> @@ -47,27 +47,27 @@ from program</code></pre> <pre class="error"><code>error reports from program (if any)</code></pre> <p>and possibly including:</p> -<div id="callout-box" class="callout panel panel-info"> +<aside class="callout panel panel-info"> <div class="panel-heading"> <h2 id="callout-box" class="callout panel panel-info"><span class="glyphicon glyphicon-pushpin"></span>Callout Box</h2> </div> <div class="panel-body"> <p>An aside of some kind.</p> </div> -</div> +</aside> <p>or an image from the <code>figs</code> directory:</p> <div class="figure"> <img src="fig/example.svg" title="this is the image's alt text" alt="this is the image’s title" /> <p class="caption">this is the image’s title</p> </div> -<div id="challenge-title" class="challenge panel panel-success"> +<section class="challenge panel panel-success"> <div class="panel-heading"> <h2 id="challenge-title" class="challenge panel panel-success"><span class="glyphicon glyphicon-pencil"></span>Challenge Title</h2> </div> <div class="panel-body"> <p>Description of a single challenge. There may be several challenges.</p> </div> -</div> +</section> </div> </div> </article> diff --git a/02-two.html b/02-two.html index 2dd346a..f04db27 100644 --- a/02-two.html +++ b/02-two.html @@ -28,7 +28,7 @@ <div class="col-md-10 col-md-offset-1"> <h1 class="title">Lesson Title</h1> <h2 class="subtitle">Topic Title Two</h2> -<div id="learning-objectives" class="objectives panel panel-warning"> +<section class="objectives panel panel-warning"> <div class="panel-heading"> <h2 id="learning-objectives" class="objectives panel panel-warning"><span class="glyphicon glyphicon-certificate"></span>Learning Objectives</h2> </div> @@ -38,7 +38,7 @@ <li>Learning objective 2</li> </ul> </div> -</div> +</section> <p>Paragraphs of text — possibly including <a href="reference.html#key-word-2">key word 2</a> — mixed with:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python">some code: to be displayed</code></pre></div> @@ -47,22 +47,22 @@ from program</code></pre> <pre class="error"><code>error reports from program (if any)</code></pre> <p>and possibly including:</p> -<div id="callout-box" class="callout panel panel-info"> +<aside class="callout panel panel-info"> <div class="panel-heading"> <h2 id="callout-box" class="callout panel panel-info"><span class="glyphicon glyphicon-pushpin"></span>Callout Box</h2> </div> <div class="panel-body"> <p>An aside of some kind.</p> </div> -</div> -<div id="challenge-title" class="challenge panel panel-success"> +</aside> +<section class="challenge panel panel-success"> <div class="panel-heading"> <h2 id="challenge-title" class="challenge panel panel-success"><span class="glyphicon glyphicon-pencil"></span>Challenge Title</h2> </div> <div class="panel-body"> <p>Description of a single challenge. There may be several challenges that make reference to <a href="01-one.html#challenge-title">Challenge Title</a>.</p> </div> -</div> +</section> </div> </div> </article> diff --git a/index.html b/index.html index 00e3cd7..c84f507 100644 --- a/index.html +++ b/index.html @@ -29,14 +29,22 @@ <h1 class="title">Lesson Title</h1> <p>Paragraph of introductory material.</p> -<div id="prerequisites" class="prereq panel panel-warning"> +<section class="prereq panel panel-warning"> <div class="panel-heading"> <h2 id="prerequisites" class="prereq panel panel-warning"><span class="glyphicon glyphicon-education"></span>Prerequisites</h2> </div> <div class="panel-body"> <p>A short paragraph describing what learners need to know before tackling this lesson.</p> </div> +</section> +<section class="getready panel panel-warning"> +<div class="panel-heading"> +<h2 id="getting-ready" class="getready panel panel-warning"><span class="glyphicon glyphicon-check"></span>Getting ready</h2> +</div> +<div class="panel-body"> +<p>A short paragraph describing what learners need to do before tackling this lesson.</p> </div> +</section> <h2 id="topics">Topics</h2> <ol style="list-style-type: decimal"> <li><a href="01-one.html">Topic Title One</a></li> diff --git a/reference.html b/reference.html index 921171e..6389da7 100644 --- a/reference.html +++ b/reference.html @@ -38,7 +38,7 @@ <dd>Definition of first term </dd> <dt><span id="key-word-2">key word 2</span></dt> -<dd>Definition of second term +<dd>Definition of second term that continues in another line </dd> </dl> </div> -- GitLab