-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
85 lines (82 loc) · 4.07 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="only light">
<meta name="Description"
content="Why HTML Haus was created, what problem it is trying to solve, its license, and guidelines for contributing">
<title>HTML Haus | About</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/sane.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- <base href="https://html.haus/"> -->
</head>
<body>
<header>
<nav>
<a id="menu-title" href="index.html">HTML<img class="logo" src="img/house-with-tree.png"
alt="House with tree icon"></a>
<ul>
<li><a href="learn.html">Learn</a></li>
<li><a href="practice.html">Practice</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="tools.html">Tools</a></li>
</ul>
</nav>
</header>
<main>
<h1>About</h1>
<p>
Website for teaching HTML to everyone. I conceived of this website after returning to web development from a long
hiatus. I used this project to learn HTML5 alongside ReactJS, but while doing so, I noticed an old problem had
resurfaced in the new world: HTML is often misunderstood and misused. For example, there's an ugly proliferation
of div tags. Div tags have no semantic meaning, yet many sites seem to use them for everything, often in place of
proper semantic tags.
</p>
<p>
I believe the real problem is that today's web developers do not maximize their use of HTML. I think this issue stems from the
widescale adoption of user interface libraries and frameworks like Angular, React, Svelte, and Vue. These tools
abstract the web's view layer by allowing users to build everything in components. Component driven development has been
growing in popularity for years, because it makes reasoning around and maintaining complex user interfaces easier. But a
lot of new web developers seem to have missed a fundamental point: HTML is already organized into components.
They're called elements! We just have to use them properly.
</p>
<p>
This website hopes to fix these problems by educating web developers.
</p>
<h2>Offering</h2>
<p>HTML.Haus provides:</p>
<ul>
<li><a href="learn.html">Learn</a>: a single page tutorial on HTML</li>
<li><a href="practice.html">Practice</a>: with an element memorization tool</li>
<li><a href="reference.html">Reference</a>: for broadly supported HTML elements</li>
<li><a href="tools.html">Tools</a>: to help you write better, faster, and stronger HTML</li>
</ul>
<h2>License</h2>
<p>This entire website, all sample code, and APIs are free and open source, using the MIT license.</p>
<h2>Contributing</h2>
<p>Have a suggestion or see an error? This project is open source. Please contribute on <a
href="https://github.com/rchillard/html.haus">GitHub <img class="emoji" alt="GitHub Octocat Logo"
src="img/github.svg"></a>.</p>
<h2>Author</h2>
<p>
Made with <img class="emoji" src="img/red-heart.png" alt="Red Heart"> by <a href="https://rchillard.com/">RCH</a>.
This is the first project in a trifecta covering web technologies:
</p>
<ul>
<li><a href="https://html.haus">HTML.Haus</a> is here to remind developers to use all the HTML available.</li>
<li><a href="https://css.city">CSS.City</a> is a website dedicated to teaching Cascading Style Sheets (CSS).</li>
<li><a href="https://script.schule">Script.Schule</a> is a website dedicated to practicing modern JavaScript (JS).</li>
</ul>
</main>
<footer>
<a href="learn.html">Learn</a>
<a href="practice.html">Practice</a>
<a href="reference.html">Reference</a>
<a href="tools.html">Tools</a>
<a href="about.html">About</a>
<a href="index.html"><img alt="House with tree icon" class="logo" src="img/house-with-tree.png"></a>
</footer>
</body>
</html>