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

Added article & images

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-05-05 11:52:11 +02:00
parent 3e38e110df
commit 03c4a39c41
10 changed files with 556 additions and 259 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Rules
View file

@ -72,7 +72,7 @@ compile '/html/*' do
filter :footnotes filter :footnotes
if item[:kind] == 'article' if item[:kind] == 'article'
layout 'main' layout 'article'
elsif not item[:layout].nil? elsif not item[:layout].nil?
layout item[:layout] layout item[:layout]
else else

26
content/html/en/blog/2011-05-05-Screenshots.md Normal file
View file

@ -0,0 +1,26 @@
-----
isHidden: false
menupriority: 1
kind: article
created_at: 2011-05-05T11:27:11+02:00
title: Captures d'écran
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- images
- screenshot
-----
<%= blogimage("main.png","îcone") %>
begindiv(intro)
<%= tldr %> Some
enddiv
Here are some screenshots of YPassword.
<%= blogimage("screenshot1.png","première image") %>
<%= blogimage("screenshot2.png","seconde image") %>

25
content/html/fr/blog/2011-05-05-Screenshots.md Normal file
View file

@ -0,0 +1,25 @@
-----
isHidden: false
menupriority: 1
kind: article
created_at: 2011-05-05T11:27:11+02:00
title: Screenshots
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- images
-----
<%= blogimage("main.png","îcone") %>
begindiv(intro)
<%= tlal %>
enddiv
Ceci est une suite de quelques captures d'écran d'YPassword.
<%= blogimage("screenshot1.png","première image") %>
<%= blogimage("screenshot2.png","seconde image") %>

2
latest.md
View file

@ -1 +1 @@
./multi/blog/2011-05-02-First-post.md ./multi/blog/2011-05-05-Screeshots.md

326
layouts/article.html
View file

