Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

#449 Update HTML lesson 1 example page to match the tutorial #450

Open
wants to merge 4 commits into
base: gh-pages
Choose a base branch
from
Open

#449 Update HTML lesson 1 example page to match the tutorial #450

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5509af5
update to Ruby 2.5.1
Aliciawyse Oct 6, 2018
3b215f2
##449 HTML lesson 1 example to match tutorial
louiechristie Nov 20, 2019
0542b49
#449 Further changes to HTML lesson 1 example to match tutorial
louiechristie Nov 25, 2019
f167ac1
Bump up ruby to version 2.6.2 or testing on Netlify
louiechristie Nov 25, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .ruby-version
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
2.2.1
2.6.2
72 changes: 43 additions & 29 deletions html/lesson1/example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,51 +4,65 @@
<title>I love owls</title>
</head>
<body>
<div><img src="images/logo.png" alt="codebar.io"/></div>
<h1>Owls...</h1>
<div>
<!-- Note to self: this is where the header goes -->

<div>
<img src="images/logo.png" alt="codebar.io" />
</div>

<h1>Owls</h1>

<p>
Most birds of prey sport eyes on the sides of their heads,
but the stereoscopic nature of
the owl's forward-facing <strong>eyes permits the greater
sense of depth perception</strong> necessary for low-light hunting.
</p>

<a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
</div>

<h2>Why do I like owls so much?</h2>
<ul>
<li><img src="images/img1.jpg" alt="adorable"/></li>
<li><img src="images/img2.jpg" alt="lovely"/></li>
<li><img src="images/img3.jpg" alt="cuddly"/></li>
<li><img src="images/img1.jpg" alt="adorable"></li>
<li><img src="images/img2.jpg" alt="lovely"></li>
<li><img src="images/img3.jpg" alt="cuddly"></li>
</ul>
<ol>
<li><b>they are adorable</b></li>
<li><b>and lovely</b></li>
<li><b>and cuddly</b></li>
<li>they are adorable</li>
<li>and lovely</li>
<li>and cuddly</li>
</ol>
<div><img src="images/img4.jpg" alt="cute owl"/></div>
<div><img src="images/img5.jpg" alt="another cute owl"/></div>
<a href="https://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
<h4>
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
</i>
</h4>
<p><small>- nursery rhyme</small></p>

<div>
<h3>Owls:</h3>
<p>
Most birds of prey sport eyes on the sides of their heads,<br>
but the stereoscopic nature of <br>
the owl's forward-facing <strong>eyes permits the greater <br>
sense of depth perception </strong>necessary for low-light hunting. <br>
<a href="https://www.youtube.com/watch?v=gBjnfgnwXic">
<img src="images/img4.jpg" alt="cute owl">
<img src="images/img5.jpg" alt="another cute owl">
<br>
<a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
</p>
Watch the video
</a>
</div>

<div>
<img src="images/img6.jpg" alt="two owls"/>
<p>
<strong>
"The Owl &amp; the Pussy-cat went to sea <br>
In a beautiful pea-green boat"
</strong>
</p>
<small>&mdash; nursery rhyme</small>
</div>

<ul>
<li>
<a href="mailto:[email protected]?subject=I love owls :: codebar">Email us</a>
<a href="mailto:[email protected]?subject=I%20love%20owls%20::%20codebar">Email us</a>
</li>
<li>
<a href="mailto:?subject=I love owls :: codebar">Email a friend</a>
<a href="mailto:?subject=I%20love%20owls%20::%20codebar">Email a friend</a>
</li>
<li>
<a href="https://twitter.com/codebar">Twitter</a>
<a href="https://twitter.com/home?status=I love owls! via @codebar">Share your love of owls on twitter</a>
</li>
</ul>
</body>
Expand Down
2 changes: 1 addition & 1 deletion html/lesson1/tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ In this tutorial we are going to look at:

### Goal

By the end of this tutorial you will have built [this webpage.](https://tutorials.codebar.io/html/lesson1/example.html "I love owls")
By the end of this tutorial you will have built [this webpage.](example.html "I love owls")

#### What is HTML?

Expand Down