Skip to content

GitLab

P
PhonoDrop
Commit 8d9227b6 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files
Options

ajout header Forum + licence code et ©Do

parent 1db6a270
Hide whitespace changes
Inline Side-by-side
Showing with 85 additions and 32 deletions
public/index.html
View file @ 8d9227b6
......@@ -11,33 +11,48 @@
<script src="scripts/DragDropTouch.js"></script>
</head>
<body>
<!-- file:///home/sylvain/peda_multi/dragdrop/index.html -->
<!-- Librairie intéressante https://shopify.github.io/draggable/ -->
<div class="parametres-left">
<span onclick="changeSize(1.1)" class="glyphicon glyphicon-plus-sign" aria-hidden="true" title="Grossir les cartes"></span>
<span onclick="changeSize(0.9)" class="glyphicon glyphicon-minus-sign" aria-hidden="true" title="Rapetisser les cartes"></span>
<img src="im/logo_phonodrop.png" class="logo" title="PhonoDrop">
</div>
<div class="parametres-center">
<img src="im/icongrille.png" onclick="toggleGrille()" title="Afficher/masquer la grille"/>
<img src="im/interlignePlus.png" onclick="changeInterligne(5)" title="Augmenter l'interligne"/>
<img src="im/interligneMoins.png" onclick="changeInterligne(-5)" title="Réduire l'interligne"/>
<span onclick="save2url()" class="glyphicon glyphicon-floppy-disk" aria-hidden="true" title="Enregistrer cette page"></span>
</div>
<div class="parametres-right">
<a id="hrefNewPage" href=""><img src="im/new-page.png" title="Ouvrir une nouvelle page"/></a>
<span onclick="eraseAll()" class="glyphicon glyphicon-remove-sign" aria-hidden="true" title="Tout effacer"></span>
</div>
<div class="parametres-bottom">
<span onclick="mvTiroir(20)" class="glyphicon glyphicon-upload" aria-hidden="true" title="Agrandir le panier"></span><br>
<span onclick="mvTiroir(-20)" class="glyphicon glyphicon-download" aria-hidden="true" title="Réduire le panier"></span><br>
<span id="eye" onclick="toggleTirroir()" class="glyphicon glyphicon-eye-close" aria-hidden="true" title="Masquer le panier"></span>
</div>
<div class="header">Cette application est un prototype en cours de conception. <a href="https://groups.google.com/d/forum/alem-app" target="_blank"><b>Accéder au forum</b></a> pour échanger avec la communauté et faire vos suggestions.</div>
<div style="position: relative;">
<div class="parametres-left">
<span onclick="changeSize(1.1)" class="glyphicon glyphicon-plus-sign" aria-hidden="true" title="Grossir les cartes"></span>
<span onclick="changeSize(0.9)" class="glyphicon glyphicon-minus-sign" aria-hidden="true" title="Rapetisser les cartes"></span>
<img src="im/logo_phonodrop.png" class="logo" title="PhonoDrop">
</div>
<div class="parametres-center">
<img src="im/icongrille.png" onclick="toggleGrille()" title="Afficher/masquer la grille"/>
<img src="im/interlignePlus.png" onclick="changeInterligne(5)" title="Augmenter l'interligne"/>
<img src="im/interligneMoins.png" onclick="changeInterligne(-5)" title="Réduire l'interligne"/>
<span onclick="save2url()" class="glyphicon glyphicon-floppy-disk" aria-hidden="true" title="Enregistrer cette page"></span>
</div>
<div class="parametres-right">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="Attribution-NonCommercial-ShareAlike 4.0 International"><img height="15px" src="im/cc-by-nc-sa.png" title="Attribution-NonCommercial-ShareAlike 4.0 International" class="licence-element licence-img"/></a>
<span class="ado">Inspiré des outils d'<a href="mailto:do.alexandre38@gmail.com">Alexandre Do</a></span>
<a id="hrefNewPage" href=""><img src="im/new-page.png" title="Ouvrir une nouvelle page"/></a>
<span onclick="eraseAll()" class="glyphicon glyphicon-remove-sign" aria-hidden="true" title="Tout effacer"></span>
</div>
<div class="parametres-bottom">
<span onclick="mvTiroir(20)" class="glyphicon glyphicon-upload" aria-hidden="true" title="Agrandir le panier"></span><br>
<span onclick="mvTiroir(-20)" class="glyphicon glyphicon-download" aria-hidden="true" title="Réduire le panier"></span><br>
<span id="eye" onclick="toggleTirroir()" class="glyphicon glyphicon-eye-close" aria-hidden="true" title="Masquer le panier"></span>
</div>
<div class="ecritoire">
<div id="casesZone"></div>
<div class="ecritoire">
<div id="casesZone"></div>
</div>
</div>
<footer>
<div>S.Coulange |
<a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/phonodrop">Code source</a>
- <a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/phonodrop/commits/master">Journal des modifications</a>
</div>
<div class="licence-div">
<div>Code open source sous licence CC BY-NC-SA 4.0</div>
<div><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="Attribution-NonCommercial-ShareAlike 4.0 International"><img height="30px" src="im/cc-by-nc-sa.png" title="Attribution-NonCommercial-ShareAlike 4.0 International" class="licence-element licence-img"/></a></div>
<div>Inspiré des outils d'<a href="mailto:do.alexandre38@gmail.com">Alexandre Do</a></div>
</div>
</footer>
<div id="tiroir" class="scroll">
<div id="hrDiv"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
<div class="targetZone panier" id="panier"></div>
......@@ -64,7 +79,7 @@
</div>
</div>
</div>
<script type="text/javascript" src="scripts/cartes.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
</body>
......
public/scripts/script.js
View file @ 8d9227b6
......@@ -402,7 +402,10 @@ async function save2url(){
var dateTime = date+' '+time;
// Id
if (pageId == '0') pageId = 'id-' + Math.random().toString(36).substring(2,9);
if (pageId == '0') {
pageId = 'id-' + Math.random().toString(36).substring(2,9);
dateCreation = dateTime;
}
// ON EMBALLE TOUT ÇA
var colis = {
......@@ -412,7 +415,7 @@ async function save2url(){
grille: grille,
nbCases: nombreCases,
ipCli: '',
dateCreation: dateTime,
dateCreation: dateCreation,
dateModif: dateTime,
page: casesFull
}
......
public/styles/styles.css
View file @ 8d9227b6
......@@ -6,7 +6,7 @@
body {
background-image: url(../im/arriereplan.gif);
padding: 30px 0;
/* padding: 30px 0; */
font-family: Palatino, Times, Calibri;
}
......@@ -18,7 +18,7 @@ body {
}
.ecritoire {
padding: 10px;
padding: 40px 10px;
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
......@@ -51,6 +51,13 @@ body {
cursor: pointer;
transform: translateY(-20%);
}
.ado {
margin-left: 10px;
margin-right: 30px;
vertical-align: middle;
/* font-style: italic; */
font-size: 0.6em;
}
.parametres-bottom {
position: fixed;
......@@ -76,7 +83,6 @@ body {
border: solid black 1px;
cursor: pointer;
}
.parametres-center span {
cursor: pointer;
transform: translateY(28%);
......@@ -187,5 +193,34 @@ body {
hr {
width: 100%;
content: &#xf0dc; ;
}
\ No newline at end of file
/* content: &#xf0dc; ; */
}
footer {
text-align: center;
margin-top: 20px;
font-style: italic;
font-size: 12pt;
}
.licence-div {
display: -ms-flexbox; /* IE10 */
display: flex;
flex-direction: row;
flex-wrap: nowrap; /* étale les items sur la largeur */
justify-content: center;
align-items: center; /* alignement vertical des items */
}
.licence-div div {
margin: 3px 5px;
}
.header {
text-align: center;
font-size: 12pt;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
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