zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-07-20 17:46:05 +02:00
Code Issues Projects Releases Packages Wiki Activity

implement initial code for tutorial

Browse source
This commit is contained in:
Kyle Drake 2015-10-13 15:59:13 -07:00
parent 6fcc43297b
commit d018e9df2d
11 changed files with 162 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

25
views/tutorial/html/3.erb
View file

@ -1,14 +1,14 @@
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg3.png);">
<div class="dialogue" style="left: 50px; top: 20px;">
Great!
Check out your site at <a href="">victoria.neocities.org</a>.
Great!
Check out your site at <a href="">victoria.neocities.org</a>.
You did it!
</div>
<div class="dialogue" style="left: 300px; top: 20px; width: 250px">
But... hm... it needs a little something more. Let's make your name a heading by putting a Heading Level 1 tag around it.
But... hm... it needs a little something more. Let's make your name a heading by putting a Heading Level 1 tag around it.
</div>
<div class="dialogue" style="left: 330px; top: 140px; width: 250px">
Change the text to this: [h1]Victoria's Website[/h1]
Change the text to this: <strong><span id="answer"></span></strong>
and click save.
</div>
</div>
@ -28,7 +28,22 @@
</div>
<script>
var answer = '<h1>The website of '+sessionStorage.getItem('name')+'</h1>'
$('#answer').text(answer)
function checkHomework(editor) {
alert('check homework here')
var html = editor.val()
var match = '<html>.+<body>.+'+answer+'.+</body>.+</html>'
var re = new XRegExp(match, 'gis')
if(html.match(re) === null) {
alert("That's not right! Try again.")
} else {
alert('Great, you did it!')
sessionStorage.setItem('tutorialHtml', html)
window.location.href = '/tutorial/html/4'
}
}
</script>