Change sidebar link format, add FontAwesome icons
diff --git a/static/css/style.less b/static/css/style.less
index 59b17b0..775b392 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -58,14 +58,17 @@
list-style-type: none;
li {
- display: inline;
- line-height: 3em;
+ display: block;
+ line-height: 2em;
a {
- padding: 5px 15px 5px 15px;
- border: 3px solid @light-grey;
- .border-radius(15px);
- color: @med-grey;
+ i {
+ padding: 0px 0px 0px 10px;
+ color: @black;
+ //width: 35px;
+ text-align: center;
+ vertical-align: middle;
+ }
}
}
}
diff --git a/templates/base.html b/templates/base.html
index 6f4a820..d02f1b5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,10 +4,10 @@
<head>
<link rel="stylesheet/less" type="text/css" href="{{ SITEURL }}/theme/css/style.less">
<script src="{{ SITEURL }}/theme/js/less-1.5.0.min.js" type="text/javascript"></script>
- <!-- <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css"> -->
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/pygments.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans|PT+Serif|PT+Mono">
+ <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -54,7 +54,7 @@
<li><a href="{{ link }}" target="_blank">{{ name }}</a></li>
{% endfor %}
{% for name, link in SOCIAL %}
- <li><a href="{{ link }}" target="_blank">{{ name }}</a></li>
+ <li><a href="{{ link }}" target="_blank">{{ name }}<i class="fa fa-{{ name|lower|replace('email', 'envelope')|replace('\255', '-')|replace('+', 'plus')}} fa-lg"></i></a></li>
{% endfor %}
</ul>
</div>