mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 09:42:36 +02:00
Tutorial tweaks
This commit is contained in:
parent
2cc969198f
commit
966721043f
2 changed files with 11 additions and 11 deletions
|
@ -1,19 +1,19 @@
|
||||||
<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: 270px; top:374px;">
|
<div class="dialogue" style="left: 280px; top:370px;">
|
||||||
Oh, a new student!
|
Oh, a new student!
|
||||||
</div>
|
</div>
|
||||||
<div class="dialogue" style="left: 570px; top:374px;">
|
<div class="dialogue" style="left: 590px; top:370px;">
|
||||||
Ahem, please come in!
|
Ahem, please come in!
|
||||||
</div>
|
</div>
|
||||||
<div class="dialogue" style="left: 50px; top:630px;">
|
<div class="dialogue" style="left: 50px; 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:640px;">
|
<div class="dialogue" style="left: 500px; top:645px;">
|
||||||
What's your name?
|
What's your name?
|
||||||
</div>
|
</div>
|
||||||
<div style="position: absolute; left: 480px; top:850px;">
|
<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">Submit</button>
|
<button id="checkButton" class="btn btn-active">Go</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -27,7 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="/tutorial/html/2">Next >></a>
|
<a href="/tutorial/html/2" class="btn btn-active">Next</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:3em">
|
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:4em">
|
||||||
<div class="dialogue" style="left: 0;top:0;">
|
<div class="dialogue" style="left: 0;top:-20px;">
|
||||||
Now maybe your website needs a list. Here's how an unordered list looks:
|
Now maybe your website needs a list. Here's how an unordered list looks:
|
||||||
<div style="text-align: left; font-weight: bold">
|
<div style="text-align: left; font-weight: bold">
|
||||||
<ul><br>
|
<ul><br>
|
||||||
|
@ -9,10 +9,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dialogue">
|
<div class="dialogue" style="left: 350px; top: 0;">
|
||||||
First, add a list to your page, but replace my favorite activities with your own!
|
First, add a list to your page, but replace my favorite activities with your own!
|
||||||
</div>
|
</div>
|
||||||
<div class="dialogue" style="left: 440px; top: 140px;">
|
<div class="dialogue" style="left: 440px; top: 120px;">
|
||||||
Second, put an h2 header above the list with some kind of title, like "Interests."
|
Second, put an h2 header above the list with some kind of title, like "Interests."
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Reference in a new issue