Commit 618c3acd authored by bmagnin's avatar bmagnin

Language translation, new languages and new version of Njin inter activities

parent b94b8629
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.
This source diff could not be displayed because it is too large. You can view the blob instead.
<?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/balance"
version="1.0"
width="1025"
height="880"
ub:resizable="true">
<name>La Balance</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;
}
#scene {
position: relative;
}
#scene > div {
}
#scalesCell {
display: table;
}
#scalesCell > div {
display: table-cell;
vertical-align: middle;
}
#scalesWrapper {
padding: 0px 100px 200px;
position: relative;
}
.onEdit #scalesWrapper {
padding-top: 100px;
}
#scales {
position: relative;
}
.scale {
position: absolute;
width: 250px;
height: 0;
padding: 200px 45px 50px;
top: 145px;
background: url(images/scale.png) no-repeat center bottom;
}
#tray, .scale {
-webkit-transition: -webkit-transform 0.25s ease-in;
-moz-transition: -moz-transform 0.25s ease-in;
-ms-transition: -ms-transform 0.25s ease-in;
transition: transform 0.25s ease-in;
}
#leftScale {
left: 0;
margin-left: -150px;
}
#rightScale {
right: 0;
margin-right: -150px;
}
#tray {
position: relative;
background-color: red;
top: 50%;
margin-top: -1px;
width: 550px;
height: 288px;
background: url("images/scales.png") no-repeat center;
}
#graduations {
width: 100px;
height: 30px;
position: absolute;
top: 0;
left: 50%;
margin-left: -50px;
background: url(images/graduations.png) center no-repeat;
}
#pivot {
position: absolute;
width: 80px;
height: 80px;
left: 235px;
top: 106px;
background: url(images/pivot.png) center no-repeat;
}
#objects {
position: relative;
display: inline-block;
padding: 0 5px 0 10px;
}
#objects .object {
display: inline-block;
vertical-align: top;
}
#objects button[role="add"] {
display: none;
position: relative;
overflow: hidden;
text-indent: -100px;
width: 68px;
height: 70px;
margin-left: 10px;
cursor: pointer;
border-radius: 4px;
border: 1px solid rgba(255,255,255, 0.15);
background: rgba(0,0,0, 0.15) url(images/weight-add.png) center no-repeat;
}
.onEdit #objects button[role="add"] {
display: inline-block;
}
#leftScale .object {
position: absolute;
bottom: 0;
}
.object input {
border: none;
width: 40px;
padding: none;
margin: 0 2px 0 0;
text-align: center;
font-size: 16px;
color: #000;
border-radius: 3px;
background-color: #FFF;
box-shadow: 0 1px 2px rgba(0,0,0, 0.4);
}
.object .tools {
display: none;
position: absolute;
top: -23px;
width: 100%;
text-align: center;
}
.onEdit button[role="remove"] {
display: inline-block;
position: relative;
overflow: hidden;
cursor: pointer;
width: 22px;
height: 22px;
text-indent: -100px;
border: none;
margin: 0;
outline: 0;
padding: 0;
background: transparent url(images/delete.png) center no-repeat;
}
.onEdit .object .tools {
display: block;
}
.object input:disabled {
color: #CCC;
background: none;
box-shadow: none;
}
.object input:disabled::-webkit-outer-spin-button,
.object input:disabled::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#objects .desk {
position: absolute;
width: 100%;
height: 20px;
top: 72px;
border-radius: 4px;
box-shadow: 0 3px 0 #999, 0 1px 2px rgba(0,0,0, .65);
background-color: #CCC;
background-image: -moz-linear-gradient(90deg, #FFF 0%, #CCC 100%);
background-image: -o-linear-gradient(90deg, #FFF 0%, #CCC 100%);
background-image: -webkit-linear-gradient(90deg, #FFF 0%, #CCC 100%);
background-image: linear-gradient(90deg, #FFF 0%, #CCC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CCC', GradientType=0);
}
#rightScale .weight {
position: absolute !important;
}
#weights {
display: none;
position: absolute;
top: 40px;
right: 40px;
width: 230px;
}
.onEdit #weights {
display: block;
}
#weights .weight {
display: inline-block;
}
.weight {
position: relative;
width: 64px;
height: 70px;
margin-left: 10px;
margin-bottom: 30px;
font-size: 16px;
text-align: center;
color: #CCC;
text-shadow: 0 -1px 0 #000;
}
.weight .amount {
height: 100%;
padding: 4px 4px 0;
border-radius: 4px;
border: 1px solid rgba(255,255,255, 0.15);
background-color: rgba(0,0,0, 0.15);
}
.weight > div.bg {
position: absolute;
left: -3px;
bottom: -18px;
width: 70px;
height: 64px;
background: url(images/weight.png) no-repeat center bottom;
}
.weight.w500 {
}
.weight.w200 {
}
.weight.w100 {
}
.weight.w50 {
}
.weight.w20 {
}
.weight.w10 {
}
.onOut .amount {
background-color: rgba(255,0,0, 0.15);
}
\ 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 = balance
fr.njin.i18n.toolbar.edit = Edit
fr.njin.i18n.toolbar.view = Close
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
fr.njin.i18n.balance.parameters.label.remove = Remove
\ No newline at end of file
fr.njin.i18n.document.title = La Balance
fr.njin.i18n.toolbar.edit = Editer
fr.njin.i18n.toolbar.view = Fermer
fr.njin.i18n.toolbar.reload = Recharger
fr.njin.i18n.toolbar.help = Aide
fr.njin.i18n.parameters.label.themes = Thème
fr.njin.i18n.parameters.label.slate.themes = ardoise
fr.njin.i18n.parameters.label.pad.themes = tablette
fr.njin.i18n.parameters.label.none.themes = aucun
fr.njin.i18n.balance.parameters.label.remove = Enlever
\ 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-ui-1.8.17.custom.min.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="scalesCell" class="">
<div id="scalesWrapper" class="">
<div id="scales" class="">
<div id="graduations"></div>
<div id="pivot"></div>
<div id="tray"></div>
<div id="leftScale" class="scale"></div>
<div id="rightScale" class="scale"></div>
</div>
<div id="weights"></div>
</div>
</div>
<div id="objects" class="">
<div class="desk"></div>
<button role="add">+</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
(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.
var toolbarTemplate =
'<h1 class="title">{{fr.njin.i18n.document.title}}</h1>'+
'<div class="actions">'+
'<button role="edit"><span>{{fr.njin.i18n.toolbar.edit}}</span></button>'+
'<button role="view"><span>{{fr.njin.i18n.toolbar.view}}</span></button>'+
'<button role="reload"><span>{{fr.njin.i18n.toolbar.reload}}</span></button>'+
'<button role="help"><span>{{fr.njin.i18n.toolbar.help}}</span></button>'+
'</div>';
var parametersTemplate =
'<div class="inline">'+
'<label>{{fr.njin.i18n.parameters.label.themes}}'+
'<select name="themes" role="parameter">'+
'<option value="pad">{{fr.njin.i18n.parameters.label.pad.themes}}</option>'+
'<option value="slate">{{fr.njin.i18n.parameters.label.slate.themes}}</option>'+
'<option value="none">{{fr.njin.i18n.parameters.label.none.themes}}</option>'+
'</select>'+
'</label>'+
'</div>';
var objectTemplate =
'<div id="{{object}}" class="object weight">'+
'<div class="tools">'+
'<button role="remove">{{fr.njin.i18n.balance.parameters.label.remove}}</button>'+
'</div>'+
'<div class="amount"><input type="text" name="weight">g</div><div class="bg"></div>'+
'</div>';
var weightTemplate =
'<div id="{{object}}" class="weight w{{weight}}" data-weight="{{weight}}"><div class="amount">{{weight}}g</div><div class="bg"></div></div>';
\ No newline at end of file
<?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="630"
height="540"
ub:resizable="true">
<name>Cadran opératoire</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
<description></description>
<content src="index.html"/>
</widget>
<!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 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.
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
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