Skip to content

Commit

Permalink
Merge pull request #2 from daformat/gh-pages
Browse files Browse the repository at this point in the history 
Les derniers changements à intégrer dans le repository
  • Loading branch information
@lducas
lducas committed Jun 12, 2014
2 parents 721d4da + 07dafa3 commit d08b310
Show file tree
Hide file tree
Showing 8 changed files with 121 additions and 204 deletions.
4 changes: 4 additions & 0 deletions css/cryptris.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -518,6 +518,10 @@ border: 1px solid #0091BB;
font-size: 1.1em;
}

.entry .link{
color: inherit;
}

.credits-logos img{
margin: 15px 20px;
}
Expand Down
131 changes: 96 additions & 35 deletions bonus.html → documentation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,43 +131,104 @@
<img class="cryptris-logo-large" src="img/logo-cryptris-large.png">

<div class="text-content">
<p>Quelques ressources supplémentaires pour mieux comprendre la cryptographie</p>


<article class="entry">
<h3>Logiciel pour chiffrer ses emails</h3>
<p>Pourquoi et comment utiliser openPGP ?<br/>
<a href="http://openpgp.vie-privee.org/" target="_blank">http://openpgp.vie-privee.org/</a></p>
</article>


<article class="entry">
<h3>Cryptographie asymétrique</h3>
<p>Définition et explication de la cryptographie asymétrique sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique" target="_blank">http://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique</a></p>
</article>

<article class="entry">
<h3>Infrastructure à clés publiques</h3>
<p>Définition des infrastructures à clés publiques sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Infrastructure_%C3%A0_cl%C3%A9s_publiques" target="_blank">http://fr.wikipedia.org/wiki/Infrastructure_%C3%A0_cl%C3%A9s_publiques</a></p>
</article>

<article class="entry">
<h3>Cryptographie</h3>
<p>Définition de la cryptographie sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Cryptographie" target="_blank">http://fr.wikipedia.org/wiki/Cryptographie</a></p>
</article>

<article class="entry">
<h3>Histoire de la cryptologie</h3>
<p>Une histoire de la cryptologie sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Histoire_de_la_cryptologie" target="_blank">http://fr.wikipedia.org/wiki/Histoire_de_la_cryptologie</a></p>
</article>
</div>
<section>
<h2>Documents introductifs au jeu</h2>

<article class="entry" id="comprendre-cryptris">
<a class="link" href="http://images.math.cnrs.fr/Cryptris-1-2-Comprendre-une-des.html">
<h3>Comprendre Cryptris</h3>
<p>Découvrir une des techniques les plus sophistiquées de cryptographie en... jouant à Tetris. Article sur image des mathématiques<br/>
<a href="http://images.math.cnrs.fr/Cryptris-1-2-Comprendre-une-des.html">http://images.math.cnrs.fr/Cryptris-1-2-Comprendre-une-des.html</a></p>
</a>
</article>

<article class="entry" id="dessous-geometriques">
<a class="link" href="http://images.math.cnrs.fr/Cryptris-2-2-Les-dessous.html">
<h3>Les dessous géométriques de Cryptris</h3>
<p>
(Description à ajouter)<br/>
<a href="http://images.math.cnrs.fr/Cryptris-2-2-Les-dessous.html">http://images.math.cnrs.fr/Cryptris-2-2-Les-dessous.html</a>
</p>
</a>
</article>


<article class="entry" id="fiche-pedagogique">
<a class="link" href="docs/fiche-pedagogique.pdf">
<h3>Conseils pédagogiques</h3>
<p>
(Description à ajouter)<br/>
<a href="docs/fiche-pedagogique.pdf"><script>document.write(cryptrisSettings.appUrl)</script>/docs/fiche-pedagogique.pdf</a>
</p>
</a>
</article>



<article class="entry" id="dialogues-mp3">

<h3>Dialogue enfant-scientifique</h3>
<p>
(Description à ajouter)<br/>
<a href="docs/cryptis1.mp3">Fichier audio 1/3</a> <br/>
<a href="docs/cryptis2.mp3">Fichier audio 2/3</a><br/>
<a href="docs/cryptis3.mp3">Fichier audio 3/3</a>
</p>

</article>

</section>


<section>
<h2>Quelques ressources supplémentaires pour mieux comprendre la cryptographie</h2>


<article class="entry" id="pgp">
<a class="link" href="http://openpgp.vie-privee.org/" target="_blank">
<h3>Logiciel pour chiffrer ses emails</h3>
<p>Pourquoi et comment utiliser openPGP ?<br/>
<a href="http://openpgp.vie-privee.org/" target="_blank">http://openpgp.vie-privee.org/</a></p>

</a>
</article>

</div>

<article class="entry" id="crypto-asymetrique">
<a class="link" href="http://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique" target="_blank">
<h3>Cryptographie asymétrique</h3>
<p>Définition et explication de la cryptographie asymétrique sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique" target="_blank">http://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique</a></p>
</a>
</article>

<article class="entry" id="cles-publiques">
<a class="link" href="http://fr.wikipedia.org/wiki/Infrastructure_%C3%A0_cl%C3%A9s_publiques" target="_blank">
<h3>Infrastructure à clés publiques</h3>
<p>Définition des infrastructures à clés publiques sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Infrastructure_%C3%A0_cl%C3%A9s_publiques" target="_blank">http://fr.wikipedia.org/wiki/Infrastructure_%C3%A0_cl%C3%A9s_publiques</a></p>
</a>
</article>

