Skip to content

Commit 0219cdf

Browse files
mtdownermtdowner
authored
fix nav
1 parent 7bffe54 commit 0219cdf

File tree

11 files changed

+80
-445
lines changed

11 files changed

+80
-445
lines changed

‎.gitignore

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎CODE_OF_CONDUCT.md

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎LICENSE

Lines changed: 0 additions & 116 deletions
This file was deleted.

‎index.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,12 @@
2020
<body>
2121
<nav>
2222
<ul>
23-
<li><a href="learn/tasks/backgrounds/backgrounds1-download.html">Task 1</a></li>
24-
<li><a href="learn/tasks/backgrounds/backgrounds2-download.html">Task 2</a></li>
23+
<li><a href="/learn/getting-started/biog.html">Styling a biography</a></li>
2524

26-
<li><a href="modules/colors.html">Color syntax converter</a></li>
25+
<li><a href="/learn/tasks/backgrounds/backgrounds1-download.html">Backgrounds Task 1</a></li>
26+
<li><a href="/learn/tasks/backgrounds/backgrounds2-download.html">Backgrounds Task 2</a></li>
27+
28+
<li><a href="/modules/colors.html">Color syntax converter</a></li>
2729
</ul>
2830
</nav>
2931
</body>

‎learn/getting-started/biog-download.html

Lines changed: 0 additions & 66 deletions
This file was deleted.

‎learn/getting-started/biog.html

Lines changed: 26 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,31 @@
11
<!DOCTYPE html>
2-
<html lang="en-us">
3-
<head>
2+
<html lang="en">
3+
4+
<head>
45
<meta charset="utf-8" />
56
<meta name="viewport" content="width=device-width" />
67
<title>Formatting a biography</title>
7-
<link rel="stylesheet" href="../styles.css">
8-
<style>
9-
10-
</style>
11-
12-
<style class="editable">
13-
body {
14-
font-family: Arial, Helvetica, sans-serif;
15-
}
16-
17-
h1 {
18-
color: #375e97;
19-
font-size: 2em;
20-
font-family: Georgia, 'Times New Roman', Times, serif;
21-
border-bottom: 1px solid #375e97;
22-
}
23-
24-
h2 {
25-
font-size: 1.5em;
26-
}
27-
28-
.job-title {
29-
color: #999999;
30-
font-weight: bold;
31-
}
32-
33-
a:link, a:visited {
34-
color: #fb6542;
35-
}
36-
37-
a:hover {
38-
text-decoration: none;
39-
}
40-
</style>
41-
</head>
42-
43-
<body>
44-
<section class="preview">
45-
<h1>Jane Doe</h1>
46-
<div class="job-title">Web Developer</div>
47-
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
48-
49-
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p>
50-
51-
<h2>Contact information</h2>
52-
<ul>
53-
<li>Email: <a href="mailto:jane@example.com">jane@example.com</a></li>
54-
<li>Web: <a href="http://example.com">http://example.com</a></li>
55-
<li>Tel: 123 45678</li>
56-
</ul>
57-
</section>
58-
59-
<textarea class="playable playable-css" style="height: 500px;">
60-
body {
61-
font-family: Arial, Helvetica, sans-serif;
62-
}
63-
64-
h1 {
65-
color: #375e97;
66-
font-size: 2em;
67-
font-family: Georgia, 'Times New Roman', Times, serif;
68-
border-bottom: 1px solid #375e97;
69-
}
70-
71-
h2 {
72-
font-size: 1.5em;
73-
}
74-
75-
.job-title {
76-
color: #999999;
77-
font-weight: bold;
78-
}
79-
80-
a:link, a:visited {
81-
color: #fb6542;
82-
}
83-
84-
a:hover {
85-
text-decoration: none;
86-
}
87-
</textarea>
88-
89-
<textarea class="playable playable-html" style="height: 300px;">
90-
<h1>Jane Doe</h1>
91-
<div class="job-title">Web Developer</div>
92-
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
93-
94-
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p>
95-
96-
<h2>Contact information</h2>
97-
<ul>
98-
<li>Email: <a href="mailto:jane@example.com">jane@example.com</a></li>
99-
<li>Web: <a href="http://example.com">http://example.com</a></li>
100-
<li>Tel: 123 45678</li>
101-
</ul>
102-
</textarea>
103-
104-
<div class="playable-buttons">
105-
<input id="reset" type="button" value="Reset">
106-
</div>
107-
</body>
108-
<script src="../playable.js"></script>
109-
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
11+
<body>
12+
13+
<h1>Jane Doe</h1>
14+
<div class="job-title">Web Developer</div>
15+
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
16+
17+
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
18+
</p>
19+
20+
<h2>Contact information</h2>
21+
<ul>
22+
<li>Email:
23+
<a href="mailto:jane@example.com">jane@example.com</a>
24+
</li>
25+
<li>Web:
26+
<a href="http://example.com">http://example.com</a>
27+
</li>
28+
<li>Tel: 123 45678</li>
29+
</ul>
30+
</body>
11031
</html>

‎learn/getting-started/style.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
body {
2+
background-color: #fff;
3+
color: #333;
4+
font-family: Arial, Helvetica, sans-serif;
5+
padding: 1em;
6+
margin: 0;
7+
}
8+
h1 {
9+
color: hotpink;
10+
font-size: 2em;
11+
font-family: Georgia, 'Times New Roman', Times, serif;
12+
border-bottom: 10px dotted purple;
13+
}
14+
h2 {
15+
font-size: 1.5em;
16+
font-style: italic;
17+
}
18+
.job-title {
19+
color: #999999;
20+
font-weight: bold;
21+
}
22+
ul {
23+
background-color: #eee;
24+
border: 5px solid purple;
25+
padding: 3px;
26+
}
27+
a:link,
28+
a:visited {
29+
color: #fb6542;
30+
}
31+
a:hover {
32+
color: green;
33+
text-decoration: none;
34+
}

0 commit comments

Comments
 (0)