-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
99 lines (92 loc) · 16.1 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
<!doctype html><html lang=en class=no-js><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name=generator content="Hugo 0.74.3"><link rel=alternate type=application/rss+xml href=/index.xml><meta name=ROBOTS content="INDEX, FOLLOW"><link rel="shortcut icon" href=/favicons/favicon.ico><link rel=apple-touch-icon href=/favicons/apple-touch-icon-180x180.png sizes=180x180><link rel=icon type=image/png href=/favicons/favicon-16x16.png sizes=16x16><link rel=icon type=image/png href=/favicons/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/favicons/android-36x36.png sizes=36x36><link rel=icon type=image/png href=/favicons/android-48x48.png sizes=48x48><link rel=icon type=image/png href=/favicons/android-72x72.png sizes=72x72><link rel=icon type=image/png href=/favicons/android-96x96.png sizes=96x96><link rel=icon type=image/png href=/favicons/android-144x144.png sizes=144x144><link rel=icon type=image/png href=/favicons/android-192x192.png sizes=192x192><title>Minno Suite</title><meta property="og:title" content="MinnoJS Suite"><meta property="og:description" content="Documentation for minnoSuite"><meta property="og:type" content="website"><meta property="og:url" content="/"><meta property="og:image" content="/featured-background.jpg"><meta property="og:site_name" content="Minno Suite"><meta itemprop=name content="MinnoJS Suite"><meta itemprop=description content="Documentation for minnoSuite"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="/featured-background.jpg"><meta name=twitter:title content="MinnoJS Suite"><meta name=twitter:description content="Documentation for minnoSuite"><link rel=preload href=/scss/main.min.0522e1e02ced4def8074fed4d9859fd2e8f02c4debc9e110587e745715b19574.css as=style><link href=/scss/main.min.0522e1e02ced4def8074fed4d9859fd2e8f02c4debc9e110587e745715b19574.css rel=stylesheet integrity><script src=https://code.jquery.com/jquery-3.5.1.min.js integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin=anonymous></script><link rel=stylesheet href=/css/tabbed-pane.css></head><body class=td-home><header><nav class="js-navbar-scroll navbar navbar-expand navbar-dark td-navbar-cover flex-column flex-md-row td-navbar"><a class=navbar-brand href=/><span class=navbar-logo></span><span class="text-uppercase font-weight-bold">Minno Suite</span></a><div class="td-navbar-nav-scroll ml-md-auto" id=main_navbar><ul class="navbar-nav mt-2 mt-lg-0"><li class="nav-item mr-4 mb-2 mb-lg-0"><a class=nav-link href=/about/><span>About</span></a></li><li class="nav-item mr-4 mb-2 mb-lg-0"><a class=nav-link href=/docs/><span>Documentation</span></a></li><li class="nav-item mr-4 mb-2 mb-lg-0"><a class=nav-link href=/blog/><span>Blog</span></a></li><li class="nav-item mr-4 mb-2 mb-lg-0"><a class=nav-link href=https://groups.google.com/g/minnojs/ target=_blank><span>Forum</span></a></li></ul></div><div class="navbar-nav d-none d-lg-block"><input type=search class="form-control td-search-input" placeholder=" Search this site…" aria-label="Search this site…" autocomplete=off></div></nav></header><div class="container-fluid td-default td-outer"><main role=main class=td-main><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/lib/codemirror.css integrity="sha256-ylWkFzi+pmuVQm80SJjUJvNjzXmRc6+naSkH2xWL5+8=" crossorigin=anonymous><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/theme/monokai.css integrity="sha256-JGPcb9kgGaDHyiqqAdAxFrKA+nxq4BvyHffBB9m2g+g=" crossorigin=anonymous><script src=https://cdn.jsdelivr.net/npm/[email protected]/lib/codemirror.min.js></script><script src=https://cdn.jsdelivr.net/npm/[email protected]/mode/javascript/javascript.js integrity="sha256-XxB90cNdnOuUFQjAE56w4OBTdMu5SHChSz02/Ki3oAQ=" crossorigin=anonymous></script><link rel=preload as=image href=/featured-background_hu009619a190e6926a6275b72aef97b90f_3639283_960x540_fill_q75_catmullrom_top.jpg media="(max-width: 1200px)"><link rel=preload as=image href=/featured-background_hu009619a190e6926a6275b72aef97b90f_3639283_1920x1080_fill_q75_catmullrom_top.jpg media="(min-width: 1200px)"><style>#td-cover-block-0{background-image:url(/featured-background_hu009619a190e6926a6275b72aef97b90f_3639283_960x540_fill_q75_catmullrom_top.jpg)}@media only screen and (min-width:1200px){#td-cover-block-0{background-image:url(/featured-background_hu009619a190e6926a6275b72aef97b90f_3639283_1920x1080_fill_q75_catmullrom_top.jpg)}}</style><section id=td-cover-block-0 class="row td-cover-block td-cover-block--height-full js-td-cover td-overlay td-overlay--dark -bg-orange"><div class="container td-overlay__inner"><div class=row><div class=col-12><div class=text-center><h1 class="display-1 mt-0 mt-md-5 pb-4">Welcome to Minno Suite</h1><div class="pt-3 lead"><div class=mx-auto><a class="btn btn-lg btn-primary mr-3 mb-4" href=/docs/start/>Gettings started<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
<a class="btn btn-lg btn-info mr-3 mb-4" href=/docs/>Documentation <i class="fas fa-book ml-2"></i></a><p class="lead mt-5">A platform for online studies!</p><a class="btn btn-link text-primary" href=#td-block-1><i class="fa fa-chevron-circle-down" style=font-size:400%></i></a></div></div></div></div></div></div></section><a id=td-block-1 class=td-offset-anchor></a><section class="row td-box td-box--primary position-relative td-box--gradient td-box--height-auto"><div class="container text-center td-arrow-down"><span class="h4 mb-0"><h2 id=minno><strong>Minno</strong></h2><p><strong>Syndarin</strong>. <em>Verb</em>. Enter! (lit. to the inside!)</p><p>Welcome!
Minno Suite is a free platform for running behaviour studies online.
It was carefuly crafted by social scientists for social scientists with an emphasis on usability and flexibility.</p></span></div></section><a id=td-block-2 class=td-offset-anchor></a><section class="row td-box td-box--dark td-box--gradient td-box--height-auto"><div class=col><div class=row><div class="col-lg-4 mb-5 mb-lg-0 text-center"><div class="mb-4 h1"><i class="fas fa-stopwatch"></i></div><h4 class=h3>Time sensitive tasks</h4><p class=mb-0><p>MinnoJS excels at running complex time-sensitive tasks.</p></p><p><a href=docs/time>Read more …</a></p></div><div class="col-lg-4 mb-5 mb-lg-0 text-center"><div class="mb-4 h1"><i class="fas fa-question"></i></div><h4 class=h3>Questionnaires</h4><p class=mb-0><p>Easily create questionnaires with full control over content randomization and interactivity.</p></p><p><a href=docs/quest>Read more …</a></p></div><div class="col-lg-4 mb-5 mb-lg-0 text-center"><div class="mb-4 h1"><i class="fas fa-server"></i></div><h4 class=h3>Minno server</h4><p class=mb-0><p>Manage study creation, data logging, multiple users and collaboration and much much more.</p></p><p><a href=docs/start/server>Read more …</a></p></div></div></div></section><a id=td-block-3 class=td-offset-anchor></a><section class="row td-box td-box--3 position-relative td-box--gradient td-box--height-auto"><div class="container text-center td-arrow-down"><span class="h4 mb-0"><h1 class=text-center>There is no need to install</h1><h3 class=text-center>Try it out right now</h2></span></div></section><a id=td-block-4 class=td-offset-anchor></a><section class="row td-box td-box--white td-box--gradient td-box--height-auto"><div class=col><div class="row justify-content-center"><div class=col-xl-6><h2>Minno-time</h2><p>Minno-time allows you to create rich and flexible time sensitive tasks.
It is fast, accurate, and extremely flexible.
Following is an implementation of the Race IAT (Nosek, Greenwald, & Banaji, 2005).
<a href=/docs/time/>Read more</a></p><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/lib/codemirror.css integrity="sha256-ylWkFzi+pmuVQm80SJjUJvNjzXmRc6+naSkH2xWL5+8=" crossorigin=anonymous><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/theme/monokai.css integrity="sha256-JGPcb9kgGaDHyiqqAdAxFrKA+nxq4BvyHffBB9m2g+g=" crossorigin=anonymous><script src=https://cdn.jsdelivr.net/npm/[email protected]/lib/codemirror.min.js></script><script src=https://cdn.jsdelivr.net/npm/[email protected]/mode/javascript/javascript.js integrity="sha256-XxB90cNdnOuUFQjAE56w4OBTdMu5SHChSz02/Ki3oAQ=" crossorigin=anonymous></script><div class=pg-section id=pg-time.js><p><a class="pg-play btn btn-warning"><i class="fas fa-play"></i>Run</a>
<a class="pg-download btn btn-outline-warning"><i class="fas fa-download"></i>Download</a></p><textarea class=code-mirror rows=40>
define(['timeAPI', 'https://cdn.jsdelivr.net/gh/baranan/minno-tasks@0.*/IAT/iat8.js'], function(APIConstructor, iatExtension){
var API = new APIConstructor();
return iatExtension({
category1 : {
name : 'Black people', //Will appear in the data.
title : {
media : {word : 'Black people'}, //Name of the category presented in the task.
css : {color:'#31940F','font-size':'2em'}, //Style of the category title.
height : 4 //Used to position the "Or" in the combined block.
},
stimulusMedia : [ //Stimuli content as PIP's media objects
{image : 'black1.jpg'},
{image : 'black2.jpg'},
{image : 'black3.jpg'},
{image : 'black4.jpg'},
{image : 'black5.jpg'},
{image : 'black6.jpg'}
],
//Stimulus css (style)
stimulusCss : {color:'#31940F','font-size':'1.8em'}
},
category2 : {
name : 'White people', //Will appear in the data.
title : {
media : {word : 'White people'}, //Name of the category presented in the task.
css : {color:'#31940F','font-size':'2em'}, //Style of the category title.
height : 4 //Used to position the "Or" in the combined block.
},
stimulusMedia : [ //Stimuli content as PIP's media objects
{image : 'yf1.jpg'},
{image : 'yf4.jpg'},
{image : 'yf5.jpg'},
{image : 'ym2.jpg'},
{image : 'ym3.jpg'},
{image : 'ym5.jpg'} ],
//Stimulus css
stimulusCss : {color:'#31940F','font-size':'1.8em'}
},
base_url : {//Where are your images at?
image : 'https://baranan.github.io/minno-tasks/images/'
}
});
});
</textarea></div><script>(function(filename){var win,section;var section=document.getElementById('pg-'+filename);var el=section.querySelector('.code-mirror');var cm=CodeMirror.fromTextArea(el,{theme:'monokai'});cm.setSize(null,500);section.querySelector('.pg-download').addEventListener('click',function(){var blob=new Blob([cm.getValue()],{type:'text/javascript'});if(window.navigator.msSaveOrOpenBlob)window.navigator.msSaveBlob(blob,filename);else{var elem=window.document.createElement('a');elem.href=window.URL.createObjectURL(blob);elem.download=filename;document.body.appendChild(elem);elem.click();document.body.removeChild(elem);}});section.querySelector('.pg-play').addEventListener('click',function(){var runminnoUrl='\/runminno.html';if(win)win.close();win=window.open(runminnoUrl,'Playground');win.onload=function(){win.addEventListener('unload',function(){window.focus();});win.activate(cm.getValue());};});})('time.js');</script></div></div></div></section><a id=td-block-5 class=td-offset-anchor></a><section class="row td-box td-box--light td-box--gradient td-box--height-auto"><div class=col><div class="row justify-content-center"><div class=col-xl-6><h2>Minno-quest</h2><p>Minno-quest is the questionnaire creator within the minno-suite.
It gives you the power to easily compose questionnaires, using a variety of built-in question types,
all while keeping the highly dynamic control provided by MinnoJS.
Following is simple implementation of the Rosenberg Self-Esteem Scale (Rosenberg, 1965).
<a href=/docs/quest/>Read more</a></p><div class=pg-section id=pg-quest.js><p><a class="pg-play btn btn-warning"><i class="fas fa-play"></i>Run</a>
<a class="pg-download btn btn-outline-warning"><i class="fas fa-download"></i>Download</a></p><textarea class=code-mirror rows=40>
define(['questAPI'], function(Quest){
var API = new Quest();
API.addQuestionsSet('basicSelect', {
type: 'selectOne',
style:'multiButtons',
errorMsg: { required: "Please select an answer, or click 'decline to answer'" },
answers : ['Strongly Disagree', 'Disagree', 'Agree', 'Strongly Agree']
});
API.addQuestionsSet('item', [
{inherit : 'basicSelect', name:'item1', stem : 'On the whole, I am satisfied with myself.'},
{inherit : 'basicSelect', name:'item2', stem : 'At times I think I am no good at all.'},
{inherit : 'basicSelect', name:'item3', stem : 'I feel that I have a number of good qualities.'},
{inherit : 'basicSelect', name:'item4', stem : 'I am able to do things as well as most other people.'},
{inherit : 'basicSelect', name:'item5', stem : 'I feel I do not have much to be proud of.'},
{inherit : 'basicSelect', name:'item6', stem : 'I certainly feel useless at times.'},
{inherit : 'basicSelect', name:'item7', stem : 'I wish I could have more respect for myself.'},
{inherit : 'basicSelect', name:'item8', stem : 'All in all, I am inclined to feel that I am a failure.'},
{inherit : 'basicSelect', name:'item9', stem : 'I take a positive attitude toward myself.'},
{inherit : 'basicSelect', name:'item10', stem : "I feel that I'm a person of worth, at least on an equal plane with others."}
]);
API.addSequence([
{
mixer: 'repeat',
times: 10,
data: [
{
progressBar: '<%= pagesMeta.number %> out of 10',
questions : {inherit:{set:'item', type:'exRandom'}}
}
]
}
]);
return API.script;
});
</textarea></div><script>(function(filename){var win,section;var section=document.getElementById('pg-'+filename);var el=section.querySelector('.code-mirror');var cm=CodeMirror.fromTextArea(el,{theme:'monokai'});cm.setSize(null,500);section.querySelector('.pg-download').addEventListener('click',function(){var blob=new Blob([cm.getValue()],{type:'text/javascript'});if(window.navigator.msSaveOrOpenBlob)window.navigator.msSaveBlob(blob,filename);else{var elem=window.document.createElement('a');elem.href=window.URL.createObjectURL(blob);elem.download=filename;document.body.appendChild(elem);elem.click();document.body.removeChild(elem);}});section.querySelector('.pg-play').addEventListener('click',function(){var runminnoUrl='\/runminno.html';if(win)win.close();win=window.open(runminnoUrl,'Playground');win.onload=function(){win.addEventListener('unload',function(){window.focus();});win.activate(cm.getValue());};});})('quest.js');</script></div></div></div></section></main><footer class="bg-dark py-5 row d-print-none"><div class="container-fluid mx-sm-5"><div class=row><div class="col-6 col-sm-4 text-xs-center order-sm-2"><ul class="list-inline mb-0"><li class="list-inline-item mx-2 h3" data-toggle=tooltip data-placement=top title="User mailing list" aria-label="User mailing list"><a class=text-white target=_blank rel="noopener noreferrer" href=https://groups.google.com/g/minnojs><i class="fa fa-envelope"></i></a></li></ul></div><div class="col-6 col-sm-4 text-right text-xs-center order-sm-3"><ul class="list-inline mb-0"><li class="list-inline-item mx-2 h3" data-toggle=tooltip data-placement=top title=GitHub aria-label=GitHub><a class=text-white target=_blank rel="noopener noreferrer" href=https://github.com/minnojs/minno-quest><i class="fab fa-github"></i></a></li></ul></div><div class="col-12 col-sm-4 text-center py-2 order-sm-2"><small class=text-white>© 2024 The Docsy Authors All Rights Reserved</small><p class=mt-2><a href=/about/>About MinnoJS</a></p></div></div></div></footer></div><script src=https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js integrity=sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN crossorigin=anonymous></script><script src=https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js integrity=sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l crossorigin=anonymous></script><script src=/js/main.min.77c88615773c4e1870aff3d1d71a5502a3ff02a94dffd042609b7c6b30a4d882.js integrity="sha256-d8iGFXc8Thhwr/PR1xpVAqP/AqlN/9BCYJt8azCk2II=" crossorigin=anonymous></script></body></html>