-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
125 lines (103 loc) · 4.22 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
125
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Inviz/lsd-examples @ GitHub</title>
<style type="text/css">
body {
margin-top: 1.0em;
background-color: #862984;
font-family: "Helvetica,Arial,FreeSans";
color: #ffffff;
}
#container {
margin: 0 auto;
width: 700px;
}
h1 { font-size: 3.8em; color: #79d67b; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #79d67b; }
h3 { text-align: center; color: #79d67b; }
a { color: #79d67b; }
.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
.download { float: right; }
pre { background: #000; color: #fff; padding: 15px;}
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
.footer { text-align:center; padding-top:30px; font-style: italic; }
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18508300-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<a href="http://github.com/Inviz/lsd-examples"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<div id="container">
<h1><a href="http://github.com/Inviz/lsd-examples">lsd-examples</a>
<span class="small">by <a href="http://github.com/Inviz">Inviz</a></span></h1>
<div class="description">
What you can do with <a href="http://github.com/Inviz/lsd/blob/master/README.md">LSD</a> and free time
</div>
<p>An interface library that blows the mind, does things that were obvious but never really done and put together: CSS-driven customizable interfaces that render into SVG/VML. The goal is to generate phat ass amount of clean, clear, reusable, lightweight, modular and powerful code to use whenever it comes to UI.</p>
<p>See <a href="http://github.com/Inviz/lsd/blob/master/README.md">LSD</a> for more info about the library itself. This is DEMOPAGE!</p>
<h2>Demos</h2>
<ul>
<li>
<a href="http://inviz.github.com/lsd-examples/Demos/index.html">Windows</a>
</li>
<li>
<a href="http://inviz.github.com/lsd-examples/Demos/index.html">Menu bar (alpha)</a>
</li>
</ul>
<p>
<h2>Dependencies</h2>
<p>This is a third library in a set. It requires lsd & lsd-base to function properly. And both of them work with the latest mootools.
<ul>
<li>mootools-core</li>
<li>mootools-more</li>
<li>lsd-base</li>
<li>art</li>
<li>qfocuser</li>
<li>mootools-ext</li>
<li>mootools-color</li>
<li>cssparser</li>
</ul>
</p>
<h2>Install</h2>
<p>Only jsus (http://github.com/markiz/jsus) can save you. You need it is a gem to build the package. Jsus is an alternative (to Packager) javascript packager written in ruby. Currently, it is possible to browse demos without using jsus, because they include generated file tree.
</p>
<h2>License</h2>
<p>MIT License</p>
<h2>Authors</h2>
<p>Yaroslaff Fedin (me@inviz.ru)
<br/>
<br/> </p>
<h2>Contact</h2>
<p>Yaroslaff Fedin (me@inviz.ru)
<br/> jabber: invizko@gmail.com</p>
<h2>Download</h2>
<p>You can also clone the project with <a href="http://git-scm.com">Git</a>
by running:
<pre>$ git clone git://github.com/Inviz/lsd.git
$ cd lsd
$ git submodule update --init
# open dependencies/lsd-examples/demos/index.html in the browser
# Optional: Use jsus to pack files
$ sudo gem install jsus
$ cd dependencies/lsd-examples
$ jsus -i . -o Scripts -d ../.. -g -b</pre>
</p>
<div class="footer">
get the source code on GitHub : <a href="http://github.com/Inviz/lsd-examples">Inviz/lsd-examples</a>
</div>
</div>
</body>
</html>