yogsototh/sharieswebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed most blog view issues

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-07-12 12:04:04 +02:00
parent e2bc5066c0
commit a19996f43e
15 changed files with 322 additions and 115 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
layouts/article.html
View file

@ -104,11 +104,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<%=tradOf(:copyright) %> <%=tradOf(:copyright) %>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
<%= tradOf(:entirely_done_with) %> <%= tradOf(:entirely_done_with) %>
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
<%= tradOf(:and) %> <%= tradOf(:and) %>
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
</div> </div>
</div> </div>
</footer> </footer>

10
layouts/main.html
View file

@ -71,12 +71,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<%=tradOf(:copyright) %> <%=tradOf(:copyright) %>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
<%= tradOf(:entirely_done_with) %> <%= tradOf(:entirely_done_with) %>
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
<%= tradOf(:and) %> <%= tradOf(:and) %>
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

2
lib/multiMenu.rb
View file

@ -48,7 +48,7 @@ def generateBlogSubMenu(language)
res<<=%{</ul><script type="text/javascript">$('#archives_#{year}').hide()</script>} res<<=%{</ul><script type="text/javascript">$('#archives_#{year}').hide()</script>}
end end
year=p[:created_at].strftime("%Y") year=p[:created_at].strftime("%Y")
res<<=%{<h4 class="button" onclick="$('#archives_#{year}').slideToggle()">[#{year}]</h4><ul id="archives_#{year}">} res<<=%{<h4 class="button"><a onclick="$('#archives_#{year}').slideToggle();return false;" href="#">[#{year}]</a></h4><ul id="archives_#{year}">}
end end
res<<='<li>' res<<='<li>'
res<<=calendar_for(p[:created_at],language)+ res<<=calendar_for(p[:created_at],language)+

2
lib/tag.rb
View file

@ -99,7 +99,7 @@
tagCloud <<= %{<div id="#{protected}" class="list"><h4>#{t}</h4><ul style="list-style-type: none; margin: 0;">} tagCloud <<= %{<div id="#{protected}" class="list"><h4>#{t}</h4><ul style="list-style-type: none; margin: 0;">}
l.sort{|x,y| y[:created_at] <=> x[:created_at]}.each do |p| l.sort{|x,y| y[:created_at] <=> x[:created_at]}.each do |p|
tagCloud <<= %{ tagCloud <<= %{
<li style="line-height: 3em; margin: 0;"> <li>
#{calendar_for(p[:created_at], language)} #{calendar_for(p[:created_at], language)}
<a href="#{p.path}">#{p[:title]} <span class="nicer">»</span></a> <a href="#{p.path}">#{p[:title]} <span class="nicer">»</span></a>
</li>\n} </li>\n}

9
site/Scratch/en/blog/2011-05-05-Screenshots/index.html
View file

@ -130,11 +130,16 @@ Now you can paste it anywhere.</p>
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Entirely done with Entirely done with
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and and
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
</div> </div>
</div> </div>
</footer> </footer>

16
site/Scratch/en/blog/index.html
View file

@ -136,7 +136,7 @@ Now you can paste it anywhere.</p>
$('#tag_'+id).addClass('selected'); $('#tag_'+id).addClass('selected');
} }
</script><div id="tagcloud"><a href="#images" style="font-size: 1.0em;" class="tag" onclick="tagSelected('images')" id="tag_images">images</a> <a href="#screenshot" style="font-size: 1.0em;" class="tag" onclick="tagSelected('screenshot')" id="tag_screenshot">screenshot</a> </div><div id="hiddenDivs" ><div id="images" class="list"><h4>images</h4><ul style="list-style-type: none; margin: 0;"> </script><div id="tagcloud"><a href="#images" style="font-size: 1.0em;" class="tag" onclick="tagSelected('images')" id="tag_images">images</a> <a href="#screenshot" style="font-size: 1.0em;" class="tag" onclick="tagSelected('screenshot')" id="tag_screenshot">screenshot</a> </div><div id="hiddenDivs" ><div id="images" class="list"><h4>images</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;"> <li>
<span class="date"> <span class="date">
<span class="day">5</span> <span class="day">5</span>
<span class="month">May</span> <span class="month">May</span>
@ -145,7 +145,7 @@ Now you can paste it anywhere.</p>
<a href="/Scratch/en/blog/2011-05-05-Screenshots/">Screenshots <span class="nicer">»</span></a> <a href="/Scratch/en/blog/2011-05-05-Screenshots/">Screenshots <span class="nicer">»</span></a>
</li> </li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="screenshot" class="list"><h4>screenshot</h4><ul style="list-style-type: none; margin: 0;"> </ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="screenshot" class="list"><h4>screenshot</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;"> <li>
<span class="date"> <span class="date">
<span class="day">5</span> <span class="day">5</span>
<span class="month">May</span> <span class="month">May</span>
@ -159,7 +159,7 @@ Now you can paste it anywhere.</p>
<h2 id="archives">Archives</h2> <h2 id="archives">Archives</h2>
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date"> <div id="sousliens" class="archive"><h4 class="button"><a onclick="$('#archives_2011').slideToggle();return false;" href="#">[2011]</a></h4><ul id="archives_2011"><li><span class="date">
<span class="day">5</span> <span class="day">5</span>
<span class="month">May</span> <span class="month">May</span>
<span class="year">2011</span> <span class="year">2011</span>
@ -176,12 +176,16 @@ Now you can paste it anywhere.</p>
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Entirely done with Entirely done with
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and and
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

10
site/Scratch/en/index.html
View file

@ -109,12 +109,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Entirely done with Entirely done with
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and and
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

10
site/Scratch/en/support/index.html
View file

@ -89,12 +89,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Entirely done with Entirely done with
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and and
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

9
site/Scratch/fr/blog/2011-05-05-Screenshots/index.html
View file

@ -129,11 +129,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Site entièrement réalisé avec Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
et et
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
</div> </div>
</div> </div>
</footer> </footer>

14
site/Scratch/fr/blog/index.html
View file

@ -131,7 +131,7 @@ Les 5 derniers articles
$('#tag_'+id).addClass('selected'); $('#tag_'+id).addClass('selected');
} }
</script><div id="tagcloud"><a href="#images" style="font-size: 1.0em;" class="tag" onclick="tagSelected('images')" id="tag_images">images</a> </div><div id="hiddenDivs" ><div id="images" class="list"><h4>images</h4><ul style="list-style-type: none; margin: 0;"> </script><div id="tagcloud"><a href="#images" style="font-size: 1.0em;" class="tag" onclick="tagSelected('images')" id="tag_images">images</a> </div><div id="hiddenDivs" ><div id="images" class="list"><h4>images</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;"> <li>
<span class="date"> <span class="date">
<span class="day">5</span> <span class="day">5</span>
<span class="month">Mai</span> <span class="month">Mai</span>
@ -145,7 +145,7 @@ Les 5 derniers articles
<h2 id="archives">Archives</h2> <h2 id="archives">Archives</h2>
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date"> <div id="sousliens" class="archive"><h4 class="button"><a onclick="$('#archives_2011').slideToggle();return false;" href="#">[2011]</a></h4><ul id="archives_2011"><li><span class="date">
<span class="day">5</span> <span class="day">5</span>
<span class="month">Mai</span> <span class="month">Mai</span>
<span class="year">2011</span> <span class="year">2011</span>
@ -162,12 +162,16 @@ Les 5 derniers articles
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Site entièrement réalisé avec Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
et et
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

