added the switch style ability
This commit is contained in:
parent
b45c345811
commit
c918ebbc06
11 changed files with 802 additions and 735 deletions
|
@ -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"
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -27,6 +27,10 @@
|
|||
<div class="return"><a href="#entete">↓ Menu ↓</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">
|
||||
|
|
|
@ -27,6 +27,10 @@
|
|||
<div class="return"><a href="#entete">↓ Menu ↓</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">
|
||||
|
|
|
@ -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
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue