added the switch style ability

This commit is contained in:
Yann Esposito (Yogsototh) 2013-01-09 14:39:19 +01:00
parent b45c345811
commit c918ebbc06
11 changed files with 802 additions and 735 deletions

View file

@ -30,9 +30,12 @@ translations:
langue:
fr: "langue"
en: "language"
switchTo:
switchTo:
fr: "en Français"
en: "in English"
switchCss:
fr: "Changer le style"
en: "Switch style"
clickForComment:
fr: "Commentaires & Partage"
en: "Comments & Share"

View file

@ -350,6 +350,14 @@ acronym
#choix
.return > a, #choixrss > a
margin-top: 0
#return
float: right
#choixlang
float: left
width: 25%
a
margin-top: 0
width: 100%
// -- TYPOGRAPHY --
.small

View file

@ -119,9 +119,20 @@ a:hover
#entete > #choix > #choixlang
float: left
#choixlang
float: left
#choix
text-align: center
#choix > div
display: inline-block
#choix
text-align: center
font-size: (3*$unit / 4)
background: $base03
padding: 0 $unit
font-weight: bold
.return
float: right
.cut
@ -132,7 +143,7 @@ a:hover
hr
color: $base2
border-color: $base2
margin: 0 ($unit / 4)
margin: 0 $hmargin
p code, li code
padding: 1px 2px
background: $base3

View file

@ -47,6 +47,10 @@
end
end.join() %>
</div>
<script type="text/javascript">// <![CDATA[
document.write('<div id="switchcss"><a href="#"><%= tradOf(:switchCss) %></a></div>');
// ]]>
</script>
<div class="flush"></div>
</div>
<div id="titre">

View file

@ -47,6 +47,10 @@
end
end.join() %>
</div>
<script type="text/javascript">// <![CDATA[
document.write('<div id="switchcss"><a href="#"><%= tradOf(:switchCss) %></a></div>');
// ]]>
</script>
<div class="flush"></div>
</div>
<div id="titre">

View file

@ -29,6 +29,10 @@
<div id="choix">
<div id="choixrss"><%= choixrss %></div>
<div id="choixlang"><%= choixlang %></div>
<script type="text/javascript">// <![CDATA[
document.write('<div id="switchcss"><a href="#"><%= tradOf(:switchCss) %></a></div>');
// ]]>
</script>
<div class="flush"></div>
</div>
<div id="liens"><%= generateMenu %></div>

View file

@ -27,6 +27,10 @@
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang"><a href="/Scratch/fr/blog/Haskell-OpenGL-Mandelbrot/" onclick="setLanguage('fr')">en Français</a>
</div>
<script type="text/javascript">// <![CDATA[
document.write('<div id="switchcss"><a href="#">Switch style</a></div>');
// ]]>
</script>
<div class="flush"></div>
</div>
<div id="titre">

View file

@ -27,6 +27,10 @@
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang"><a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/" onclick="setLanguage('en')">in English</a>
</div>
<script type="text/javascript">// <![CDATA[
document.write('<div id="switchcss"><a href="#">Changer le style</a></div>');
// ]]>
</script>
<div class="flush"></div>
</div>
<div id="titre">

View file

@ -78,12 +78,37 @@ function detectClient() {
// $('#blackpage').append('<div class="preintro"><div class="corps">'+msgintro+'</div></div>');
// });
// Ability to switch css by clicking on #swtichcss
function switchcss() {
var pref='/Scratch/assets/css';
var latexstyle=pref+'/main.css';
var modernstyle=pref+'/main2.css';
if ( $.cookie('css') == latexstyle ) {
$('link[href="'+modernstyle+'"]').attr('href',latexstyle);
}
if ( $.cookie('css') == modernstyle ) {
$('link[href="'+latexstyle+'"]').attr('href',modernstyle);
}
$('#switchcss').click(function(){
if ($('link[href="'+latexstyle+'"]').length > 0) {
$('link[href="'+latexstyle+'"]').attr('href',modernstyle);
$.cookie('css',modernstyle);
} else {
$('link[href="'+modernstyle+'"]').attr('href',latexstyle);
$.cookie('css',latexstyle);
}
});
}
// Ce que l'on va lancer à l'init.
$(document).ready(function() {
var client=detectClient();
if ( ! /msie/.test(client) ) { initCode(); }
$('#blackpage').fadeOut('slow',function(){ $('#blackpage').remove(); });
analytics();
switchcss();
});
$(window).bind("load", function() {

File diff suppressed because it is too large Load diff

View file

@ -107,7 +107,7 @@
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
</div>
<div id="lastmod">
Modified: 01/04/2013
Modified: 01/09/2013
</div>
<div>
Entirely done with