<article class="entry" id="cryptographie">
<a class="link" href="http://fr.wikipedia.org/wiki/Cryptographie" target="_blank">
<h3>Cryptographie</h3>
<p>Définition de la cryptographie sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Cryptographie" target="_blank">http://fr.wikipedia.org/wiki/Cryptographie</a></p>
</a>
</article>

<article class="entry" id="histo-crypto">
<a class="link" href="http://fr.wikipedia.org/wiki/Histoire_de_la_cryptologie" target="_blank">
<h3>Histoire de la cryptologie</h3>
<p>Une histoire de la cryptologie sur Wikipédia<br/>
<a href="http://fr.wikipedia.org/wiki/Histoire_de_la_cryptologie" target="_blank">http://fr.wikipedia.org/wiki/Histoire_de_la_cryptologie</a></p>
</a>
</article>
</section>
</div>
</div>

<div class="overflow-gradient-bottom"></div>
<div class="overflow-gradient-top"></div>
</div>
Expand Down
17 changes: 9 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,21 +154,21 @@
<ul class="main-menu selectable">
<li class="active">
<a href="jeu.html"><span class="arrow">▶</span>Nouvelle partie<span class="arrow">◀</span></a>
</li>
<li>
<a href="intro.html"><span class="arrow">▶</span>Comprendre<span class="arrow">◀</span></a>
</li>
</li>
<li>
<a href="arcade.html"><span class="arrow">▶</span>Arcade<span class="arrow">◀</span></a>
</li>

<li>
<a href="a-propos.html"><span class="arrow">▶</span>À propos<span class="arrow">◀</span></a>
<a href="documentation.html"><span class="arrow">▶</span>Documentation<span class="arrow">◀</span></a>
</li>

<li>
<a href="partager.html"><span class="arrow">▶</span>Partager le jeu<span class="arrow">◀</span></a>
</li>

<li>
<a href="bonus.html"><span class="arrow">▶</span>Bonus<span class="arrow">◀</span></a>
<a href="a-propos.html"><span class="arrow">▶</span>À propos<span class="arrow">◀</span></a>
</li>
<li>
<a href="credits.html"><span class="arrow">▶</span>Crédits<span class="arrow">◀</span></a>
Expand Down Expand Up @@ -241,8 +241,9 @@
<header class="header"><a href="#" class="btn-close"><img src="img/btn-close.png"></a></header>

<h2>Partager par email</h2>
<p>Copiez-collez cette adresse pour partager le jeu par email&nbsp;:</p>
<input id="share-url" value="[...]">
<p>Copiez-collez cette adresse pour partager votre message par email&nbsp;:</p>
<p><input id="share-url" value="[...]"></p>
<p style='margin-top: 30px'><a href="#" class='button' id="mailto-share-url" target="_blank">Essayer d'ouvrir un nouveau mail</a></p>
</div>
</div>
</div>
Expand Down
156 changes: 0 additions & 156 deletions intro.html
View file

This file was deleted.

7 changes: 5 additions & 2 deletions js/game_engine/share.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -274,6 +274,7 @@ function createCryptedMessage() {
preview = cryptrisSettings.appUrl + "/img/cryptis-social-preview-600x600.png",
preview_xl = cryptrisSettings.appUrl + "/img/cryptis-social-preview-1200x630.png",
code = string_to_ternary(crypted_message.plain_message.toString()).join('').substr(0,80);
code_full = string_to_ternary(crypted_message.plain_message.toString()).join('');

/** Setup sharing urls **/

Expand All @@ -298,17 +299,19 @@ function createCryptedMessage() {
$('#share-fb').attr('onclick', "javascript:window.open('"+fbUrl+"', '', 'toolbar=0,status=0,width=626,height=436');");

$('#share-url').val(url);
$('#mailto-share-url').attr('href', 'mailto:?subject='+encodeURIComponent('Défi : déchiffrer le message sur Cryptris !')+'&body='+encodeURIComponent('Viens essayer de déchiffrer ce message en jouant à Cryptris : \n\n')+code_full+encodeURIComponent('\n\nPour jouer va sur l’adresse : ')+url);

}

$(document).ready(function() {
$("#share").submit(function() {

// when the form is submited we check if the length is valid (less than 140 chars)
// when the form is submited we check if the length is valid
// (less than 140 chars && more than 0)
var $t = $(this).find('textarea'),
v = $t.val();

if(v.length <= cryptrisSettings.socialEncryptedMessageMaxLength){
if(v.length <= cryptrisSettings.socialEncryptedMessageMaxLength && v.length>0){
// if it is, we can create our crypted message, but we add some delay
// for the transition to be completed before we start doing anything
setTimeout(createCryptedMessage, 500);
Expand Down
2 changes: 2 additions & 0 deletions js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,8 @@ $(function(){

$('#share-url').val(cryptrisSettings.appUrl);

$('#mailto-share-url').attr('href', 'mailto:?subject='+encodeURIComponent(title)+'&body='+encodeURIComponent(text+'\n\n')+cryptrisSettings.appUrl);

// close modals (the only modal we use is for sharing via email)

$(".window .btn-close").click(function(){
Expand Down
Loading

0 comments on commit d08b310

Please sign in to comment.