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

Tutorial chapter 1 dialogue placement with rough comic mockups

Browse source
This commit is contained in:
Victoria Wang 2015-09-18 15:09:06 -07:00
parent 11ab120f77
commit eb8873c381
20 changed files with 47 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,20 @@
<div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png);">
<div class="dialogue">
<div class="dialogue" style="left: 270px; top:374px;">
Oh, a new student!
</div>
<div class="dialogue">
<div class="dialogue" style="left: 570px; top:374px;">
Ahem, please come in!
</div>
<div class="dialogue">
<div class="dialogue" style="left: 50px; top:630px;">
I'm Penelope, and I'll be your teacher.
</div>
<div class="dialogue">
<div class="dialogue" style="left: 330px; top:630px;">
What's your name?
</div>
<div style="position: absolute; left: 460px; top:840px;">
<input type="text" placeholder="First Name" style="position: relative">
<a class="btn btn-active">Submit</a>
</div>
</div>
<script>