zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Tweaks to pg 1, buttons

Browse source
This commit is contained in:
Victoria Wang 2016-04-15 15:00:29 -07:00
parent 0a0a367541
commit ca6dfce8e6
4 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 582 KiB

After

Width:  |  Height:  |  Size: 585 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 120 KiB

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

@ -1,33 +1,33 @@
<div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png); background-size: 839px;"> <div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png); background-size: 839px;">
<div class="dialogue" style="left: 280px; top:370px;"> <div class="dialogue" style="left: 275px; top:370px;">
Oh, a new student! Oh, a new student!
</div> </div>
<div class="dialogue" style="left: 590px; top:370px;"> <div class="dialogue" style="left: 590px; top:368px;">
Ahem, please come in! Ahem, please come in!
</div> </div>
<div class="dialogue" style="left: 50px; top:635px;"> <div class="dialogue" style="left: 38px; top:635px;">
I'm Penelope, and I'll be your teacher. I'm Penelope, and I'll be your teacher.
</div> </div>
<div class="dialogue" style="left: 500px; top:645px;"> <div class="dialogue" style="left: 500px; top:643px;">
What's your name? What's your name?
</div> </div>
<div style="position: absolute; left: 490px; top:865px;"> <div style="position: absolute; left: 490px; top:865px;">
<input id="nameInput" type="text" placeholder="First Name" style="position: relative"> <input id="nameInput" type="text" placeholder="First Name" style="position: relative">
<button id="checkButton" class="btn btn-active">Go</button> <button id="checkButton" class="btn-Action" style="margin-top: -5px">Go</button>
</div> </div>
</div> </div>
<div class="nextPanel" style="display: none"> <div class="nextPanel" style="display: none">
<div class="comic" style="height: 300px; background-image: url(/img/tutorial/ch1pg1_2.png);background-size: 839px;"> <div class="comic" style="height: 300px; background-image: url(/img/tutorial/ch1pg1_2.png);background-size: 839px;">
<div class="dialogue" style="left: 194px; top:30px;"> <div class="dialogue" style="left: 194px; top:27px;">
Welcome, [NAME]! You're about to embark on a very exciting challenge: creating your first website! Welcome, [NAME]! You're about to embark on a very exciting challenge: creating your first website!
</div> </div>
<div class="dialogue" style="left: 645px; top:20px;"> <div class="dialogue" style="left: 645px; top:16px;">
You've already made the first important step of starting this lesson, so here's a badge for your profile. You've already made the first important step of starting this lesson, so here's a badge for your profile.
</div> </div>
</div> </div>
<a href="/tutorial/html/2" class="btn btn-active">Next</a> <a href="/tutorial/html/2" class="btn-Action">Next</a>
</div> </div>
<script> <script>

6
views/tutorial/layout.erb
View file

@ -20,10 +20,10 @@
<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">Next</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 btn-action" type="submit" value="Reset"> <input id="reset" class="btn cancel" style="margin-right: 10px" type="submit" value="Reset">
<% end %> <% end %>
<h3 class="editor-heading">HTML</h3> <h3 class="editor-heading">HTML</h3>