forked from fluid-project/build.fluidproject.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (122 loc) · 7.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fluid Project Nightly Build Resources</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css' />
<link href="./lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet" />
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container flbuild">
<div class="flbuild-top">
<div class="flbuild-major-demo flbuild-prefs-framework">
<div class="flbuild-top-description row">
<div class="col-sm-6">
<h2>Preferences Framework</h2>
<p>Learner Options Personalize interfaces and content to meet individual needs and preferences.</p>
<div class="flbuild-blocklinks col-sm-9">
<div class="flbuild-blocklink"><a href="http://build.fluidproject.org/infusion/demos/prefsFramework/">interface options demo</a></div>
<div class="flbuild-blocklink"><a href="http://build.fluidproject.org/explorationTool">preference exploration tool demo</a></div>
</div>
</div>
</div>
</div>
<div class="flbuild-major-demo flbuild-video-player">
<div class="flbuild-top-description row">
<div class="col-sm-6">
<h2>Video Player</h2>
<p>An accessible, transformable, and open source HTML5 video player.</p>
<div class="flbuild-blocklink"><a href="http://build.fluidproject.org/videoPlayer/demos/Mammals.html">video player demo</a></div>
</div>
</div>
</div>
<div class="flbuild-major-demo flbuild-metadata-authoring">
<div class="flbuild-top-description row">
<div class="col-sm-6">
<h2>Metadata Authoring</h2>
<p>Identify and help people find accessible resources.</p>
<div class="flbuild-blocklinks col-sm-9">
<div class="flbuild-blocklink"><a href="http://metadata.floeproject.org/demos/metadata/index.html">metadata authoring tool demo</a></div>
<div class="flbuild-blocklink"><a href="http://metadata.floeproject.org/demos/feedback/index.html">metadata feedback tool demo</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="flbuild-bottom row">
<div class="flbuild-left col-lg-6">
<h1>Fluid Infusion</h1>
<p>Good interfaces should be easy to use and
easy to build. Infusion takes the pain out of
developing accessible, high performance,
clean and nimble front-ends for applications
that want to do more. Our approach is to
leave you in control - it's your interface, using
your markup, your way.
</p>
<p>Developed by an international group of
software developers and interaction
designers, Fluid Infusion combines JavaScript,
CSS, HTML and user-centered design, rolling
them all into a single package that sits on top
of the popular jQuery toolkit. Infusion
includes ready-to-use components as well as
a framework to build your own</p>
<div class="flbuild-blocklinks">
<div class="flbuild-blocklink">
<a href="https://github.com/fluid-project/infusion">Download infusion</a>
</div>
<div class="flbuild-blocklink">
<a href="http://wiki.fluidproject.org/display/docs/How-to+Guides">Tutorials</a>
</div>
</div>
</div>
<div class="flbuild-right col-lg-6">
<div class="flbuild-box">
<h2>Infusion JS Framework</h2>
<h3><a href="http://build.fluidproject.org/infusion/demos/renderer/">Renderer</a></h3>
<p>Allows you to create user interface templates in pure
HTML and render the pages entirely on the client side. It
offers a clean separation of Model and View, working with
internal Renderer Component Trees that are independent
of the mark-up.</p>
<h3><a href="http://build.fluidproject.org/infusion/demos/keyboard-a11y/">Keyboard Accessibility Plugin</a></h3>
<p>The jQuery Keyboard Accessibility Plugin makes it easy for
developers to add keyboard handlers to their code
without a lot of extra overhead.</p>
</div>
<div class="flbuild-box">
<h2>Infusion Components</h2>
<h3><a href="http://build.fluidproject.org/infusion/demos/reorderer/imageReorderer/">Reorderer</a></h3>
<p>Provides drag and drop customization of modules in a
portal environment.</p>
<h3><a href="http://build.fluidproject.org/infusion/demos/inlineEdit/">Inline Edit</a></h3>
<p>Allows a user to do quick edits to simple text without
having to switch modes or screens. All work is done on the
same interface which helps the user maintain context.</p>
<h3><a href="http://build.fluidproject.org/infusion/demos/pager/">Pager</a></h3>
<p>Allows users to break up long lists of items into separate
pages. They may decide whether or not they want paging,
and how many results are displayed per page.</p>
<h3><a href="http://build.fluidproject.org/infusion/demos/uploader/">Uploader</a></h3>
<p>Allows users to upload files. The user can select desired
files from their computer, view them in a queue, add or
remove files to and from the queue, and upload them. </p>
<h3><a href="http://build.fluidproject.org/infusion/demos/progress/">Progress</a></h3>
<p>Provides a usable and accessible linear progress display
for use on its own or with other Fluid components.</p>
</div>
</div>
</div>
</div>
</body>
</html>