Permalink
Browse files

Add various CSS tweaks

  • Loading branch information...
1 parent c9f5d42 commit 126eb657669b62afe57b9d3fb92d0af094f54f0d @remiprev committed Mar 5, 2012
Showing with 67 additions and 44 deletions.
  1. +1 −1 _layouts/post.html
  2. +3 −3 _posts/2012-03-05-rails-github-et-egor.mkd
  3. +58 −40 css/screen.css
  4. +5 −0 index.html
View
@@ -9,6 +9,6 @@ <h1>{{ page.titre }}</h1>
{{ content }}
</div>
<div class="article-meta">
- Cette note a été publiée le {{ page.date | date:"%Y-%m-%d" }} par Rémi Prévost. Vous pouvez lui faire part de par courriel à <code>remi</code> suivi du symbole habituel puis de <code>exomel.com</code>. Vous devriez également le suivre sur Twitter via <a href="http://twitter.com/remi">@remi</a>.
+ Cette note a été publiée le {{ page.date | date:"%e %B %Y" }} par <a href="http://exomel.com">Rémi Prévost</a>. Vous pouvez lui faire part de par courriel à <code>remi</code> suivi du symbole habituel puis de <code>exomel.com</code>. Vous devriez également le suivre sur Twitter via <a href="http://twitter.com/remi">@remi</a>.
</div>
</article>
@@ -39,11 +39,11 @@ Voici la technique que j’utilise dans mes contrôleurs :
{% highlight ruby %}
def create
- @book = current_user.books.create({
+ @book = current_user.books.create({
:title => params[:book][:title],
:lang => params[:book][:lang]
- })
+ })
end
{% endhighlight %}
-
+
Il y a beaucoup d’autres techniques qui permettent de faire la même chose (en évitant de se répéter…) mais avec ça, on s’assure que chaque action traite uniquement les paramètres auxquels on s’attend de recevoir.
View
@@ -16,7 +16,7 @@ html {
body {
font-family: Lato, Arial, Verdana, sans-serif;
font-size: 145%;
- line-height: 1.45;
+ line-height: 1.55;
color: #000;
background: #fff;
position: relative;
@@ -68,7 +68,7 @@ header {
header a {
text-decoration: none;
- color: rgba(0,0,0,0.9);
+ color: #2D2B4E;
}
header p {
@@ -93,7 +93,7 @@ header .main strong em {
header .main span {
margin: 0;
font-size: 110%;
- color: rgba(0,0,0,0.75);
+ color: rgba(45, 43, 78, 0.75);
}
footer {
@@ -139,12 +139,21 @@ body.template-single article .article-content {
font-size: 120%;
}
+body.template-single article .article-content a {
+ color: #4D4376;
+}
+
body.template-single article .article-meta {
border-top: 1px solid #eee;
font-size: 90%;
- margin: 2em 0 0 0;
- padding: 20px 0 10px 0;
+ margin: 25px 0 0 0;
+ padding: 20px 0 0 0;
color: rgba(0,0,0,0.6);
+ line-height: 1.7;
+}
+
+body.template-single article .article-meta code {
+ font-size: 9pt;
}
body.template-single article .article-content h2 {
@@ -166,30 +175,39 @@ body.template-single article .article-content h4 {
}
body.template-home article {
- padding: 10px 0;
+ padding: 8px 0;
}
body.template-home article h1 {
font-size: 125%;
- margin: 0 0 0.2em;
+ line-height: 1.4;
+ display: block;
+ margin: 0 0 0 120px;
}
-body.template-home article h1 time {
- font-weight: normal;
- font-size: 70%;
- margin: 0 0 0 4px;
- color: rgba(0,0,0,0.3);
+body.template-home article time {
+ float: left;
+ margin: 0;
}
body.template-home article h1 a {
- color: #000;
+ color: #2D2B4E;
}
body.template-home article .article-excerpt {
font-size: 110%;
line-height: 1.5;
}
+body.template-home .site-meta {
+ border-top: 1px solid #eee;
+ font-size: 90%;
+ margin: 25px 0 0 0;
+ padding: 20px 0 0 0;
+ color: rgba(0,0,0,0.6);
+ line-height: 1.7;
+}
+
.article-content .highlight {
background: #fafafa;
font-size: 10pt;
@@ -304,55 +322,55 @@ article time {
.highlight .c { color: #8f5902; font-style: italic } /* Comment */
.highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
.highlight .g { color: #000000 } /* Generic */
-.highlight .k { color: #204a87; font-weight: bold } /* Keyword */
+.highlight .k { color: #204a87 } /* Keyword */
.highlight .l { color: #000000 } /* Literal */
.highlight .n { color: #000000 } /* Name */
-.highlight .o { color: #ce5c00; font-weight: bold } /* Operator */
+.highlight .o { color: #ce5c00 } /* Operator */
.highlight .x { color: #000000 } /* Other */
-.highlight .p { color: #000000; font-weight: bold } /* Punctuation */
-.highlight .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
-.highlight .c1 { color: #8f5902; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #8f5902; font-style: italic } /* Comment.Special */
+.highlight .p { color: #000000 } /* Punctuation */
+.highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-style: italic } /* Comment.Special */
.highlight .gd { color: #a40000 } /* Generic.Deleted */
.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #ef2929 } /* Generic.Error */
-.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gh { color: #000080 } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #000000; font-style: italic } /* Generic.Output */
.highlight .gp { color: #8f5902 } /* Generic.Prompt */
-.highlight .gs { color: #000000; font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
-.highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #204a87; font-weight: bold } /* Keyword.Type */
+.highlight .gs { color: #000000 } /* Generic.Strong */
+.highlight .gu { color: #800080 } /* Generic.Subheading */
+.highlight .gt { color: #a40000 } /* Generic.Traceback */
+.highlight .kc { color: #204a87 } /* Keyword.Constant */
+.highlight .kd { color: #204a87 } /* Keyword.Declaration */
+.highlight .kn { color: #204a87 } /* Keyword.Namespace */
+.highlight .kp { color: #204a87 } /* Keyword.Pseudo */
+.highlight .kr { color: #204a87 } /* Keyword.Reserved */
+.highlight .kt { color: #204a87 } /* Keyword.Type */
.highlight .ld { color: #000000 } /* Literal.Date */
-.highlight .m { color: #0000cf; font-weight: bold } /* Literal.Number */
+.highlight .m { color: #0000cf } /* Literal.Number */
.highlight .s { color: #4e9a06 } /* Literal.String */
.highlight .na { color: #c4a000 } /* Name.Attribute */
.highlight .nb { color: #204a87 } /* Name.Builtin */
.highlight .nc { color: #000000 } /* Name.Class */
.highlight .no { color: #000000 } /* Name.Constant */
-.highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
+.highlight .nd { color: #5c35cc } /* Name.Decorator */
.highlight .ni { color: #ce5c00 } /* Name.Entity */
-.highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
+.highlight .ne { color: #cc0000 } /* Name.Exception */
.highlight .nf { color: #000000 } /* Name.Function */
.highlight .nl { color: #f57900 } /* Name.Label */
.highlight .nn { color: #000000 } /* Name.Namespace */
.highlight .nx { color: #000000 } /* Name.Other */
.highlight .py { color: #000000 } /* Name.Property */
-.highlight .nt { color: #204a87; font-weight: bold } /* Name.Tag */
+.highlight .nt { color: #204a87 } /* Name.Tag */
.highlight .nv { color: #000000 } /* Name.Variable */
-.highlight .ow { color: #204a87; font-weight: bold } /* Operator.Word */
+.highlight .ow { color: #204a87 } /* Operator.Word */
.highlight .w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */
-.highlight .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
-.highlight .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
-.highlight .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
-.highlight .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
+.highlight .mf { color: #0000cf } /* Literal.Number.Float */
+.highlight .mh { color: #0000cf } /* Literal.Number.Hex */
+.highlight .mi { color: #0000cf } /* Literal.Number.Integer */
+.highlight .mo { color: #0000cf } /* Literal.Number.Oct */
.highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */
.highlight .sc { color: #4e9a06 } /* Literal.String.Char */
.highlight .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
@@ -368,6 +386,6 @@ article time {
.highlight .vc { color: #000000 } /* Name.Variable.Class */
.highlight .vg { color: #000000 } /* Name.Variable.Global */
.highlight .vi { color: #000000 } /* Name.Variable.Instance */
-.highlight .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */
+.highlight .il { color: #0000cf } /* Literal.Number.Integer.Long */
/* }}} */
View
@@ -5,8 +5,13 @@
---
{% for post in site.posts %}
<article>
+ <time>{{ post.date | date_to_string }}</time>
<h1>
<a href="{{ post.url }}">{{ post.titre }}</a>
</h1>
</article>
{% endfor %}
+
+ <div class="site-meta">
+ Ce site est un regroupemeent de notes écrites par <a href="http://exomel.com">Rémi Prévost</a>, un développeur Web habitant la ville de Québec au Canada.
+ </div>

0 comments on commit 126eb65

Please sign in to comment.