10
site/Scratch/fr/index.html
View file

@ -109,12 +109,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Site entièrement réalisé avec Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
et et
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

10
site/Scratch/fr/support/index.html
View file

@ -89,12 +89,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Site entièrement réalisé avec Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
et et
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

274
site/css/main.css
View file

@ -80,7 +80,12 @@ hgroup#maintitle h2 {
font-size: 0.8em; font-size: 0.8em;
} }
/* line 83, ../src/main.sass */ /* line 80, ../src/main.sass */
footer {
font-size: 0.8em;
}
/* line 84, ../src/main.sass */
#container > footer { #container > footer {
padding: 3em 0; padding: 3em 0;
color: #0f1011; color: #0f1011;
@ -92,42 +97,42 @@ hgroup#maintitle h2 {
background-image: -ms-linear-gradient(top, #60646c, #51555c); background-image: -ms-linear-gradient(top, #60646c, #51555c);
background-image: linear-gradient(top, #60646c, #51555c); background-image: linear-gradient(top, #60646c, #51555c);
} }
/* line 84, ../src/main.sass */ /* line 85, ../src/main.sass */
#container > footer * { #container > footer * {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 87, ../src/main.sass */ /* line 88, ../src/main.sass */
#container > footer a { #container > footer a {
color: #1f2024; color: #1f2024;
} }
/* line 89, ../src/main.sass */ /* line 90, ../src/main.sass */
#container > footer a:hover { #container > footer a:hover {
color: #002255; color: #002255;
} }
/* line 103, ../src/main.sass */ /* line 104, ../src/main.sass */
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }
/* line 107, ../src/main.sass */ /* line 108, ../src/main.sass */
#container { #container {
width: span(24); width: span(24);
margin: 0 auto; margin: 0 auto;
} }
/* line 112, ../src/main.sass */ /* line 113, ../src/main.sass */
a { a {
text-decoration: none; text-decoration: none;
} }
/* line 115, ../src/main.sass */ /* line 116, ../src/main.sass */
h1, h2 { h1, h2 {
text-align: center; text-align: center;
} }
/* line 125, ../src/main.sass */ /* line 126, ../src/main.sass */
.block { .block {
background-color: #e3e5ed; background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -141,28 +146,28 @@ h1, h2 {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 122, ../src/main.sass */ /* line 123, ../src/main.sass */
.block > * { .block > * {
margin: 20px; margin: 20px;
} }
/* line 127, ../src/main.sass */ /* line 128, ../src/main.sass */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 171, ../src/main.sass */ /* line 172, ../src/main.sass */
#prelinks { #prelinks {
width: 960px; width: 960px;
margin: 0.5em auto; margin: 0.5em auto;
height: 1em; height: 1em;
} }
/* line 177, ../src/main.sass */ /* line 178, ../src/main.sass */
#choixlang { #choixlang {
float: left; float: left;
font-size: 14px; font-size: 14px;
} }
/* line 132, ../src/main.sass */ /* line 133, ../src/main.sass */
#choixlang a:hover { #choixlang a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -171,16 +176,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 136, ../src/main.sass */ /* line 137, ../src/main.sass */
#choixlang a:active { #choixlang a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 139, ../src/main.sass */ /* line 140, ../src/main.sass */
#choixlang a { #choixlang a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 141, ../src/main.sass */ /* line 142, ../src/main.sass */
#choixlang a, #choixlang span { #choixlang a, #choixlang span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -193,11 +198,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 147, ../src/main.sass */ /* line 148, ../src/main.sass */
#choixlang a:hover, #choixlang span:hover { #choixlang a:hover, #choixlang span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 149, ../src/main.sass */ /* line 150, ../src/main.sass */
#choixlang span { #choixlang span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -208,12 +213,12 @@ h1, h2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 181, ../src/main.sass */ /* line 182, ../src/main.sass */
#choixrss { #choixrss {
float: right; float: right;
font-size: 14px; font-size: 14px;
} }
/* line 132, ../src/main.sass */ /* line 133, ../src/main.sass */
#choixrss a:hover { #choixrss a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -222,16 +227,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 136, ../src/main.sass */ /* line 137, ../src/main.sass */
#choixrss a:active { #choixrss a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 139, ../src/main.sass */ /* line 140, ../src/main.sass */
#choixrss a { #choixrss a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 141, ../src/main.sass */ /* line 142, ../src/main.sass */
#choixrss a, #choixrss span { #choixrss a, #choixrss span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -244,11 +249,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 147, ../src/main.sass */ /* line 148, ../src/main.sass */
#choixrss a:hover, #choixrss span:hover { #choixrss a:hover, #choixrss span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 149, ../src/main.sass */ /* line 150, ../src/main.sass */
#choixrss span { #choixrss span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -259,19 +264,19 @@ h1, h2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 186, ../src/main.sass */ /* line 187, ../src/main.sass */
#mainnav { #mainnav {
width: 600px; width: 600px;
padding: 0; padding: 0;
margin: 2.5em auto; margin: 2.5em auto;
} }
/* line 190, ../src/main.sass */ /* line 191, ../src/main.sass */
#mainnav ul { #mainnav ul {
height: 2.2ex; height: 2.2ex;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
/* line 194, ../src/main.sass */ /* line 195, ../src/main.sass */
#mainnav ul li { #mainnav ul li {
text-align: center; text-align: center;
float: left; float: left;
@ -279,7 +284,7 @@ h1, h2 {
margin: 0 20px; margin: 0 20px;
font-size: 14px; font-size: 14px;
} }
/* line 132, ../src/main.sass */ /* line 133, ../src/main.sass */
#mainnav ul li a:hover { #mainnav ul li a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -288,16 +293,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 136, ../src/main.sass */ /* line 137, ../src/main.sass */
#mainnav ul li a:active { #mainnav ul li a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 139, ../src/main.sass */ /* line 140, ../src/main.sass */
#mainnav ul li a { #mainnav ul li a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 141, ../src/main.sass */ /* line 142, ../src/main.sass */
#mainnav ul li a, #mainnav ul li span { #mainnav ul li a, #mainnav ul li span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -310,11 +315,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 147, ../src/main.sass */ /* line 148, ../src/main.sass */
#mainnav ul li a:hover, #mainnav ul li span:hover { #mainnav ul li a:hover, #mainnav ul li span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 149, ../src/main.sass */ /* line 150, ../src/main.sass */
#mainnav ul li span { #mainnav ul li span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -324,30 +329,30 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 200, ../src/main.sass */ /* line 201, ../src/main.sass */
#mainnav ul li * { #mainnav ul li * {
font-size: 1.5em; font-size: 1.5em;
} }
/* line 204, ../src/main.sass */ /* line 205, ../src/main.sass */
.flush { .flush {
clear: both !important; clear: both !important;
} }
/* line 207, ../src/main.sass */ /* line 208, ../src/main.sass */
.clean { .clean {
background: none; background: none;
border: none; border: none;
margin: none; margin: none;
} }
/* line 212, ../src/main.sass */ /* line 213, ../src/main.sass */
#main { #main {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 216, ../src/main.sass */ /* line 217, ../src/main.sass */
body.std #main > article, .slideshow { body.std #main > article, .slideshow {
padding: 3em; padding: 3em;
margin: 3em 0; margin: 3em 0;
@ -363,49 +368,49 @@ body.std #main > article, .slideshow {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 122, ../src/main.sass */ /* line 123, ../src/main.sass */
body.std #main > article > *, .slideshow > * { body.std #main > article > *, .slideshow > * {
margin: 20px; margin: 20px;
} }
/* line 221, ../src/main.sass */ /* line 222, ../src/main.sass */
.slideshow { .slideshow {
color: #60646c; color: #60646c;
font-size: 1.3em; font-size: 1.3em;
} }
/* line 224, ../src/main.sass */ /* line 225, ../src/main.sass */
.slideshow h3, .slideshow p, .slideshow ul { .slideshow h3, .slideshow p, .slideshow ul {
float: left; float: left;
margin-left: 60px; margin-left: 60px;
} }
/* line 227, ../src/main.sass */ /* line 228, ../src/main.sass */
.slideshow h3, .slideshow p, .slideshow ul { .slideshow h3, .slideshow p, .slideshow ul {
width: 40%; width: 40%;
} }
/* line 229, ../src/main.sass */ /* line 230, ../src/main.sass */
.slideshow h3 { .slideshow h3 {
font-size: 2em; font-size: 2em;
color: #9ca1ad; color: #9ca1ad;
text-shadow: 0 0 3px white; text-shadow: 0 0 3px white;
} }
/* line 234, ../src/main.sass */ /* line 235, ../src/main.sass */
.center { .center {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
/* line 238, ../src/main.sass */ /* line 239, ../src/main.sass */
.leftimage { .leftimage {
float: left; float: left;
} }
/* line 240, ../src/main.sass */ /* line 241, ../src/main.sass */
.rightimage { .rightimage {
float: right; float: right;
} }
/* line 243, ../src/main.sass */ /* line 244, ../src/main.sass */
img.left { img.left {
float: left; float: left;
padding: 10px; padding: 10px;
@ -424,50 +429,59 @@ img.left {
margin: 0 1em; margin: 0 1em;
background: rgba(239, 239, 244, 0.2); background: rgba(239, 239, 244, 0.2);
} }
/* line 122, ../src/main.sass */ /* line 123, ../src/main.sass */
img.left > * { img.left > * {
margin: 20px; margin: 20px;
} }
/* line 251, ../src/main.sass */ /* line 252, ../src/main.sass */
ul.article_metadata { ul.article_metadata {
list-style-type: none; list-style-type: none;
text-align: right; text-align: right;
color: #b4b8c5; color: #b4b8c5;
} }
/* line 255, ../src/main.sass */ /* line 256, ../src/main.sass */
ul.article_metadata a { ul.article_metadata a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 257, ../src/main.sass */ /* line 258, ../src/main.sass */
ul.article_metadata a:hover { ul.article_metadata a:hover {
color: #315896; color: #315896;
} }
/* line 260, ../src/main.sass */ /* line 261, ../src/main.sass */
#tagcloud { #tagcloud {
background: #efeff4; background: #efeff4;
padding: 2em; background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-o-border-radius: 5px; -o-border-radius: 5px;
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-moz-box-shadow: 0 0 3px #333333 inset, 0 0 3px white; padding: 1em;
-webkit-box-shadow: 0 0 3px #333333 inset, 0 0 3px white; width: 600px;
-o-box-shadow: 0 0 3px #333333 inset, 0 0 3px white; margin: 1em auto;
box-shadow: 0 0 3px #333333 inset, 0 0 3px white; }
width: 70%; /* line 123, ../src/main.sass */
margin: 0 auto; #tagcloud > * {
margin: 20px;
}
/* line 267, ../src/main.sass */
#tagcloud a:hover {
cursor: pointer;
} }
/* line 268, ../src/main.sass */ /* line 270, ../src/main.sass */
#elementblock { #elementblock {
width: 600px; width: 600px;
margin: 0 auto 4em auto; margin: 0 auto 4em auto;
} }
/* line 271, ../src/main.sass */ /* line 273, ../src/main.sass */
#elementblock ul.menu { #elementblock ul.menu {
background-color: #efeff4; background-color: #efeff4;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -484,7 +498,7 @@ ul.article_metadata a:hover {
padding: 10px; padding: 10px;
list-style-type: none; list-style-type: none;
} }
/* line 278, ../src/main.sass */ /* line 280, ../src/main.sass */
#elementblock ul.menu li { #elementblock ul.menu li {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
@ -492,7 +506,7 @@ ul.article_metadata a:hover {
margin: 0 20px; margin: 0 20px;
font-size: 14px; font-size: 14px;
} }
/* line 132, ../src/main.sass */ /* line 133, ../src/main.sass */
#elementblock ul.menu li a:hover { #elementblock ul.menu li a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -501,16 +515,16 @@ ul.article_metadata a:hover {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 136, ../src/main.sass */ /* line 137, ../src/main.sass */
#elementblock ul.menu li a:active { #elementblock ul.menu li a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 139, ../src/main.sass */ /* line 140, ../src/main.sass */
#elementblock ul.menu li a { #elementblock ul.menu li a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 141, ../src/main.sass */ /* line 142, ../src/main.sass */
#elementblock ul.menu li a, #elementblock ul.menu li span { #elementblock ul.menu li a, #elementblock ul.menu li span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -523,11 +537,11 @@ ul.article_metadata a:hover {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 147, ../src/main.sass */ /* line 148, ../src/main.sass */
#elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover { #elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 149, ../src/main.sass */ /* line 150, ../src/main.sass */
#elementblock ul.menu li span { #elementblock ul.menu li span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -538,19 +552,133 @@ ul.article_metadata a:hover {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 285, ../src/main.sass */ /* line 287, ../src/main.sass */
#related_articles { #related_articles {
width: 960px; width: 960px;
margin: 3em auto; margin: 3em auto;
} }
/* line 288, ../src/main.sass */ /* line 290, ../src/main.sass */
#related_articles #previous_articles { #related_articles #previous_articles {
float: left; float: left;
width: 40%; width: 40%;
} }
/* line 291, ../src/main.sass */ /* line 293, ../src/main.sass */
#related_articles #next_articles { #related_articles #next_articles {
float: right; float: right;
text-align: right; text-align: right;
width: 40%; width: 40%;
} }
/* line 298, ../src/main.sass */
.date {
font-size: 0.8em;
line-height: 2em;
float: left;
color: #9ca1ad;
margin-right: 1em;
}
/* line 305, ../src/main.sass */
article article, .archive {
background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: #efeff4;
padding: 1em;
}
/* line 123, ../src/main.sass */
article article > *, .archive > * {
margin: 20px;
}
/* line 310, ../src/main.sass */
#hiddenDivs {
width: 600px;
margin: 1em auto;
background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: #efeff4;
padding: 1em;
}
/* line 123, ../src/main.sass */
#hiddenDivs > * {
margin: 20px;
}
/* line 318, ../src/main.sass */
.archive .button {
font-size: 14px;
width: 5em;
}
/* line 133, ../src/main.sass */
.archive .button a:hover {
color: #efeff4;
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
}
/* line 137, ../src/main.sass */
.archive .button a:active {
background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black;
}
/* line 140, ../src/main.sass */
.archive .button a {
color: #9ca1ad;
}
/* line 142, ../src/main.sass */
.archive .button a, .archive .button span {
padding: 0.2em;
-moz-border-radius: 2ex;
-webkit-border-radius: 2ex;
-o-border-radius: 2ex;
-ms-border-radius: 2ex;
-khtml-border-radius: 2ex;
border-radius: 2ex;
text-align: center;
width: 100%;
display: inline-block;
}
/* line 148, ../src/main.sass */
.archive .button a:hover, .archive .button span:hover {
color: #efeff4;
}
/* line 150, ../src/main.sass */
.archive .button span {
color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0.15);
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
}
/* line 322, ../src/main.sass */
.return {
float: right;
opacity: 0.3;
}
/* line 325, ../src/main.sass */
.return:hover {
opacity: 1;
}

