fix markup;

sanitize linebreaks; re-word validation for 01;
krdwrd · Jul 8, 2008 · 909b7cc · 909b7cc
1 parent a329096
commit 909b7cc
Showing 1 changed file with 31 additions and 28 deletions.
diff --git a/tutorial/01.html b/tutorial/01.html
@@ -1,12 +1,14 @@
-<head>
+<html>
+    <head>
 
 		<base href="https://krdwrd.org/pages/static/"> 
 		<title>Interactive KrdWrd Tutorial</title>
 		<link rel="stylesheet" type="text/css" href="tutorial.css">
-	</head><body class="">
+	</head>
+<body>
 	<div id="aboutPageContainer" class="round">
 		<div class="bl">
-			<img src="kw.png"> <div class="kwbig"> Interactive Tutorial</div>
+			<img src="kw.png"> <div class="kwbig">Interactive Tutorial</div>
 			<br>
 			<i>
             Learn how to annotate pages in accordance with the annotation guidelines.
@@ -17,41 +19,41 @@ <h4>Intro</h4>
 		   This tutorial will help you getting used to the annotation guidelines.
 		   It assumes you are familiar with the
            <a href="https://krdwrd.org/manual/html/" onclick="window.open(this.href, 'KrdWrdManual', 'resizable=true,scrollbars=yes,status=no,toolbar=yes'); return false;">manual</a>
-           (click to open a new window, suitable for side-by-side viewing with this one. Or print the
-           <a class="" href="https://krdwrd.org/manual/manual.pdf">pdf</a>). <br>The tutorial walks you through 11 particular problems; successful completion will take about 15 minutes.<br><h4 class="">How it works</h4>
-           <p class="">
+           (click to open a new window, suitable for side-by-side viewing with this one. 
+           Or print the <a href="https://krdwrd.org/manual/manual.pdf">pdf</a>). 
+           <br />
+           The tutorial walks you through 11 particular problems; successful completion will take about 15 minutes.
+           <br />
+           <h4>How it works</h4>
            The tutorial pretty much works like annotation on a real corpus: you
-           </p><ol class="">
-             <li class="">annotate a Web page,</li>
-             <li class="">submit it, and</li>
-             <li class="">get the next one.</li>
-           </ol>
+           <ul>
+             <li>annotate a Web page,</li>
+             <li>submit it, and</li>
+             <li>get the next one.</li>
+           </ul>
            However, we inserted a validation step after submission:
            The current page will be re-displayed and will show how your annotations diverged from ours:
-           <p></p>
-           <p>
-           </p><ul class="">
-              <li class="">Everything you got right will be light-colored, i.e. your annotation in light color.</li>
-              <li class="">Everything you got wrong will be highlighted as it was supposed to be.</li>
+           <ul>
+              <li>Everything you got right will be light-colored, i.e. your annotation in light color.</li>
+              <li>Everything you got wrong will be highlighted as it was supposed to be.</li>
            </ul>
            Please take your time to go through this feedback carefully - you won't get any when working on the real corpus.
-           <p></p>
-           <p class="">
-           After inspection, you can click the <i>Next Page</i> button in the notification box at the top, or just use <i class="">Grab Page from Tutorial</i> from the KrdWrd status-bar menu, to advance.
+           <p>
+           After inspection, you can click the <i>Next Page</i> button in the notification box at the top, or just use <i>Grab Page from Tutorial</i> from the KrdWrd status-bar menu, to advance.
            You can return to your last tutorial step at any time by hitting <i>Start Tutorial</i> once again.
            Reset it by deleting your annotations on your <i>My Stats</i> page.
            </p>
-           <h4 class="">Start the tutorial</h4>
+           <h4>Start the tutorial</h4>
            Now let's get going.
            Move around your mouse on this page.
-           <i class="">You did that right from the start, didn't you? Busy little bees you are!</i>
+           <i>You did that right from the start, didn't you? Busy little bees you are!</i>
            You should get fancy highlighting wherever you go. 
-           <ol class="">
-              <li class="">Annotate some of the text here to get used to the keyboard shortcuts.</li>
-              <li class="">Then click on <i class="">Submit</i> in the KrdWrd menu.</li>
-           You will get back to this page, with a validation result.
-              <li class="">Hit <i>Next Page</i> to get going with the 11 real pages.</li>
-           </ol>
+           <ul>
+              <li>Annotate some of the text here to get used to the keyboard shortcuts.</li>
+              <li>Then click on <i>Submit</i> in the KrdWrd menu.</li>
+           You will get back to this page, this time without validation result.
+              <li>Hit <i>Next Page</i> to get going with the 11 real pages.</li>
+           </ul>
 		</div>
 		<!--div class="bl">
            <h4>Available Tags</h4>
@@ -66,4 +68,5 @@ <h4>Available Tags</h4>
            </span>
 		</div-->
 	</div>
-	</body><link href="chrome://krdwrd/content/krdwrd.css" type="text/css" rel="stylesheet">
+	</body>
+</html>