-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (114 loc) · 5.58 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
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any
other head content must come *after* these tags -->
<title>The LED UI Project - Making brighter applications</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
crossorigin="anonymous">
<link rel="stylesheet" href="/css/intro.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1>LED UI Project</h1>
<p>Project to create a low power and portable LED based interface for gaming and applications. Yeah!</p>
<div class="row center-block" id="header"></div>
<h2>Making Brighter Applications</h2>
<p>This website is about LED grid applications generally, but is
also an attempt to slowly build a very niche multi-purpose user
interface with an emphasis on notifications, portability,
low-power consumption and amusement.</p>
<ul>
<li><a href="/introduction/">Introduction</a> - about the general concept of an LED grid application.</li>
<li><a href="/ports/">Ports</a> - the current focus right now
is on Linux, especially the Raspberry Pi, but maybe you are
more interested in another device.</li>
<li><a href="/devices/">Device list</a> - different LED hardware and notes about them.</li>
<li><a href="/input/">Input list</a> - different forms of user input and notes about them.</li>
</ul>
<h2>Ledgrid module</h2>
<p>The ledgrid module is useful for developing LED applications
on your computer.</p>
<ul>
<li><a href="https://pypi.python.org/pypi/ledgrid">PyPI page</a>
<li><a href="https://github.com/zeth/ledgrid">Github project</a></li>
</ul>
<h2>Green Code</h2>
<p>Green Code is an LED based textual representation that aims to be useful in LED applications.</p>
<p>Documentation:</p>
<ul>
<li><a href="/green-code-intro/">Introduction to Green Code</a></li>
<li><a href="/dictionary/">Green Code Dictionary</a> - all of the currently defined characters in standard (RGB) form of the language. </li>
<li><a href="/hundred/">Green Code Hundred words</a> - Here is a list of 100 common English words, many of which are short. I seem to find that long words can be easier to read since after decoding a few letters, you can employ your 'hangman' skills.</li>
<li><a href="/whitecode/">White Code</a> - Alternate one colour format</li>
</ul>
<p>Very simple Python Module:</p>
<ul>
<li><a href="https://pypi.python.org/pypi/greencode/">PyPI page</a></li>
<li><a href="https://github.com/zeth/greencode">Github project</a></li>
</ul>
<p>Greco - Green Code learning game.</p>
<ul>
<li><a href="https://pypi.python.org/pypi/greco/">PyPI page</a></li>
<li><a href="https://github.com/zeth/greco">Github project</a></li>
</ul>
<h2>LED Menu</h2>
<ul>
<li>LED Menu is a menu/notifications application that makes all
your LED apps, games, and notifications available. It is
currently under heavy development and not yet published.</li>
</ul>
<img src="images/bright.png" width="600" height="400">
<h2>Editor</h2>
<ul>
<li>Green code editing component, especially useful to be embedded in apps. Coming soon (for some definition of soon).</li>
</ul>
<img src="images/dots.png" width="600" height="400">
<h2>Collaborate</h2>
<ul>
<li>We have a <a href="https://github.com/ledui">github project</a> where things are beginning to happen, join in!</li>
</ul>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<!-- Handlebars -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script id="greenword-template" type="text/x-handlebars-template">
<div class="col-md-4">
<div class="row">
<div class="{{#if wide}}col-md-12{{else}}col-md-1{{/if}}">
<div class="character">{{word}}</div>
{{#each rows}}
<div class="row word-row">
{{#each this as |cell|}}
<div class="square-{{cell.pos}} {{cell.colour}}"></div>
{{/each}}
</div> <!-- end row -->
{{/each}}
</div>
</div>
</div>
</script>
<!-- Green code -->
<script src="../js/greencode.js"></script>
<script src="../js/homepage.js"></script>
</body>
</html>