-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (176 loc) · 13.8 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Visiomode</title>
<meta name="twitter:card" content="summary">
<meta property="og:description" content="An open-source behavioural platform for rodent touchscreen-based visuomotor tasks">
<meta name="twitter:title" content="Visiomode">
<meta property="og:image" content="/assets/img/res/visiomode_logo.png?h=e258671b4c47e116f87e3b2907765565">
<meta property="og:type" content="website">
<meta name="twitter:image" content="/assets/img/res/banner.png?h=b583893b5f9cefa91b55b92434b3da28">
<meta name="twitter:description" content="An open-source behavioural platform for rodent touchscreen-based visuomotor tasks">
<meta name="description" content="An open-source behavioural platform for rodent touchscreen-based visuomotor tasks">
<link rel="icon" type="image/png" sizes="1078x1085" href="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58">
<link rel="icon" type="image/png" sizes="1078x1085" href="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58">
<link rel="icon" type="image/png" sizes="1078x1085" href="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58">
<link rel="icon" type="image/png" sizes="1078x1085" href="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58">
<link rel="icon" type="image/png" sizes="1078x1085" href="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=7c4b219852b9ea185d69f873102ba79a">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Advent+Pro">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="/assets/css/styles.min.css?h=92118407fd8489014a6995a6ae33c5e5">
<script defer data-domain="visiomode.org" src="https://plausible.io/js/script.js"></script>
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg sticky-top clean-navbar">
<div class="container"><a class="navbar-brand d-flex d-lg-flex align-items-lg-center logo" href="#" style="font-family: Advent Pro;"><img class="d-flex d-lg-flex align-items-lg-center" src="/assets/img/res/visiomode_logo_icon.png?h=ba132c45ba1420ea9a679a8854e9bd58" style="width: 1078px;max-width: 35px;max-height: 35px;">VISIOMODE</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active" href="/index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/features.html">Features</a></li>
<li class="nav-item"><a class="nav-link" href="https://docs.visiomode.org">Docs</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/DuguidLab/visiomode">Github</a></li>
</ul><a class="btn btn-success btn-sm text-uppercase" role="button" data-toggle="tooltip" data-bss-tooltip="" href="https://github.com/DuguidLab/visiomode#installation">Download</a>
</div>
</div>
</nav>
<main class="page landing-page">
<section class="clean-block clean-hero" style="background-image: url("/assets/img/res/photo.jpeg?h=0cd716aa22f9039b9b90fefee176ea0a");color: rgba(15,28,52,0.73);background-size: cover;background-position: center;">
<div class="text">
<h2>Visiomode</h2>
<p>An open-source platform for touchscreen-based visuomotor tasks in rodents.</p><a class="btn btn-outline-light btn-lg" role="button" href="#what">Learn More</a>
</div>
</section>
<section class="clean-block clean-info dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info" id="what">What is Visiomode?</h2>
<p style="color: rgb(0,0,0);">Visiomode is an open-source platform for rodent touchscreen-based visuomotor tasks. It has been designed to promote the use of touchscreens as an accessible option for implementing a variety of visual task paradigms, with flexibility, low-cost and ease-of-use in mind.<br></p>
</div>
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="/assets/img/res/screenshot.png?h=f8c73dcf3ab1972db97762833c68b353"></div>
<div class="col-md-6">
<h3>A Flexible Platform for Visuomotor Experiments</h3>
<div class="getting-started-info">
<p style="color: rgb(0,0,0);">Visiomode is designed for the popular Raspberry Pi computer, and provides the user with an intuitive web interface to design and manage experiments. It can be deployed as a stand-alone cognitive testing solution in both freely-moving and head-restrained environments.</p>
</div><a class="btn btn-outline-primary btn-lg" role="button" href="#">Download</a>
</div>
</div>
</div>
</section>
<section class="clean-block features">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Features</h2>
<p>Visiomode provides an open software platform for building touchscreen-based tasks. Everything is designed to run on cheap and readily available electronics.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-5 feature-box"><i class="icon-star icon"></i>
<h4>Web-Based Interface</h4>
<p>Accessible web-based UI for researchers to design and run experiments. Web interface can be accessed from any computer on the same network as the machine running Visiomode.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-pencil icon"></i>
<h4>Customisable</h4>
<p>Flexible plugin system allows for easily extending the available experimental paradigms on the fly, without having to recompile or reinstall the software.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-screen-smartphone icon"></i>
<h4>Adaptable</h4>
<p>Ability to incorporate USB microcontrollers to act as input or output peripherals in different experimental protocols.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-refresh icon"></i>
<h4>Data Compatibility</h4>
<p>Visiomode is fully compatible with the Neurodata Without Borders ecosystem for neurophysiology.</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col" align="center"><a class="btn btn-outline-light" role="button" href="/features.html">More Features</a></div>
</div>
</div>
</section>
<section class="clean-block slider dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Open Source</h2>
<p style="color: rgb(0,0,0);">With Visiomode, we wanted to create a truly accessible platform for building touchscreen-based tasks for rodents. That's why we have made all the source code available on <a href="https://github.com/celefthe/visiomode">Github</a>, and have published<a href="https://docs.visiomode.org"> documentation</a> on how to use, build and extend the platform. We have purposefully sought out widely available hardware for our freely-moving arenas, in an effort to minimise the cost associated with using touchscreen technologies in research. <br><br>If you encounter an issue with the software platform, please get in touch by <a href="mailto:Constantinos.Eleftheriou@ed.ac.uk">email</a> or <a href="https://github.com/DuguidLab/visiomode/issues/new">submit an issue on Github</a>!</p>
</div>
<div class="carousel slide" data-ride="carousel" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="/assets/img/slides/interface-session.png?h=62e35e1a2d5d224df3f20eec68720dac" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/res/photo.jpeg?h=0cd716aa22f9039b9b90fefee176ea0a" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/slides/arena.png?h=46cb69ce485a658356e6dfb2aa0751ea" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/slides/slits.png?h=bc0a5fcde0564f64b4392796c56adeb4" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
<ol class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
<li data-target="#carousel-1" data-slide-to="3"></li>
</ol>
</div>
</div>
</section>
<section class="clean-block about-us">
<div class="container">
<div class="block-heading">
<h2 class="text-info">About</h2>
<p>Visiomode is developed by Constantinos Eleftheriou at the <a href="http://duguidlab.com/">Duguid Lab</a>. This work is funded by the Simon's Initiative for the Developing brain, the Wellcome Trust and the University of Edinburgh.</p>
</div>
<div class="row d-flex d-lg-flex justify-content-center align-items-center align-content-center align-items-lg-center">
<div class="col" align="center"><img class="d-lg-flex" src="/assets/img/res/sidb.jpg?h=0c77cd0bfb7d24601d6c2134bb254a42" style="height: 160px;"></div>
<div class="col" align="center"><img class="d-lg-flex" src="/assets/img/res/wellcome-logo-white.png?h=a44c5993b6b66172a404885f41616ae3" style="height: 180px;"></div>
<div class="col" align="center" style="margin-top: 20px;margin-bottom: 20px;"><img class="d-lg-flex" src="/assets/img/res/uoe.png?h=000eaf3104162bebac15d976ee59dbe3" style="max-width: 400px;width: 300px;"></div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Get started</h5>
<ul>
<li><a href="#">Home</a></li>
<li><a href="https://visiomode.readthedocs.io/en/latest/">Documentation</a></li>
<li><a href="https://github.com/DuguidLab/visiomode">Github</a></li>
<li><a href="https://github.com/DuguidLab/visiomode#installation">Downloads</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>About</h5>
<ul>
<li><a href="http://www.duguidlab.com">Duguid Lab</a></li>
<li><a href="https://www.sidb.org.uk">SIDB</a></li>
<li><a href="https://ed.ac.uk">University of Edinburgh</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="https://github.com/DuguidLab/visiomode/issues/new">Submit an issue</a></li>
<li><a href="mailto:Constantinos.Eleftheriou@ed.ac.uk">Report a problem</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="/terms.html">Terms of Use</a></li>
<li><a href="/privacy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© 2023 Constantinos Eleftheriou. All rights reserved.</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script src="/assets/js/script.min.js?h=d241160ec53336e883284394ce9a43b8"></script>
</body>
</html>