zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-07-22 10:36:07 +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/6.erb
View file

@ -1,14 +1,14 @@
<div class="comic" style="height: 500px">
<div class="dialogue">
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg6.png); background-size: 650px">
<div class="dialogue" style="top: 120px; left: 40px">
Great job! You can see what you've done so far at <a href="">victoria.neocities.org</a>. Now let's try an image.
</div>
<div class="dialogue">
<div class="dialogue" style="top: 20px; left: 360px">
Your Neocities web directory already includes a portrait of me called cat.png.
</div>
<div class="dialogue">
Add it to your page like so:
<div class="dialogue" style="top: 140px; left: 390px">
Add it to your page like so: [img src="cat.png"]
</div>
<div class="dialogue">
<div class="dialogue" style="top: 230px; left: 400px">
That's it! No closing tag needed for images.
</div>
</div>