-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
124 lines (110 loc) · 7.03 KB
/
index.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Markup Library</title>
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/screen.css" />
</head>
<body>
<h2 class="site-name"><a href=".">Markup Library</a></h2>
<h1>An Open Source Repository of Web Markup</h1>
<h3 class="license-version"><small>Version 0.1 Beta - 2 July 2010</small></h3>
<p>An open source library of
<a href="http://en.wikipedia.org/wiki/Markup_language">markup languages</a>, including
<a href="http://www.w3.org/XML/">XML</a>,
<a href="http://www.w3.org/TR/html401/">HTML</a> and
<a href="http://www.w3.org/TR/xslt">XSLT</a> to develop a resource of markup and user interface
design patterns that adhere to a generally accepted set of code standards.</p>
<h4>Preamble</h4>
<p>The goals of the <a href="http://markuplibrary.org/">Markup Library</a> are to stimulate worldwide
development of collaborative web development libraries, to support the web
development efforts of all citizens of the web, and to provide a free and
open framework in which markup may be shared and improved in partnership
with others.</p>
<h4>Public Domain</h4>
<p>The Markup Library allows the markup to be used, studied, modified and redistributed freely.
Based on the stated goals of the site, the Markup Library is being released under the
<a href="http://creativecommons.org/publicdomain/zero/1.0/">Creative Commons Public Domain CC0 1.0 Universal</a>
license and can be downloaded or cloned from the
<a href="http://github.com/bauhouse/markuplibrary/">GitHub repository</a>.</p>
<h4>A Semantic Page Template</h4>
<p>The first project is to create a standard page template that can adapt to different browser widths and media.
Taking some inspiration from the <a href="http://www.w3.org/">W3C</a>,
the <a href="http://www.designinfluences.com/fluid960gs/">Fluid 960 Grid System</a>
and the grid system developed by Craig Zheng for <a href="http://publicculture.org/">Public Culture</a>
and <a href="http://symphony-cms.com/">Symphony CMS</a>,
<a href="http://bauhouse.ca/">Stephen Bau</a>, Lead Designer at <a href="http://www.domain7.com/">Domain7</a>
has created a <a href="templates/">semantic page template</a>. Documentation is coming.</p>
<p>Announcing the first addition to the Markup Library: a <a href="templates/">semantic page template</a> -
a single-page layout that demonstrates a grid system that adapts to the width of the viewport by using the
media attribute of the link element to switch stylesheets.</p>
<h4>A Media-Aware Grid System</h4>
<p>A <a href="templates/grids/">visual demonstration of the grid system</a> has been added to the templates library.</p>
<h4>HTML5 Page Template</h4>
<p>A <a href="templates/html5/">HTML5 Page Template</a> has been added to the templates library that is based on the original Semantic Page Template. It also includes a <a href="templates/html5/grids/">media-aware grid system</a>. There are <code>div</code> elements with a class of <code>content</code> which are being used for the padding that controls the gutter width. The layout uses HTML5 elements to define the basic structure of the page: <code>header</code>, <code>footer</code>, <code>section</code>, and <code>article</code>. Just be careful to use the element that best suits the semantic meaning of your content.</p>
<h4>Change Log</h4>
<ul class="change-log">
<li>
<h5 class="date">2 July 2010</h5>
<ul>
<li>Create an HTML5 version of the Semantic Page Template and Grid System</li>
<li>Added a 5-column grid to the fixed and fluid grid systems</li>
</ul>
</li>
<li>
<h5 class="date">31 March 2010</h5>
<ul>
<li>A visual demonstration of the grid system added to the templates library</li>
<li>Changed the license from MIT/GPL to Creative Commons CC0</li>
</ul>
</li>
<li>
<h5 class="date">30 March 2010</h5>
<ul>
<li>A home page created to describe the project, based loosely on The League of Moveable Type preamble</li>
<li>A semantic page template added to the templates library</li>
<li><a href="http://symphony-cms.com/discuss/thread/42174/">An announcement</a> was posted on the Symphony CMS forum</li>
</ul>
</li>
<li>
<h5 class="date">29 March 2010</h5>
<ul>
<li>The markuplibrary.org and markuplibrary.com domain names registered</li>
<li>The DNS for markuplibrary.com redirected to markuplibrary.org</li>
<li>A Joyent Accelerator virtual server created with a bare Git repository</li>
<li>The Markup Library site deployed as a Git repository and pushed to GitHub</li>
</ul>
</li>
</ul>
<h4>Open Font Licence</h4>
<p>The fonts used in this document, being served to browsers that are <code>@font-face</code> aware,
are provided under the <a href="fonts/">Open Font License</a> and are freely available from
<a href="http://www.theleagueofmoveabletype.com/">The League of Moveable Type</a>.
See the credit below for more information.</p>
<div class="credits">
<h5>Credits</h5>
<p><small>Thanks to <a href="http://www.theleagueofmoveabletype.com/">The League of Moveable Type</a> for the these well-made, free & open-source, <code>@font-face</code> ready fonts: <a href="http://www.theleagueofmoveabletype.com/fonts/7-league-gothic">League Gothic</a>, <a href="http://www.theleagueofmoveabletype.com/fonts/1-junction">Junction</a> and <a href="http://www.theleagueofmoveabletype.com/fonts/14-raleway">Raleway</a>. All fonts made available by The League of Moveable Type are subject to the <a href="fonts/">Open Font License</a>, and all remaining content, unless stated otherwise, is released under a <a href="http://creativecommons.org/publicdomain/zero/1.0/">Creative Commons Public Domain CC0 1.0 Universal</a> license.</small></p>
<h5>License</h5>
<p xmlns:dct="http://purl.org/dc/terms/" xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#" class="cc-license">
<a rel="license" href="http://creativecommons.org/publicdomain/zero/1.0/" class="cc-button">
<img src="http://i.creativecommons.org/l/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" />
</a>
<small class="cc-text">
To the extent possible under law, <a href="http://markuplibrary.org/" rel="dct:publisher"><span property="dct:title">Stephen Bau</span></a>
has waived all copyright and related or neighboring rights to the
<span property="dct:title">Markup Library</span>.
</small>
</p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4383733-4");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>