Added text/buttons for optionally saving to user's index.html

This commit is contained in:
Victoria Wang 2016-04-18 14:43:41 -07:00
parent 0f4c0562f2
commit bafe75463a
3 changed files with 13 additions and 7 deletions

View file

@ -1,6 +1,10 @@
<div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png); background-size: 800px;"> <div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png); background-size: 800px;">
<div class="dialogue" style="top: 35px"> <div class="dialogue" style="top: 35px">
And that's it for Chapter One! Congrats on your first ever version of victoria.neocities.org! And that's it for Chapter One! Congrats on your first ever
(if they didn't save) hand-coded HTML website!
(if they did save) version of <a href="<%= current_site.uri %>"><%= current_site.username %>.neocities.org</a>!
</div> </div>
<div class="dialogue" style="top: 60px;left:580px; width:180px;"> <div class="dialogue" style="top: 60px;left:580px; width:180px;">
But you're not done yet! There's much in store for you: Adding colors, fonts, backgrounds, and more, all in chapter 2! But you're not done yet! There's much in store for you: Adding colors, fonts, backgrounds, and more, all in chapter 2!

View file

@ -1,9 +1,10 @@
<div class="comic" style="margin-top: 3em; height: 650px; background-image: url(/img/tutorial/ch1pg9.png); background-size: 481px"> <div class="comic" style="margin-top: 5em; height: 650px; background-image: url(/img/tutorial/ch1pg9.png); background-size: 481px">
<div class="dialogue" style="top: 0px; width: 200px"> <div class="dialogue" style="top: -23px; left: 10px; width: 230px">
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>. Great work! You can save everything you've coded so far to your <a href="<%= current_site.uri %>">Neocities site</a> to continue working on it.
It'll be saved as <strong>index.html</strong>, which is the first web page people see when they visit your site.
</div> </div>
<div class="dialogue" style="left: 275px;top: 190px"> <div class="dialogue" style="left: 283px;top: 190px; width:160px">
You can find and edit index.html by visiting your <a href="/dashboard">Neocities dashboard</a>. You can can find and edit index.html by visitng your <a href="/dashboard">Neocities dashboard</a>.
</div> </div>
<div class="dialogue" style="left: 280px;top: 580px"> <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. --> <!-- A cheat sheet of all the tags you've learned can be found in the tutorial section. -->

View file

@ -16,7 +16,8 @@
<div class="col col-40 interact"> <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> <a href="/tutorial/html/10" class="btn btn-Action">Save to <%= current_site.username %>.neocities.org</a>
<a href="/tutorial/html/10" class="btn cancel" style="margin-right: 7px">Don't Save</a>
<% else %> <% else %>
<input id="submit" class="btn btn-Action" type="submit" value="Save"> <input id="submit" class="btn btn-Action" type="submit" value="Save">
<input id="reset" class="btn cancel" style="margin-right: 7px" type="submit" value="Reset"> <input id="reset" class="btn cancel" style="margin-right: 7px" type="submit" value="Reset">