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

@ -3,11 +3,11 @@
Great work! Let's move on to writing your first tag.
<!-- Check out your site at <a href="">victoria.neocities.org</a>. -->
</div>
<div class="dialogue" style="left: 300px; top: 25px; width: 250px">
<div class="dialogue" style="left: 300px; top: 0px; width: 250px">
Let's make your name a heading by putting the <strong>h1 tag</strong> around it. This helps to visually separate content on your site.
</div>
<div class="dialogue" style="left: 330px; top: 120px; width: 250px">
Try using an h1 tag by changing the text to something like this:<strong><span id="answer"></span></strong>
<div class="dialogue" style="left: 330px; top: 100px; width: 250px">
Try using an h1 tag by changing the text to something like this: <pre><code class="html"><span id="answer"></span></code></pre>
and click save.
</div>
</div>
@ -20,7 +20,7 @@
</div>
<script>
$('#answer').text('<h1>'+sessionStorage.getItem('name')+'\'s Web Site</h1>')
$('#answer').text('<h1>'+sessionStorage.getItem('name')+'\'s Website</h1>')
function checkHomework() {
var html = editor.getValue()