/
index.html
38 lines (35 loc) · 1.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
---
layout: home
---
<div class="index-content blog">
<div class="section">
<div class="cate-bar">
<a href="{{ site.myblog.linkedin }}"><i class="icon-linkedin-sign icon-large"></i><span> Profile</span></a>
<a href="{{ site.myblog.github }}"><i class="icon-github icon-large"></i><span> Code</span></a>
<a href="{{ site.myblog.email }}"><i class="icon-envelope icon-large"></i><span> Mail</span></a>
<a class="hide-phone" href="http://litaotao.github.io/resume" target="_blank"><i class="icon-edit-sign icon-large"></i><span> Resume</span></a>
</div>
<ul class="artical-list">
{% for post in site.posts %}
<li><div class="title-date">{{ post.date | date:"%Y-%m-%d" }}</div>
<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
<div class="title-desc">{{ post.description }}</div>
</li>
{% endfor %}
</ul>
</div>
<script>
$(function() {
function geturl() {
var all = [ {{ site.myblog.coverimgs }} ];
return all[Math.floor((Math.random()*all.length))];
}
$('div#avatar').transition({ scale: 2.5 }).transition({ opacity: 1, scale: 1 }, 800, 'ease');
});
</script>
<div class="aside">
<div id="avatar" class="avatar circle" style="width: 150px; height: 150px; position: absolute; right: -75px; top: 75px; opacity: 0;">
<div class="center circle" style="margin-top: 4px; height: 142px; width: 142px; background-image: url('images/2.jpg')"></div>
</div>
</div>
</div>