@ -1,183 +1,159 @@
----- <% language, languages, blog, article = setItemConf %><!doctype html>
----- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?> <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]-->
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"> <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta charset="utf-8">
<% t=tags %> <!--
<% if t.length > 0 %> Copyright ©Yann Esposito 2011
<meta name="keywords" content="<%= t %>"> Extended from HTML5boilerplate
<% end %> -->
<link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" /> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" /> Remove this if you use the .htaccess -->
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/twilight.css" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocom<%= language %>"/>
<%
languages.each do |lang|
item_for_lang=item_of_language(lang)
if not item_for_lang.nil? %>
<link rel="alternate" lang="<%= lang %>" xml:lang="<%= lang %>" title="<%= item_for_lang[:title] %>" type="text/html" hreflang="<%= lang %>" href="<%= item_for_lang.reps[0].path %>" /> <%
end
end %>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<!-- < % if containMaths %>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/MathJax/MathJax.js"></script>
< % end %>
-->
<title><%= @item[:title] %></title>
</head>
<body lang="<%= language %>">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
// ]]>
</script>
<div id="content"> <title><%= @item[:title] %></title>
<meta name="description" content="">
<meta name="author" content="">
<%= meta_tags %>
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div> <!-- Mobile viewport optimized: j.mp/bplateviewport -->
<div id="choixlang"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<%= languages.map do |l|
dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{config[:webprefix]}/#{l}/}) <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
if @item_rep.path != dest <link rel="shortcut icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
%{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>} <link rel="apple-touch-icon" href="/apple-touch-icon.png">
else
nil
end <!-- CSS: implied media="all" -->
end.join() %> <link rel="stylesheet" href="/css/less.css"/>
</div> <link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
</div> <link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
<div id="titre"> <link rel="stylesheet" href="/css/main.css">
<h1>
<%= @item[:title] %> <!-- Uncomment if you are specifically targeting less enabled mobile browsers
</h1> <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
<% unless @item[:subtitle].nil? %>
<h2> <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<%= @item[:subtitle] %> <script src="/js/libs/modernizr-1.7.min.js"></script>
</h2>
<% end %> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%= @config[:rss_uri][language.intern] %>"/>
</head>
<body lang="<%= language %>">
<header>
<div id="choixrss"><%= choixrss %></div>
<div id="choixlang"><%= choixlang %></div>
<nav id="mainnav">
<ul>
<%= generateMenu %>
</ul>
</nav>
</header>
<div id="metacontainer">
<div id="container">
<div id="main" role="main">
<hgroup>
<h1><%= @item[:content_for_title].nil? ? @item[:title] : @item[:content_for_title] %></h1>
<% unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil? %>
<h2>
<%= @item[:content_for_subtitle].nil? ? @item[:subtitle] : @item[:content_for_subtitle] %>
</h2>
<% end %>
</hgroup>
<article>
<div class="content">
<%= yield %>
</div> </div>
<footer>
<ul class="article_metadata">
<li><%=tradOf(:created_at)%>: <time><%= @item[:created_at].strftime(@config[:dateFormat][language.intern]) %></time></li>
<li><%=tradOf(:last_modified)%>: <time> <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %></time></li>
<li><%=tradOf(:copyright) %></li>
</ul>
</footer>
</article>
<div class="flush"></div> </div>
<div id="related_articles">
<% if @item[:content_for_summary] %> <div id="previous_articles">
<div class="corps summary"> <h4> <%= tradOf(:previousArticles) %> </h4>
<% @item[:content_for_summary] %> <%
(1..3).each do |n|
a=article_brother(-n)
if not a.nil?
%>
<div class="previous_article">
<%= link_to( %{<span class="nicer">«</span>&nbsp;}+ a[:title], a) %>
</div> </div>
<% end %> <% end %>
<% end %>
<%= generateSubMenu %>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<%= yield %>
</div>
<% depth = depthOf(@item) %>
<% if depth > 3 or ( depth == 3 and @item.children.length > 0 ) %>
<div class="navigation">
<div class="navigationprev"><%= previousFor(@item) %></div>
<div class="navigationnext"><%= nextFor(@item) %></div>
</div>
<div class="flush"></div>
<% end %>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocom<%= language %>">
<%= tradOf(:subscribe) %>
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment"><%= tradOf(:clickForComment) %></div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first"><%= tradOf(:comment) %></h2>
<noscript>
<%= tradOf(:enableJavascriptToComment) %>
</noscript>
<%= generateIntenseDebateThread %>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<%= generateMenu %>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
<%= tradOf(:previousArticles) %>
<%
(1..3).each do |n|
a=article_brother(-n)
if not a.nil?
%>
<div class="previous_article">
<%= link_to( %{<span class="nicer">«</span>&nbsp;}+ a[:title], a) %>
</div>
<% end %>
<% end %>
</div>
<div id="next_articles">
<%= tradOf(:nextArticles) %>
<%
(1..3).each do |n|
a=article_brother(n)
if not a.nil?
%>
<div class="next_article">
<%= link_to(a[:title] + %{&nbsp;<span class="nicer">»</span>}, a) %>
</div>
<% end %>
<% end %>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<%=tradOf(:copyright) %>
</div>
<div id="lastmod">
<%=tradOf(:created_at)%>: <%= @item[:created_at].strftime(@config[:dateFormat][language.intern]) %>
<%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %>
</div>
<div>
<%= tradOf(:entirely_done_with) %>
<a href="http://www.vim.org">Vim</a>
<%= tradOf(:and) %>
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div> </div>
<%= clicky_analytics %> <div id="next_articles">
</body> <h4><%= tradOf(:nextArticles) %></h4>
<%
(1..3).each do |n|
a=article_brother(n)
if not a.nil?
%>
<div class="next_article">
<%= link_to(a[:title] + %{&nbsp;<span class="nicer">»</span>}, a) %>
</div>
<% end %>
<% end %>
</div>
<div class="flush"></div>
</div>
</div> <!--! end of #container -->
</div> <!--! end of #metacontainer -->
<footer>
<div id="webpageinfo">
<%=tradOf(:copyright) %>
<div>
<%= tradOf(:entirely_done_with) %>
<a href="http://www.vim.org">Vim</a>
<%= tradOf(:and) %>
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
</div>
</footer>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script>window.jQuery || document.write("<script src='/js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>
<!-- scripts concatenated and minified via ant build script-->
<script src="/js/plugins.js"></script>
<script src="/js/script.js"></script>
<%= @item[:content_for_js] %>
<!-- end scripts-->
<!--[if lt IE 7 ]>
<script src="/js/libs/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
<![endif]-->
<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
<script>
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
<%= clicky_analytics %>
</body>
</html> </html>

183
layouts/oldarticle.html Normal file
View file

@ -0,0 +1,183 @@
-----
-----
<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<% t=tags %>
<% if t.length > 0 %>
<meta name="keywords" content="<%= t %>">
<% end %>
<link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocom<%= language %>"/>
<%
languages.each do |lang|
item_for_lang=item_of_language(lang)
if not item_for_lang.nil? %>
<link rel="alternate" lang="<%= lang %>" xml:lang="<%= lang %>" title="<%= item_for_lang[:title] %>" type="text/html" hreflang="<%= lang %>" href="<%= item_for_lang.reps[0].path %>" /> <%
end
end %>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<!-- < % if containMaths %>
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/MathJax/MathJax.js"></script>
< % end %>
-->
<title><%= @item[:title] %></title>
</head>
<body lang="<%= language %>">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<%= languages.map do |l|
dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{config[:webprefix]}/#{l}/})
if @item_rep.path != dest
%{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>}
else
nil
end
end.join() %>
</div>
</div>
<div id="titre">
<h1>
<%= @item[:title] %>
</h1>
<% unless @item[:subtitle].nil? %>
<h2>
<%= @item[:subtitle] %>
</h2>
<% end %>
</div>
<div class="flush"></div>
<% if @item[:content_for_summary] %>
<div class="corps summary">
<% @item[:content_for_summary] %>
</div>
<% end %>
<%= generateSubMenu %>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<%= yield %>
</div>
<% depth = depthOf(@item) %>
<% if depth > 3 or ( depth == 3 and @item.children.length > 0 ) %>
<div class="navigation">
<div class="navigationprev"><%= previousFor(@item) %></div>
<div class="navigationnext"><%= nextFor(@item) %></div>
</div>
<div class="flush"></div>
<% end %>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocom<%= language %>">
<%= tradOf(:subscribe) %>
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment"><%= tradOf(:clickForComment) %></div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first"><%= tradOf(:comment) %></h2>
<noscript>
<%= tradOf(:enableJavascriptToComment) %>
</noscript>
<%= generateIntenseDebateThread %>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<%= generateMenu %>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
<%= tradOf(:previousArticles) %>
<%
(1..3).each do |n|
a=article_brother(-n)
if not a.nil?
%>
<div class="previous_article">
<%= link_to( %{<span class="nicer">«</span>&nbsp;}+ a[:title], a) %>
</div>
<% end %>
<% end %>
</div>
<div id="next_articles">
<%= tradOf(:nextArticles) %>
<%
(1..3).each do |n|
a=article_brother(n)
if not a.nil?
%>
<div class="next_article">
<%= link_to(a[:title] + %{&nbsp;<span class="nicer">»</span>}, a) %>
</div>
<% end %>
<% end %>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<%=tradOf(:copyright) %>
</div>
<div id="lastmod">
<%=tradOf(:created_at)%>: <%= @item[:created_at].strftime(@config[:dateFormat][language.intern]) %>
<%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %>
</div>
<div>
<%= tradOf(:entirely_done_with) %>
<a href="http://www.vim.org">Vim</a>
<%= tradOf(:and) %>
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
<%= clicky_analytics %>
</body>
</html>

29
multi/blog/2011-05-05-Screenshots.md Normal file
View file

@ -0,0 +1,29 @@
-----
isHidden: false
menupriority: 1
kind: article
created_at: 2011-05-05T11:27:11+02:00
fr: title: Screenshots
en: title: Captures d'écran
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- images
en: - screenshot
-----
<%= blogimage("main.png","îcone") %>
begindiv(intro)
en: <%= tldr %> Some
fr: <%= tlal %>
enddiv
fr: Ceci est une suite de quelques captures d'écran d'YPassword.
en: Here are some screenshots of YPassword.
<%= blogimage("screenshot1.png","première image") %>
<%= blogimage("screenshot2.png","seconde image") %>

186
site/css/main.css
View file

@ -30,17 +30,48 @@ a:hover {
} }
/* line 85, ../src/main.scss */ /* line 85, ../src/main.scss */
img {
max-width: 100%;
}
/* line 88, ../src/main.scss */
article img {
background-color: rgba(0, 0, 0, 0.02);
-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;
padding: 15px;
width: 344px;
margin-right: 24px;
}
/* line 40, ../src/main.scss */
article img > * {
padding: 20px;
}
/* line 43, ../src/main.scss */
article img:hover {
background-color: rgba(0, 0, 0, 0.05);
}
/* line 95, ../src/main.scss */
.corps { .corps {
margin: 48px 0; margin: 48px 0;
line-height: 32px; line-height: 32px;
} }
/* line 90, ../src/main.scss */ /* line 100, ../src/main.scss */
#metacontainer { #metacontainer {
border-bottom: 1px solid #888; border-bottom: 1px solid #888;
} }
/* line 93, ../src/main.scss */ /* line 103, ../src/main.scss */
body > header { body > header {
margin: 0; margin: 0;
color: #CCC; color: #CCC;
@ -53,7 +84,7 @@ body > header {
box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333;
} }
/* line 101, ../src/main.scss */ /* line 111, ../src/main.scss */
body > footer { body > footer {
border-top: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.1);
border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.1);
@ -68,30 +99,55 @@ body > footer {
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; -o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
} }
/* line 111, ../src/main.scss */ /* line 121, ../src/main.scss */
body > footer a { body > footer a {
color: #2c5490; color: #2c5490;
} }
/* line 116, ../src/main.scss */ /* line 126, ../src/main.scss */
article > footer { article > footer {
color: #88aadd;
margin: 48px 0; margin: 48px 0;
width: 252px;
margin-right: 24px;
background-color: rgba(0, 0, 0, 0.02);
-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;
font-size: .7em;
} }
/* line 119, ../src/main.scss */ /* line 128, ../src/main.scss */
article > footer ul {
list-style-type: none;
}
/* line 40, ../src/main.scss */
article > footer > * {
padding: 20px;
}
/* line 43, ../src/main.scss */
article > footer:hover {
background-color: rgba(0, 0, 0, 0.05);
}
/* line 134, ../src/main.scss */
article > footer ul { article > footer ul {
list-style-type: none; list-style-type: none;
} }
/* line 126, ../src/main.scss */ /* line 141, ../src/main.scss */
nav { nav {
border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.1);
} }
/* line 129, ../src/main.scss */ /* line 144, ../src/main.scss */
nav ul { nav ul {
list-style-type: none; list-style-type: none;
} }
/* line 131, ../src/main.scss */ /* line 146, ../src/main.scss */
nav ul li { nav ul li {
display: inline-block; display: inline-block;
height: 50px; height: 50px;
@ -101,7 +157,7 @@ nav ul li {
border-left: solid 1px rgba(255, 255, 255, 0.1); border-left: solid 1px rgba(255, 255, 255, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.2); border-right: solid 1px rgba(0, 0, 0, 0.2);
} }
/* line 139, ../src/main.scss */ /* line 154, ../src/main.scss */
nav ul li * { nav ul li * {
display: block; display: block;
margin-right: 0px; margin-right: 0px;
@ -110,21 +166,21 @@ nav ul li * {
height: 100%; height: 100%;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2); text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
} }
/* line 147, ../src/main.scss */ /* line 162, ../src/main.scss */
nav ul li span.active { nav ul li span.active {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
/* line 150, ../src/main.scss */ /* line 165, ../src/main.scss */
nav ul li a { nav ul li a {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
/* line 152, ../src/main.scss */ /* line 167, ../src/main.scss */
nav ul li a:hover { nav ul li a:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* line 161, ../src/main.scss */ /* line 176, ../src/main.scss */
header #choixrss, header #choixlang { header #choixrss, header #choixlang {
display: block; display: block;
margin-right: 0px; margin-right: 0px;
@ -137,7 +193,7 @@ header #choixrss, header #choixlang {
border-left: solid 1px rgba(255, 255, 255, 0.1); border-left: solid 1px rgba(255, 255, 255, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.2); border-right: solid 1px rgba(0, 0, 0, 0.2);
} }
/* line 172, ../src/main.scss */ /* line 187, ../src/main.scss */
header #choixrss a, header #choixlang a { header #choixrss a, header #choixlang a {
color: #bcd0ee; color: #bcd0ee;
display: block; display: block;
@ -146,13 +202,13 @@ header #choixrss a, header #choixlang a {
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
text-align: center; text-align: center;
} }
/* line 180, ../src/main.scss */ /* line 195, ../src/main.scss */
header #choixrss a:hover, header #choixlang a:hover { header #choixrss a:hover, header #choixlang a:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* line 187, ../src/main.scss */ /* line 202, ../src/main.scss */
nav ul li a:hover, #choixlang a:hover, #choixrss a:hover { nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
-moz-box-shadow: #333377 0 0 8px inset; -moz-box-shadow: #333377 0 0 8px inset;
-webkit-box-shadow: #333377 0 0 8px inset; -webkit-box-shadow: #333377 0 0 8px inset;
@ -160,12 +216,12 @@ nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
box-shadow: #333377 0 0 8px inset; box-shadow: #333377 0 0 8px inset;
} }
/* line 192, ../src/main.scss */ /* line 207, ../src/main.scss */
#main, #container { #main, #container {
margin: 0px auto; margin: 0px auto;
} }
/* line 196, ../src/main.scss */ /* line 211, ../src/main.scss */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'Expletus Sans',Futura,sans-serif; font-family: 'Expletus Sans',Futura,sans-serif;
text-shadow: 0px -1px 0px #223366, 0px 1px 0px white; text-shadow: 0px -1px 0px #223366, 0px 1px 0px white;
@ -174,12 +230,12 @@ h1, h2, h3, h4, h5, h6 {
margin: 48px 0; margin: 48px 0;
text-align: center; text-align: center;
} }
/* line 205, ../src/main.scss */ /* line 220, ../src/main.scss */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-shadow: 0px -1px 0px #441111, 0px 1px 0px white; text-shadow: 0px -1px 0px #441111, 0px 1px 0px white;
} }
/* line 211, ../src/main.scss */ /* line 226, ../src/main.scss */
article article { article article {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -192,6 +248,7 @@ article article {
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
margin: 24px 0;
} }
/* line 40, ../src/main.scss */ /* line 40, ../src/main.scss */
article article > * { article article > * {
@ -201,13 +258,13 @@ article article > * {
article article:hover { article article:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 213, ../src/main.scss */ /* line 228, ../src/main.scss */
article article .date { article article .date {
float: right; float: right;
padding: 0; padding: 0;
margin: 20px; margin: 20px;
} }
/* line 214, ../src/main.scss */ /* line 230, ../src/main.scss */
article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 { article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 {
text-align: left; text-align: left;
font-size: 36px; font-size: 36px;
@ -215,17 +272,17 @@ article article h1, article article h2, article article h3, article article h4,
margin: 0 0 16px; margin: 0 0 16px;
} }
/* line 222, ../src/main.scss */ /* line 238, ../src/main.scss */
.intro { .intro {
margin-bottom: 24px; margin-bottom: 24px;
} }
/* line 226, ../src/main.scss */ /* line 242, ../src/main.scss */
.sc { .sc {
font-variant: small-caps; font-variant: small-caps;
} }
/* line 230, ../src/main.scss */ /* line 246, ../src/main.scss */
.block { .block {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -253,29 +310,29 @@ article article h1, article article h2, article article h3, article article h4,
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 234, ../src/main.scss */ /* line 250, ../src/main.scss */
.block h3 { .block h3 {
text-size: .6em; text-size: .6em;
text-align: left; text-align: left;
margin: 0 0 12px; margin: 0 0 12px;
} }
/* line 243, ../src/main.scss */ /* line 259, ../src/main.scss */
.right { .right {
float: right; float: right;
} }
/* line 246, ../src/main.scss */ /* line 262, ../src/main.scss */
.left { .left {
float: left; float: left;
} }
/* line 249, ../src/main.scss */ /* line 265, ../src/main.scss */
.flush { .flush {
clear: both; clear: both;
} }
/* line 252, ../src/main.scss */ /* line 268, ../src/main.scss */
.slideshow { .slideshow {
background: #88aadd; background: #88aadd;
color: #fafafa; color: #fafafa;
@ -297,12 +354,12 @@ article article h1, article article h2, article article h3, article article h4,
.slideshow > * { .slideshow > * {
margin: 20px; margin: 20px;
} }
/* line 254, ../src/main.scss */ /* line 270, ../src/main.scss */
.slideshow > * { .slideshow > * {
padding: 3em; padding: 3em;
} }
/* line 259, ../src/main.scss */ /* line 275, ../src/main.scss */
.date { .date {
font-size: 0.8em; font-size: 0.8em;
border: 1px solid #7689a6; border: 1px solid #7689a6;
@ -313,18 +370,18 @@ article article h1, article article h2, article article h3, article article h4,
vertical-align: middle; vertical-align: middle;
margin-right: 1em; margin-right: 1em;
} }
/* line 268, ../src/main.scss */ /* line 284, ../src/main.scss */
.date .day, .date .month, .date .year { .date .day, .date .month, .date .year {
display: block; display: block;
} }
/* line 271, ../src/main.scss */ /* line 287, ../src/main.scss */
.date .day { .date .day {
float: left; float: left;
width: 1.7em; width: 1.7em;
background: #a9c5ee; background: #a9c5ee;
color: #2c5490; color: #2c5490;
} }
/* line 277, ../src/main.scss */ /* line 293, ../src/main.scss */
.date .month { .date .month {
float: right; float: right;
width: 2.3em; width: 2.3em;
@ -332,7 +389,7 @@ article article h1, article article h2, article article h3, article article h4,
background: #2c5490; background: #2c5490;
border-left: 1px solid #88aadd; border-left: 1px solid #88aadd;
} }
/* line 284, ../src/main.scss */ /* line 300, ../src/main.scss */
.date .year { .date .year {
line-height: 3ex; line-height: 3ex;
clear: both; clear: both;
@ -341,7 +398,7 @@ article article h1, article article h2, article article h3, article article h4,
border-top: 1px solid #223366; border-top: 1px solid #223366;
} }
/* line 294, ../src/main.scss */ /* line 310, ../src/main.scss */
.archive { .archive {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -357,27 +414,27 @@ article article h1, article article h2, article article h3, article article h4,
padding: 2em; padding: 2em;
} }
/* line 300, ../src/main.scss */ /* line 316, ../src/main.scss */
.tag { .tag {
cursor: pointer; cursor: pointer;
} }
/* line 303, ../src/main.scss */ /* line 319, ../src/main.scss */
.nicer { .nicer {
font-family: "Lucida Grande", Tahoma; font-family: "Lucida Grande", Tahoma;
} }
/* line 308, ../src/main.scss */ /* line 324, ../src/main.scss */
#elementblock ul { #elementblock ul {
list-style-type: none; list-style-type: none;
} }
/* line 310, ../src/main.scss */ /* line 326, ../src/main.scss */
#elementblock ul li { #elementblock ul li {
display: inline-block; display: inline-block;
width: 252px; width: 252px;
margin-right: 24px; margin-right: 24px;
} }
/* line 313, ../src/main.scss */ /* line 329, ../src/main.scss */
#elementblock ul li a { #elementblock ul li a {
float: left; float: left;
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
@ -395,12 +452,12 @@ article article h1, article article h2, article article h3, article article h4,
text-align: center; text-align: center;
width: 80%; width: 80%;
} }
/* line 322, ../src/main.scss */ /* line 338, ../src/main.scss */
#elementblock ul li a:hover { #elementblock ul li a:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 329, ../src/main.scss */ /* line 345, ../src/main.scss */
.return { .return {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -425,33 +482,16 @@ article article h1, article article h2, article article h3, article article h4,
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 335, ../src/main.scss */ /* line 352, ../src/main.scss */
article footer { #related_articles #previous_articles {
width: 252px; width: 344px;
margin-right: 24px; margin-right: 24px;
background-color: rgba(0, 0, 0, 0.02); float: left;
-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;
font-size: .7em;
opacity: .6;
} }
/* line 40, ../src/main.scss */ /* line 356, ../src/main.scss */
article footer > * { #related_articles #next_articles {
padding: 20px; float: right;
} text-align: right;
/* line 43, ../src/main.scss */ width: 344px;
article footer:hover { margin-right: 24px;
background-color: rgba(0, 0, 0, 0.05);
}
/* line 340, ../src/main.scss */
article footer ul {
list-style-type: none;
} }

34
site/src/main.scss
View file

@ -82,6 +82,16 @@ a:hover {
color: $hoverColor; color: $hoverColor;
} }
img {
max-width: 100%; }
article {
img {
@include innerblock();
padding: 15px;
@include column(4);
}
}
.corps { .corps {
margin: 48px 0; margin: 48px 0;
line-height: 32px; line-height: 32px;
@ -114,11 +124,16 @@ body > footer {
} }
article > footer { article > footer {
color: $mainColor;
margin: 48px 0; margin: 48px 0;
ul { ul {
list-style-type: none; list-style-type: none;
} }
@include column(3);
@include innerblock;
font-size: .7em;
ul {
list-style-type: none;
}
} }
$menuItemWidth: 8em; $menuItemWidth: 8em;
@ -211,6 +226,7 @@ h1, h2, h3, h4, h5, h6 {
article article { article article {
@include innerblock(); @include innerblock();
.date { float: right; padding: 0; margin: 20px; } .date { float: right; padding: 0; margin: 20px; }
margin: 24px 0;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-align: left; text-align: left;
font-size: 36px; font-size: 36px;
@ -332,12 +348,14 @@ article article {
margin: 1em 0; margin: 1em 0;
} }
article footer { #related_articles {
@include column(3); #previous_articles {
@include innerblock; @include column(4);
font-size: .7em; float: left;
opacity: .6; }
ul { #next_articles {
list-style-type: none; float: right;
text-align: right;
@include column(4);
} }
} }

2
tasks/new_blog_entry
View file

@ -22,7 +22,7 @@ yearmonthday=$( date "+%Y-%m-%d" )
linkname="$root/latest.md" linkname="$root/latest.md"
filename="$root/multi/blog/${yearmonthday}-$basefilename.md" filename="$root/multi/blog/${yearmonthday}-$basefilename.md"
[[ ! -d ${filename:h} ]] && mkdir -p ${filename:h} [[ ! -d ${filename:h} ]] && mkdir -p ${filename:h}
dirname="$root/output/Scratch/img/blog/${yearmonthday}-${basefilename}" dirname="$root/site/img/blog/${yearmonthday}-${basefilename}"
[[ -e $filename ]] && { [[ -e $filename ]] && {
print -P -- "%BAttention%b : $filename existe déjà." print -P -- "%BAttention%b : $filename existe déjà."