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

tutorial integration - adding references into other parts of site, updates to page 9 and 10, work on tutorial landing page

Browse source
This commit is contained in:
Victoria Wang 2016-05-09 17:50:37 -07:00
parent bba781c5be
commit d2d63ccf6d
9 changed files with 115 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,14 +2,14 @@
<div class="dialogue" style="top: 35px">
And that's it for Chapter One! Congrats on your first ever version of <a href="<%= current_site.uri %>"><%= current_site.username %>.neocities.org</a>!
</div>
<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!
<div class="dialogue" style="top: 45px;left:575px; width:180px;">
This is just the beginning. Later you can learn about adding colors, fonts, backgrounds, page layouts, and more...
</div>
</div>
<div class="welcome">
<h4>Thank you!</h4>
<p>Thanks for trying out Chapter One of the Neocities tutorial! This is a work in progress—<a href="/contact">let us know</a> if you have any questions or suggestions. We'd also love to hear your ideas for Chapter Two: Basic CSS.</p>
<p>Thanks for trying out the first edition of the Neocities tutorial! This is a work in progress—<a href="/contact">let us know</a> if you have any questions or suggestions.</p>
<p>To continue working on your site, head to the <a href="/dashboard">dashboard</a>!</p>
<p>You can also check out all the <a href="/browse">cool sites on Neocities</a> and follow them via your <a href="/">news feed</a>.</p>
<p>You can also check out all the <a href="/browse">cool sites on Neocities</a> and follow them with your <a href="/">news feed</a>.</p>
</div>

29
views/tutorial/index.erb
View file

@ -1,11 +1,24 @@
<section class="section">
<h2>Welcome to Neocities!</h2>
<section class="section tutorial-welcome">
<h2>Let's Get Started!</h2>
<h3><a href="/tutorial/html/">Start the Tutorial!</a></h3>
<p>Learn how to build websites from scratch
with interactive lessons from Neocities' head cat, Penelope.
The first chapter on basic HTML is out now, and more chapters
are in the works!</p>
<a href="/tutorial/html/"><img src="/img/welcomingcat.png" class="welcoming-cat" style="margin-top: -20px;"></a>
<h3><a href="/dashboard/">Go to the dashboard</a></h3>
<div class="option">
<h3><i class="fa fa-star" aria-hidden="true"></i> <strong>New to coding?</strong></h3>
<h3>Learn how to build websites from scratch
with interactive lessons from Neocities' head cat, Penelope!</h3>
<p><a href="/tutorial/html/">Start the tutorial >></a></p>
</div>
<div class="option">
<h3><i class="fa fa-wrench" aria-hidden="true"></i> <strong>Already know HTML?</strong></h3>
<h3>Get started right away on building your website!</h3>
<p><a href="/dashboard">Go to the dashboard >></a></p>
</div>
<div class="option">
<h3><i class="fa fa-globe" aria-hidden="true"></i> <strong>Want to start by browsing?</strong></h3>
<h3>Discover new sites related to your interests, and keep track of your favorites.</h3>
<p><a href="/">Check out your news feed >></a></h3>
</div>
</section>

1
views/tutorial/layout.erb
View file

@ -17,6 +17,7 @@
<div class="col col-40 interact">
<% if request.path =~ /\/html\/9/ %>
<div style="float: left">
<p>Saving your tutorial work will replace anything currently in your <a href="<%= current_site.uri %>/index.html">index.html</a>. If you've modified it before, make sure there isn't anything valuable there before you proceed!</p>
<a href="/tutorial/html/10" class="btn cancel float-Left">Don't Save</a>
<a href="#" id="saveToSite" class="btn btn-Action float-Left" style="margin-right: 7px">Save to <%= current_site.username %>.neocities.org</a>
</div>