From 87c22899c667ac81f9628dd7079a530cb9b6e465 Mon Sep 17 00:00:00 2001
From: Manuel Ebert <manuel.ebert@upf.edu>
Date: Thu, 24 May 2012 18:45:26 +0200
Subject: [PATCH] Changes [Fixed] and [Improved] Strings to tags

---
 bake.sh      |  3 +++
 css/jrnl.css | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/bake.sh b/bake.sh
index a906043e..48a2ea0e 100755
--- a/bake.sh
+++ b/bake.sh
@@ -3,6 +3,9 @@ git checkout master README.md
 git checkout master CHANGELOG.md
 markdown2 README.md > tmp_readme
 markdown2 CHANGELOG.md > tmp_log
+sed -i 's/<li>\[/<li class="badge">\[/g' tmp_log
+sed -i 's/\[Fixed\]/<span class="change-fixed">Fixed<\/span>/g' tmp_log
+sed -i 's/\[Improved\]/<span class="change-improved">Improved<\/span>/g' tmp_log
 cat templates/header.html tmp_readme tmp_log templates/footer.html > index.html
 rm tmp_readme tmp_log
 git add index.html
diff --git a/css/jrnl.css b/css/jrnl.css
index fc047a33..21e1dd3b 100644
--- a/css/jrnl.css
+++ b/css/jrnl.css
@@ -8,6 +8,49 @@ body {
     background-image: radial-gradient(center top, circle closest-corner, #FFFFFF 30%, #E6EBED 100%);
 }
 
+li.badge {
+    list-style: none;
+}
+
+.change-fixed {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+    background-color: #97B931;
+    box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
+    -webkit-box-shadow: inset 0px 1px 0px  rgba(255,255,255,.5);
+    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
+    -o-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
+    padding: 2px 5px;
+    color: white;
+    text-shadow: 0px 1px 0px rgba(0,0,0,.3);
+    font-weight: bold;
+    font-family: "Maven Pro", "Junction", "Helvetica Neue", Helvetica, Sans;
+    font-size: 10pt;
+    margin-right: 5px;
+}
+
+.change-improved {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+    background-color: #4787C9;
+    box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
+    -webkit-box-shadow: inset 0px 1px 0px  rgba(255,255,255,.5);
+    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
+    -o-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);  
+    padding: 2px 5px;
+    color: white;
+    text-shadow: 0px 1px 0px rgba(0,0,0,.3);
+    font-weight: bold;
+    font-family: "Maven Pro", "Junction", "Helvetica Neue", Helvetica, Sans;
+    font-size: 10pt;
+    margin-right: 5px;
+}
+
+
 .leftlogo {
     width: 128px;
     height: 168px;