10
site/index.html
View file

@ -109,12 +109,16 @@
<footer> <footer>
<div id="webpageinfo"> <div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div> <div>
Entirely done with Entirely done with
<a href="http://www.vim.org">Vim</a> <a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and and
<a href="http://nanoc.stoneship.org">nanoc</a> <a href="http://html5boilerplate">html5boilerplate</a>
<!-- TODO: add compass, blueprint -->
</div> </div>
</div> </div>
</footer> </footer>

42
site/src/main.sass
View file

@ -78,6 +78,7 @@ hgroup#maintitle
+linear-gradient(color-stops($ycolor4,$ycolor5)) +linear-gradient(color-stops($ycolor4,$ycolor5))
footer footer
font-size: .8em
clear:both clear:both
#container>footer #container>footer
@ -259,11 +260,12 @@ ul.article_metadata
#tagcloud #tagcloud
background: $ycolorb background: $ycolorb
padding: 2em +innerblock
+border-radius(5px) padding: 1em
+box-shadow(0 0 3px #333 inset, 0 0 3px #FFF) width: $navWidth
width: 70% margin: 1em auto
margin: 0 auto a:hover
cursor: pointer
#elementblock #elementblock
width: $navWidth width: $navWidth
@ -292,3 +294,33 @@ ul.article_metadata
float: right float: right
text-align: right text-align: right
width: 40% width: 40%
.date
font-size: .8em
line-height: 2em
float: left
color: $ycolor2
margin-right: 1em
article article, .archive
+innerblock
background-color: $ycolorb
padding: 1em
#hiddenDivs
width: $navWidth
margin: 1em auto
+innerblock
background-color: $ycolorb
padding: 1em
.archive
.button
+ybutton
width: 5em
.return
float: right
opacity: .3
&:hover
opacity: 1