Commit 3adc4739 authored by Claudio Valerio's avatar Claudio Valerio

moved njin widgets that doesn't work

parent 5bdfc496
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/Cadran opératoire"
version="1.0"
width="800"
height="700"
ub:resizable="false">
<name>Cadran opératoire</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
<description></description>
<content src="index.html"/>
</widget>
This source diff could not be displayed because it is too large. You can view the blob instead.
<!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>Font Face Demo</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'Lobster13Regular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'Lobster13Regular', Arial, sans-serif;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="container">
<h1 class="fontface">Font-face Demo for the Lobster Font</h1>
<p class="style1">Lobster Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 06:03:05 AM America/New_York */
@font-face {
font-family: 'Lobster13Regular';
src: url('Lobster_1.3-webfont.eot');
src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('Lobster_1.3-webfont.woff') format('woff'),
url('Lobster_1.3-webfont.ttf') format('truetype'),
url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<!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>Font Face Demo</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'SFToontimeRegular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'SFToontimeRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'SFToontimeItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'SFToontimeBold', Arial, sans-serif;}
p.style4 {font: 18px/27px 'SFToontimeBoldItalic', Arial, sans-serif;}
p.style5 {font: 18px/27px 'SFToontimeBlotchRegular', Arial, sans-serif;}
p.style6 {font: 18px/27px 'SFToontimeBlotchItalic', Arial, sans-serif;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="container">
<h1 class="fontface">FONT-FACE DEMO FOR THE TOONTIME FONT</h1>
<p class="style1">SF Toontime Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style2">SF Toontime Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style3">SF Toontime Bold - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style4">SF Toontime Bold Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style5">SF Toontime Blotch Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style6">SF Toontime Blotch Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 04:36:35 PM America/New_York */
@font-face {
font-family: 'SFToontimeRegular';
src: url('SF_Toontime-webfont.eot');
src: url('SF_Toontime-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime-webfont.woff') format('woff'),
url('SF_Toontime-webfont.ttf') format('truetype'),
url('SF_Toontime-webfont.svg#SFToontimeRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeItalic';
src: url('SF_Toontime_Italic-webfont.eot');
src: url('SF_Toontime_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Italic-webfont.svg#SFToontimeItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBold';
src: url('SF_Toontime_Bold-webfont.eot');
src: url('SF_Toontime_Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Bold-webfont.woff') format('woff'),
url('SF_Toontime_Bold-webfont.ttf') format('truetype'),
url('SF_Toontime_Bold-webfont.svg#SFToontimeBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBoldItalic';
src: url('SF_Toontime_Bold_Italic-webfont.eot');
src: url('SF_Toontime_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Bold_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Bold_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Bold_Italic-webfont.svg#SFToontimeBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBlotchRegular';
src: url('SF_Toontime_Blotch-webfont.eot');
src: url('SF_Toontime_Blotch-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Blotch-webfont.woff') format('woff'),
url('SF_Toontime_Blotch-webfont.ttf') format('truetype'),
url('SF_Toontime_Blotch-webfont.svg#SFToontimeBlotchRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBlotchItalic';
src: url('SF_Toontime_Blotch_Italic-webfont.eot');
src: url('SF_Toontime_Blotch_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Blotch_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Blotch_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Blotch_Italic-webfont.svg#SFToontimeBlotchItalic') format('svg');
font-weight: normal;
font-style: normal;
}
.selected,
.result,
.input {
color: #FFCC99;
}
#disc {
position: relative;
margin: 200px auto 0;
color: #FFF;
text-shadow: 0px 1px 2px #000;
}
#disc .circle {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
}
.result {
width: 430px;
height: 430px;
margin-top: -215px;
margin-left: -215px;
/*OPEN SANKORE bug sur cette animation*/
/*-webkit-transition: all 0.25s ease-in-out;*/
}
.hide {
visibility: hidden;
}
.numbers {
width: 300px;
height: 300px;
border: 4px solid #FFF;
margin-top: -150px;
margin-left: -150px;
background-color: rgba(0,0,0,0.2);
}
.operators {
width: 170px;
height: 170px;
border: 4px solid #FFF;
margin-top: -85px;
margin-left: -85px;
background-color: rgba(0,0,0,0.2);
}
.input {
width: 90px;
height: 90px;
border: 4px solid #FFF;
margin-top: -45px;
margin-left: -45px;
background-color: rgba(0,0,0,0.2);
box-shadow: inset 0px 0px 4px #000;
}
.result > div,
.numbers > div,
.operators > div {
position: absolute;
top: 0px;
bottom: 50%;
left: 50%;
text-align: center;
-webkit-transform-origin: 50% 100%;
}
.numbers > div {
width: 40px;
font-size: 32px;
line-height: 32px;
margin-left: -20px;
}
.operators > div {
width: 20px;
font-size: 28px;
line-height: 20px;
margin-left: -10px;
}
.result > div > div,
.numbers > div > div,
.operators > div > div {
cursor: pointer;
}
.numbers > div > div {
padding: 15px 0;
}
.operators > div > div {
padding: 5px 0;
}
.input > div {
padding: 0 8px;
font-size: 40px;
line-height: 90px;
text-align: center;
}
.result > div {
width: 60px;
font-size: 50px;
line-height: 40px;
margin-left: -30px;
text-align: center;
}
#result {
height: 40px;
}
#result > div {
position: relative;
overflow: hidden;
height: 100%;
}
#result > div > div {
position: absolute;
width: 100%;
}
.reste {
font-size: 24px;
}
#result > div > div:first-child {
display: block;
}
#result > div > div:last-child {
display: none;
}
#result.flip > div > div:first-child {
display: none;
}
#result.flip > div > div:last-child {
display: block;
}
/*OPEN SANKORE bug sur cette animation*/
/*
.csstransforms3d .result {
-webkit-perspective: 600px;
}
.csstransforms3d #result > div > div {
-webkit-transform-style: preserve-3d !important;
-webkit-transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.csstransforms3d #result > div > div:first-child {
-webkit-transform: rotateY( 0deg );
}
.no-csstransforms3d #result > div > div:first-child {
display: block;
}
.csstransforms3d #result > div > div:last-child {
-webkit-transform: rotateY( -180deg );
}
.no-csstransforms3d #result > div > div:last-child {
display: none;
}
.csstransforms3d #result.flip > div > div:first-child {
-webkit-transform: rotateY( 180deg );
}
.no-csstransforms3d #result.flip > div > div:first-child {
display: none;
}
.csstransforms3d #result.flip > div > div:last-child {
-webkit-transform: rotateY( 0deg );
}
.no-csstransforms3d #result.flip > div > div:last-child {
display: block;
}
*/
\ No newline at end of file
html, body {
margin:0;
padding: 0;
height: 100%;
font-family: "helvetica neue";
font-size: 14px;
color: #666666;
}
#body {
}
#core {
width: 100%;
height: 100%;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
-ms-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
background-image: linear-gradient(top, white 0%, #CCC 100%);
background-image: -o-linear-gradient(top, white 0%, #CCC 100%);
background-image: -moz-linear-gradient(top, white 0%, #CCC 100%);
background-image: -webkit-linear-gradient(top, white 0%, #CCC 100%);
background-image: -ms-linear-gradient(top, white 0%, #CCC 100%);
background-image: -webkit-gradient( linear, 50% top, 50% bottom, color-stop(0, white), color-stop(1, #CCC) );
}
#core .wrapper {
width: 100%;
height: 100%;
overflow: auto;
}
#core .wrapper > div {
padding: 10px 20px;
}
\ No newline at end of file
html, body {
margin:0;
padding: 0;
font-family: "helvetica neue";
font-size: 14px;
color: #666666;
}
#ubwidget {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("images/bg.png");
}
.theme-pad #ubwidget {
border-radius: 40px;
border-width: 52px;
-webkit-border-image: url("images/pad-bd.png") 52 repeat;
-moz-border-image: url("images/pad-bd.png") 52 repeat;
border-image: url("images/pad-bd.png") 52 repeat;
}
.theme-slate #ubwidget {
border-radius: 44px;
border-width: 52px;
-webkit-border-image: url("images/slate-bd.png") 52 repeat;
-moz-border-image: url("images/slate-bd.png") 52 repeat;
border-image: url("images/slate-bd.png") 52 repeat;
}
#ubwidget > .wrapper {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
}
.theme-slate #ubwidget > .wrapper, .theme-pad #ubwidget > .wrapper {
position: absolute;
top: -49px;
bottom: -5px;
left: -5px;
right: -5px;
overflow: hidden;
}
#toolbar {
display: table;
width: 100%;
height: 44px;
font-family: "Lobster13Regular";
font-size: 24px;
color: #FFCC99;
padding:0 10px;
}
.theme-pad #toolbar, .theme-slate #toolbar {
height: 38px;
padding: 6px 0 0;
}
.theme-slate #toolbar {
color: #7F613F;
text-shadow: #FFDCA9 0 1px 0;
}
#toolbar > * {
display: table-cell;
height: 100%;
vertical-align: middle;
}
#toolbar .actions {
text-align: right;
}
#toolbar button, h1 {
font-weight: normal;
font-family: "Lobster13Regular";
font-size: 24px;
color: #FFCC99;
margin: 0;
}
.theme-slate #toolbar button, .theme-slate h1 {
color: #7F613F;
text-shadow: #FFDCA9 0 1px 0;
}
#toolbar button {
border: none;
padding: none;
outline: none;
background: none;
cursor: pointer;
padding-left: 34px;
margin-left: 10px;
height: 32px;
}
#toolbar button span {
display: block;
line-height: 32px;
}
#toolbar button[role='edit'] {
background: url("images/toolbar-edit.png") left top no-repeat;
}
#toolbar button[role='view'] {
display: none;
color: #FFF;
background: url("images/toolbar-edit.png") left -32px no-repeat;
}
#toolbar button[role='reload'] {
background: url("images/toolbar-reload.png") left top no-repeat;
}
#toolbar button[role='help'] {
background: url("images/toolbar-help.png") left top no-repeat;
display: none;
}
.hasHelp #toolbar button[role='help'] {
display: inline-block;
}
.showHelp #toolbar button[role='help'] {
color: #FFF;
background-position: left -32px;
}
.theme-slate #toolbar button[role='edit'] {
background-image: url("images/slate-toolbar-edit.png");
}
.theme-slate #toolbar button[role='view'] {
text-shadow: #7F613F 0 -1px 0;
background: url("images/slate-toolbar-edit.png") left -32px no-repeat;
}
.theme-slate #toolbar button[role='reload'] {
background-image: url("images/slate-toolbar-reload.png");
}
.theme-slate #toolbar button[role='help'] {
background-image: url("images/slate-toolbar-help.png");
}
.showHelp.theme-slate #toolbar button[role='help'] {
text-shadow: #7F613F 0 -1px 0;
}
.onEdit #toolbar button[role='view'] {
display: inline-block;
}
.onEdit #toolbar button[role='edit'] {
display: none;
}
#help {
width: 300px;
height: 400px;
position: absolute;
margin-top: 10px;
right: 10px;
z-index: 10000;
display: none;
}
.showHelp #help {
display: block;
}
#content {
position: absolute;
top: 44px;
bottom: 0;
overflow: auto;
left: 0;
right: 0;
background-image: -moz-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -webkit-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -o-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -ms-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
}
#parameters {
display:none;
padding: 10px 20px;
background: url("images/parameters-bg.png");
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-mz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
#parameters label {
font-style: italic;
}
#parameters label > select, #parameters label > input{
margin-left: 10px;
}
#parameters > div.inline {
display: inline-block;
}
#parameters > div.inline+div.inline {
margin-left: 20px;
}
#parameters input[type=text],
#parameters input[type=number] {
height: 26px;
border: 1px solid #BBB;
background-color: #FFF;
padding: 0 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 #FFF;
-moz-box-shadow: 0 1px 0 #FFF;
-ms-box-shadow: 0 1px 0 #FFF;
box-shadow: 0 1px 0 #FFF;
}
#parameters input.tiny {
width: 40px;
}
#parameters input.small {
width: 80px;
}
#parameters input.medium {
width: 120px;
}
#parameters input.long {
width: 160px;
}
#scene {
padding: 20px;
}
#scene > * {
margin: 0 auto;
}
.onEdit #scene {
}
.onEdit #parameters {
display: block;
}
/*
.card-container {
-webkit-perspective: 600px;
width:100%;
height: 100%;
}
.card {
position: relative;
width:100%;
height: 100%;
}
.card > div {
position: absolute;
width:100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.card > div:first-child {
-webkit-transform: rotateY( 0deg );
}
.card > div:last-child {
-webkit-transform: rotateY( -180deg );
}
.card.flip > div:first-child {
-webkit-transform: rotateY( 180deg );
}
.card.flip > div:last-child {
-webkit-transform: rotateY( 0deg );
}
*/
\ No newline at end of file
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
-->
<link rel="stylesheet" href="css/ubw-help.css">
<script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
</head>
<body>
<div id="core">
<div class="wrapper">
<div>
<script>
function loadFile(filename, locale) {
var toload = filename;
var nextlocale = undefined;
if(locale.length >= 5) {
toload += '_' + locale.substring(0, 5) +'-template.js';
nextlocale = locale.substring(0, 2);
}
else if(locale.length >= 2){
toload += '_' + locale.substring(0, 2) +'-template.js';
nextlocale = '';
}
else
toload += '-template.js';
$.ajax({
url: toload,
async: false,
contentType:'text/plain;charset=UTF-8',
dataType: 'text',
success: function(data, status) {
$("#core>.wrapper>div").html(Mustache.render(data, window));
}
})
.fail(function() {
if(nextlocale !== undefined)
loadFile(filename, nextlocale);
});
}
$(document).ready(function(){
var locale = window.parent.sankore ? window.parent.sankore.locale() : "";
loadFile("js/help", locale);
});
</script>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
fr.njin.i18n.document.title = Cadran opératoire
fr.njin.i18n.toolbar.edit = Edit
fr.njin.i18n.toolbar.view = Display
fr.njin.i18n.toolbar.reload = Reload
fr.njin.i18n.toolbar.help = Help
fr.njin.i18n.parameters.label.themes = Theme
fr.njin.i18n.parameters.label.slate.themes = slate
fr.njin.i18n.parameters.label.pad.themes = pad
fr.njin.i18n.parameters.label.none.themes = none
\ No newline at end of file
fr.njin.i18n.document.title = Cadran opératoire
fr.njin.i18n.toolbar.edit = Modifier
fr.njin.i18n.toolbar.view = Afficher
fr.njin.i18n.toolbar.reload = Recharger
fr.njin.i18n.toolbar.help = Aide
fr.njin.i18n.parameters.label.themes = Thèmes
fr.njin.i18n.parameters.label.slate.themes = ardoise
fr.njin.i18n.parameters.label.pad.themes = tablette
fr.njin.i18n.parameters.label.none.themes = aucun
\ No newline at end of file
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
-->
<link rel="stylesheet" href="css/ubw-main.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/templates.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
<script src="js/lib/ubw-main.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="hasHelp">
<div id="ubwidget" data-themes="pad">
<div class="wrapper">
<div id="toolbar">
</div>
<div id="help">
<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div id="content">
<div id="parameters">
</div>
<div id="scene">
<div id="disc">
<div class="circle result hide">
<div>
<div id="result">
<div>
<div class="front">?</div>
<div class="back">12</div>
</div>
</div>
</div>
</div>
<div class="circle numbers">
<div><div>0</div></div>
<div><div>1</div></div>
<div><div>2</div></div>
<div><div>3</div></div>
<div><div>4</div></div>
<div><div>5</div></div>
<div><div>6</div></div>
<div><div>7</div></div>
<div><div>8</div></div>
<div><div>9</div></div>
<div><div>10</div></div>
<div><div>11</div></div>
</div>
<div class="circle operators">
<div><div>+</div></div>
<div><div>*</div></div>
<div><div>-</div></div>
<div><div>/</div></div>
</div>
<div class="circle input">
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<h3>Le disque</h3>
\ No newline at end of file
<h3>Cadran opératoire</h3>
<h4>Calcul mental</h4>
<p>Linteractivité permet de travailler un nombre particulier (nombre du jour) avec des additions, soustractions, multiplications et divisions. Le but est deffectuer lopération de calcul mental en cliquant sur l'opérateur et le nombre pour ensuite vérifier le résultat en cliquant sur le point d'interrogation.</p>
<p>Le bouton Recharger réinitialise la sélection effectuée.</p>
<p>Le bouton "Modifier" vous permet de choisir :</p>
<ul><li>choisir le thème de linteractivité : tablette, ardoise ou aucun (par défaut tablette),</li>
<li>modifier le nombre travaillé (au centre).</li></ul>
<p>Pour modifier le nombre au centre, il suffit de cliquer dessus, de l'effacer et de le remplacer.</p>
<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>
This diff is collapsed.
(function ($) {
// Monkey patch jQuery 1.3.1+ css() method to support CSS 'transform'
// property uniformly across Safari/Chrome/Webkit, Firefox 3.5+, IE 9+, and Opera 11+.
// 2009-2011 Zachary Johnson www.zachstronaut.com
// Updated 2011.05.04 (May the fourth be with you!)
function getTransformProperty(element)
{
// Try transform first for forward compatibility
// In some versions of IE9, it is critical for msTransform to be in
// this list before MozTranform.
var properties = ['transform', 'WebkitTransform', 'msTransform', 'MozTransform', 'OTransform'];
var p;
while (p = properties.shift())
{
if (typeof element.style[p] != 'undefined')
{
return p;
}
}
// Default to transform also
return 'transform';
}
var _propsObj = null;
var proxied = $.fn.css;
$.fn.css = function (arg, val)
{
// Temporary solution for current 1.6.x incompatibility, while
// preserving 1.3.x compatibility, until I can rewrite using CSS Hooks
if (_propsObj === null)
{
if (typeof $.cssProps != 'undefined')
{
_propsObj = $.cssProps;
}
else if (typeof $.props != 'undefined')
{
_propsObj = $.props;
}
else
{
_propsObj = {}
}
}
// Find the correct browser specific property and setup the mapping using
// $.props which is used internally by jQuery.attr() when setting CSS
// properties via either the css(name, value) or css(properties) method.
// The problem with doing this once outside of css() method is that you
// need a DOM node to find the right CSS property, and there is some risk
// that somebody would call the css() method before body has loaded or any
// DOM-is-ready events have fired.
if
(
typeof _propsObj['transform'] == 'undefined'
&&
(
arg == 'transform'
||
(
typeof arg == 'object'
&& typeof arg['transform'] != 'undefined'
)
)
)
{
_propsObj['transform'] = getTransformProperty(this.get(0));
}
// We force the property mapping here because jQuery.attr() does
// property mapping with jQuery.props when setting a CSS property,
// but curCSS() does *not* do property mapping when *getting* a
// CSS property. (It probably should since it manually does it
// for 'float' now anyway... but that'd require more testing.)
//
// But, only do the forced mapping if the correct CSS property
// is not 'transform' and is something else.
if (_propsObj['transform'] != 'transform')
{
// Call in form of css('transform' ...)
if (arg == 'transform')
{
arg = _propsObj['transform'];
// User wants to GET the transform CSS, and in jQuery 1.4.3
// calls to css() for transforms return a matrix rather than
// the actual string specified by the user... avoid that
// behavior and return the string by calling jQuery.style()
// directly
if (typeof val == 'undefined' && jQuery.style)
{
return jQuery.style(this.get(0), arg);
}
}
// Call in form of css({'transform': ...})
else if
(
typeof arg == 'object'
&& typeof arg['transform'] != 'undefined'
)
{
arg[_propsObj['transform']] = arg['transform'];
delete arg['transform'];
}
}
return proxied.apply(this, arguments);
};
})(jQuery);
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/memory"
version="1.0"
width="820"
height="575"
ub:resizable="true">
<name>Memory</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
<description>Correspondances/mémorisation de cartes deux à deux</description>
<content src="index.html"/>
</widget>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment