Added syntax highlighting to dialog boxes, improved look of green box code samples

This commit is contained in:
Victoria Wang 2016-04-18 11:47:23 -07:00
parent 07bffc7d25
commit 837efa7094
7 changed files with 42 additions and 26 deletions

View file

@ -1,9 +1,11 @@
<div class="comic" style="height: 530px; background-image: url(/img/tutorial/ch1pg8.png); background-size: 489px; margin-top:1em">
<div class="dialogue" style="top: 50px; left: 0; width: 380px">
<div class="dialogue" style="top: 25px; left: 0; width: 380px">
Now add a link to one of your list items. If nested properly, it should look similar to this:
<br>
<div class="txt-Left">
<strong>&lt;li&gt;<br>&nbsp;&nbsp;&lt;a href="http://yarn.com"&gt;Yarn&lt;/a&gt;<br>&lt;/li&gt;</strong>
<pre style="text-align:left;"><code class="html">&lt;li&gt;
&lt;a href="http://yarn.com"&gt;Yarn&lt;/a&gt;
&lt;/li&gt;</code></pre>
</div>
</div>
</div>