zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fixed page-skipping bug, Line art for last 2 pages, lots of adjustments

Browse source
This commit is contained in:
Victoria Wang 2015-11-19 14:39:14 -08:00
parent 966721043f
commit b3e2d286f1
6 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/img/tutorial/ch1pg10.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 188 KiB

BIN
public/img/tutorial/ch1pg9.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 112 KiB

2
views/tutorial/html/1.erb
View file

@ -22,7 +22,7 @@
<div class="dialogue" style="left: 200px; top:30px;">
Welcome, [NAME]! You're about to embark on a very exciting challenge: creating your first website!
</div>
<div class="dialogue" style="left: 640px; top:20px;">
<div class="dialogue" style="left: 645px; top:20px;">
You've already made the first important step of starting this lesson, so here's a badge for your profile.
</div>
</div>

4
views/tutorial/html/10.erb
View file

@ -1,8 +1,8 @@
<div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png);">
<div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png); background-size: 800px;">
<div class="dialogue">
And that's it for Chapter One! Here's a new badge for your first ever version of victoria.neocities.org!
</div>
<div class="dialogue" style="top: 0;left:450px">
<div class="dialogue" style="top: 60px;left:560px">
But you're not done yet! There's much in store for you: Adding colors, fonts, backgrounds, and more, all in chapter 2!
</div>
</div>

6
views/tutorial/html/9.erb
View file

@ -1,11 +1,11 @@
<div class="comic" style="height: 650px; background-image: url(/img/tutorial/ch1pg9.png);">
<div class="comic" style="height: 650px; background-image: url(/img/tutorial/ch1pg9.png); background-size: 481px">
<div class="dialogue">
Good work! Everything you've written has been saved to index.html, which is the first web page people see when they <a href="<%= current_site.uri %>">visit your site</a>.
</div>
<div class="dialogue" style="left: 280px;top: 140px">
<div class="dialogue" style="left: 275px;top: 190px">
You can find and edit index.html by visiting your <a href="/dashboard">Neocities dashboard</a>.
</div>
<div class="dialogue" style="left: 280px;top: 570px">
<div class="dialogue" style="left: 280px;top: 580px">
A cheat sheet of all the tags you've learned can be found in the tutorial section.
</div>
</div>

6
views/tutorial/layout.erb
View file

@ -15,7 +15,7 @@
<% else %>
<div class="col col-40 interact">
<% if request.path =~ /\/html\/9?/ %>
<% if request.path =~ /\/html\/9/ %>
<a href="/tutorial/html/10" class="btn btn-action">Next</a>
<% else %>
<input id="submit" class="btn btn-action" type="submit" value="Save">
@ -31,7 +31,7 @@
</body>
</html>
</textarea>
<div class="error" style="display: none; margin-top: 10px">
<div class="error" style="display: none; margin-top: 0">
<i class="fa fa-exclamation-triangle"></i> Try again: make sure you change Hello World to something else.
</div>
@ -56,7 +56,7 @@
function ok(msg, path) {
displayInfo(msg, {
background: '#33CC33'
background: '#88d128'
})
setTimeout(function() {